From 6e93b760890e85673508ea06007eddba3b981e47 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 28 Feb 2021 14:29:06 +0100
Subject: [PATCH 001/128] Fixed linux client start crash when opening too many
 devices

---
 shared/js/settings.ts                         |  7 +-
 shared/js/ui/modal/settings/Microphone.tsx    | 87 +++++++++++++++----
 .../ui/modal/settings/MicrophoneRenderer.tsx  |  1 +
 3 files changed, 75 insertions(+), 20 deletions(-)

diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index df36f6ef..6718b196 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -1,4 +1,3 @@
-import * as log from "./log";
 import {LogCategory, logError, logTrace} from "./log";
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
@@ -773,6 +772,12 @@ export class Settings {
         valueType: "boolean",
     };
 
+    static readonly KEY_MICROPHONE_LEVEL_INDICATOR: RegistryKey<boolean> = {
+        key: "microphone_level_indicator",
+        description: "Enable/disable the microphone level indicator when opening the microphone settings. The default is true, except for the linux native client.",
+        valueType: "boolean",
+    };
+
     static readonly FN_LOG_ENABLED: (category: string) => RegistryKey<boolean> = category => {
         return {
             key: "log." + category.toLowerCase() + ".enabled",
diff --git a/shared/js/ui/modal/settings/Microphone.tsx b/shared/js/ui/modal/settings/Microphone.tsx
index 1fe07c87..313c3fa5 100644
--- a/shared/js/ui/modal/settings/Microphone.tsx
+++ b/shared/js/ui/modal/settings/Microphone.tsx
@@ -6,6 +6,8 @@ import {LogCategory, logTrace, logWarn} from "tc-shared/log";
 import {defaultRecorder} from "tc-shared/voice/RecorderProfile";
 import {DeviceListState, getRecorderBackend, IDevice} from "tc-shared/audio/recorder";
 import {Settings, settings} from "tc-shared/settings";
+import {getBackend} from "tc-shared/backend";
+import * as _ from "lodash";
 
 export type MicrophoneSetting =
     "volume"
@@ -48,8 +50,6 @@ export interface MicrophoneSettingsEvents {
     "action_request_permissions": {},
     "action_set_selected_device": { target: SelectedMicrophone },
     "action_set_selected_device_result": {
-        status: "success",
-    } | {
         status: "error",
         reason: string
     },
@@ -96,6 +96,7 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
         const levelMeterInitializePromises: { [key: string]: Promise<LevelMeter> } = {};
         const deviceLevelInfo: { [key: string]: any } = {};
         let deviceLevelUpdateTask;
+        let selectedDevice: SelectedMicrophone = { type: "none" };
 
         const destroyLevelIndicators = () => {
             Object.keys(levelMeterInitializePromises).forEach(e => {
@@ -110,39 +111,77 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
         const updateLevelMeter = () => {
             destroyLevelIndicators();
 
+            let levelMeterEnabled;
+            {
+                let defaultValue = true;
+                if(__build.target === "client" && getBackend("native").getVersionInfo().os_platform === "linux") {
+                    defaultValue = false;
+                }
+
+                levelMeterEnabled = settings.getValue(Settings.KEY_MICROPHONE_LEVEL_INDICATOR, defaultValue);
+            }
             deviceLevelInfo["none"] = {deviceId: "none", status: "success", level: 0};
 
+            const defaultDeviceId = recorderBackend.getDeviceList().getDefaultDeviceId();
             for (const device of recorderBackend.getDeviceList().getDevices()) {
-                let promise = recorderBackend.createLevelMeter(device).then(meter => {
-                    meter.setObserver(level => {
+                let createLevelMeter;
+                if(!levelMeterEnabled) {
+                    switch (selectedDevice.type) {
+                        case "default":
+                            createLevelMeter = device.deviceId == defaultDeviceId;
+                            break;
+
+                        case "device":
+                            createLevelMeter = device.deviceId == selectedDevice.deviceId;
+                            break;
+
+                        case "none":
+                            createLevelMeter = false;
+                            break;
+                    }
+                } else {
+                    createLevelMeter = true;
+                }
+
+                if(createLevelMeter) {
+                    let promise = recorderBackend.createLevelMeter(device).then(meter => {
+                        meter.setObserver(level => {
+                            if (levelMeterInitializePromises[device.deviceId] !== promise) {
+                                /* old level meter */
+                                return;
+                            }
+
+                            deviceLevelInfo[device.deviceId] = {
+                                deviceId: device.deviceId,
+                                status: "success",
+                                level: level
+                            };
+                        });
+                        return Promise.resolve(meter);
+                    }).catch(error => {
                         if (levelMeterInitializePromises[device.deviceId] !== promise) {
                             /* old level meter */
                             return;
                         }
-
                         deviceLevelInfo[device.deviceId] = {
                             deviceId: device.deviceId,
-                            status: "success",
-                            level: level
+                            status: "error",
+
+                            error: error
                         };
+
+                        logWarn(LogCategory.AUDIO, tr("Failed to initialize a level meter for device %s (%s): %o"), device.deviceId, device.driver + ":" + device.name, error);
+                        return Promise.reject(error);
                     });
-                    return Promise.resolve(meter);
-                }).catch(error => {
-                    if (levelMeterInitializePromises[device.deviceId] !== promise) {
-                        /* old level meter */
-                        return;
-                    }
+                    levelMeterInitializePromises[device.deviceId] = promise;
+                } else {
                     deviceLevelInfo[device.deviceId] = {
                         deviceId: device.deviceId,
                         status: "error",
 
-                        error: error
+                        error: tr("level meter disabled")
                     };
-
-                    logWarn(LogCategory.AUDIO, tr("Failed to initialize a level meter for device %s (%s): %o"), device.deviceId, device.driver + ":" + device.name, error);
-                    return Promise.reject(error);
-                });
-                levelMeterInitializePromises[device.deviceId] = promise;
+                }
             }
         };
 
@@ -160,6 +199,7 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
                 return;
             }
 
+            selectedDevice = event.selectedDevice;
             updateLevelMeter();
         });
 
@@ -167,6 +207,15 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
             destroyLevelIndicators();
             clearInterval(deviceLevelUpdateTask);
         });
+
+        events.on("notify_device_selected", event => {
+            if(_.isEqual(selectedDevice, event.device)) {
+                return;
+            }
+
+            selectedDevice = event.device;
+            updateLevelMeter();
+        });
     }
 
     /* device list */
diff --git a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
index c264d12b..6837513e 100644
--- a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
+++ b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
@@ -52,6 +52,7 @@ const ActivityBar = (props: { events: Registry<MicrophoneSettingsEvents>, device
     }
 
     props.events.reactUse("notify_device_level", event => {
+        refHider.current.style.width = "100%";
         if (event.status === "uninitialized") {
             if (status.mode === "uninitialized") {
                 return;

From f0a79f52bac611c4e9d6a0dd5bbddf4f33c848c0 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 1 Mar 2021 15:21:59 +0100
Subject: [PATCH 002/128] Fixed microphone attack/release smooth for the native
 client and made it actually adjustable

---
 shared/js/settings.ts                      | 19 +++++++++++++++++++
 shared/js/ui/modal/settings/Microphone.tsx |  1 +
 shared/js/voice/RecorderProfile.ts         | 13 ++++++++++---
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index 6718b196..bf3c4a6d 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -778,6 +778,25 @@ export class Settings {
         valueType: "boolean",
     };
 
+    static readonly KEY_MICROPHONE_THRESHOLD_ATTACK_SMOOTH: ValuedRegistryKey<number> = {
+        key: "microphone_threshold_attack_smooth",
+        valueType: "number",
+        defaultValue: .25
+    };
+
+    static readonly KEY_MICROPHONE_THRESHOLD_RELEASE_SMOOTH: ValuedRegistryKey<number> = {
+        key: "microphone_threshold_release_smooth",
+        valueType: "number",
+        defaultValue: .9
+
+    };
+    static readonly KEY_MICROPHONE_THRESHOLD_RELEASE_DELAY: ValuedRegistryKey<number> = {
+        key: "microphone_threshold_release_delay",
+        valueType: "number",
+        description: "Delay for the client to cut of the audio in ms.",
+        defaultValue: 500
+    };
+
     static readonly FN_LOG_ENABLED: (category: string) => RegistryKey<boolean> = category => {
         return {
             key: "log." + category.toLowerCase() + ".enabled",
diff --git a/shared/js/ui/modal/settings/Microphone.tsx b/shared/js/ui/modal/settings/Microphone.tsx
index 313c3fa5..75f765d9 100644
--- a/shared/js/ui/modal/settings/Microphone.tsx
+++ b/shared/js/ui/modal/settings/Microphone.tsx
@@ -115,6 +115,7 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
             {
                 let defaultValue = true;
                 if(__build.target === "client" && getBackend("native").getVersionInfo().os_platform === "linux") {
+                    /* The linux client crashes when it fails to open an alsa stream due too many opened streams */
                     defaultValue = false;
                 }
 
diff --git a/shared/js/voice/RecorderProfile.ts b/shared/js/voice/RecorderProfile.ts
index adc1596f..70edabe7 100644
--- a/shared/js/voice/RecorderProfile.ts
+++ b/shared/js/voice/RecorderProfile.ts
@@ -236,9 +236,16 @@ export class RecorderProfile {
             filter.setEnabled(true);
             filter.setThreshold(this.config.vad_threshold.threshold);
 
-            filter.setMarginFrames(10); /* 500ms */
-            filter.setAttackSmooth(.25);
-            filter.setReleaseSmooth(.9);
+            const releaseDelayMs = settings.getValue(Settings.KEY_MICROPHONE_THRESHOLD_RELEASE_DELAY);
+            if(__build.target === "web") {
+                /* One frame is 20ms */
+                filter.setMarginFrames(Math.ceil(releaseDelayMs / 20));
+            } else {
+                /* the client calculates it wrongly... */
+                filter.setMarginFrames(releaseDelayMs * 960);
+            }
+            filter.setAttackSmooth(settings.getValue(Settings.KEY_MICROPHONE_THRESHOLD_ATTACK_SMOOTH));
+            filter.setReleaseSmooth(settings.getValue(Settings.KEY_MICROPHONE_THRESHOLD_RELEASE_SMOOTH));
         } else if(this.config.vad_type === "push_to_talk") {
             const filter = this.registeredFilter["ppt-gate"];
             filter.setEnabled(true);

From ea79d9d6a4e1e422535df8438b8596e98dec3486 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 11 Mar 2021 14:37:57 +0100
Subject: [PATCH 003/128] Some minor cleanups

---
 shared/js/ui/frames/video/Controller.ts | 7 -------
 shared/js/ui/frames/video/Renderer.tsx  | 2 +-
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index a901142c..4a15bd57 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -337,13 +337,6 @@ class LocalVideoController extends RemoteClientVideoController {
                 }
         }
     }
-
-    /*
-    protected getBroadcastStream(target: VideoBroadcastType) : MediaStream | undefined {
-        const videoConnection = this.client.channelTree.client.serverConnection.getVideoConnection();
-        return videoConnection.getBroadcastingSource(target)?.getStream();
-    }
-    */
 }
 
 class ChannelVideoController {
diff --git a/shared/js/ui/frames/video/Renderer.tsx b/shared/js/ui/frames/video/Renderer.tsx
index ad3c09a2..83555141 100644
--- a/shared/js/ui/frames/video/Renderer.tsx
+++ b/shared/js/ui/frames/video/Renderer.tsx
@@ -163,7 +163,7 @@ const VideoGeneralAvailableRenderer = (props: { videoId: string, haveScreen: boo
     const events = useContext(EventContext);
 
     const subscribeInfo = useContext(SubscribeContext);
-    if(props.haveCamera && canSubscribe(subscribeInfo, "camera") || props.haveScreen && canSubscribe(subscribeInfo, "screen")) {
+    if((props.haveCamera && canSubscribe(subscribeInfo, "camera")) || (props.haveScreen && canSubscribe(subscribeInfo, "screen"))) {
         return (
             <div className={cssStyle.text + " " + props.className} key={"video-muted"}>
                 <div className={cssStyle.videoAvailable}>

From 4394d36383a6e80e7612f9a4decb24156e3e6bec Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Fri, 12 Mar 2021 17:46:27 +0100
Subject: [PATCH 004/128] Adding the new video spotlight mode

---
 ChangeLog.md                                  |   4 +
 package-lock.json                             |  48 +++
 package.json                                  |   2 +
 shared/js/proto.ts                            |  20 +-
 shared/js/settings.ts                         |   7 +
 shared/js/ui/AppRenderer.tsx                  |  33 --
 shared/js/ui/frames/video/Controller.ts       |  31 +-
 shared/js/ui/frames/video/Definitions.ts      |   8 +-
 shared/js/ui/frames/video/Renderer.scss       |  70 +++-
 shared/js/ui/frames/video/Renderer.tsx        |  99 ++---
 .../js/ui/frames/video/RendererSpotlight.tsx  | 359 ++++++++++++++++++
 shared/js/ui/react-elements/ErrorBoundary.tsx |   2 +-
 shared/js/ui/react-elements/FontSize.tsx      |  39 ++
 web/app/audio/Recorder.ts                     |   1 -
 web/app/audio/sounds.ts                       |   1 -
 15 files changed, 611 insertions(+), 113 deletions(-)
 create mode 100644 shared/js/ui/frames/video/RendererSpotlight.tsx
 create mode 100644 shared/js/ui/react-elements/FontSize.tsx

diff --git a/ChangeLog.md b/ChangeLog.md
index 7165537d..1e6c8bed 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,8 @@
 # Changelog:
+* **12.03.21**
+    - Added a new video spotlight mode which allows showing multiple videos at the same time as well as 
+      dragging and resizing them
+  
 * **20.02.21**
     - Improved the browser IPC module
     - Added support for client invite links
diff --git a/package-lock.json b/package-lock.json
index b7f46275..be69e8a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1529,6 +1529,14 @@
         "@types/react": "*"
       }
     },
+    "@types/react-grid-layout": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@types/react-grid-layout/-/react-grid-layout-1.1.1.tgz",
+      "integrity": "sha512-bvPkITzwGGOZKjp01nVSgPrdfGm/uTa5t8Odd8vQRXJsLj7uZLZXSXgWr+TiXBAkUsmHPxhsyswXQCiFeDuZnQ==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/react-transition-group": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.0.tgz",
@@ -4111,6 +4119,11 @@
         }
       }
     },
+    "classnames": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
+      "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
+    },
     "clean-css": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz",
@@ -9138,6 +9151,11 @@
       "integrity": "sha1-0Z9NwQlQWMzL4rDN9O4P5Ko3yGI=",
       "dev": true
     },
+    "lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha1-QVxEePK8wwEgwizhDtMib30+GOA="
+    },
     "lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -11456,11 +11474,32 @@
         "scheduler": "^0.19.1"
       }
     },
+    "react-draggable": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz",
+      "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==",
+      "requires": {
+        "classnames": "^2.2.5",
+        "prop-types": "^15.6.0"
+      }
+    },
     "react-fast-compare": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
       "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
     },
+    "react-grid-layout": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/react-grid-layout/-/react-grid-layout-1.2.2.tgz",
+      "integrity": "sha512-i5/xPkyi0llA6PCEW2B26e7pTY+JLp0zPvs6MYbbEXWaO1FWG0xr6Q/FqPrh6K86glV5ZRU7DEbvnedZVdFglg==",
+      "requires": {
+        "classnames": "2.x",
+        "lodash.isequal": "^4.0.0",
+        "prop-types": "^15.0.0",
+        "react-draggable": "^4.0.0",
+        "react-resizable": "^1.10.0"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -11478,6 +11517,15 @@
         "react-fast-compare": "^3.0.1"
       }
     },
+    "react-resizable": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-1.11.1.tgz",
+      "integrity": "sha512-S70gbLaAYqjuAd49utRHibtHLrHXInh7GuOR+6OO6RO6uleQfuBnWmZjRABfqNEx3C3Z6VPLg0/0uOYFrkfu9Q==",
+      "requires": {
+        "prop-types": "15.x",
+        "react-draggable": "^4.0.3"
+      }
+    },
     "react-transition-group": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.1.tgz",
diff --git a/package.json b/package.json
index 9a785300..4c8ac6e7 100644
--- a/package.json
+++ b/package.json
@@ -91,6 +91,7 @@
   },
   "homepage": "https://www.teaspeak.de",
   "dependencies": {
+    "@types/react-grid-layout": "^1.1.1",
     "@types/react-transition-group": "^4.4.0",
     "broadcastchannel-polyfill": "^1.0.1",
     "detect-browser": "^5.2.0",
@@ -104,6 +105,7 @@
     "moment": "^2.24.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-grid-layout": "^1.2.2",
     "react-player": "^2.5.0",
     "react-transition-group": "^4.4.1",
     "remarkable": "^2.0.1",
diff --git a/shared/js/proto.ts b/shared/js/proto.ts
index e64e2df4..c4d8d404 100644
--- a/shared/js/proto.ts
+++ b/shared/js/proto.ts
@@ -19,7 +19,19 @@ declare global {
         last?(): T;
 
         pop_front(): T | undefined;
+
+        /**
+         * @param entry The entry to toggle
+         * @returns `true` if the entry has been inserted and false if the entry has been deleted
+         */
         toggle(entry: T) : boolean;
+
+        /**
+         * @param entry The entry to toggle
+         * @param insert Whatever the entry should be in the array or not
+         * @returns `true` if the array has been modified
+         */
+        toggle(entry: T, insert: boolean);
     }
 
     interface JSON {
@@ -173,14 +185,16 @@ if (!Array.prototype.pop_front) {
 }
 
 if (!Array.prototype.toggle) {
-    Array.prototype.toggle = function<T>(element: T): boolean {
+    Array.prototype.toggle = function<T>(element: T, insert?: boolean): boolean {
         const index = this.findIndex(e => e === element);
-        if(index === -1) {
+        if((index !== -1) === insert) {
+            return false;
+        } else if(index === -1) {
             this.push(element);
             return true;
         } else {
             this.splice(index, 1);
-            return false;
+            return typeof insert === "boolean";
         }
     }
 }
diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index bf3c4a6d..0b8f6fb5 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -758,6 +758,13 @@ export class Settings {
         valueType: "boolean",
     };
 
+    static readonly KEY_VIDEO_SPOTLIGHT_MODE: ValuedRegistryKey<number> = {
+        key: "video_spotlight_mode",
+        defaultValue: 1,
+        description: "Select the video spotlight mode.\n0: Single video\n1: Video grid",
+        valueType: "number",
+    };
+
     static readonly KEY_INVITE_SHORT_URL: ValuedRegistryKey<boolean> = {
         key: "invite_short_url",
         defaultValue: true,
diff --git a/shared/js/ui/AppRenderer.tsx b/shared/js/ui/AppRenderer.tsx
index d10976f3..529ca799 100644
--- a/shared/js/ui/AppRenderer.tsx
+++ b/shared/js/ui/AppRenderer.tsx
@@ -21,39 +21,6 @@ import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 
 const cssStyle = require("./AppRenderer.scss");
 
-/*
-<div class="app-container">
-    <div class="app">
-        <!-- navigation bar -->
-        <div class="container-control-bar">
-            <div id="control_bar" class="control_bar">
-            </div>
-        </div>
-        <div class="container-connection-handlers" id="connection-handler-list"></div>
-        <div class="container-app-main">
-            <div class="container-channel-video" id="channel-video"></div>
-            <div class="container-channel-chat">
-                <!-- Channel tree -->
-                <div class="container-channel-tree">
-                    <div class="hostbanner" id="hostbanner"></div>
-                    <div class="channel-tree" id="channelTree"></div>
-                </div>
-
-                <div class="container-seperator vertical" seperator-id="seperator-channel-chat"></div>
-                <!-- Chat window -->
-                <div class="container-chat" id="chat"></div>
-            </div>
-            <div class="container-seperator horizontal" seperator-id="seperator-main-log"></div>
-            <div class="container-bottom">
-                <div class="container-server-log" id="server-log"></div>
-                <div class="container-footer" id="container-footer">
-                </div>
-            </div> <!-- Selection info -->
-        </div>
-    </div>
-</div>
- */
-
 const VideoFrame = React.memo((props: { events: Registry<AppUiEvents> }) => {
     const refElement = React.useRef<HTMLDivElement>();
     const [ container, setContainer ] = useState<HTMLDivElement | undefined>(() => {
diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index 4a15bd57..c1193248 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -354,7 +354,7 @@ class ChannelVideoController {
     private localVideoController: LocalVideoController;
     private clientVideos: {[key: number]: RemoteClientVideoController} = {};
 
-    private currentSpotlight: string;
+    private currentSpotlights: string[];
 
     constructor(events: Registry<ChannelVideoEvents>, connection: ConnectionHandler) {
         this.events = events;
@@ -366,6 +366,8 @@ class ChannelVideoController {
             this.localVideoController = new LocalVideoController(connection.getClient(), this.events);
             this.localVideoController.callbackBroadcastStateChanged = () => this.notifyVideoList();
         });
+
+        this.currentSpotlights = [];
         this.currentlyVisible = false;
         this.expended = false;
     }
@@ -395,8 +397,8 @@ class ChannelVideoController {
             this.events.fire_react("notify_expended", { expended: this.expended });
         });
 
-        this.events.on("action_set_spotlight", event => {
-            this.setSpotlight(event.videoId);
+        this.events.on("action_toggle_spotlight", event => {
+            this.toggleSpotlight(event.videoIds, event.enabled);
             if(!this.isExpended()) {
                 this.events.fire("action_toggle_expended", { expended: true });
             }
@@ -554,13 +556,13 @@ class ChannelVideoController {
         events.push(settings.globalChangeListener(Settings.KEY_VIDEO_FORCE_SHOW_OWN_VIDEO, () => this.notifyVideoList()));
     }
 
-    setSpotlight(videoId: string | undefined) {
-        if(this.currentSpotlight === videoId) { return; }
+    toggleSpotlight(videoId: string[], enabled: boolean) {
+        const updated = videoId.map(entry => this.currentSpotlights.toggle(entry, enabled)).find(updated => updated);
+        if(!updated) {
+            return;
+        }
 
-        /* TODO: test if the video event exists? */
-
-        this.currentSpotlight = videoId;
-        this.notifySpotlight()
+        this.notifySpotlight();
         this.notifyVideoList();
     }
 
@@ -597,7 +599,7 @@ class ChannelVideoController {
     }
 
     private resetClientVideos() {
-        this.currentSpotlight = undefined;
+        this.currentSpotlights = [];
         for(const clientId of Object.keys(this.clientVideos)) {
             this.destroyClientVideo(parseInt(clientId));
         }
@@ -614,10 +616,7 @@ class ChannelVideoController {
             video.destroy();
             delete this.clientVideos[clientId];
 
-            if(video.videoId === this.currentSpotlight) {
-                this.currentSpotlight = undefined;
-                this.notifySpotlight();
-            }
+            this.toggleSpotlight([ video.videoId ], false);
             return true;
         } else {
             return false;
@@ -635,7 +634,7 @@ class ChannelVideoController {
     }
 
     private notifySpotlight() {
-        this.events.fire_react("notify_spotlight", { videoId: this.currentSpotlight });
+        this.events.fire_react("notify_spotlight", { videoId: this.currentSpotlights });
     }
 
     private notifyVideoList() {
@@ -677,7 +676,7 @@ class ChannelVideoController {
 
         this.updateVisibility(videoStreamingCount !== 0);
         if(this.expended) {
-            videoIds.remove(this.currentSpotlight);
+            this.currentSpotlights.forEach(entry => videoIds.remove(entry));
         }
 
         this.events.fire_react("notify_videos", {
diff --git a/shared/js/ui/frames/video/Definitions.ts b/shared/js/ui/frames/video/Definitions.ts
index a0140d11..b19b2d76 100644
--- a/shared/js/ui/frames/video/Definitions.ts
+++ b/shared/js/ui/frames/video/Definitions.ts
@@ -69,7 +69,11 @@ export type LocalVideoState = "muted" | "unset" | "empty";
 export interface ChannelVideoEvents {
     action_toggle_expended: { expended: boolean },
     action_video_scroll: { direction: "left" | "right" },
-    action_set_spotlight: { videoId: string | undefined, expend: boolean },
+    action_toggle_spotlight: {
+        videoIds: string[],
+        enabled: boolean,
+        expend: boolean
+    },
     action_focus_spotlight: {},
     action_set_fullscreen: { videoId: string | undefined },
     action_set_pip: { videoId: string | undefined, broadcastType: VideoBroadcastType },
@@ -108,7 +112,7 @@ export interface ChannelVideoEvents {
         right: boolean
     },
     notify_spotlight: {
-        videoId: string | undefined
+        videoId: string[]
     },
     notify_video_statistics: {
         videoId: string | undefined,
diff --git a/shared/js/ui/frames/video/Renderer.scss b/shared/js/ui/frames/video/Renderer.scss
index 5621221b..46d4f41c 100644
--- a/shared/js/ui/frames/video/Renderer.scss
+++ b/shared/js/ui/frames/video/Renderer.scss
@@ -24,12 +24,22 @@ $small_height: 10em;
 
         .panel {
             height: 0;
+            transition: none; /* else the whole spotlight will be triggered N times */
+        }
+    }
+
+    .heightProvider {
+        height: 100%; /* the footer size (version etc) */
+
+        .spotlight {
+            margin-left: 0;
+            margin-right: 0;
         }
     }
 
     &.expended {
         .panel {
-            height: calc(100% - 1.5em); /* the footer size (version etc) */
+            height: 100%; /* the footer size (version etc) */
             border-bottom-left-radius: 0;
             border-bottom-right-radius: 0;
         }
@@ -62,6 +72,24 @@ $small_height: 10em;
     @include transition(all .3s ease-in-out);
 }
 
+.heightProvider {
+    position: absolute;
+
+    top: 0;
+    left: 0;
+
+    width: 100%;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    height: $small_height;
+    flex-shrink: 0;
+
+    pointer-events: none;
+}
+
 .expendArrow {
     position: absolute;
 
@@ -122,8 +150,15 @@ $small_height: 10em;
             height: ($small_height - 1em);
             width: ($small_height * 16 / 9);
 
+            margin-top: .5em;
+            margin-bottom: .5em;
+
             flex-shrink: 0;
             flex-grow: 0;
+
+            &:not(:last-of-type) {
+                margin-right: .5em;
+            }
         }
     }
 
@@ -181,11 +216,14 @@ $small_height: 10em;
     flex-direction: column;
     justify-content: stretch;
 
+    position: relative;
+
     min-height: 5em;
     min-width: 5em;
 
     margin-left: .5em;
     margin-right: .5em;
+    margin-bottom: .5em;
 
     flex-shrink: 1;
     flex-grow: 1;
@@ -198,20 +236,21 @@ $small_height: 10em;
         max-width: 25% !important;
         max-height: 25%!important;
     }
+
+    &.grid {
+        /* if we're in grid mode we don't need any margins (will already be applied via the grid itself) */
+        margin-left: 0;
+        margin-right: 0;
+    }
 }
 
-.videoContainer {
+.videoContainer, :global(.react-grid-item.react-grid-placeholder) {
+    /* Note: don't use margin here since it might */
     position: relative;
 
-    margin-top: .5em;
-    margin-bottom: .5em;
-
     flex-shrink: 1;
     flex-grow: 1;
 
-    background-color: #2e2e2e;
-    box-shadow: inset 0 0 5px #00000040;
-
     border-radius: .2em;
     overflow: hidden;
 
@@ -219,8 +258,19 @@ $small_height: 10em;
     flex-direction: column;
     justify-content: center;
 
-    &:not(:last-of-type) {
-        margin-right: .5em;
+    &.outlined, &:global(.react-grid-item.react-grid-placeholder) {
+        background-color: #2e2e2e;
+        box-shadow: inset 0 0 5px #00000040;
+    }
+
+    &:global(.react-grid-item.react-grid-placeholder) {
+        background-color: #242424;
+    }
+
+    :global .react-resizable-handle {
+        &::after {
+            border-color: #66666666;
+        }
     }
 
     .video {
diff --git a/shared/js/ui/frames/video/Renderer.tsx b/shared/js/ui/frames/video/Renderer.tsx
index 83555141..d5f5052b 100644
--- a/shared/js/ui/frames/video/Renderer.tsx
+++ b/shared/js/ui/frames/video/Renderer.tsx
@@ -11,24 +11,29 @@ import {
     makeVideoAutoplay,
     VideoStreamState,
     VideoSubscribeInfo
-} from "tc-shared/ui/frames/video/Definitions";
+} from "./Definitions";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
 import {ClientTag} from "tc-shared/ui/tree/EntryTags";
 import ResizeObserver from "resize-observer-polyfill";
-import {LogCategory, logWarn} from "tc-shared/log";
+import {LogCategory, logTrace, logWarn} from "tc-shared/log";
 import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
 import {VideoBroadcastType} from "tc-shared/connection/VideoConnection";
 import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
 import {useTr} from "tc-shared/ui/react-elements/Helper";
+import {Spotlight, SpotlightDimensions, SpotlightDimensionsContext} from "./RendererSpotlight";
+import * as _ from "lodash";
+
 
 const SubscribeContext = React.createContext<VideoSubscribeInfo>(undefined);
 const EventContext = React.createContext<Registry<ChannelVideoEvents>>(undefined);
 const HandlerIdContext = React.createContext<string>(undefined);
 
+export const RendererVideoEventContext = EventContext;
+
 const cssStyle = require("./Renderer.scss");
 
-const ExpendArrow = () => {
+const ExpendArrow = React.memo(() => {
     const events = useContext(EventContext);
 
     const [ expended, setExpended ] = useState(() => {
@@ -43,7 +48,7 @@ const ExpendArrow = () => {
             <ClientIconRenderer icon={ClientIcon.DoubleArrow} className={cssStyle.icon} />
         </div>
     )
-};
+});
 
 const VideoInfo = React.memo((props: { videoId: string }) => {
     const events = useContext(EventContext);
@@ -368,7 +373,7 @@ const VideoControlButtons = React.memo((props: {
                      if(props.isSpotlight) {
                          events.fire("action_set_fullscreen", { videoId: props.fullscreenMode === "set" ? undefined : props.videoId });
                      } else {
-                         events.fire("action_set_spotlight", { videoId: props.videoId, expend: true });
+                         events.fire("action_toggle_spotlight", { videoIds: [ props.videoId ], expend: true, enabled: true });
                          events.fire("action_focus_spotlight", { });
                      }
                  }}
@@ -380,7 +385,7 @@ const VideoControlButtons = React.memo((props: {
     );
 });
 
-const VideoContainer = React.memo((props: { videoId: string, isSpotlight: boolean }) => {
+export const VideoContainer = React.memo((props: { videoId: string, isSpotlight: boolean }) => {
     const events = useContext(EventContext);
     const refContainer = useRef<HTMLDivElement>();
     const fullscreenCapable = "requestFullscreen" in HTMLElement.prototype;
@@ -438,14 +443,14 @@ const VideoContainer = React.memo((props: { videoId: string, isSpotlight: boolea
 
     return (
         <div
-            className={cssStyle.videoContainer}
+            className={cssStyle.videoContainer + " " + cssStyle.outlined}
             onDoubleClick={() => {
                 if(isFullscreen) {
                     events.fire("action_set_fullscreen", { videoId: undefined });
                 } else if(props.isSpotlight) {
                     events.fire("action_set_fullscreen", { videoId: props.videoId });
                 } else {
-                    events.fire("action_set_spotlight", { videoId: props.videoId, expend: true });
+                    events.fire("action_toggle_spotlight", { videoIds: [ props.videoId ], expend: true, enabled: true });
                     events.fire("action_focus_spotlight", { });
                 }
             }}
@@ -479,7 +484,7 @@ const VideoContainer = React.memo((props: { videoId: string, isSpotlight: boolea
                         label: props.isSpotlight ? tr("Release spotlight") : tr("Put client in spotlight"),
                         icon: ClientIcon.Fullscreen,
                         click: () => {
-                            events.fire("action_set_spotlight", { videoId: props.isSpotlight ? undefined : props.videoId, expend: true });
+                            events.fire("action_toggle_spotlight", { videoIds: [ props.videoId ], expend: true, enabled: !props.isSpotlight });
                             events.fire("action_focus_spotlight", { });
                         }
                     }
@@ -514,7 +519,7 @@ const VideoBarArrow = React.memo((props: { direction: "left" | "right", containe
     );
 });
 
-const VideoBar = () => {
+const VideoBar = React.memo(() => {
     const events = useContext(EventContext);
     const refVideos = useRef<HTMLDivElement>();
     const refArrowRight = useRef<HTMLDivElement>();
@@ -594,51 +599,53 @@ const VideoBar = () => {
             <VideoBarArrow direction={"right"} containerRef={refArrowRight} />
         </div>
     )
-};
+});
 
-const Spotlight = () => {
-    const events = useContext(EventContext);
-    const refContainer = useRef<HTMLDivElement>();
 
-    const [ videoId, setVideoId ] = useState<string>(() => {
-        events.fire("query_spotlight");
-        return undefined;
-    });
-    events.reactUse("notify_spotlight", event => setVideoId(event.videoId), undefined, []);
-    events.reactUse("action_focus_spotlight", () => refContainer.current?.focus(), undefined, []);
+const PanelContainer = (props: { children }) => {
+    const refSpotlightContainer = useRef<HTMLDivElement>();
+    const [ spotlightDimensions, setSpotlightDimensions ] = useState<SpotlightDimensions>({ width: 1200, height: 900 });
 
-    let body;
-    if(videoId) {
-        body = <VideoContainer videoId={videoId} key={"video-" + videoId} isSpotlight={true} />;
-    } else {
-        body = (
-            <div className={cssStyle.videoContainer} key={"no-video"}>
-                <div className={cssStyle.text}><Translatable>No spotlight selected</Translatable></div>
-            </div>
-        );
-    }
+    useEffect(() => {
+        const resizeObserver = new ResizeObserver(entries => {
+            const entry = entries.last();
+            const newDimensions = { height: entry.contentRect.height, width: entry.contentRect.width };
+
+            if(newDimensions.width === 0) {
+                /* div most likely got removed or something idk... */
+                return;
+            }
+
+            if(_.isEqual(newDimensions, spotlightDimensions)) {
+                return;
+            }
+
+            setSpotlightDimensions(newDimensions);
+            logTrace(LogCategory.VIDEO, tr("New spotlight dimensions: %o"), entry.contentRect);
+        });
+
+        resizeObserver.observe(refSpotlightContainer.current);
+        return () => resizeObserver.disconnect();
+    }, []);
 
     return (
-        <div
-            className={cssStyle.spotlight}
-            onKeyDown={event => {
-                if(event.key === "Escape") {
-                    events.fire("action_set_spotlight", { videoId: undefined, expend: false });
-                }
-            }}
-            tabIndex={0}
-            ref={refContainer}
-        >
-            {body}
-        </div>
-    )
-};
+        <SpotlightDimensionsContext.Provider value={spotlightDimensions}>
+            <div className={cssStyle.panel}>
+                {props.children}
+            </div>
+            <div className={cssStyle.heightProvider}>
+                <div className={cssStyle.videoBar} />
+                <div className={cssStyle.spotlight} ref={refSpotlightContainer} />
+            </div>
+        </SpotlightDimensionsContext.Provider>
+    );
+}
 
 export const ChannelVideoRenderer = (props: { handlerId: string, events: Registry<ChannelVideoEvents> }) => {
     return (
         <EventContext.Provider value={props.events}>
             <HandlerIdContext.Provider value={props.handlerId}>
-                <div className={cssStyle.panel}>
+                <PanelContainer>
                     <VideoSubscribeContextProvider>
                         <VideoBar />
                         <ExpendArrow />
@@ -646,7 +653,7 @@ export const ChannelVideoRenderer = (props: { handlerId: string, events: Registr
                             <Spotlight />
                         </ErrorBoundary>
                     </VideoSubscribeContextProvider>
-                </div>
+                </PanelContainer>
             </HandlerIdContext.Provider>
         </EventContext.Provider>
     );
diff --git a/shared/js/ui/frames/video/RendererSpotlight.tsx b/shared/js/ui/frames/video/RendererSpotlight.tsx
new file mode 100644
index 00000000..7b78a67b
--- /dev/null
+++ b/shared/js/ui/frames/video/RendererSpotlight.tsx
@@ -0,0 +1,359 @@
+import * as React from "react";
+import {useContext, useMemo, useRef, useState} from "react";
+import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {Layout} from "react-grid-layout";
+import * as GridLayout from "react-grid-layout";
+import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
+import * as _ from "lodash";
+import {FontSizeObserver} from "tc-shared/ui/react-elements/FontSize";
+import {RendererVideoEventContext, VideoContainer} from "tc-shared/ui/frames/video/Renderer";
+
+import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!react-resizable/css/styles.css";
+import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!react-grid-layout/css/styles.css";
+import {useGlobalSetting} from "tc-shared/ui/react-elements/Helper";
+import {Settings} from "tc-shared/settings";
+
+export type SpotlightDimensions = { width: number, height: number };
+export const SpotlightDimensionsContext = React.createContext<SpotlightDimensions>(undefined);
+
+const cssStyle = require("./Renderer.scss");
+
+const SpotlightSingle = () => {
+    const events = useContext(RendererVideoEventContext);
+    const refContainer = useRef<HTMLDivElement>();
+
+    const [ videoId, setVideoId ] = useState<string>(() => {
+        events.fire("query_spotlight");
+        return undefined;
+    });
+    events.reactUse("notify_spotlight", event => {
+        setVideoId(event.videoId.last());
+        const dropped = event.videoId.slice(0, event.videoId.length - 1);
+        if(dropped.length > 0) {
+            events.fire("action_toggle_spotlight", { expend: false, enabled: false, videoIds: dropped });
+        }
+    }, undefined, []);
+    events.reactUse("action_focus_spotlight", () => refContainer.current?.focus(), undefined, []);
+
+    let body;
+    if(videoId) {
+        body = <VideoContainer videoId={videoId} key={"video-" + videoId} isSpotlight={true} />;
+    } else {
+        body = (
+            <div className={cssStyle.videoContainer + " " + cssStyle.outlined} key={"no-video"}>
+                <div className={cssStyle.text}><Translatable>No spotlight selected</Translatable></div>
+            </div>
+        );
+    }
+
+    return (
+        <div
+            className={cssStyle.spotlight}
+            onKeyDown={event => {
+                if(event.key === "Escape") {
+                    events.fire("action_toggle_spotlight", { videoIds: [ videoId ], expend: false, enabled: false });
+                }
+            }}
+            tabIndex={0}
+            ref={refContainer}
+        >
+            {body}
+        </div>
+    )
+};
+
+type Rectangle = { x: number, y: number, w: number, h: number };
+const largestRectangleInHistogram = (histogram: number[]) : Rectangle => {
+    const len = histogram.length;
+    const stack = [];
+    let max = 0, maxH, maxW, maxX;
+    let h, w;
+
+    for (let i = 0; i <= len; i++) {
+        while (stack.length && (i === len || histogram[i] <= histogram[stack[stack.length - 1]])) {
+            h = histogram[stack.pop()];
+            w = stack.length === 0 ? i : i - stack[stack.length - 1] - 1;
+
+            if(h * w > max) {
+                maxH = h;
+                maxW = w;
+                max = h * w;
+                maxX = i;
+
+                while(maxX > 0 && histogram[maxX - 1] >= h) {
+                    maxX --;
+                }
+            }
+        }
+
+        stack.push(i);
+    }
+
+    return { x: maxX, y: maxH, h: maxH, w: maxW };
+};
+
+const largestRectangle = (matrix: boolean[][]) : Rectangle | undefined => {
+    let result: Rectangle & { area: number } = { w: -1, h: -1, x: 0, y: 0, area: -1 };
+
+    let histogram = [];
+    for(const _ of matrix[0]) { histogram.push(0); }
+
+    for(let row = 0; row < matrix.length; row++) {
+        for(let column = 0; column < matrix[row].length; column++) {
+            if(matrix[row][column]) {
+                histogram[column] += 1;
+            } else {
+                histogram[column] = 0;
+            }
+        }
+
+        const rectangle = largestRectangleInHistogram(histogram);
+        const area = rectangle.w * rectangle.h;
+        if(area > result.area) {
+            result = {
+                area,
+                w: rectangle.w,
+                h: rectangle.h,
+                x: rectangle.x,
+                y: row - rectangle.y + 1
+            };
+        }
+    }
+
+    return result.area === -1 ? undefined : result;
+}
+
+/* Numbers given in em units, its a 16:9 ratio */
+const kVideoMinWidth = 17.77778;
+const kVideoMinHeight = 9;
+
+const kGridScaleFactor = 16;
+
+class SpotlightGridController extends React.PureComponent<{ fontSize: number }, { layout: Layout[] }> {
+    private currentLayout: Layout[] = [];
+    private columnCount: number;
+    private rowCount: number;
+
+    constructor(props) {
+        super(props);
+
+        this.state = { layout: [] };
+    }
+
+    render() {
+        return (
+            <RendererVideoEventContext.Consumer>
+                {events => (
+                    <SpotlightDimensionsContext.Consumer>
+                        {containerDimensions => {
+                            this.columnCount = Math.floor(Math.max(containerDimensions.width / (kVideoMinWidth * this.props.fontSize), 1)) * kGridScaleFactor;
+                            this.rowCount = Math.floor(Math.max(containerDimensions.height / (kVideoMinHeight * this.props.fontSize), 1)) * kGridScaleFactor;
+
+                            this.currentLayout.forEach(entry => {
+                                entry.minW = kGridScaleFactor;
+                                entry.minH = kGridScaleFactor;
+                            });
+
+                            //error("Column count: %o, Row count: %o, Layout: %o", this.columnCount, this.rowCount, this.state.layout);
+                            return (
+                                <div
+                                    className={cssStyle.spotlight + " " + cssStyle.grid}
+                                    tabIndex={0}
+                                >
+                                    <GridLayout
+                                        maxRows={this.rowCount}
+                                        rowHeight={(containerDimensions.height - this.rowCount * this.props.fontSize * .5) / this.rowCount}
+
+                                        cols={this.columnCount}
+                                        width={containerDimensions.width}
+
+                                        onLayoutChange={newLayout => {
+                                            this.currentLayout = newLayout;
+                                            events.fire("action_toggle_spotlight", {
+                                                videoIds: newLayout.filter(entry => entry.x >= this.columnCount || entry.y >= this.rowCount).map(entry => entry.i),
+                                                enabled: false,
+                                                expend: false
+                                            });
+                                        }}
+
+                                        layout={this.state.layout}
+
+                                        margin={[this.props.fontSize * .5, this.props.fontSize * .5]}
+                                        autoSize={false}
+                                        compactType={"vertical"}
+
+                                        resizeHandles={["ne", "nw", "se", "sw"]}
+                                    >
+                                        {this.state.layout.map(entry => (
+                                            <div className={cssStyle.videoContainer} key={entry.i}>
+                                                <ErrorBoundary>
+                                                    <VideoContainer videoId={entry.i} key={entry.i} isSpotlight={true} />
+                                                </ErrorBoundary>
+                                            </div>
+                                        ))}
+                                    </GridLayout>
+                                </div>
+                            );
+                        }}
+                    </SpotlightDimensionsContext.Consumer>
+                )}
+            </RendererVideoEventContext.Consumer>
+        );
+    }
+
+    updateBoxes(keys: string[]) {
+        const deletedKeys = this.currentLayout.filter(entry => keys.indexOf(entry.i) === -1);
+        const newKeys = keys.filter(entry => this.currentLayout.findIndex(el => el.i === entry) === -1);
+
+        deletedKeys.forEach(key => this.removeBox(key.i));
+        newKeys.forEach(key => this.addBox(key));
+    }
+
+    addBox(key: string) {
+        const newLayout = _.cloneDeep(this.currentLayout);
+
+        let newTile: Layout = { i: key, w: kGridScaleFactor, h: kGridScaleFactor, x: 0, y: 0 };
+
+        calculateNewTile:
+            if(newLayout.length === 0) {
+                /* Trivial case */
+                newTile.x = 0;
+                newTile.y = 0;
+                newTile.w = this.columnCount;
+                newTile.h = this.rowCount;
+            } else {
+                /* 1. try to find an empty spot */
+                {
+                    let matrix = [];
+                    for(let row = 0; row < this.rowCount; row++) {
+                        let col = [];
+
+                        columnLoop:
+                            for(let column = 0; column < this.columnCount; column++) {
+                                for(const entry of newLayout) {
+                                    if(entry.x > column || column >= entry.x + entry.w) {
+                                        continue;
+                                    }
+
+                                    if(entry.y > row || row >= entry.y + entry.h) {
+                                        continue;
+                                    }
+
+                                    col.push(false);
+                                    continue columnLoop;
+                                }
+
+                                col.push(true);
+                            }
+
+                        matrix.push(col);
+                    }
+
+                    const rectangle = largestRectangle(matrix);
+                    if(rectangle && rectangle.w >= Math.floor(kGridScaleFactor / 2) && rectangle.h >= Math.floor(kGridScaleFactor / 2)) {
+                        /* TODO: Try to find neighbors which have the same border length and see if they've space on the opposite site */
+
+                        newTile.x = rectangle.x;
+                        newTile.y = rectangle.y;
+                        newTile.w = rectangle.w;
+                        newTile.h = rectangle.h;
+                        break calculateNewTile;
+                    }
+                }
+
+                /* 2. No spot found. Break up a big tile into peaces */
+                {
+                    let biggest: Layout = newLayout[0];
+                    for(const entry of newLayout) {
+                        if(entry.w * entry.h > biggest.w * biggest.h) {
+                            biggest = entry;
+                        }
+                    }
+
+                    if(biggest.h / kVideoMinWidth * kVideoMinHeight > biggest.w) {
+                        /* split it by height */
+                        newTile.h = biggest.h;
+                        biggest.h = Math.floor(biggest.h / 2);
+                        newTile.h -= biggest.h;
+
+                        newTile.w = biggest.w;
+
+                        newTile.x = biggest.x;
+                        newTile.y = biggest.y + biggest.h;
+                    } else {
+                        /* split it by width */
+                        newTile.w = biggest.w;
+                        biggest.w = Math.floor(biggest.w / 2);
+                        newTile.w -= biggest.w;
+
+                        newTile.h = biggest.h;
+
+                        newTile.x = biggest.x + biggest.w;
+                        newTile.y = biggest.y;
+                    }
+                }
+            }
+
+        newLayout.push(newTile);
+        this.currentLayout = newLayout;
+        this.setState({ layout: newLayout });
+    }
+
+    removeBox(key: string) {
+        const newLayout = _.cloneDeep(this.currentLayout);
+        const index = newLayout.findIndex(entry => entry.i === key);
+        if(index === -1) {
+            return;
+        }
+
+        const [ removedEntry ] = newLayout.splice(index, 1);
+        for(const entry of newLayout) {
+            if(removedEntry.h === entry.h && removedEntry.y === entry.y) {
+                if(removedEntry.x === entry.x + entry.w) {
+                    entry.w += removedEntry.w;
+                } else if(removedEntry.x + removedEntry.w === entry.x) {
+                    entry.x -= removedEntry.w;
+                    entry.w += removedEntry.w;
+                }
+            } else if(removedEntry.w === entry.w && removedEntry.x === entry.x) {
+                if(removedEntry.y === entry.y + entry.h) {
+                    entry.h += removedEntry.h;
+                } else if(removedEntry.y + removedEntry.h === entry.y) {
+                    entry.y -= removedEntry.h;
+                    entry.h += removedEntry.h;
+                }
+            }
+        }
+
+        this.currentLayout = newLayout;
+        this.setState({ layout: newLayout });
+    }
+}
+
+const SpotlightGrid = (props: { fontSize: number }) => {
+    const refSpotlight = useRef<SpotlightGridController>();
+
+    const events = useContext(RendererVideoEventContext);
+    events.reactUse("notify_spotlight", event => refSpotlight.current?.updateBoxes(event.videoId), undefined, []);
+    useMemo(() => events.fire("query_spotlight"), []);
+
+    return (
+        <SpotlightGridController fontSize={props.fontSize} ref={refSpotlight} />
+    );
+};
+
+export const Spotlight = () => {
+    const mode = useGlobalSetting(Settings.KEY_VIDEO_SPOTLIGHT_MODE);
+    switch (mode) {
+        case 1:
+            return (
+                <FontSizeObserver key={"key-1"}>
+                    {fontSize => <SpotlightGrid fontSize={fontSize} />}
+                </FontSizeObserver>
+            );
+
+        case 0:
+        default:
+            return <SpotlightSingle key={"key-0"} />;
+    }
+};
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/ErrorBoundary.tsx b/shared/js/ui/react-elements/ErrorBoundary.tsx
index e3022f7f..73e50890 100644
--- a/shared/js/ui/react-elements/ErrorBoundary.tsx
+++ b/shared/js/ui/react-elements/ErrorBoundary.tsx
@@ -6,7 +6,7 @@ interface ErrorBoundaryState {
     errorOccurred: boolean
 }
 
-export class ErrorBoundary extends React.Component<{}, ErrorBoundaryState> {
+export class ErrorBoundary extends React.PureComponent<{}, ErrorBoundaryState> {
     constructor(props) {
         super(props);
 
diff --git a/shared/js/ui/react-elements/FontSize.tsx b/shared/js/ui/react-elements/FontSize.tsx
new file mode 100644
index 00000000..c815be33
--- /dev/null
+++ b/shared/js/ui/react-elements/FontSize.tsx
@@ -0,0 +1,39 @@
+import * as React from "react";
+import {CSSProperties, useEffect, useRef, useState} from "react";
+import ResizeObserver from "resize-observer-polyfill";
+
+const SpanCssProperties: CSSProperties = {
+    position: "absolute",
+    fontSize: "inherit",
+    top: 0,
+    left: 0,
+    width: "1em",
+    height: 1,
+    translate: "none",
+    transition: "none",
+    transform: "none"
+};
+
+export const FontSizeObserver = React.memo((props: { children: (fontSize: number) => React.ReactNode | React.ReactNode[] }) => {
+    const refContainer = useRef<HTMLSpanElement>();
+    const [ fontSize, setFontSize ] = useState(() => {
+        return  parseFloat(window.getComputedStyle(document.body, null).getPropertyValue('font-size'));
+    });
+
+    useEffect(() => {
+        const resizeObserver = new ResizeObserver(entries => {
+            const entry = entries.last();
+            setFontSize(entry.contentRect.width);
+        });
+
+        resizeObserver.observe(refContainer.current);
+        return () => resizeObserver.disconnect();
+    })
+
+    return (
+        <React.Fragment>
+            <span style={SpanCssProperties} ref={refContainer}>&nbsp;</span>
+            {props.children(fontSize)}
+        </React.Fragment>
+    )
+});
\ No newline at end of file
diff --git a/web/app/audio/Recorder.ts b/web/app/audio/Recorder.ts
index b5de313d..71b2752a 100644
--- a/web/app/audio/Recorder.ts
+++ b/web/app/audio/Recorder.ts
@@ -11,7 +11,6 @@ import {
     LevelMeter,
     NodeInputConsumer
 } from "tc-shared/voice/RecorderBase";
-import * as log from "tc-shared/log";
 import {LogCategory, logDebug, logWarn} from "tc-shared/log";
 import * as aplayer from "./player";
 import {JAbstractFilter, JStateFilter, JThresholdFilter} from "./RecorderFilter";
diff --git a/web/app/audio/sounds.ts b/web/app/audio/sounds.ts
index daf95807..656c6ccb 100644
--- a/web/app/audio/sounds.ts
+++ b/web/app/audio/sounds.ts
@@ -1,5 +1,4 @@
 import {LogCategory, logError, logWarn} from "tc-shared/log";
-import * as log from "tc-shared/log";
 import {SoundFile} from "tc-shared/sound/Sounds";
 import * as aplayer from "./player";
 import { tr } from "tc-shared/i18n/localize";

From 7f6af3c30480b1718de5848d2c93dd43b4165a1b Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Fri, 12 Mar 2021 18:12:23 +0100
Subject: [PATCH 005/128] Fixed some minor permission related ui issues

---
 ChangeLog.md                                  |  2 +
 shared/js/ui/modal/ModalGroupCreate.tsx       |  4 +-
 .../permission/ModalPermissionEditor.tsx      | 78 ++++++++++---------
 shared/js/ui/modal/permission/TabHandler.tsx  | 18 ++---
 4 files changed, 55 insertions(+), 47 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 1e6c8bed..126b5e5b 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -2,6 +2,8 @@
 * **12.03.21**
     - Added a new video spotlight mode which allows showing multiple videos at the same time as well as 
       dragging and resizing them
+    - Fixed a minor bug within the permission editor
+    - Fixed the creation of channel groups
   
 * **20.02.21**
     - Improved the browser IPC module
diff --git a/shared/js/ui/modal/ModalGroupCreate.tsx b/shared/js/ui/modal/ModalGroupCreate.tsx
index c4254181..01089892 100644
--- a/shared/js/ui/modal/ModalGroupCreate.tsx
+++ b/shared/js/ui/modal/ModalGroupCreate.tsx
@@ -328,13 +328,13 @@ function initializeGroupCreateController(connection: ConnectionHandler, events:
         let promise: Promise<CommandResult>;
         if(event.source <= 0) {
             /* real group create */
-            promise = connection.serverConnection.send_command("servergroupadd", {
+            promise = connection.serverConnection.send_command(target + "groupadd", {
                 name: event.name,
                 type: event.target === "query" ? 2 : event.target === "template" ? 0 : 1
             });
         } else {
             /* group copy */
-            promise = connection.serverConnection.send_command("servergroupcopy", {
+            promise = connection.serverConnection.send_command(target + "groupcopy", {
                 ssgid: event.source,
                 name: event.name,
                 type: event.target === "query" ? 2 : event.target === "template" ? 0 : 1
diff --git a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx b/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
index 0c89e753..935874da 100644
--- a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
+++ b/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
@@ -104,7 +104,7 @@ export interface PermissionModalEvents {
     }
 
     action_set_permission_editor_subject: {
-        mode: PermissionEditorSubject;
+        mode: PermissionEditorSubject | undefined;
 
         groupId?: number;
         channelId?: number;
@@ -160,42 +160,27 @@ export interface PermissionModalEvents {
     query_groups: {
         target: "server" | "channel",
     },
-    query_groups_result: {
-        target: "server" | "channel",
-        groups: GroupProperties[]
-    },
     query_group_clients: {
         id: number
     },
-    query_group_clients_result: {
-        id: number,
-        status: "success" | "error" | "no-permissions",
-        error?: string;
-        clients?: {
-            name: string;
-            databaseId: number;
-            uniqueId: string;
-        }[]
-    },
-
     query_channels: {},
-    query_channels_result: {
-        channels: ChannelInfo[]
-    }
-
-    query_client_permissions: {}, /* will cause the notify_client_permissions */
+    query_client_permissions: {},
     query_client_info: {
         client: number | string; /* client database id or unique id */
     },
-    query_client_info_result: {
+
+
+    notify_channels: {
+        channels: ChannelInfo[]
+    },
+    notify_client_info: {
         client: number | string;
         state: "success" | "error" | "no-such-client" | "no-permission";
 
         error?: string;
         info?: { name: string, uniqueId: string, databaseId: number },
         failedPermission?: string;
-    }
-
+    },
     notify_group_updated: {
         target: "server" | "channel";
         id: number;
@@ -210,8 +195,21 @@ export interface PermissionModalEvents {
         target: "server" | "channel";
         groups: number[]
     },
-
-    notify_groups_reset: {}
+    notify_group_clients: {
+        id: number,
+        status: "success" | "error" | "no-permissions",
+        error?: string;
+        clients?: {
+            name: string;
+            databaseId: number;
+            uniqueId: string;
+        }[]
+    },
+    notify_groups_reset: {},
+    notify_groups: {
+        target: "server" | "channel",
+        groups: GroupProperties[]
+    },
 
     notify_client_permissions: {
         permissionModifyPower: number;
@@ -417,7 +415,7 @@ const stringifyError = error => {
 function initializePermissionModalController(connection: ConnectionHandler, events: Registry<PermissionModalEvents>) {
     events.on("query_groups", event => {
         const groups = event.target === "server" ? connection.groups.serverGroups : connection.groups.channelGroups;
-        events.fire_react("query_groups_result", {
+        events.fire_react("notify_groups", {
             target: event.target, groups: groups.map(group => {
                 return {
                     id: group.id,
@@ -613,6 +611,14 @@ function initializePermissionModalController(connection: ConnectionHandler, even
                 clientPermissionList: connection.permissions.neededPermission(PermissionType.B_VIRTUALSERVER_CLIENT_PERMISSION_LIST).granted(1),
                 clientChannelPermissionList: connection.permissions.neededPermission(PermissionType.B_VIRTUALSERVER_CHANNELCLIENT_PERMISSION_LIST).granted(1),
             });
+
+            /* Update the permission subject (we may now have or not have any more the permissions to edit him) */
+            events.fire("action_set_permission_editor_subject", {
+                channelId: undefined,
+                clientDatabaseId: undefined,
+                groupId: undefined,
+                mode: undefined
+            });
         };
 
         events.on("query_client_permissions", () => sendClientPermissions());
@@ -621,7 +627,7 @@ function initializePermissionModalController(connection: ConnectionHandler, even
 
     events.on("query_group_clients", event => {
         connection.serverConnection.command_helper.requestClientsByServerGroup(event.id).then(clients => {
-            events.fire("query_group_clients_result", {
+            events.fire("notify_group_clients", {
                 id: event.id, status: "success", clients: clients.map(e => {
                     return {
                         name: e.client_nickname,
@@ -632,12 +638,12 @@ function initializePermissionModalController(connection: ConnectionHandler, even
             });
         }).catch(error => {
             if (error instanceof CommandResult && error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
-                events.fire("query_group_clients_result", {id: event.id, status: "no-permissions"});
+                events.fire("notify_group_clients", {id: event.id, status: "no-permissions"});
                 return;
             }
 
             logWarn(LogCategory.PERMISSIONS, tr("Failed to request server group client list: %o"), error);
-            events.fire("query_group_clients_result", {id: event.id, status: "error", error: stringifyError(error)});
+            events.fire("notify_group_clients", {id: event.id, status: "error", error: stringifyError(error)});
         });
     });
 
@@ -713,7 +719,7 @@ function initializePermissionModalController(connection: ConnectionHandler, even
     }));
 
     events.on("query_channels", () => {
-        events.fire_react("query_channels_result", {
+        events.fire_react("notify_channels", {
             channels: connection.channelTree.channelsOrdered().map(e => {
                 return {
                     id: e.channelId,
@@ -734,13 +740,13 @@ function initializePermissionModalController(connection: ConnectionHandler, even
         }
         promise.then(result => {
             if (result.length === 0) {
-                events.fire("query_client_info_result", {
+                events.fire("notify_client_info", {
                     client: event.client,
                     state: "no-such-client"
                 });
                 return;
             }
-            events.fire("query_client_info_result", {
+            events.fire("notify_client_info", {
                 client: event.client,
                 state: "success",
                 info: {
@@ -751,7 +757,7 @@ function initializePermissionModalController(connection: ConnectionHandler, even
             });
         }).catch(error => {
             if (error instanceof CommandResult) {
-                events.fire("query_client_info_result", {
+                events.fire("notify_client_info", {
                     client: event.client,
                     state: "no-permission",
                     failedPermission: connection.permissions.resolveInfo(parseInt(error.json["failed_permid"]))?.name || tr("unknwon")
@@ -760,7 +766,7 @@ function initializePermissionModalController(connection: ConnectionHandler, even
             }
 
             logWarn(LogCategory.PERMISSIONS, tr("Failed to query client info for %o: %o"), event.client, error);
-            events.fire("query_client_info_result", {
+            events.fire("notify_client_info", {
                 client: event.client,
                 state: "error",
                 error: stringifyError(error)
@@ -849,7 +855,7 @@ function initializePermissionEditor(connection: ConnectionHandler, modalEvents:
         clientDatabaseId = typeof event.clientDatabaseId === "number" ? event.clientDatabaseId : clientDatabaseId;
         groupId = typeof event.groupId === "number" ? event.groupId : groupId;
 
-        mode = event.mode;
+        mode = event.mode || mode;
 
         let editorMode: "unset" | "normal" = "unset";
         switch (mode) {
diff --git a/shared/js/ui/modal/permission/TabHandler.tsx b/shared/js/ui/modal/permission/TabHandler.tsx
index d02302ef..decd8fea 100644
--- a/shared/js/ui/modal/permission/TabHandler.tsx
+++ b/shared/js/ui/modal/permission/TabHandler.tsx
@@ -323,8 +323,8 @@ class GroupsList extends React.Component<{ connection: ConnectionHandler, events
         this.groups.splice(0, this.groups.length);
     }
 
-    @EventHandler<PermissionModalEvents>("query_groups_result")
-    private handleQueryResult(event: PermissionModalEvents["query_groups_result"]) {
+    @EventHandler<PermissionModalEvents>("notify_groups")
+    private handleQueryResult(event: PermissionModalEvents["notify_groups"]) {
         if (event.target !== this.props.target)
             return;
 
@@ -585,8 +585,8 @@ class ServerClientList extends React.Component<{ connection: ConnectionHandler,
         this.setState({state: "loading"});
     }
 
-    @EventHandler<PermissionModalEvents>("query_group_clients_result")
-    private handleQueryClientsResult(event: PermissionModalEvents["query_group_clients_result"]) {
+    @EventHandler<PermissionModalEvents>("notify_group_clients")
+    private handleQueryClientsResult(event: PermissionModalEvents["notify_group_clients"]) {
         if (event.id !== this.state.selectedGroupId)
             return;
 
@@ -642,8 +642,8 @@ class ServerClientList extends React.Component<{ connection: ConnectionHandler,
         });
     }
 
-    @EventHandler<PermissionModalEvents>("query_groups_result")
-    private handleQueryResult(event: PermissionModalEvents["query_groups_result"]) {
+    @EventHandler<PermissionModalEvents>("notify_groups")
+    private handleQueryResult(event: PermissionModalEvents["notify_groups"]) {
         if (event.target !== "server")
             return;
 
@@ -862,8 +862,8 @@ class ChannelList extends React.Component<{ connection: ConnectionHandler, event
         this.props.events.fire("query_channels");
     }
 
-    @EventHandler<PermissionModalEvents>("query_channels_result")
-    private handleQueryChannelsResult(event: PermissionModalEvents["query_channels_result"]) {
+    @EventHandler<PermissionModalEvents>("notify_channels")
+    private handleQueryChannelsResult(event: PermissionModalEvents["notify_channels"]) {
         this.channels = event.channels.slice(0);
         if (this.channels.length > 0 && this.channels.findIndex(e => e.id === this.state.selectedChanelId) === -1)
             this.setState({selectedChanelId: this.channels[0].id});
@@ -988,7 +988,7 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
         props.events.fire("action_set_permission_editor_subject", {mode: props.tabTarget, clientDatabaseId: 0});
     });
 
-    props.events.reactUse("query_client_info_result", event => {
+    props.events.reactUse("notify_client_info", event => {
         if (event.client !== clientIdentifier)
             return;
 

From 3e42c7027f6ed91eeba98b057fce092c04771ffe Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Fri, 12 Mar 2021 18:24:43 +0100
Subject: [PATCH 006/128] Properly parse empty setting value for booleans and
 integers

---
 shared/js/settings.ts                 | 24 ++++++++++++++++++------
 shared/js/ui/react-elements/Helper.ts |  7 ++++---
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index 0b8f6fb5..8e078e67 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -80,19 +80,31 @@ function resolveKey<ValueType extends RegistryValueType, DefaultType>(
 ) : ValueType | DefaultType {
     let value = resolver(key.key);
 
-    if(typeof value === "string") {
-        return decodeValueFromString(value, key.valueType);
+    const keys = [key.key];
+    if(Array.isArray(key.fallbackKeys)) {
+        keys.push(...key.fallbackKeys);
     }
 
-    /* trying fallback values */
-    for(const fallback of key.fallbackKeys || []) {
-        value = resolver(fallback);
+    for(const resolveKey of keys) {
+        value = resolver(resolveKey);
         if(typeof value !== "string") {
             continue;
         }
 
+        switch (key.valueType) {
+            case "number":
+            case "boolean":
+                if(value.length === 0) {
+                    continue;
+                }
+                break;
+
+            default:
+                break;
+        }
+
         if(key.fallbackImports) {
-            const fallbackValueImporter = key.fallbackImports[fallback];
+            const fallbackValueImporter = key.fallbackImports[resolveKey];
             if(fallbackValueImporter) {
                 return fallbackValueImporter(value);
             }
diff --git a/shared/js/ui/react-elements/Helper.ts b/shared/js/ui/react-elements/Helper.ts
index efbfc54a..10c17518 100644
--- a/shared/js/ui/react-elements/Helper.ts
+++ b/shared/js/ui/react-elements/Helper.ts
@@ -34,10 +34,11 @@ export function joinClassList(...classes: any[]) : string {
     return classes.filter(value => typeof value === "string" && value.length > 0).join(" ");
 }
 
-export function useGlobalSetting<V extends RegistryValueType, DV>(key: RegistryKey<V>, defaultValue: DV) : V | DV;
 export function useGlobalSetting<V extends RegistryValueType>(key: ValuedRegistryKey<V>, defaultValue?: V) : V;
-export function useGlobalSetting<V extends RegistryValueType, DV>(key: RegistryKey<V>, defaultValue: DV) : V | DV {
-    const [ value, setValue ] = useState(settings.getValue(key, defaultValue));
+export function useGlobalSetting<V extends RegistryValueType, DV>(key: RegistryKey<V>, defaultValue: DV) : V | DV;
+
+export function useGlobalSetting(key, defaultValue) {
+    const [ value, setValue ] = useState(arguments.length > 1 ? settings.getValue(key, defaultValue) : settings.getValue(key));
     useEffect(() => settings.globalChangeListener(key, value => setValue(value)), []);
 
     return value;

From 82cbfd9e4579d068e6370046cd051eff91d04410 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 13 Mar 2021 20:10:00 +0100
Subject: [PATCH 007/128] fixed some minor bugs

---
 shared/js/ui/utils/Variable.ts | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/shared/js/ui/utils/Variable.ts b/shared/js/ui/utils/Variable.ts
index 656e740c..3b37075c 100644
--- a/shared/js/ui/utils/Variable.ts
+++ b/shared/js/ui/utils/Variable.ts
@@ -1,5 +1,7 @@
 import {useEffect, useState} from "react";
 import * as _ from "lodash";
+import {ReadonlyKeys, WritableKeys} from "tc-shared/proto";
+import {useDependentState} from "tc-shared/ui/react-elements/Helper";
 
 /*
  * To deliver optimized performance, we only promisify the values we need.
@@ -10,18 +12,6 @@ import * as _ from "lodash";
 export type UiVariable = Transferable | undefined | null | number | string | object;
 export type UiVariableMap = { [key: string]: any }; //UiVariable | Readonly<UiVariable>
 
-type IfEquals<X, Y, A=X, B=never> =
-    (<T>() => T extends X ? 1 : 2) extends
-        (<T>() => T extends Y ? 1 : 2) ? A : B;
-
-type WritableKeys<T> = {
-    [P in keyof T]-?: IfEquals<{ [Q in P]: T[P] }, { -readonly [Q in P]: T[P] }, P, never>
-}[keyof T];
-
-type ReadonlyKeys<T> = {
-    [P in keyof T]: IfEquals<{ [Q in P]: T[P] }, { -readonly [Q in P]: T[P] }, never, P>
-}[keyof T];
-
 export type ReadonlyVariables<Variables extends UiVariableMap> = Pick<Variables, ReadonlyKeys<Variables>>
 export type WriteableVariables<Variables extends UiVariableMap> = Pick<Variables, WritableKeys<Variables>>
 
@@ -247,7 +237,7 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
         const haveDefaultValue = arguments.length >= 3;
         const cacheEntry = this.getOrCreateVariable(variable as string, customData);
 
-        const [ localValue, setLocalValue ] = useState<LocalVariableValue>(() => {
+        const [ localValue, setLocalValue ] = useDependentState<LocalVariableValue>(() => {
             /* Variable constructor */
             cacheEntry.useCount++;
 
@@ -266,7 +256,7 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
                     status: "unset"
                 };
             }
-        });
+        }, [ variable, customData ]);
 
         const [, setRemoteVersion ] = useState(0);
 
@@ -274,7 +264,7 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
             /* Initial rendered */
             if(cacheEntry.status === "loaded" && localValue.status !== "set") {
                 /* Update the local value to the current state */
-                setLocalValue(cacheEntry.currentValue);
+                setLocalValue({ status: "set", value: cacheEntry.currentValue });
             }
 
             let listener;
@@ -291,7 +281,7 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
                 cacheEntry.updateListener.remove(listener);
                 this.derefVariable(cacheEntry);
             };
-        }, []);
+        }, [ variable, customData ]);
 
         if(cacheEntry.status === "loading") {
             return {
@@ -379,7 +369,7 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
                 cacheEntry.updateListener.remove(listener);
                 this.derefVariable(cacheEntry);
             };
-        }, []);
+        }, [ variable, customData ]);
 
         if(arguments.length >= 3) {
             return cacheEntry.status === "loaded" ? cacheEntry.currentValue : defaultValue;

From 439ba5488e324769628b805061a618225fd693a2 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 14 Mar 2021 12:25:02 +0100
Subject: [PATCH 008/128] Fixed some modal flaws (will break because of ts
 inter op which hasn't been commited)

---
 .../ui/react-elements/external-modal/PopoutEntrypoint.ts  | 2 +-
 shared/js/ui/react-elements/internal-modal/Controller.ts  | 3 +--
 shared/js/ui/react-elements/internal-modal/Modal.scss     | 2 ++
 shared/js/ui/react-elements/internal-modal/Renderer.tsx   | 2 +-
 shared/js/ui/react-elements/modal/Definitions.ts          | 5 +++++
 shared/js/ui/react-elements/modal/Registry.ts             | 8 +++++++-
 shared/js/ui/react-elements/modal/index.ts                | 2 +-
 7 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts b/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
index 07955647..c05b9708 100644
--- a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
+++ b/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
@@ -75,7 +75,7 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
                 throw "missing handler";
             }
 
-            modalClass = await registeredModal.classLoader();
+            modalClass = (await registeredModal.classLoader()).default;
         } catch(error) {
             loader.critical_error("Failed to load modal", "Lookup the console for more detail");
             console.error("Failed to load modal %s: %o", modalTarget, error);
diff --git a/shared/js/ui/react-elements/internal-modal/Controller.ts b/shared/js/ui/react-elements/internal-modal/Controller.ts
index 7d1c47ee..206f5e21 100644
--- a/shared/js/ui/react-elements/internal-modal/Controller.ts
+++ b/shared/js/ui/react-elements/internal-modal/Controller.ts
@@ -50,8 +50,7 @@ export class InternalModalController implements ModalController {
         this.refModal = React.createRef();
         this.domElement = document.createElement("div");
 
-        this.modalInstance = new (await this.modalType.classLoader())(...this.constructorArguments);
-        console.error(this.modalInstance);
+        this.modalInstance = new (await this.modalType.classLoader()).default(...this.constructorArguments);
         const element = React.createElement(InternalModalRenderer, {
             ref: this.refModal,
             modal: this.modalInstance,
diff --git a/shared/js/ui/react-elements/internal-modal/Modal.scss b/shared/js/ui/react-elements/internal-modal/Modal.scss
index aaaa3537..0cccb4d4 100644
--- a/shared/js/ui/react-elements/internal-modal/Modal.scss
+++ b/shared/js/ui/react-elements/internal-modal/Modal.scss
@@ -141,6 +141,7 @@ html:root {
         justify-content: stretch;
 
         padding: .25em;
+        @include user-select(none);
 
         .icon, .button {
             flex-grow: 0;
@@ -155,6 +156,7 @@ html:root {
             border-radius: .2em;
 
             cursor: pointer;
+            display: flex;
 
             -webkit-app-region: no-drag;
             pointer-events: all;
diff --git a/shared/js/ui/react-elements/internal-modal/Renderer.tsx b/shared/js/ui/react-elements/internal-modal/Renderer.tsx
index 59a882cf..c83a464d 100644
--- a/shared/js/ui/react-elements/internal-modal/Renderer.tsx
+++ b/shared/js/ui/react-elements/internal-modal/Renderer.tsx
@@ -26,7 +26,7 @@ export const InternalModalContentRenderer = React.memo((props: {
         <div className={cssStyle.content + " " + props.containerClass} ref={props.refContent}>
             <div className={cssStyle.header + " " + props.headerClass}>
                 <div className={cssStyle.icon}>
-                    <img src="img/favicon/teacup.png"  alt={tr("Modal - Icon")} />
+                    <img src="img/favicon/teacup.png"  alt={tr("Modal - Icon")} draggable={false} />
                 </div>
                 <div className={cssStyle.title + " " + props.headerTitleClass}>
                     <ErrorBoundary>
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index f5336015..892b9e9e 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -8,6 +8,7 @@ import {InviteUiEvents, InviteUiVariables} from "tc-shared/ui/modal/invite/Defin
 import {ReactElement} from "react";
 import * as React from "react";
 import {IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {ModalBookmarkEvents, ModalBookmarkVariables} from "tc-shared/ui/modal/bookmarks/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -132,5 +133,9 @@ export interface ModalConstructorArguments {
         /* events */ IpcRegistryDescription<InviteUiEvents>,
         /* variables */ IpcVariableDescriptor<InviteUiVariables>,
         /* serverName */ string
+    ],
+    "modal-bookmarks": [
+        /* events */ IpcRegistryDescription<ModalBookmarkEvents>,
+        /* variables */ IpcVariableDescriptor<ModalBookmarkVariables>,
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 833294ed..1f442669 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -3,7 +3,7 @@ import {ModalConstructorArguments} from "tc-shared/ui/react-elements/modal/Defin
 
 export interface RegisteredModal<T extends keyof ModalConstructorArguments> {
     modalId: T,
-    classLoader: () => Promise<new (...args: ModalConstructorArguments[T]) => AbstractModal>,
+    classLoader: () => Promise<{ default: new (...args: ModalConstructorArguments[T]) => AbstractModal }>,
     popoutSupported: boolean
 }
 
@@ -73,3 +73,9 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "modal-bookmarks",
+    classLoader: async () => await import("tc-shared/ui/modal/bookmarks/Renderer"),
+    popoutSupported: true
+});
+
diff --git a/shared/js/ui/react-elements/modal/index.ts b/shared/js/ui/react-elements/modal/index.ts
index c9dec036..57b85908 100644
--- a/shared/js/ui/react-elements/modal/index.ts
+++ b/shared/js/ui/react-elements/modal/index.ts
@@ -22,7 +22,7 @@ export function spawnReactModal<ModalClass extends InternalModal>(modalClass: ne
     return new InternalModalController({
         popoutSupported: false,
         modalId: "__internal__unregistered",
-        classLoader: async () => modalClass
+        classLoader: async () => ({ default: modalClass })
     }, args);
 }
 

From 6ff210be079b1efe54584efbec51d0663cb3ac4d Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 14 Mar 2021 19:39:08 +0100
Subject: [PATCH 009/128] Added the new bookmark system and updated the
 bookmark UI

---
 ChangeLog.md                                  |  18 +-
 file.ts                                       |   2 +-
 package-lock.json                             |  88 ++
 package.json                                  |   2 +
 shared/css/load-css.tsx                       |   1 -
 shared/css/static/mixin.scss                  |  12 +-
 shared/css/static/modal-bookmarks.scss        | 498 -----------
 shared/html/templates.html                    | 167 ----
 .../img/client-icons/bookmark_edit_name.svg   |   4 +
 shared/js/bookmarks.ts                        | 749 ++++++++++------
 shared/js/connection/HandshakeHandler.ts      |   2 -
 shared/js/connectionlog/History.ts            |  16 +-
 .../js/events/ClientGlobalControlHandler.ts   |   8 +-
 shared/js/file/Icons.ts                       |   4 +
 shared/js/file/Utils.ts                       |  37 +
 shared/js/global.d.ts                         |   4 +
 shared/js/main.tsx                            |  21 +-
 shared/js/proto.ts                            |  16 +-
 shared/js/text/bbcode/emoji.tsx               |   4 +-
 shared/js/text/bbcode/highlight.tsx           |   2 +-
 shared/js/tree/Server.ts                      |  16 -
 shared/js/ui/elements/Modal.ts                |   8 +-
 shared/js/ui/frames/HostBannerRenderer.tsx    |   4 +-
 shared/js/ui/frames/control-bar/Button.scss   |  10 +-
 shared/js/ui/frames/control-bar/Controller.ts |  90 +-
 shared/js/ui/frames/menu-bar/MainMenu.ts      |  94 ++-
 .../js/ui/frames/video/RendererSpotlight.tsx  |   2 +-
 shared/js/ui/jsrender.ts                      |   2 +-
 shared/js/ui/modal/ModalAvatarList.ts         |   2 +-
 shared/js/ui/modal/ModalBanList.ts            |   2 +-
 shared/js/ui/modal/ModalBookmarks.ts          | 421 ---------
 shared/js/ui/modal/ModalClientInfo.ts         |   2 +-
 shared/js/ui/modal/ModalPoke.ts               |   2 +-
 shared/js/ui/modal/ModalServerInfo.ts         |   2 +-
 shared/js/ui/modal/ModalSettings.tsx          |   3 +-
 .../modal/bookmarks-add-server/Controller.ts  |   5 +
 .../modal/bookmarks-add-server/Definitions.ts |   7 +
 .../modal/bookmarks-add-server/Renderer.scss  |   0
 .../modal/bookmarks-add-server/Renderer.tsx   |  13 +
 shared/js/ui/modal/bookmarks/Controller.ts    | 568 +++++++++++++
 shared/js/ui/modal/bookmarks/Definitions.ts   |  77 ++
 shared/js/ui/modal/bookmarks/Renderer.scss    | 670 +++++++++++++++
 shared/js/ui/modal/bookmarks/Renderer.tsx     | 797 ++++++++++++++++++
 .../ui/modal/bookmarks/header_background.png} | Bin
 shared/js/ui/modal/bookmarks/serverinfo.png   | Bin 0 -> 80844 bytes
 shared/js/ui/modal/connect/Controller.ts      |   2 +-
 shared/js/ui/modal/connect/Renderer.scss      |  11 -
 shared/js/ui/modal/connect/Renderer.tsx       |  10 +-
 shared/js/ui/modal/css-editor/Renderer.tsx    |  31 +-
 shared/js/ui/modal/invite/Renderer.tsx        |   2 +-
 .../ui/modal/transfer/FileBrowserRenderer.tsx |   6 +-
 shared/js/ui/react-elements/Checkbox.scss     |   5 +-
 shared/js/ui/react-elements/CountryIcon.scss  |  10 +
 shared/js/ui/react-elements/CountryIcon.tsx   |  15 +
 shared/js/ui/react-elements/InputField.tsx    |   5 +-
 shared/js/ui/react-elements/Tooltip.scss      |   5 +
 shared/js/ui/react-elements/Tooltip.tsx       |   4 +-
 shared/js/ui/utils/Variable.ts                |  44 +-
 shared/svg-sprites/client-icons.d.ts          |   5 +-
 shared/tsconfig/tsconfig.declarations.json    |   1 +
 shared/tsconfig/tsconfig.json                 |   1 +
 tsconfig.json                                 |   1 +
 webpack.config.ts                             |   6 +-
 63 files changed, 3078 insertions(+), 1538 deletions(-)
 delete mode 100644 shared/css/static/modal-bookmarks.scss
 create mode 100644 shared/img/client-icons/bookmark_edit_name.svg
 create mode 100644 shared/js/file/Utils.ts
 create mode 100644 shared/js/global.d.ts
 delete mode 100644 shared/js/ui/modal/ModalBookmarks.ts
 create mode 100644 shared/js/ui/modal/bookmarks-add-server/Controller.ts
 create mode 100644 shared/js/ui/modal/bookmarks-add-server/Definitions.ts
 create mode 100644 shared/js/ui/modal/bookmarks-add-server/Renderer.scss
 create mode 100644 shared/js/ui/modal/bookmarks-add-server/Renderer.tsx
 create mode 100644 shared/js/ui/modal/bookmarks/Controller.ts
 create mode 100644 shared/js/ui/modal/bookmarks/Definitions.ts
 create mode 100644 shared/js/ui/modal/bookmarks/Renderer.scss
 create mode 100644 shared/js/ui/modal/bookmarks/Renderer.tsx
 rename shared/{img/bookmark_background.png => js/ui/modal/bookmarks/header_background.png} (100%)
 create mode 100644 shared/js/ui/modal/bookmarks/serverinfo.png
 create mode 100644 shared/js/ui/react-elements/CountryIcon.scss
 create mode 100644 shared/js/ui/react-elements/CountryIcon.tsx

diff --git a/ChangeLog.md b/ChangeLog.md
index 126b5e5b..a68ba5dc 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,12 @@
 # Changelog:
+* **14.03.21**
+    - Enchanted the bookmark system
+      - Added support for auto connect on startup
+      - Cleaned and simplified up the bookmark UI
+      - Added support for importing/exporting bookmarks
+      - Added support for duplicating bookmarks
+      - Adding support for default channels and passwords
+      
 * **12.03.21**
     - Added a new video spotlight mode which allows showing multiple videos at the same time as well as 
       dragging and resizing them
@@ -150,7 +158,7 @@
     - Fixed invalid channel tree unique id assignment for the initial server entry ([#F2986](https://forum.teaspeak.de/index.php?threads/2986))
     
 * **27.09.20**
-    - Middle clicking on bookmarks now directly connects in a new tab
+    - Middle clicking on bookmarksOld now directly connects in a new tab
     
 * **26.09.20**
     - Updating group prefix/suffixes when the group naming mode changes
@@ -320,7 +328,7 @@
     - Fixed channel tree deletions
     - Removed layout recalculate bottleneck on connection handler switching
     - Fixed empty channel tree on tab change, if the tree has some scroll offset
-    - Added the ability to duplicate bookmarks
+    - Added the ability to duplicate bookmarksOld
     - Fixed issue [#106](https://github.com/TeaSpeak/TeaWeb/issues/106)
     - Fixed issue [#90](https://github.com/TeaSpeak/TeaWeb/issues/90)
     
@@ -350,7 +358,7 @@
 * **21.04.20**
     - Clicking on the music bot does not longer results in the insufficient permission sound when the client has no permissions
     - Fixed permission editor overflow
-    - Fixed the bookmark edit window (bookmarks have failed to save)
+    - Fixed the bookmark edit window (bookmarksOld have failed to save)
     
 * **18.04.20**
     - Recoded the channel tree using React
@@ -447,7 +455,7 @@
     - Improved the server info modal experience (Correctly showing no permissions)
     - Improved "About" modal overflow behaviour
     - Allow the client to use the scroll bar without closing the modal within modals
-    - Improved bookmarks modal for smaller devices
+    - Improved bookmarksOld modal for smaller devices
     - Fixed invalid white space representation
     
 * **10.12.19**
@@ -637,7 +645,7 @@
     - Added query account management (since server 1.2.32b)
     
 * **18.12.18**
-    - Added bookmarks and bookmarks management
+    - Added bookmarksOld and bookmarksOld management
     - Added query user visibility button and creation (Query management will follow soon)
     - Fixed overflow within the group assignment dialog
     
diff --git a/file.ts b/file.ts
index a2867ad6..03143b7a 100644
--- a/file.ts
+++ b/file.ts
@@ -40,7 +40,7 @@ const APP_FILE_LIST_SHARED_SOURCE: ProjectResource[] = [
     },
     { /* javascript files as manifest.json */
         "type": "js",
-        "search-pattern": /.*\.(js|json|svg)$/,
+        "search-pattern": /.*\.(js|json|svg|png)$/,
         "build-target": "dev|rel",
 
         "path": "js/",
diff --git a/package-lock.json b/package-lock.json
index be69e8a7..6809714d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8912,6 +8912,11 @@
         }
       }
     },
+    "jsonschema": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/jsonschema/-/jsonschema-1.4.0.tgz",
+      "integrity": "sha512-/YgW6pRMr6M7C+4o8kS+B/2myEpHCrxO4PEWnqJNBFMjn7EWXqlQ4tGwL6xTHeRplwuZmcAncdvfOad1nT2yMw=="
+    },
     "jsprim": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
@@ -14431,6 +14436,89 @@
         }
       }
     },
+    "url-loader": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
+      "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "mime-types": "^2.1.27",
+        "schema-utils": "^3.0.0"
+      },
+      "dependencies": {
+        "@types/json-schema": {
+          "version": "7.0.7",
+          "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
+          "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
+          "dev": true
+        },
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "dev": true
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
+          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "mime-db": {
+          "version": "1.46.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.46.0.tgz",
+          "integrity": "sha512-svXaP8UQRZ5K7or+ZmfNhg2xX3yKDMUzqadsSqi4NCH/KomcH75MAMYAGVlvXn4+b/xOPhS3I2uHKRUzvjY7BQ==",
+          "dev": true
+        },
+        "mime-types": {
+          "version": "2.1.29",
+          "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.29.tgz",
+          "integrity": "sha512-Y/jMt/S5sR9OaqteJtslsFZKWOIIqMACsJSiHghlCAyhf7jfVYjKBmLiX8OgpWeW+fjJ2b+Az69aPFPkUOY6xQ==",
+          "dev": true,
+          "requires": {
+            "mime-db": "1.46.0"
+          }
+        },
+        "schema-utils": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz",
+          "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.6",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
     "url-parse-lax": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
diff --git a/package.json b/package.json
index 4c8ac6e7..54275896 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "ts-loader": "^6.2.2",
     "tsd": "^0.13.1",
     "typescript": "^3.7.0",
+    "url-loader": "^4.1.1",
     "wabt": "^1.0.13",
     "webpack": "^4.42.1",
     "webpack-bundle-analyzer": "^3.6.1",
@@ -101,6 +102,7 @@
     "highlight.js": "^10.1.1",
     "ip-regex": "^4.2.0",
     "jquery": "^3.5.1",
+    "jsonschema": "^1.4.0",
     "jsrender": "^1.0.7",
     "moment": "^2.24.0",
     "react": "^16.13.1",
diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index e691b1cd..5d600bb8 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -14,7 +14,6 @@ import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/m
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-avatar.scss"
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-banclient.scss"
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-banlist.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-bookmarks.scss"
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-channelinfo.scss"
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-clientinfo.scss"
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-connect.scss"
diff --git a/shared/css/static/mixin.scss b/shared/css/static/mixin.scss
index 0199d98b..0da9d333 100644
--- a/shared/css/static/mixin.scss
+++ b/shared/css/static/mixin.scss
@@ -66,29 +66,29 @@
 	user-select: $mode;
 }
 
-@mixin chat-scrollbar() {
+@mixin chat-scrollbar($width: .5em) {
 	& {
 		/* for moz */
 		scrollbar-color: #353535 #555;
-		scrollbarWidth: .5em;
+		scrollbarWidth: $width;
 	}
 
 	&::-webkit-scrollbar-track {
-		border-radius: .25em;
+		border-radius: $width / 2;
 		background-color: transparent;
 		cursor: pointer;
 	}
 
 	&::-webkit-scrollbar {
-		width: .5em;
-		height: .5em;
+		width: $width;
+		height: $width;
 
 		background-color: transparent;
 		cursor: pointer;
 	}
 
 	&::-webkit-scrollbar-thumb {
-		border-radius: .25em;
+		border-radius: $width / 2;
 		background-color: #555;
 	}
 
diff --git a/shared/css/static/modal-bookmarks.scss b/shared/css/static/modal-bookmarks.scss
deleted file mode 100644
index fc341e00..00000000
--- a/shared/css/static/modal-bookmarks.scss
+++ /dev/null
@@ -1,498 +0,0 @@
-@import "properties";
-@import "mixin";
-
-.modal .modal-bookmark-create {
-	.property {
-		margin-top: 5px;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		.key {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			width: 150px;
-		}
-
-		select, input {
-			flex-grow: 1;
-			flex-shrink: 1;
-		}
-	}
-
-	.buttons {
-		text-align: right;
-
-		button {
-			min-width: 200px;
-		}
-
-		margin-bottom: 5px;
-	}
-}
-
-.modal-body.modal-bookmarks {
-	padding: 0!important;
-
-	display: flex!important;
-	flex-direction: row!important;
-	justify-content: stretch!important;
-
-	min-width: 30em!important;
-	height: 45em;
-	width: 80em;
-
-	@include user-select(none);
-
-	.container-tooltip {
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		position: relative;
-		width: 1.6em;
-		margin-left: .5em;
-		font-size: .9em;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-
-		img {
-			height: 1em;
-			width: 1em;
-
-			align-self: center;
-			font-size: 1.2em;
-		}
-
-		.tooltip {
-			display: none;
-		}
-	}
-
-	.input-boxed {
-		height: 2em;
-	}
-
-	.left {
-		min-width: 12em;
-		width: 30%;
-
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		padding: .5em;
-		background-color: #212125;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		.title {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			text-align: center;
-
-			font-size: 1.5em;
-			color: #557edc;
-			text-transform: uppercase;
-
-			@include text-dotdotdot();
-		}
-
-		.container-bookmarks {
-			flex-shrink: 1;
-			flex-grow: 1;
-
-			min-height: 6em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			overflow: auto;
-			@include chat-scrollbar-vertical();
-			@include chat-scrollbar-horizontal();
-
-			.bookmark, .directory {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				border-radius: $border_radius_middle;
-				padding: .25em .5em;
-
-				cursor: pointer;
-
-				.icon-container {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					align-self: center;
-					margin-right: .5em;
-				}
-
-				.name {
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					min-width: 5em;
-					align-self: center;
-
-					@include text-dotdotdot();
-				}
-
-				&:hover {
-					background-color: #2c2d2f;
-				}
-
-				&.selected {
-					background-color: #1a1a1b;
-				}
-
-				.link {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					position: relative;
-					width: 1.5em;
-
-					$line_width: 2px;
-					$color: hsla(0, 0%, 35%, 1);
-					&:not(.hidden) {
-						&:before {
-							content: "";
-							position: absolute;
-
-							height: 2.25em; /* connect with the previous one */
-							width: .75em;
-
-							left: .5em; /* icons have a width of 1em */
-							bottom: calc(.75em - #{$line_width / 2});
-
-							border-left: $line_width solid $color;
-						}
-
-						&.connected {
-							&:before {
-								border-bottom: $line_width solid $color;
-
-								border-bottom-left-radius: .3em;
-							}
-						}
-					}
-				}
-			}
-
-			.link-start {
-				.link.connected {
-					&:before {
-						height: 1.25em;
-					}
-				}
-			}
-
-			.directory {
-				.name {
-					//color: #557edc;
-				}
-			}
-		}
-
-		.buttons {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			padding-top: .5em;
-
-			button {
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-
-				&:not(:first-of-type) {
-					margin-left: .5em;
-				}
-			}
-		}
-	}
-
-	.right {
-		min-width: 25em;
-		width: 30%;
-
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		background-color: #2f2f35;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: flex-start;
-
-		.header {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			height: 10em;
-
-			background: url('../../../img/bookmark_background.png'), url('../../img/bookmark_background.png'), url('img/bookmark_background.png') no-repeat;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: flex-end;
-
-			padding: .5em;
-
-			.container-name {
-				font-size: 2em;
-				color: #fcfcfc;
-
-				@include text-dotdotdot();
-			}
-
-			.container-address {
-				font-size: 1.5em;
-				color: #fcfcfc;
-
-				@include text-dotdotdot();
-			}
-		}
-
-		.container-settings {
-			flex-grow: 1;
-			flex-shrink: 1;
-			min-height: 10em;
-
-			padding: .5em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: flex-start;
-
-			overflow-y: auto;
-			overflow-x: hidden;
-			@include chat-scrollbar-vertical();
-
-			.group {
-				padding: .5em;
-
-				border-radius: .2em;
-				border: 1px solid #1f2122;
-
-				background-color: #28292b;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				> .row {
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					.key {
-						flex-grow: 0;
-						flex-shrink: 1;
-
-						width: 15em;
-						min-width: 2em;
-
-						align-self: center;
-
-						color: #557edc;
-
-						text-transform: uppercase;
-
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
-					}
-
-					.value {
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						min-width: 2em;
-
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
-					}
-
-					&:not(:first-of-type) {
-						margin-top: 1em;
-					}
-				}
-
-				&:not(:first-of-type) {
-					margin-top: 1em;
-				}
-
-				&.info {
-					flex-direction: row;
-				}
-
-				.container-image {
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					max-width: 15em;
-					max-height: 9em; /* minus one padding */
-					width: 15em;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					img {
-						object-fit: contain;
-						max-height: 100%;
-						max-width: 100%;
-					}
-
-					@include transition(.25s ease-in-out);
-				}
-
-				.container-properties {
-					flex-shrink: 1;
-					flex-grow: 1;
-
-					min-width: 23em;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: flex-start;
-
-					height: inherit;
-
-					.row {
-						flex-grow: 0;
-						flex-shrink: 0;
-
-						height: 1.8em;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: flex-start;
-
-						.key {
-							flex-shrink: 0;
-							flex-grow: 0;
-
-							color: #557edc;
-							text-transform: uppercase;
-							align-self: center;
-
-							white-space: nowrap;
-							overflow: hidden;
-							text-overflow: ellipsis;
-
-							width: 15em;
-						}
-
-						.value {
-							color: #d6d6d7;
-							align-self: center;
-							white-space: nowrap;
-							overflow: hidden;
-							text-overflow: ellipsis;
-
-							&.server-region {
-								> div {
-									display: inline-block;
-								}
-
-								.country {
-									margin-right: .25em;
-								}
-							}
-
-							.connect-count, .connect-never {
-								display: inline-block;
-
-								color: #7a3131;
-							}
-						}
-					}
-
-					.container-network {
-						display: flex;
-						flex-direction: row;
-						justify-content: center;
-
-						.container-button {
-							margin-right: 1em;
-
-							flex-shrink: 1;
-							min-width: 5em;
-
-							display: flex;
-							flex-direction: column;
-							justify-content: flex-end;
-
-							button {
-								height: 2.5em;
-								width: 12em;
-
-								max-width: 100%;
-
-								@include text-dotdotdot();
-							}
-						}
-
-						.right {
-							flex-grow: 1;
-						}
-					}
-				}
-			}
-		}
-
-		.buttons {
-			padding: .5em;
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-start;
-
-			.button-duplicate {
-				margin-right: auto;
-			}
-
-			button {
-				flex-shrink: 1;
-				flex-grow: 1;
-
-				min-width: 2em;
-
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-
-				&:not(:first-of-type) {
-					margin-left: .5em;
-				}
-			}
-		}
-	}
-}
-
-
-@media all and (max-width: 50em) {
-	.modal-body.modal-bookmarks {
-		.container-image {
-			margin: 0!important;
-			max-width: 0!important;
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/html/templates.html b/shared/html/templates.html
index e15a1694..35f5d824 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -2035,173 +2035,6 @@
             </div>
         </script>
 
-        <script class="jsrender-template" id="tmpl_manage_bookmarks" type="text/html">
-            <div>
-                <div class="left">
-                    <div class="title" title="{{tr 'Your bookmarks' /}}">{{tr "Your bookmarks" /}}</div>
-                    <div class="container-bookmarks">
-                    </div>
-                    <div class="buttons">
-                        <button class="btn btn-danger button-delete" title="{{tr 'Delete' /}}">{{tr "Delete" /}}</button>
-                        <button class="btn btn-purple button-add-folder" title="{{tr 'Add Folder' /}}">{{tr "Add Folder" /}}</button>
-                        <button class="btn btn-success button-add-bookmark" title="{{tr 'Add Bookmark' /}}">{{tr "Add Bookmark" /}}</button>
-                    </div>
-                </div>
-                <div class="container-seperator vertical" seperator-id="seperator-bookmarks"></div>
-                <div class="right">
-                    <div class="header">
-                        <div class="container-name">{{tr "Your bookmarks" /}}</div>
-                        <div class="container-address"></div>
-                    </div>
-                    <div class="container-settings" data-simplebar data-simplebar-auto-hide="false">
-                        <div class="group">
-                            <div class="row">
-                                <div class="key">{{tr "Bookmark Name" /}}</div>
-                                <div class="value">
-                                    <div class="input-boxed">
-                                        <input class="input-bookmark-name">
-                                        <!--
-                                        <div class="container-tooltip">
-                                            <img src="img/icon_tooltip.svg"/>
-                                            <div class="tooltip">
-                                                <a>{{tr "The displayed name of this bookmark." /}}</a>
-                                            </div>
-                                        </div>
-                                        -->
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="key">{{tr "Connect Profile" /}}</div>
-                                <div class="value">
-                                    <div class="input-boxed">
-                                        <select class="input-connect-profile">
-                                        </select>
-                                        <!--
-                                        <div class="container-tooltip">
-                                            <img src="img/icon_tooltip.svg"/>
-                                            <div class="tooltip">
-                                                <a>{{tr "The profile which you're connection with when you're using the bookmark." /}}</a>
-                                            </div>
-                                        </div>
-                                        -->
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="group">
-                            <div class="row">
-                                <div class="key">{{tr "Server Address" /}}</div>
-                                <div class="value">
-                                    <div class="input-boxed">
-                                        <input class="input-server-address">
-                                        <!--
-                                        <div class="container-tooltip">
-                                            <img src="img/icon_tooltip.svg"/>
-                                            <div class="tooltip">
-                                                <a>{{tr "The server address of the bookmark. The port is separated via a colon" /}}</a>
-                                            </div>
-                                        </div>
-                                        -->
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="key">{{tr "Server Password" /}}</div>
-                                <div class="value">
-                                    <div class="input-boxed">
-                                        <input type="password" class="input-server-password">
-                                        <!--
-                                        <div class="container-tooltip">
-                                            <img src="img/icon_tooltip.svg"/>
-                                            <div class="tooltip">
-                                                <a>{{tr "The server port of the bookmark" /}}</a>
-                                            </div>
-                                        </div>
-                                        -->
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="key">{{tr "Default Channel" /}}</div>
-                                <div class="value">
-                                    <div class="input-boxed">
-                                        <input class="input-default-channel" placeholder="{{tr 'Not yet implemented' /}}" disabled>
-                                        <!--
-                                        <div class="container-tooltip">
-                                            <img src="img/icon_tooltip.svg"/>
-                                            <div class="tooltip">
-                                                <a>{{tr "The server port of the bookmark" /}}</a>
-                                            </div>
-                                        </div>
-                                        -->
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="key">{{tr "Channel Password" /}}</div>
-                                <div class="value">
-                                    <div class="input-boxed">
-                                        <input type="password" class="input-default-channel-password" placeholder="{{tr 'Not yet implemented' /}}" disabled>
-                                        <!--
-                                        <div class="container-tooltip">
-                                            <img src="img/icon_tooltip.svg"/>
-                                            <div class="tooltip">
-                                                <a>{{tr "The server port of the bookmark" /}}</a>
-                                            </div>
-                                        </div>
-                                        -->
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="group info">
-                            <div class="container-image">
-                                <img src="img/serveredit_1.png">
-                            </div>
-                            <div class="container-properties">
-                                <div class="row">
-                                    <a class="key">{{tr "Server name" /}}</a>
-                                    <div class="value server-name">
-                                        error: name
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <a class="key">{{tr "Server region" /}}</a>
-                                    <div class="value server-region">
-                                        error: region
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <a class="key">{{tr "Last ping" /}}</a>
-                                    <div class="value server-ping">
-                                        error: ping
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <a class="key">{{tr "Last client count" /}}</a>
-                                    <div class="value server-client-count">
-                                        error: last client
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <a class="key">{{tr "Your connection" /}}</a>
-                                    <div class="value server-connection-count">
-                                        error: connection count
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="buttons">
-                        <button class="btn btn-blue button-duplicate">{{tr "Duplicate" /}}</button>
-                        <button class="btn btn-success button-connect-tab">{{tr "Connect in a new tab" /}}</button>
-                        <button class="btn btn-success button-connect">{{tr "Connect" /}}</button>
-                    </div>
-                </div>
-            </div>
-        </script>
-
         <script class="jsrender-template" id="tmpl_icon_select" type="text/html">
             <div class="container-icons">
                 <div class="left">
diff --git a/shared/img/client-icons/bookmark_edit_name.svg b/shared/img/client-icons/bookmark_edit_name.svg
new file mode 100644
index 00000000..d8891769
--- /dev/null
+++ b/shared/img/client-icons/bookmark_edit_name.svg
@@ -0,0 +1,4 @@
+<svg id="client-change_nickname" x="384" y="32" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m3.57 9.56-2.445 5.315 5.316-2.445c-.358-.566-.781-1.103-1.274-1.596s-1.03-.916-1.596-1.274z" fill="#7289da" style="fill:#fffffe"/>
+ <path d="m14.875 3.687c0-.297-.104-.547-.313-.749l-1.498-1.501c-.203-.207-.452-.311-.751-.311s-.552.101-.759.302l-7.175 7.174c.447.293.877.624 1.284.992.129.117.256.237.381.362s.245.252.363.382c.369.407.699.836.992 1.284l7.175-7.175c.2-.207.301-.461.301-.76z" fill="#7289da" style="fill:#fffffe"/>
+</svg>
diff --git a/shared/js/bookmarks.ts b/shared/js/bookmarks.ts
index 8ea86eb6..974a35b6 100644
--- a/shared/js/bookmarks.ts
+++ b/shared/js/bookmarks.ts
@@ -1,261 +1,524 @@
-import {LogCategory, logError} from "./log";
-import {guid} from "./crypto/uid";
-import {createErrorModal, createInfoModal, createInputModal} from "./ui/elements/Modal";
-import {defaultConnectProfile, findConnectProfile} from "./profiles/ConnectionProfile";
-import {ConnectionHandler} from "./ConnectionHandler";
+import * as loader from "tc-loader";
+import {Stage} from "tc-loader";
+import {WritableKeys} from "tc-shared/proto";
+import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
+import {guid} from "tc-shared/crypto/uid";
+import {Registry} from "tc-events";
 import {server_connections} from "tc-shared/ConnectionManager";
-import {Registry} from "tc-shared/events";
-import {spawnConnectModalNew} from "tc-shared/ui/modal/connect/Controller";
+import {defaultConnectProfile, findConnectProfile} from "tc-shared/profiles/ConnectionProfile";
+import {ConnectionState} from "tc-shared/ConnectionHandler";
+import * as _ from "lodash";
 
-/* TODO: much better events? */
-export interface BookmarkEvents {
-    notify_bookmarks_updated: {}
-}
+type BookmarkBase = {
+    readonly uniqueId: string,
+    displayName: string,
 
-export const bookmarkEvents = new Registry<BookmarkEvents>();
-
-export const boorkmak_connect = (mark: Bookmark, new_tab?: boolean) => {
-    const profile = findConnectProfile(mark.connect_profile) || defaultConnectProfile();
-    if(profile.valid()) {
-        const connection = (typeof(new_tab) !== "boolean" || !new_tab) ? server_connections.getActiveConnectionHandler() : server_connections.spawnConnectionHandler();
-        server_connections.setActiveConnectionHandler(connection);
-        connection.startConnection(
-            mark.server_properties.server_address + ":" + mark.server_properties.server_port,
-            profile,
-            true,
-            {
-                nickname: mark.nickname === "Another TeaSpeak user" || !mark.nickname ? profile.connectUsername() : mark.nickname,
-                password: mark.server_properties.server_password_hash ? {
-                    password: mark.server_properties.server_password_hash,
-                    hashed: true
-                } : mark.server_properties.server_password ? {
-                    hashed: false,
-                    password: mark.server_properties.server_password
-                } : undefined
-            }
-        );
-    } else {
-        spawnConnectModalNew({
-            selectedAddress: mark.server_properties.server_address + ":" + mark.server_properties.server_port,
-            selectedProfile: profile
-        });
-    }
+    previousEntry: string | undefined,
+    parentEntry: string | undefined,
 };
 
-export interface ServerProperties {
-    server_address: string;
-    server_port: number;
-    server_password_hash?: string;
-    server_password?: string;
+export type BookmarkInfo = BookmarkBase & {
+    readonly type: "entry",
+
+    connectOnStartup: boolean,
+    connectProfile: string,
+
+    serverAddress: string,
+    serverPasswordHash: string | undefined,
+
+    defaultChannel: string | undefined,
+    defaultChannelPasswordHash: string | undefined,
 }
 
-export enum BookmarkType {
-    ENTRY,
-    DIRECTORY
+export type BookmarkDirectory = BookmarkBase & {
+    readonly type: "directory",
 }
 
-export interface Bookmark {
-    type: BookmarkType.ENTRY;
-    /* readonly */ parent: DirectoryBookmark;
+export type BookmarkEntry = BookmarkInfo | BookmarkDirectory;
 
-    server_properties: ServerProperties;
-    display_name: string;
-    unique_id: string;
-
-    nickname: string;
-    default_channel?: number | string;
-    default_channel_password_hash?: string;
-    default_channel_password?: string;
-
-    connect_profile: string;
-
-    last_icon_id?: number;
-    last_icon_server_id?: string;
+export interface BookmarkEvents {
+    notify_bookmark_created: { bookmark: BookmarkEntry },
+    notify_bookmark_edited: { bookmark: BookmarkEntry, keys: (keyof BookmarkInfo | keyof BookmarkDirectory)[] },
+    notify_bookmark_deleted: { bookmark: BookmarkEntry, children: BookmarkEntry[] },
+    notify_bookmarks_imported: { bookmarks: BookmarkEntry[] },
 }
 
-export interface DirectoryBookmark {
-    type: BookmarkType.DIRECTORY;
-    /* readonly */ parent: DirectoryBookmark;
+export type OrderedBookmarkEntry = {
+    entry: BookmarkEntry,
+    depth: number,
+    childCount: number,
+};
 
-    readonly content: (Bookmark | DirectoryBookmark)[];
-    unique_id: string;
-    display_name: string;
-}
+const kLocalStorageKey = "bookmarks_v2";
+export class BookmarkManager {
+    readonly events: Registry<BookmarkEvents>;
+    private readonly registeredBookmarks: BookmarkEntry[];
+    private defaultBookmarkCreated: boolean;
 
-interface BookmarkConfig {
-    root_bookmark?: DirectoryBookmark;
-    default_added?: boolean;
-}
-
-let _bookmark_config: BookmarkConfig;
-
-function bookmark_config() : BookmarkConfig {
-    if(_bookmark_config)
-        return _bookmark_config;
-
-    let bookmark_json = localStorage.getItem("bookmarks");
-    let bookmarks;
-    try {
-        bookmarks = JSON.parse(bookmark_json) || {} as BookmarkConfig;
-    } catch(error) {
-        logError(LogCategory.BOOKMARKS, tr("Failed to load bookmarks: %o"), error);
-        bookmarks = {} as any;
+    constructor() {
+        this.events = new Registry<BookmarkEvents>();
+        this.registeredBookmarks = [];
+        this.defaultBookmarkCreated = false;
+        this.loadBookmarks();
     }
 
-    _bookmark_config = bookmarks;
-    _bookmark_config.root_bookmark = _bookmark_config.root_bookmark || { content: [], display_name: "root", type: BookmarkType.DIRECTORY} as DirectoryBookmark;
-
-    if(!_bookmark_config.default_added) {
-        _bookmark_config.default_added = true;
-        create_bookmark("TeaSpeak official Test-Server", _bookmark_config.root_bookmark, {
-            server_address: "ts.teaspeak.de",
-            server_port: 9987
-        }, undefined);
-
-        save_config();
-    }
-
-    const fix_parent = (parent: DirectoryBookmark, entry: Bookmark | DirectoryBookmark) => {
-        entry.parent = parent;
-        if(entry.type === BookmarkType.DIRECTORY)
-            for(const child of (entry as DirectoryBookmark).content)
-                fix_parent(entry as DirectoryBookmark, child);
-    };
-    for(const entry of _bookmark_config.root_bookmark.content)
-        fix_parent(_bookmark_config.root_bookmark, entry);
-
-    return _bookmark_config;
-}
-
-function save_config() {
-    localStorage.setItem("bookmarks", JSON.stringify(bookmark_config(), (key, value) => {
-        if(key === "parent")
-            return undefined;
-        return value;
-    }));
-}
-
-export function bookmarks() : DirectoryBookmark {
-    return bookmark_config().root_bookmark;
-}
-
-export function bookmarks_flat() : Bookmark[] {
-    const result: Bookmark[] = [];
-    const _flat = (bookmark: Bookmark | DirectoryBookmark) => {
-        if(bookmark.type == BookmarkType.DIRECTORY)
-            for(const book of (bookmark as DirectoryBookmark).content)
-                _flat(book);
-        else
-            result.push(bookmark as Bookmark);
-    };
-    _flat(bookmark_config().root_bookmark);
-    return result;
-}
-
-function find_bookmark_recursive(parent: DirectoryBookmark, uuid: string) : Bookmark | DirectoryBookmark {
-    for(const entry of parent.content) {
-        if(entry.unique_id == uuid)
-            return entry;
-        if(entry.type == BookmarkType.DIRECTORY) {
-            const result = find_bookmark_recursive(entry as DirectoryBookmark, uuid);
-            if(result) return result;
-        }
-    }
-    return undefined;
-}
-
-export function find_bookmark(uuid: string) : Bookmark | DirectoryBookmark | undefined {
-    return find_bookmark_recursive(bookmarks(), uuid);
-}
-
-export function parent_bookmark(bookmark: Bookmark) : DirectoryBookmark {
-    const books: (DirectoryBookmark | Bookmark)[] = [bookmarks()];
-    while(!books.length) {
-        const directory = books.pop_front();
-        if(directory.type == BookmarkType.DIRECTORY) {
-            const cast = <DirectoryBookmark>directory;
-
-            if(cast.content.indexOf(bookmark) != -1)
-                return cast;
-            books.push(...cast.content);
-        }
-    }
-    return bookmarks();
-}
-
-export function create_bookmark(display_name: string, directory: DirectoryBookmark, server_properties: ServerProperties, nickname: string) : Bookmark {
-    const bookmark = {
-        display_name: display_name,
-        server_properties: server_properties,
-        nickname: nickname,
-        type: BookmarkType.ENTRY,
-        connect_profile: "default",
-        unique_id: guid(),
-        parent: directory
-    } as Bookmark;
-
-    directory.content.push(bookmark);
-    return bookmark;
-}
-
-export function create_bookmark_directory(parent: DirectoryBookmark, name: string) : DirectoryBookmark {
-    const bookmark = {
-        type: BookmarkType.DIRECTORY,
-
-        display_name: name,
-        content: [],
-        unique_id: guid(),
-        parent: parent
-    } as DirectoryBookmark;
-
-    parent.content.push(bookmark);
-    return bookmark;
-}
-
-//TODO test if the new parent is within the old bookmark
-export function change_directory(parent: DirectoryBookmark, bookmark: Bookmark | DirectoryBookmark) {
-    delete_bookmark(bookmark);
-    parent.content.push(bookmark)
-}
-
-export function save_bookmark(bookmark?: Bookmark | DirectoryBookmark) {
-    bookmarkEvents.fire("notify_bookmarks_updated");
-    save_config(); /* nvm we dont give a fuck... saving everything */
-}
-
-function delete_bookmark_recursive(parent: DirectoryBookmark, bookmark: Bookmark | DirectoryBookmark) {
-    const index = parent.content.indexOf(bookmark);
-    if(index != -1)
-        parent.content.remove(bookmark);
-    else
-        for(const entry of parent.content)
-            if(entry.type == BookmarkType.DIRECTORY)
-                delete_bookmark_recursive(entry as DirectoryBookmark, bookmark)
-}
-
-export function delete_bookmark(bookmark: Bookmark | DirectoryBookmark) {
-    delete_bookmark_recursive(bookmarks(), bookmark)
-}
-
-export function add_server_to_bookmarks(server: ConnectionHandler) {
-    if(server && server.connected) {
-        const ce = server.getClient();
-        const name = ce ? ce.clientNickName() : undefined;
-        createInputModal(tr("Enter bookmarks name"), tr("Please enter the bookmarks name:<br>"), text => text.length > 0, result => {
-            if(result) {
-                const bookmark = create_bookmark(result as string, bookmarks(), {
-                    server_port: server.serverConnection.remote_address().port,
-                    server_address: server.serverConnection.remote_address().host,
-
-                    server_password: "",
-                    server_password_hash: ""
-                }, name);
-                save_bookmark(bookmark);
-
-                createInfoModal(tr("Server added"), tr("Server has been successfully added to your bookmarks.")).open();
+    private loadBookmarks() {
+        const bookmarksJson = localStorage.getItem(kLocalStorageKey);
+        if(typeof bookmarksJson !== "string") {
+            const oldBookmarksJson = localStorage.getItem("bookmarks");
+            if(typeof oldBookmarksJson === "string") {
+                logDebug(LogCategory.BOOKMARKS, tr("Found no new bookmarks but found old bookmarks. Trying to import."));
+                try {
+                    this.importOldBookmarks(oldBookmarksJson);
+                    logInfo(LogCategory.BOOKMARKS, tr("Successfully imported %d old bookmarks."), this.registeredBookmarks.length);
+                    this.saveBookmarks();
+                } catch (error) {
+                    const saveKey = "bookmarks_v1_save_" + Date.now();
+                    logError(LogCategory.BOOKMARKS, tr("Failed to import old bookmark data. Saving it as %s"), saveKey);
+                    localStorage.setItem(saveKey, oldBookmarksJson);
+                } finally {
+                    localStorage.removeItem("bookmarks");
+                }
             }
-        }).open();
-    } else {
-        createErrorModal(tr("You have to be connected"), tr("You have to be connected!")).open();
+        } else {
+            try {
+                const storageData = JSON.parse(bookmarksJson);
+                if(storageData.version !== 2) {
+                    throw tr("bookmark storage has an invalid version");
+                }
+
+                this.defaultBookmarkCreated = storageData.defaultBookmarkCreated;
+                this.registeredBookmarks.slice(0, this.registeredBookmarks.length);
+                this.registeredBookmarks.push(...storageData.bookmarks);
+                logTrace(LogCategory.BOOKMARKS, tr("Loaded %d bookmarks."), this.registeredBookmarks.length);
+            } catch (error) {
+                const saveKey = "bookmarks_v2_save_" + Date.now();
+                logError(LogCategory.BOOKMARKS, tr("Failed to parse bookmarks. Saving them at %s and using a clean setup."), saveKey)
+                localStorage.setItem(saveKey, bookmarksJson);
+                localStorage.removeItem("bookmarks_v2");
+            }
+        }
+
+        if(!this.defaultBookmarkCreated && this.registeredBookmarks.length === 0) {
+            this.defaultBookmarkCreated = true;
+
+            logDebug(LogCategory.BOOKMARKS, tr("No bookmarks found. Registering default bookmark."));
+            this.createBookmark({
+                connectOnStartup: false,
+                connectProfile: "default",
+
+                displayName: "Official TeaSpeak - Test server",
+
+                parentEntry: undefined,
+                previousEntry: undefined,
+
+                serverAddress: "ts.teaspeak.de",
+                serverPasswordHash: undefined,
+
+                defaultChannel: undefined,
+                defaultChannelPasswordHash: undefined,
+            });
+
+            this.saveBookmarks();
+        }
     }
-}
\ No newline at end of file
+
+    private importOldBookmarks(jsonData: string) {
+        const data = JSON.parse(jsonData);
+        if(typeof data?.root_bookmark !== "object") {
+            throw tr("missing root bookmark");
+        }
+
+        if(!Array.isArray(data?.root_bookmark?.content)) {
+            throw tr("Missing root bookmarks content");
+        }
+
+        const registerBookmarks = (parentEntry: string, previousEntry: string, entry: any) : string | undefined => {
+            if(typeof entry.display_name !== "string") {
+                logWarn(LogCategory.BOOKMARKS, tr("Missing display_name in old bookmark entry. Skipping entry."));
+                return undefined;
+            }
+
+            if("content" in entry) {
+                /* it was a directory */
+                const directory = this.createDirectory({
+                    previousEntry,
+                    parentEntry,
+
+                    displayName: entry.display_name,
+                });
+
+                previousEntry = undefined;
+                entry.content.forEach(entry => {
+                    previousEntry = registerBookmarks(directory.uniqueId, previousEntry, entry) || previousEntry;
+                });
+            } else {
+                /* it was a normal entry */
+                if(typeof entry.connect_profile !== "string") {
+                    logWarn(LogCategory.BOOKMARKS, tr("Missing connect_profile in old bookmark entry. Skipping entry."));
+                    return undefined;
+                }
+
+                if(typeof entry.server_properties?.server_address !== "string") {
+                    logWarn(LogCategory.BOOKMARKS, tr("Missing server_address in old bookmark entry. Skipping entry."));
+                    return undefined;
+                }
+
+                if(typeof entry.server_properties?.server_port !== "number") {
+                    logWarn(LogCategory.BOOKMARKS, tr("Missing server_port in old bookmark entry. Skipping entry."));
+                    return undefined;
+                }
+
+                let serverAddress;
+                if(entry.server_properties.server_address.indexOf(":") !== -1) {
+                    serverAddress = `[${entry.server_properties.server_address}]`;
+                } else {
+                    serverAddress = entry.server_properties.server_address;
+                }
+                serverAddress += ":" + entry.server_properties.server_port;
+
+                return this.createBookmark({
+                    previousEntry,
+                    parentEntry,
+
+                    serverAddress,
+                    serverPasswordHash: entry.server_properties?.server_password_hash,
+
+                    defaultChannel: undefined,
+                    defaultChannelPasswordHash: undefined,
+
+                    displayName: entry.display_name,
+                    connectProfile: entry.connect_profile,
+
+                    connectOnStartup: false
+                }).uniqueId;
+            }
+        }
+
+        let previousEntry = undefined;
+        data.root_bookmark.content.forEach(entry => {
+            previousEntry = registerBookmarks(undefined, previousEntry, entry) || previousEntry;
+        });
+
+        this.defaultBookmarkCreated = true;
+    }
+
+    private saveBookmarks() {
+        localStorage.setItem(kLocalStorageKey, JSON.stringify({
+            version: 2,
+            bookmarks: this.registeredBookmarks,
+            defaultBookmarkCreated: this.defaultBookmarkCreated,
+        }))
+    }
+
+    getRegisteredBookmarks() : BookmarkEntry[] {
+        return this.registeredBookmarks;
+    }
+
+    getOrderedRegisteredBookmarks() : OrderedBookmarkEntry[] {
+        const unorderedBookmarks = this.registeredBookmarks.slice(0);
+        const orderedBookmarks: OrderedBookmarkEntry[] = [];
+
+        const orderTreeLayer = (entries: BookmarkEntry[]): BookmarkEntry[] => {
+            if(entries.length === 0) {
+                return [];
+            }
+
+            const result = [];
+            while(entries.length > 0) {
+                let head = entries.find(entry => !entry.previousEntry) || entries[0];
+                while(head) {
+                    result.push(head);
+                    entries.remove(head);
+                    head = entries.find(entry => entry.previousEntry === head.uniqueId);
+                }
+            }
+
+            return result;
+        }
+
+        const traverseTree = (parentEntry: string | undefined, depth: number): number => {
+            const children = unorderedBookmarks.filter(e => e.parentEntry === parentEntry);
+            children.forEach(child => unorderedBookmarks.remove(child));
+
+            const childCount = children.length;
+            for(const entry of orderTreeLayer(children)) {
+                let orderedEntry: OrderedBookmarkEntry = {
+                    entry: entry,
+                    depth: depth,
+                    childCount: 0
+                };
+
+                orderedBookmarks.push(orderedEntry);
+                orderedEntry.childCount = traverseTree(entry.uniqueId, depth + 1);
+            }
+
+            return childCount;
+        };
+
+        traverseTree(undefined, 0);
+
+        /* Append all broken/unreachable elements */
+        while (unorderedBookmarks.length > 0) {
+            traverseTree(unorderedBookmarks[0].parentEntry, 0);
+        }
+
+        return orderedBookmarks;
+    }
+
+    findBookmark(uniqueId: string) : BookmarkEntry | undefined {
+        return this.registeredBookmarks.find(entry => entry.uniqueId === uniqueId);
+    }
+
+    createBookmark(properties: Pick<BookmarkInfo, WritableKeys<BookmarkInfo>>) : BookmarkInfo {
+        this.validateHangInPoint(properties);
+        const bookmark = Object.assign(properties, {
+            uniqueId: guid(),
+            type: "entry"
+        } as BookmarkInfo);
+        this.registeredBookmarks.push(bookmark);
+        this.events.fire("notify_bookmark_created", { bookmark });
+        this.saveBookmarks();
+        return bookmark;
+    }
+
+    editBookmark(uniqueId: string, newValues: Partial<Pick<BookmarkInfo, WritableKeys<BookmarkInfo>>>) {
+        this.doEditBookmark(uniqueId, newValues);
+    }
+
+    createDirectory(properties: Pick<BookmarkInfo, WritableKeys<BookmarkDirectory>>) : BookmarkDirectory {
+        this.validateHangInPoint(properties);
+        const bookmark = Object.assign(properties, {
+            uniqueId: guid(),
+            type: "directory"
+        } as BookmarkDirectory);
+        this.registeredBookmarks.push(bookmark);
+        this.events.fire("notify_bookmark_created", { bookmark });
+        this.saveBookmarks();
+        return bookmark;
+    }
+
+    editDirectory(uniqueId: string, newValues: Partial<Pick<BookmarkDirectory, WritableKeys<BookmarkDirectory>>>) {
+        this.doEditBookmark(uniqueId, newValues);
+    }
+
+    deleteEntry(uniqueId: string) {
+        const index = this.registeredBookmarks.findIndex(entry => entry.uniqueId === uniqueId);
+        if(index === -1) {
+            return;
+        }
+
+        const [ entry ] = this.registeredBookmarks.splice(index, 1);
+        const children = [], pendingChildren = [ entry ];
+
+        while(pendingChildren[0]) {
+            const child = pendingChildren.pop_front();
+            children.push(child);
+
+            const childChildren = this.registeredBookmarks.filter(entry => entry.parentEntry === child.uniqueId);
+            pendingChildren.push(...childChildren);
+            childChildren.forEach(entry => this.registeredBookmarks.remove(entry));
+        }
+
+        children.pop_front();
+        this.events.fire("notify_bookmark_deleted", { bookmark: entry, children });
+        this.saveBookmarks();
+    }
+
+    executeConnect(uniqueId: string, newTab: boolean) {
+        const bookmark = this.findBookmark(uniqueId);
+        if(!bookmark || bookmark.type !== "entry") {
+            return;
+        }
+
+        const connection = newTab ? server_connections.spawnConnectionHandler() : server_connections.getActiveConnectionHandler();
+        if(!connection) {
+            return;
+        }
+
+        let profile = findConnectProfile(bookmark.connectProfile) || defaultConnectProfile();
+        connection.startConnectionNew({
+            profile: profile,
+
+            targetAddress: bookmark.serverAddress,
+
+            serverPasswordHashed: true,
+            serverPassword: bookmark.serverPasswordHash,
+
+            defaultChannel: bookmark.defaultChannel,
+            defaultChannelPassword: bookmark.defaultChannelPasswordHash,
+            defaultChannelPasswordHashed: true,
+
+            token: undefined,
+
+            nicknameSpecified: false,
+            nickname: undefined
+        }, false).then(undefined);
+    }
+
+    executeAutoConnect() {
+        let newTab = server_connections.getActiveConnectionHandler().connection_state !== ConnectionState.UNCONNECTED;
+        for(const entry of this.getOrderedRegisteredBookmarks()) {
+            if(entry.entry.type !== "entry") {
+                continue;
+            }
+
+            if(!entry.entry.connectOnStartup) {
+                continue;
+            }
+
+            this.executeConnect(entry.entry.uniqueId, newTab);
+            newTab = true;
+        }
+    }
+
+    exportBookmarks() : string {
+        return JSON.stringify({
+            version: 1,
+            bookmarks: this.registeredBookmarks
+        });
+    }
+
+    importBookmarks(filePayload: string) : number {
+        let data;
+        try {
+            data = JSON.parse(filePayload)
+        } catch (error) {
+            throw tr("failed to parse bookmarks");
+        }
+
+        if(data?.version !== 1) {
+            throw tr("supplied data contains invalid version");
+        }
+
+        const newBookmarks = data.bookmarks as BookmarkEntry[];
+        if(!Array.isArray(newBookmarks)) {
+            throw tr("missing bookmarks");
+        }
+
+        /* TODO: Validate integrity? */
+        for(const knownBookmark of this.registeredBookmarks) {
+            const index = newBookmarks.findIndex(entry => entry.uniqueId === knownBookmark.uniqueId);
+            if(index === -1) {
+                continue;
+            }
+
+            newBookmarks.splice(index, 1);
+        }
+
+        if(newBookmarks.length === 0) {
+            return;
+        }
+
+        this.registeredBookmarks.push(...newBookmarks);
+        newBookmarks.forEach(entry => this.validateHangInPoint(entry));
+        this.events.fire("notify_bookmarks_imported", { bookmarks: newBookmarks });
+        return newBookmarks.length;
+    }
+
+    private doEditBookmark(uniqueId: string, newValues: any) {
+        const bookmarkInfo = this.findBookmark(uniqueId);
+        if(!bookmarkInfo) {
+            return;
+        }
+
+        const originalProperties = _.cloneDeep(bookmarkInfo);
+        for(const key of Object.keys(newValues)) {
+            bookmarkInfo[key] = newValues[key];
+        }
+        this.validateHangInPoint(bookmarkInfo);
+
+        const editedKeys = [];
+        for(const key of Object.keys(newValues)) {
+            if(_.isEqual(bookmarkInfo[key], originalProperties[key])) {
+                continue;
+            }
+
+            editedKeys.push(key);
+        }
+
+        if(editedKeys.length === 0) {
+            return;
+        }
+
+        this.saveBookmarks();
+        this.events.fire("notify_bookmark_edited", { bookmark: bookmarkInfo, keys: editedKeys });
+    }
+
+    private validateHangInPoint(entry: Partial<BookmarkBase>) {
+        if(entry.previousEntry) {
+            const previousEntry = this.findBookmark(entry.previousEntry);
+            if(!previousEntry) {
+                logError(LogCategory.BOOKMARKS, tr("New bookmark previous entry does not exists. Clearing it."));
+                entry.previousEntry = undefined;
+            } else if(previousEntry.parentEntry !== entry.parentEntry) {
+                logWarn(LogCategory.BOOKMARKS, tr("Previous entries parent does not match our entries parent. Updating our parent from %s to %s"), entry.parentEntry, previousEntry.parentEntry);
+                entry.parentEntry = previousEntry.parentEntry;
+            }
+
+
+            const openList = this.registeredBookmarks.filter(e1 => e1.parentEntry === entry.parentEntry);
+            let currentEntry = entry;
+            while(true) {
+                if(!currentEntry.previousEntry) {
+                    break;
+                }
+
+                const previousEntry = openList.find(entry => entry.uniqueId === currentEntry.previousEntry);
+                if(!previousEntry) {
+                    logError(LogCategory.BOOKMARKS, tr("Found circular dependency within the previous entry or one of the previous entries does not exists. Clearing out previous entry."));
+                    entry.previousEntry = undefined;
+                    break;
+                }
+
+                openList.remove(previousEntry);
+                currentEntry = previousEntry;
+            }
+        }
+
+        if(entry.parentEntry) {
+            const parentEntry = this.findBookmark(entry.parentEntry);
+            if(!parentEntry) {
+                logError(LogCategory.BOOKMARKS, tr("Missing parent entry %s. Clearing it."), entry.parentEntry);
+                entry.parentEntry = undefined;
+            }
+
+            const openList = this.registeredBookmarks.slice();
+            let currentEntry = entry;
+            while(true) {
+                if(!currentEntry.parentEntry) {
+                    break;
+                }
+
+                const parentEntry = openList.find(entry => entry.uniqueId === currentEntry.parentEntry);
+                if(!parentEntry) {
+                    logError(LogCategory.BOOKMARKS, tr("Found circular dependency within a parent or one of the parents does not exists. Clearing out parent."));
+                    entry.parentEntry = undefined;
+                    break;
+                }
+
+                openList.remove(parentEntry);
+                currentEntry = parentEntry;
+            }
+        }
+
+        if(entry.previousEntry) {
+            this.registeredBookmarks.forEach(bookmark => {
+                if(bookmark.previousEntry === entry.previousEntry && bookmark !== entry) {
+                    bookmark.previousEntry = bookmark.uniqueId;
+                }
+            });
+        }
+    }
+}
+
+export let bookmarks: BookmarkManager;
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "initialize bookmarks",
+    function: async () => {
+        bookmarks = new BookmarkManager();
+        (window as any).bookmarks = bookmarks;
+    },
+    priority: 20
+});
\ No newline at end of file
diff --git a/shared/js/connection/HandshakeHandler.ts b/shared/js/connection/HandshakeHandler.ts
index 819f7be2..d5c89562 100644
--- a/shared/js/connection/HandshakeHandler.ts
+++ b/shared/js/connection/HandshakeHandler.ts
@@ -2,9 +2,7 @@ import {CommandResult} from "../connection/ServerConnectionDeclaration";
 import {IdentitifyType} from "../profiles/Identity";
 import {AbstractServerConnection} from "../connection/ConnectionBase";
 import {DisconnectReason} from "../ConnectionHandler";
-import {tr} from "../i18n/localize";
 import {ConnectParameters} from "tc-shared/ui/modal/connect/Controller";
-import {LogCategory, logWarn} from "tc-shared/log";
 import {getBackend} from "tc-shared/backend";
 
 export interface HandshakeIdentityHandler {
diff --git a/shared/js/connectionlog/History.ts b/shared/js/connectionlog/History.ts
index 7925b75f..54d64ea2 100644
--- a/shared/js/connectionlog/History.ts
+++ b/shared/js/connectionlog/History.ts
@@ -38,6 +38,9 @@ export type ConnectionHistoryServerInfo = {
     clientsOnline: number | -1,
     clientsMax: number | -1,
 
+    hostBannerUrl: string | undefined,
+    hostBannerMode: number,
+
     passwordProtected: boolean
 }
 
@@ -310,6 +313,9 @@ export class ConnectionHistory {
 
             databaseValue.clientsOnline = info.clientsOnline;
             databaseValue.clientsMax = info.clientsMax;
+
+            databaseValue.hostBannerUrl = info.hostBannerUrl
+            databaseValue.hostBannerMode = info.hostBannerMode;
         });
     }
 
@@ -378,6 +384,9 @@ export class ConnectionHistory {
             clientsOnline: value.clientsOnline,
             clientsMax: value.clientsMax,
 
+            hostBannerUrl: value.hostBannerUrl,
+            hostBannerMode: typeof value.hostBannerMode === "number" ? value.hostBannerMode : 0,
+
             passwordProtected: value.passwordProtected
         };
     }
@@ -500,7 +509,9 @@ const kConnectServerInfoUpdatePropertyKeys: (keyof ServerProperties)[] = [
     "virtualserver_maxclients",
     "virtualserver_clientsonline",
     "virtualserver_flag_password",
-    "virtualserver_country_code"
+    "virtualserver_country_code",
+    "virtualserver_hostbanner_gfx_url",
+    "virtualserver_hostbanner_mode"
 ];
 
 class ConnectionHistoryUpdateListener {
@@ -552,6 +563,9 @@ class ConnectionHistoryUpdateListener {
                         clientsMax: event.server_properties.virtualserver_maxclients,
                         clientsOnline: event.server_properties.virtualserver_clientsonline,
 
+                        hostBannerUrl: event.server_properties.virtualserver_hostbanner_gfx_url,
+                        hostBannerMode: event.server_properties.virtualserver_hostbanner_mode,
+
                         passwordProtected: event.server_properties.virtualserver_flag_password
                     }).catch(error => {
                         logError(LogCategory.GENERAL, tr("Failed to update connect server info: %o"), error);
diff --git a/shared/js/events/ClientGlobalControlHandler.ts b/shared/js/events/ClientGlobalControlHandler.ts
index fae44c33..872a7faf 100644
--- a/shared/js/events/ClientGlobalControlHandler.ts
+++ b/shared/js/events/ClientGlobalControlHandler.ts
@@ -19,6 +19,7 @@ import {spawnVideoSourceSelectModal} from "tc-shared/ui/modal/video-source/Contr
 import {LogCategory, logError, logWarn} from "tc-shared/log";
 import {spawnEchoTestModal} from "tc-shared/ui/modal/echo-test/Controller";
 import {spawnConnectModalNew} from "tc-shared/ui/modal/connect/Controller";
+import {spawnBookmarkModal} from "tc-shared/ui/modal/bookmarks/Controller";
 
 /*
 function initialize_sounds(event_registry: Registry<ClientGlobalControlEvents>) {
@@ -62,12 +63,7 @@ export function initialize(event_registry: Registry<ClientGlobalControlEvents>)
         const connection_handler = event.connection || current_connection_handler;
         switch (event.window) {
             case "bookmark-manage":
-                import("../ui/modal/ModalBookmarks").catch(error => {
-                    handle_import_error(error);
-                    return undefined;
-                }).then(window => {
-                    window?.spawnBookmarkModal();
-                });
+                spawnBookmarkModal();
                 break;
             case "query-manage":
                 if(!connection_handler || !connection_handler.connected) {
diff --git a/shared/js/file/Icons.ts b/shared/js/file/Icons.ts
index 96c6059e..054501a9 100644
--- a/shared/js/file/Icons.ts
+++ b/shared/js/file/Icons.ts
@@ -121,6 +121,10 @@ export abstract class AbstractIconManager {
         return "v2-" + serverUniqueId + "-" + iconId;
     }
 
+    resolveIconInfo(icon: RemoteIconInfo) : RemoteIcon {
+        return this.resolveIcon(icon.iconId, icon.serverUniqueId, icon.handlerId);
+    }
+
     /**
      * @param iconId The requested icon
      * @param serverUniqueId The server unique id for the icon
diff --git a/shared/js/file/Utils.ts b/shared/js/file/Utils.ts
new file mode 100644
index 00000000..040d59ce
--- /dev/null
+++ b/shared/js/file/Utils.ts
@@ -0,0 +1,37 @@
+export const downloadTextAsFile = (text: string, name: string) => {
+    const payloadBlob = new Blob([ text ], { type: "text/plain" });
+    const payloadUrl = URL.createObjectURL(payloadBlob);
+
+    const element = document.createElement("a");
+    element.text = "download";
+    element.setAttribute("href", payloadUrl);
+    element.setAttribute("download", name);
+    element.style.display = "none";
+    document.body.appendChild(element);
+
+    element.click();
+
+    setTimeout(() => {
+        element.remove();
+        URL.revokeObjectURL(payloadUrl);
+    }, 0);
+};
+
+export const requestFileAsText = async (): Promise<string> => {
+    const element = document.createElement("input");
+    element.style.display = "none";
+    element.type = "file";
+
+    document.body.appendChild(element);
+    element.click();
+    await new Promise(resolve => {
+        element.onchange = resolve;
+    });
+
+    if (element.files.length !== 1)
+        return undefined;
+    const file = element.files[0];
+    element.remove();
+
+    return await file.text();
+};
\ No newline at end of file
diff --git a/shared/js/global.d.ts b/shared/js/global.d.ts
new file mode 100644
index 00000000..819d17bb
--- /dev/null
+++ b/shared/js/global.d.ts
@@ -0,0 +1,4 @@
+declare module "*.png" {
+    const value: any;
+    export = value;
+}
\ No newline at end of file
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index e536c90e..99808c41 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -54,6 +54,9 @@ import {ActionResult} from "tc-services";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 
+import "./Bookmarks";
+import {bookmarks} from "tc-shared/Bookmarks";
+
 assertMainApplication();
 
 let preventWelcomeUI = false;
@@ -487,6 +490,8 @@ const task_connect_handler: loader.Task = {
         }
 
         preventWelcomeUI = true;
+        preventExecuteAutoConnect = true;
+
         loader.register_task(loader.Stage.LOADED, {
             priority: 0,
             function: async () => {
@@ -494,6 +499,7 @@ const task_connect_handler: loader.Task = {
             },
             name: tr("default url connect")
         });
+
         loader.register_task(loader.Stage.LOADED, task_teaweb_starter);
     },
     priority: 10
@@ -551,6 +557,19 @@ loader.register_task(loader.Stage.LOADED, {
     priority: 2000
 });
 
+let preventExecuteAutoConnect = false;
+loader.register_task(loader.Stage.LOADED, {
+    priority: 0,
+    function: async () => {
+        if(preventExecuteAutoConnect) {
+            return;
+        }
+
+        bookmarks.executeAutoConnect();
+    },
+    name: tr("bookmark auto connect")
+});
+
 /* TODO: Remove this after the image preview has been rewritten into react */
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING,{
     name: "app init",
@@ -564,4 +583,4 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING,{
         }
     },
     priority: 100
-});
\ No newline at end of file
+});
diff --git a/shared/js/proto.ts b/shared/js/proto.ts
index c4d8d404..7bfd45dc 100644
--- a/shared/js/proto.ts
+++ b/shared/js/proto.ts
@@ -85,6 +85,18 @@ declare global {
     }
 }
 
+export type IfEquals<X, Y, A=X, B=never> =
+    (<T>() => T extends X ? 1 : 2) extends
+        (<T>() => T extends Y ? 1 : 2) ? A : B;
+
+export type WritableKeys<T> = {
+    [P in keyof T]-?: IfEquals<{ [Q in P]: T[P] }, { -readonly [Q in P]: T[P] }, P, never>
+}[keyof T];
+
+export type ReadonlyKeys<T> = {
+    [P in keyof T]: IfEquals<{ [Q in P]: T[P] }, { -readonly [Q in P]: T[P] }, never, P>
+}[keyof T];
+
 if(!Object.isSimilar) {
     Object.isSimilar = function (a, b) {
         const aType = typeof a;
@@ -292,6 +304,4 @@ if(typeof ($) !== "undefined") {
 
 if(!Object.values) {
     Object.values = object => Object.keys(object).map(e => object[e]);
-}
-
-export = {};
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/shared/js/text/bbcode/emoji.tsx b/shared/js/text/bbcode/emoji.tsx
index e62029d7..0199e6ec 100644
--- a/shared/js/text/bbcode/emoji.tsx
+++ b/shared/js/text/bbcode/emoji.tsx
@@ -6,10 +6,10 @@ import * as React from "react";
 import ReactRenderer from "vendor/xbbcode/renderer/react";
 import {Settings, settings} from "tc-shared/settings";
 
-import * as emojiRegex from "emoji-regex";
+import emojiRegex from "emoji-regex";
 import {getTwenmojiHashFromNativeEmoji} from "tc-shared/text/bbcode/EmojiUtil";
 
-const emojiRegexInstance = (emojiRegex as any)() as RegExp;
+const emojiRegexInstance = emojiRegex();
 
 loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     name: "XBBCode emoji init",
diff --git a/shared/js/text/bbcode/highlight.tsx b/shared/js/text/bbcode/highlight.tsx
index b66276fc..b39364af 100644
--- a/shared/js/text/bbcode/highlight.tsx
+++ b/shared/js/text/bbcode/highlight.tsx
@@ -15,7 +15,7 @@ import {Settings, settings} from "tc-shared/settings";
 import {LogCategory, logWarn} from "tc-shared/log";
 
 const registerLanguage = (name, language: Promise<any>) => {
-    language.then(lan => hljs.registerLanguage(name, lan)).catch(error => {
+    language.then(lan => hljs.registerLanguage(name, lan.default)).catch(error => {
         logWarn(LogCategory.CHAT, tr("Failed to load language %s (%o)"), name, error);
     });
 };
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index dd092070..bc581133 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -4,7 +4,6 @@ import * as contextmenu from "../ui/elements/ContextMenu";
 import * as log from "../log";
 import {LogCategory, logInfo, LogType} from "../log";
 import {Sound} from "../sound/Sounds";
-import * as bookmarks from "../bookmarks";
 import {openServerInfo} from "../ui/modal/ModalServerInfo";
 import {createServerModal} from "../ui/modal/ModalServerEdit";
 import {spawnIconSelect} from "../ui/modal/ModalIconSelect";
@@ -293,7 +292,6 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
         }
 
         let updatedProperties: Partial<ServerProperties> = {};
-        let update_bookmarks = false;
         for(let variable of variables) {
             if(!JSON.map_field_to(this.properties, variable.value, variable.key)) {
                 /* The value has not been updated */
@@ -303,7 +301,6 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
             updatedProperties[variable.key] = variable.value;
             if(variable.key == "virtualserver_icon_id") {
                 this.properties.virtualserver_icon_id = variable.value as any >>> 0;
-                update_bookmarks = true;
             }
         }
 
@@ -312,19 +309,6 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
             server_properties: this.properties
         });
 
-        if(update_bookmarks) {
-            const bmarks = bookmarks.bookmarks_flat()
-                .filter(e => e.server_properties.server_address === this.remote_address.host && e.server_properties.server_port == this.remote_address.port)
-                .filter(e => e.last_icon_id !== this.properties.virtualserver_icon_id || e.last_icon_server_id !== this.properties.virtualserver_unique_identifier);
-            if(bmarks.length > 0) {
-                bmarks.forEach(e => {
-                    e.last_icon_id = this.properties.virtualserver_icon_id;
-                    e.last_icon_server_id = this.properties.virtualserver_unique_identifier;
-                });
-                bookmarks.save_bookmark();
-            }
-        }
-
         group.end();
         if(is_self_notify && this.info_request_promise_resolve) {
             this.info_request_promise_resolve();
diff --git a/shared/js/ui/elements/Modal.ts b/shared/js/ui/elements/Modal.ts
index 2af2d107..ac2911ba 100644
--- a/shared/js/ui/elements/Modal.ts
+++ b/shared/js/ui/elements/Modal.ts
@@ -1,7 +1,7 @@
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {KeyCode} from "../../PPTListener";
-import * as $ from "jquery";
+import $ from "jquery";
 import {LogCategory, logError} from "tc-shared/log";
 
 export enum ElementType {
@@ -304,6 +304,7 @@ export function createModal(data: ModalProperties | any) : Modal {
 
 export class InputModalProperties extends ModalProperties {
     maxLength?: number;
+    defaultValue?: string;
 
     field_title?: string;
     field_label?: string;
@@ -367,6 +368,11 @@ export function createInputModal(headMessage: BodyCreator, question: BodyCreator
         modal.close();
     });
 
+    if(props.defaultValue) {
+        input.val(props.defaultValue);
+        setTimeout(() => input.trigger("change"), 0);
+    }
+
     modal.open_listener.push(() => input.focus());
     modal.close_listener.push(() => button_cancel.trigger('click'));
     return modal;
diff --git a/shared/js/ui/frames/HostBannerRenderer.tsx b/shared/js/ui/frames/HostBannerRenderer.tsx
index 1a423dcd..b7f05a7d 100644
--- a/shared/js/ui/frames/HostBannerRenderer.tsx
+++ b/shared/js/ui/frames/HostBannerRenderer.tsx
@@ -8,7 +8,7 @@ import {Settings} from "tc-shared/settings";
 
 const cssStyle = require("./HostBannerRenderer.scss");
 
-const HostBannerRenderer = React.memo((props: { banner: HostBannerInfoSet, }) => {
+export const HostBannerRenderer = React.memo((props: { banner: HostBannerInfoSet, className?: string }) => {
     const [ revision, setRevision ] = useState(Date.now());
     useEffect(() => {
         if(!props.banner.updateInterval) {
@@ -35,7 +35,7 @@ const HostBannerRenderer = React.memo((props: { banner: HostBannerInfoSet, }) =>
         <div
             className={
                 cssStyle.containerImage + " " + cssStyle["mode-" + props.banner.mode] + " " + cssStyle["state-" + loadingState] + " " +
-                (withBackground ? cssStyle.withBackground : "")
+                (withBackground ? cssStyle.withBackground : "") + " " + props.className
             }
             onClick={() => {
                 if(props.banner.linkUrl) {
diff --git a/shared/js/ui/frames/control-bar/Button.scss b/shared/js/ui/frames/control-bar/Button.scss
index e144d979..5c27723f 100644
--- a/shared/js/ui/frames/control-bar/Button.scss
+++ b/shared/js/ui/frames/control-bar/Button.scss
@@ -155,10 +155,10 @@ html:root {
         border: .05em solid var(--menu-bar-dropdown-border);
         border-radius: 0 $border_radius_middle $border_radius_middle $border_radius_middle;
 
-        width: 15em; /* fallback */
+        width: 20em; /* fallback */
         width: max-content;
 
-        max-width: 25em;
+        max-width: 30em;
 
         z-index: 1000;
         /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
@@ -270,12 +270,6 @@ html:root {
     }
 }
 
-.buttonBookmarks {
-    .dropdown {
-        width: 300px;
-    }
-}
-
 .arrow {
     display: inline-block;
     border: solid black;
diff --git a/shared/js/ui/frames/control-bar/Controller.ts b/shared/js/ui/frames/control-bar/Controller.ts
index 0f088dd3..775ec407 100644
--- a/shared/js/ui/frames/control-bar/Controller.ts
+++ b/shared/js/ui/frames/control-bar/Controller.ts
@@ -11,17 +11,6 @@ import {server_connections} from "tc-shared/ConnectionManager";
 import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
 import {Settings, settings} from "tc-shared/settings";
 import {global_client_actions} from "tc-shared/events/GlobalEvents";
-import {
-    add_server_to_bookmarks,
-    Bookmark as ServerBookmark,
-    bookmarkEvents,
-    bookmarks,
-    bookmarks_flat,
-    BookmarkType,
-    boorkmak_connect,
-    DirectoryBookmark
-} from "tc-shared/bookmarks";
-import {LogCategory, logWarn} from "tc-shared/log";
 import {createErrorModal, createInputModal} from "tc-shared/ui/elements/Modal";
 import {VideoBroadcastType, VideoConnectionStatus} from "tc-shared/connection/VideoConnection";
 import {tr} from "tc-shared/i18n/localize";
@@ -29,6 +18,10 @@ import {getVideoDriver} from "tc-shared/video/VideoSource";
 import {kLocalBroadcastChannels} from "tc-shared/ui/frames/video/Definitions";
 import {getRecorderBackend, IDevice} from "tc-shared/audio/recorder";
 import {defaultRecorder, defaultRecorderEvents} from "tc-shared/voice/RecorderProfile";
+import {bookmarks} from "tc-shared/Bookmarks";
+import {connectionHistory} from "tc-shared/connectionlog/History";
+import {RemoteIconInfo} from "tc-shared/file/Icons";
+import {spawnModalAddCurrentServerToBookmarks} from "tc-shared/ui/modal/bookmarks-add-server/Controller";
 
 class InfoController {
     private readonly mode: ControlBarMode;
@@ -66,7 +59,7 @@ class InfoController {
             this.sendVideoState("screen");
             this.sendVideoState("camera");
         }));
-        events.push(bookmarkEvents.on("notify_bookmarks_updated", () => this.sendBookmarks()));
+        bookmarks.events.on(["notify_bookmark_edited", "notify_bookmark_created", "notify_bookmark_deleted", "notify_bookmarks_imported"], () => this.sendBookmarks());
         events.push(getVideoDriver().getEvents().on("notify_device_list_changed", () => this.sendCameraList()));
         events.push(getRecorderBackend().getDeviceList().getEvents().on("notify_list_updated", () => this.sendMicrophoneList()));
         events.push(defaultRecorderEvents.on("notify_default_recorder_changed", () => {
@@ -205,25 +198,54 @@ class InfoController {
         });
     }
 
-    public sendBookmarks() {
-        const buildInfo = (bookmark: DirectoryBookmark | ServerBookmark) => {
-            if(bookmark.type === BookmarkType.DIRECTORY) {
-                return {
-                    uniqueId: bookmark.unique_id,
-                    label: bookmark.display_name,
-                    children: bookmark.content.map(buildInfo)
-                } as Bookmark;
-            } else {
-                return {
-                    uniqueId: bookmark.unique_id,
-                    label: bookmark.display_name,
-                    icon: bookmark.last_icon_id ? { iconId: bookmark.last_icon_id, serverUniqueId: bookmark.last_icon_server_id } : undefined
-                } as Bookmark;
+    public async sendBookmarks() {
+        const bookmarkList = bookmarks.getOrderedRegisteredBookmarks();
+
+        const parent: Bookmark[] = [];
+        const parentStack: Bookmark[][] = [];
+
+        while(bookmarkList.length > 0) {
+            const bookmark = bookmarkList.pop_front();
+            const parentList = parentStack.pop() || parent;
+
+            if(bookmark.entry.type === "entry") {
+                let icon: RemoteIconInfo;
+
+                try {
+                    const connectInfo = await connectionHistory.lastConnectInfo(bookmark.entry.serverAddress, "address");
+                    if(connectInfo) {
+                        const info = await connectionHistory.queryServerInfo(connectInfo.serverUniqueId);
+                        if(info && info.iconId > 0) {
+                            icon = { iconId: info.iconId, serverUniqueId: connectInfo.serverUniqueId };
+                        }
+                    }
+                } catch (_) {
+                    /* no need for any error handling */
+                }
+
+                parentList.push({
+                    children: undefined,
+                    icon: icon,
+                    label: bookmark.entry.displayName,
+                    uniqueId: bookmark.entry.uniqueId
+                });
+            } else if(bookmark.entry.type === "directory") {
+                const children = [];
+                parentList.push({
+                    children: children,
+                    icon: undefined,
+                    label: bookmark.entry.displayName,
+                    uniqueId: bookmark.entry.uniqueId
+                });
+
+                for(let i = 0; i < bookmark.childCount; i++) {
+                    parentStack.push(children);
+                }
             }
-        };
+        }
 
         this.events.fire_react("notify_bookmarks", {
-            marks: bookmarks().content.map(buildInfo)
+            marks: parent
         });
     }
 
@@ -380,16 +402,8 @@ export function initializeControlBarController(events: Registry<ControlBarEvents
     });
 
     events.on("action_bookmark_manage", () => global_client_actions.fire("action_open_window", { window: "bookmark-manage" }));
-    events.on("action_bookmark_add_current_server", () => add_server_to_bookmarks(infoHandler.getCurrentHandler()));
-    events.on("action_bookmark_connect", event => {
-        const bookmark = bookmarks_flat().find(mark => mark.unique_id === event.bookmarkUniqueId);
-        if(!bookmark) {
-            logWarn(LogCategory.BOOKMARKS, tr("Tried to connect to a non existing bookmark with id %s"), event.bookmarkUniqueId);
-            return;
-        }
-
-        boorkmak_connect(bookmark, event.newTab);
-    });
+    events.on("action_bookmark_add_current_server", () => spawnModalAddCurrentServerToBookmarks(infoHandler.getCurrentHandler()));
+    events.on("action_bookmark_connect", event => bookmarks.executeConnect(event.bookmarkUniqueId, event.newTab));
 
     events.on("action_toggle_away", event => {
         if(event.away) {
diff --git a/shared/js/ui/frames/menu-bar/MainMenu.ts b/shared/js/ui/frames/menu-bar/MainMenu.ts
index f14b531f..c6613fac 100644
--- a/shared/js/ui/frames/menu-bar/MainMenu.ts
+++ b/shared/js/ui/frames/menu-bar/MainMenu.ts
@@ -5,17 +5,12 @@ import {ClientIcon} from "svg-sprites/client-icons";
 import {global_client_actions} from "tc-shared/events/GlobalEvents";
 import {server_connections} from "tc-shared/ConnectionManager";
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
-import {
-    add_server_to_bookmarks,
-    Bookmark,
-    bookmarkEvents,
-    bookmarks,
-    BookmarkType,
-    boorkmak_connect,
-    DirectoryBookmark
-} from "tc-shared/bookmarks";
 import {getBackend} from "tc-shared/backend";
 import {tr} from "tc-shared/i18n/localize";
+import {bookmarks} from "tc-shared/Bookmarks";
+import {RemoteIconInfo} from "tc-shared/file/Icons";
+import {connectionHistory} from "tc-shared/connectionlog/History";
+import {spawnModalAddCurrentServerToBookmarks} from "tc-shared/ui/modal/bookmarks-add-server/Controller";
 
 function renderConnectionItems() {
     const items: MenuBarEntry[] = [];
@@ -57,27 +52,54 @@ function renderConnectionItems() {
     return items;
 }
 
-function renderBookmarkItems() {
-    const items: MenuBarEntry[] = [];
+async function renderBookmarkItems() {
+    const bookmarkList = bookmarks.getOrderedRegisteredBookmarks();
 
-    const renderBookmark = (bookmark: Bookmark | DirectoryBookmark): MenuBarEntry => {
-        if(bookmark.type === BookmarkType.ENTRY) {
-            return {
+    const bookmarkItems: MenuBarEntry[] = [];
+    const parentStack: MenuBarEntry[][] = [];
+
+    while(bookmarkList.length > 0) {
+        const bookmark = bookmarkList.pop_front();
+        const parentList = parentStack.pop() || bookmarkItems;
+
+        if(bookmark.entry.type === "entry") {
+            let icon: RemoteIconInfo;
+
+            try {
+                const connectInfo = await connectionHistory.lastConnectInfo(bookmark.entry.serverAddress, "address");
+                if(connectInfo) {
+                    const info = await connectionHistory.queryServerInfo(connectInfo.serverUniqueId);
+                    if(info && info.iconId > 0) {
+                        icon = { iconId: info.iconId, serverUniqueId: connectInfo.serverUniqueId };
+                    }
+                }
+            } catch (_) {
+                /* no need for any error handling */
+            }
+
+            parentList.push({
                 type: "normal",
-                label: bookmark.display_name,
-                click: () => boorkmak_connect(bookmark),
-                icon: bookmark.last_icon_id ? { serverUniqueId: bookmark.last_icon_server_id, iconId: bookmark.last_icon_id } : undefined
-            };
-        } else {
-            return {
+                label: bookmark.entry.displayName,
+                icon: icon,
+                click: () => bookmarks.executeConnect(bookmark.entry.uniqueId, false),
+            });
+        } else if(bookmark.entry.type === "directory") {
+            const children = [];
+
+            parentList.push({
                 type: "normal",
-                label: bookmark.display_name,
+                label: bookmark.entry.displayName,
+                children: children,
                 icon: ClientIcon.Folder,
-                children: bookmark.content.map(renderBookmark)
+            });
+
+            for(let i = 0; i < bookmark.childCount; i++) {
+                parentStack.push(children);
             }
         }
     }
 
+    const items: MenuBarEntry[] = [];
     items.push({
         type: "normal",
         icon: ClientIcon.BookmarkManager,
@@ -90,13 +112,12 @@ function renderBookmarkItems() {
         icon: ClientIcon.BookmarkAdd,
         label: tr("Add current server to bookmarks"),
         disabled: !server_connections.getActiveConnectionHandler()?.connected,
-        click: () => add_server_to_bookmarks(server_connections.getActiveConnectionHandler())
+        click: () => spawnModalAddCurrentServerToBookmarks(server_connections.getActiveConnectionHandler())
     });
 
-    const rootMarks = bookmarks().content;
-    if(rootMarks.length !== 0) {
+    if(bookmarkItems.length !== 0) {
         items.push({ type: "separator" });
-        items.push(...rootMarks.map(renderBookmark));
+        items.push(...bookmarkItems);
     }
 
     return items;
@@ -286,6 +307,11 @@ function renderHelpItems() : MenuBarEntry[] {
 }
 
 function updateMenuBar() {
+    /* TODO: Only run one update per time */
+    doUpdateMenuBar().then(undefined);
+}
+
+async function doUpdateMenuBar() {
     const items: MenuBarEntry[] = [];
 
     items.push({
@@ -297,7 +323,7 @@ function updateMenuBar() {
     items.push({
         type: "normal",
         label: tr("Favorites"),
-        children: renderBookmarkItems()
+        children: await renderBookmarkItems()
     });
 
     items.push({
@@ -335,12 +361,8 @@ class MenuBarUpdateListener {
             this.registeredHandlerEvents[event.handlerId]?.forEach(callback => callback());
             delete this.registeredHandlerEvents[event.handlerId];
         }));
-        this.generalHandlerEvents.push(server_connections.events().on("notify_active_handler_changed", () => {
-            updateMenuBar();
-        }));
-        this.generalHandlerEvents.push(bookmarkEvents.on("notify_bookmarks_updated", () => {
-            updateMenuBar();
-        }))
+        this.generalHandlerEvents.push(server_connections.events().on("notify_active_handler_changed", () => updateMenuBar()));
+        this.generalHandlerEvents.push(bookmarks.events.on(["notify_bookmark_deleted", "notify_bookmark_created", "notify_bookmark_edited", "notify_bookmarks_imported"], () => updateMenuBar()));
         server_connections.getAllConnectionHandlers().forEach(handler => this.registerHandlerEvents(handler));
     }
 
@@ -361,12 +383,14 @@ class MenuBarUpdateListener {
 }
 
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "menu bar entries init",
+    name: "menu bar init",
     function: async () => {
         updateMenuBar();
 
         updateListener = new MenuBarUpdateListener();
         updateListener.initializeListeners();
     },
-    priority: 50
+
+    /* initialize after all other systems have been initialized */
+    priority: 0
 });
\ No newline at end of file
diff --git a/shared/js/ui/frames/video/RendererSpotlight.tsx b/shared/js/ui/frames/video/RendererSpotlight.tsx
index 7b78a67b..a42cf624 100644
--- a/shared/js/ui/frames/video/RendererSpotlight.tsx
+++ b/shared/js/ui/frames/video/RendererSpotlight.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import {useContext, useMemo, useRef, useState} from "react";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {Layout} from "react-grid-layout";
-import * as GridLayout from "react-grid-layout";
+import GridLayout from "react-grid-layout";
 import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
 import * as _ from "lodash";
 import {FontSizeObserver} from "tc-shared/ui/react-elements/FontSize";
diff --git a/shared/js/ui/jsrender.ts b/shared/js/ui/jsrender.ts
index a1f9bf87..198036b2 100644
--- a/shared/js/ui/jsrender.ts
+++ b/shared/js/ui/jsrender.ts
@@ -1,5 +1,5 @@
 import * as loader from "tc-loader";
-import * as moment from "moment";
+import moment from "moment";
 import {LogCategory, logError, logTrace} from "../log";
 import {tr} from "tc-shared/i18n/localize";
 
diff --git a/shared/js/ui/modal/ModalAvatarList.ts b/shared/js/ui/modal/ModalAvatarList.ts
index 981e5069..897bd27a 100644
--- a/shared/js/ui/modal/ModalAvatarList.ts
+++ b/shared/js/ui/modal/ModalAvatarList.ts
@@ -4,7 +4,7 @@ import {ConnectionHandler} from "../../ConnectionHandler";
 import {base64_encode_ab} from "../../utils/buffers";
 import {spawnYesNo} from "../../ui/modal/ModalYesNo";
 import {ClientEntry} from "../../tree/Client";
-import * as moment from "moment";
+import moment from "moment";
 import {tr} from "tc-shared/i18n/localize";
 
 const avatar_to_uid = (id: string) => {
diff --git a/shared/js/ui/modal/ModalBanList.ts b/shared/js/ui/modal/ModalBanList.ts
index bd5eea17..e7a22952 100644
--- a/shared/js/ui/modal/ModalBanList.ts
+++ b/shared/js/ui/modal/ModalBanList.ts
@@ -7,7 +7,7 @@ import {LogCategory, logError, logInfo} from "../../log";
 import * as tooltip from "../../ui/elements/Tooltip";
 import * as htmltags from "../../ui/htmltags";
 import {format_time, formatMessage} from "../../ui/frames/chat";
-import * as moment from "moment";
+import moment from "moment";
 import {ErrorCode} from "../../connection/ErrorCode";
 import {tr} from "tc-shared/i18n/localize";
 
diff --git a/shared/js/ui/modal/ModalBookmarks.ts b/shared/js/ui/modal/ModalBookmarks.ts
deleted file mode 100644
index 9d350970..00000000
--- a/shared/js/ui/modal/ModalBookmarks.ts
+++ /dev/null
@@ -1,421 +0,0 @@
-import {createInputModal, createModal, Modal} from "../../ui/elements/Modal";
-import {
-    Bookmark,
-    bookmarks,
-    BookmarkType,
-    boorkmak_connect,
-    create_bookmark,
-    create_bookmark_directory,
-    delete_bookmark,
-    DirectoryBookmark,
-    save_bookmark
-} from "../../bookmarks";
-import {Regex} from "../../ui/modal/ModalConnect";
-import {availableConnectProfiles} from "../../profiles/ConnectionProfile";
-import {spawnYesNo} from "../../ui/modal/ModalYesNo";
-import {Settings, settings} from "../../settings";
-import {LogCategory, logWarn} from "../../log";
-import * as i18nc from "../../i18n/country";
-import {formatMessage} from "../../ui/frames/chat";
-import {generateIconJQueryTag, getIconManager} from "tc-shared/file/Icons";
-import {tr} from "tc-shared/i18n/localize";
-import {connectionHistory} from "tc-shared/connectionlog/History";
-
-export function spawnBookmarkModal() {
-    let modal: Modal;
-    modal = createModal({
-        header: tr("Manage bookmarks"),
-        body: () => {
-            let template = $("#tmpl_manage_bookmarks").renderTag({});
-            let selected_bookmark: Bookmark | DirectoryBookmark | undefined;
-
-            const button_delete = template.find(".button-delete");
-            const button_add_folder = template.find(".button-add-folder");
-            const button_add_bookmark = template.find(".button-add-bookmark");
-
-            const button_duplicate = template.find(".button-duplicate");
-            const button_connect = template.find(".button-connect");
-            const button_connect_tab = template.find(".button-connect-tab");
-
-            const label_bookmark_name = template.find(".header .container-name");
-            const label_server_address = template.find(".header .container-address");
-
-            const input_bookmark_name = template.find(".input-bookmark-name");
-            const input_connect_profile = template.find(".input-connect-profile");
-
-            const input_server_address = template.find(".input-server-address");
-            const input_server_password = template.find(".input-server-password");
-
-            const label_server_name = template.find(".server-name");
-            const label_server_region = template.find(".server-region");
-            const label_last_ping = template.find(".server-ping");
-            const label_client_count = template.find(".server-client-count");
-            const label_connection_count = template.find(".server-connection-count");
-
-            const update_buttons = () => {
-                button_delete.prop("disabled", !selected_bookmark);
-                button_connect.prop("disabled", !selected_bookmark || selected_bookmark.type !== BookmarkType.ENTRY);
-                button_connect_tab.prop("disabled", !selected_bookmark || selected_bookmark.type !== BookmarkType.ENTRY);
-                button_duplicate.prop("disabled", !selected_bookmark || selected_bookmark.type !== BookmarkType.ENTRY);
-            };
-
-            const update_connect_info = () => {
-                if (selected_bookmark && selected_bookmark.type === BookmarkType.ENTRY) {
-                    const entry = selected_bookmark as Bookmark;
-
-                    label_server_name.text(tr("Unknown"));
-                    label_server_region.empty().text(tr("Unknown"));
-                    label_client_count.text(tr("Unknown"));
-                    label_connection_count.empty().append(
-                        ...formatMessage(tr("You {} connected to that server address"), $.spawn("div").addClass("connect-never").text("never"))
-                    );
-
-                    const targetAddress = entry.server_properties.server_address + (entry.server_properties.server_port === 9987 ? "" : ":" + entry.server_properties.server_port);
-                    connectionHistory.lastConnectInfo(targetAddress, "address", true).then(async connectionInfo => {
-                        if(!connectionInfo) {
-                            return;
-                        }
-
-                        const info = await connectionHistory.queryServerInfo(connectionInfo.serverUniqueId);
-                        if(info) {
-                            label_server_name.text(info.name);
-                            label_server_region.empty().append(
-                                $.spawn("div").addClass("country flag-" + (info.country || "xx").toLowerCase()),
-                                $.spawn("div").text(i18nc.country_name(info.country || "xx", tr("Global")))
-                            );
-                            label_client_count.text(info.clientsOnline + "/" + info.clientsMax);
-                        }
-
-                        {
-                            const count = await connectionHistory.countConnectCount(targetAddress, "address");
-                            if(count > 0) {
-                                label_connection_count.empty().append(
-                                    ...formatMessage(tr("You've connected {} times"), $.spawn("div").addClass("connect-count").text(count))
-                                );
-                            }
-                        }
-
-                    });
-
-                    label_last_ping.text(tr("Average ping isn't yet supported"));
-                } else {
-                    label_server_name.text("--");
-                    label_server_region.text("--");
-                    label_last_ping.text("--");
-                    label_client_count.text("--");
-                    label_connection_count.text("--");
-                }
-            };
-
-            const update_selected = () => {
-                input_bookmark_name.prop("disabled", !selected_bookmark);
-                input_connect_profile.prop("disabled", !selected_bookmark || selected_bookmark.type !== BookmarkType.ENTRY);
-                input_server_address.prop("disabled", !selected_bookmark || selected_bookmark.type !== BookmarkType.ENTRY);
-                input_server_password.prop("disabled", !selected_bookmark || selected_bookmark.type !== BookmarkType.ENTRY);
-
-                if (selected_bookmark) {
-                    input_bookmark_name.val(selected_bookmark.display_name);
-                    label_bookmark_name.text(selected_bookmark.display_name);
-                }
-
-                if (selected_bookmark && selected_bookmark.type === BookmarkType.ENTRY) {
-                    const entry = selected_bookmark as Bookmark;
-
-                    const address = entry.server_properties.server_address + (entry.server_properties.server_port == 9987 ? "" : (":" + entry.server_properties.server_port));
-                    label_server_address.text(address);
-                    input_server_address.val(address);
-
-                    let profile = input_connect_profile.find("option[value='" + entry.connect_profile + "']");
-                    if (profile.length == 0) {
-                        logWarn(LogCategory.GENERAL, tr("Failed to find bookmark profile %s. Displaying default one."), entry.connect_profile);
-                        profile = input_connect_profile.find("option[value=default]");
-                    }
-                    profile.prop("selected", true);
-
-                    input_server_password.val(entry.server_properties.server_password_hash || entry.server_properties.server_password ? "WolverinDEV" : "");
-                } else {
-                    input_server_password.val("");
-                    input_server_address.val("");
-                    input_connect_profile.find("option[value='no-value']").prop('selected', true);
-                    label_server_address.text(" ");
-                }
-
-                update_connect_info();
-            };
-
-            const container_bookmarks = template.find(".container-bookmarks");
-            const update_bookmark_list = (_current_selected: string) => {
-                container_bookmarks.empty();
-                selected_bookmark = undefined;
-                update_selected();
-
-                const hide_links: boolean[] = [];
-                const build_entry = (entry: Bookmark | DirectoryBookmark, sibling_data: { first: boolean; last: boolean; }, index: number) => {
-                    let container = $.spawn("div")
-                        .addClass(entry.type === BookmarkType.ENTRY ? "bookmark" : "directory")
-                        .addClass(index > 0 ? "linked" : "")
-                        .addClass(sibling_data.first ? "link-start" : "");
-                    for (let i = 0; i < index; i++) {
-                        container.append(
-                            $.spawn("div")
-                                .addClass("link")
-                                .addClass(i + 1 === index ? " connected" : "")
-                                .addClass(hide_links[i + 1] ? "hidden" : "")
-                        );
-                    }
-
-                    if (entry.type === BookmarkType.ENTRY) {
-                        const bookmark = entry as Bookmark;
-                        container.append(
-                            bookmark.last_icon_id && bookmark.last_icon_server_id ?
-                                generateIconJQueryTag(getIconManager().resolveIcon(bookmark.last_icon_id, bookmark.last_icon_server_id), {animate: false}) :
-                                $.spawn("div").addClass("icon-container icon_em")
-                        );
-                    } else {
-                        container.append(
-                            $.spawn("div").addClass("icon-container icon_em client-folder")
-                        );
-                    }
-
-                    container.append(
-                        $.spawn("div").addClass("name").attr("title", entry.display_name).text(entry.display_name)
-                    );
-
-                    container.appendTo(container_bookmarks);
-                    container.on('click', () => {
-                        if (selected_bookmark === entry)
-                            return;
-
-                        selected_bookmark = entry;
-                        container_bookmarks.find(".selected").removeClass("selected");
-                        container.addClass("selected");
-                        update_buttons();
-                        update_selected();
-                    });
-                    if (entry.unique_id === _current_selected)
-                        container.trigger('click');
-
-                    hide_links.push(sibling_data.last);
-                    let cindex = 0;
-                    const children = (entry as DirectoryBookmark).content || [];
-                    for (const child of children)
-                        build_entry(child, {first: cindex++ == 0, last: cindex == children.length}, index + 1);
-                    hide_links.pop();
-                };
-
-                let cindex = 0;
-                const children = bookmarks().content;
-                for (const bookmark of children)
-                    build_entry(bookmark, {first: cindex++ == 0, last: cindex == children.length}, 0);
-            };
-
-            /* generate profile list */
-            {
-                input_connect_profile.append(
-                    $.spawn("option")
-                        .attr("value", "no-value")
-                        .text("")
-                        .css("display", "none")
-                );
-                for (const profile of availableConnectProfiles()) {
-                    input_connect_profile.append(
-                        $.spawn("option")
-                            .attr("value", profile.id)
-                            .text(profile.profileName)
-                    );
-                }
-            }
-
-            /* buttons */
-            {
-                button_delete.on('click', () => {
-                    if (!selected_bookmark) return;
-
-                    if (selected_bookmark.type === BookmarkType.DIRECTORY && (selected_bookmark as DirectoryBookmark).content.length > 0) {
-                        spawnYesNo(tr("Are you sure"), tr("Do you really want to delete this non empty directory?"), answer => {
-                            if (answer) {
-                                delete_bookmark(selected_bookmark);
-                                save_bookmark(selected_bookmark);
-                                update_bookmark_list(undefined);
-                            }
-                        });
-                    } else {
-                        delete_bookmark(selected_bookmark);
-                        save_bookmark(selected_bookmark);
-                        update_bookmark_list(undefined);
-                    }
-                });
-
-                button_add_folder.on('click', () => {
-                    createInputModal(tr("Enter a folder name"), tr("Enter the folder name"), () => {
-                        return true;
-                    }, result => {
-                        if (result) {
-                            const mark = create_bookmark_directory(
-                                selected_bookmark ?
-                                    selected_bookmark.type === BookmarkType.DIRECTORY ?
-                                        selected_bookmark as DirectoryBookmark :
-                                        selected_bookmark.parent :
-                                    bookmarks(),
-                                result as string
-                            );
-                            save_bookmark(mark);
-                            update_bookmark_list(mark.unique_id);
-                        }
-                    }).open();
-                });
-
-                button_add_bookmark.on('click', () => {
-                    createInputModal(tr("Enter a bookmark name"), tr("Enter the bookmark name"), () => {
-                        return true;
-                    }, result => {
-                        if (result) {
-                            const mark = create_bookmark(result as string,
-                                selected_bookmark ?
-                                    selected_bookmark.type === BookmarkType.DIRECTORY ?
-                                        selected_bookmark as DirectoryBookmark :
-                                        selected_bookmark.parent :
-                                    bookmarks(), {
-                                    server_password: "",
-                                    server_port: 9987,
-                                    server_address: "",
-                                    server_password_hash: ""
-                                }, "");
-                            save_bookmark(mark);
-                            update_bookmark_list(mark.unique_id);
-                        }
-                    }).open();
-                });
-
-                button_connect_tab.on('click', () => {
-                    boorkmak_connect(selected_bookmark as Bookmark, true);
-                    modal.close();
-                }).toggle(!settings.getValue(Settings.KEY_DISABLE_MULTI_SESSION));
-
-                button_connect.on('click', () => {
-                    boorkmak_connect(selected_bookmark as Bookmark, false);
-                    modal.close();
-                });
-
-                button_duplicate.on('click', () => {
-                    createInputModal(tr("Enter a bookmark name"), tr("Enter the bookmark name for the duplicate"), text => text.length > 0, result => {
-                        if (result) {
-                            if (!selected_bookmark) return;
-
-                            const original = selected_bookmark as Bookmark;
-                            const mark = create_bookmark(result as string,
-                                selected_bookmark ?
-                                    selected_bookmark.parent :
-                                    bookmarks(), original.server_properties, original.nickname);
-                            save_bookmark(mark);
-                            update_bookmark_list(mark.unique_id);
-                        }
-                    }).open();
-                });
-            }
-
-            /* inputs */
-            {
-                input_bookmark_name.on('change keydown', event => {
-                    const name = input_bookmark_name.val() as string;
-                    const valid = name.length > 3;
-                    input_bookmark_name.firstParent(".input-boxed").toggleClass("is-invalid", !valid);
-
-                    if (event.type === "change" && valid) {
-                        selected_bookmark.display_name = name;
-                        label_bookmark_name.text(name);
-                        save_bookmark(selected_bookmark);
-                    }
-                });
-
-                input_server_address.on('change keyup', () => {
-                    const address = input_server_address.val() as string;
-                    const valid = !!address.match(Regex.IP_V4) || !!address.match(Regex.IP_V6) || !!address.match(Regex.DOMAIN);
-                    input_server_address.firstParent(".input-boxed").toggleClass("is-invalid", !valid);
-
-                    if (valid) {
-                        const entry = selected_bookmark as Bookmark;
-                        let _v6_end = address.indexOf(']');
-                        let idx = address.lastIndexOf(':');
-                        if (idx != -1 && idx > _v6_end) {
-                            entry.server_properties.server_port = parseInt(address.substr(idx + 1));
-                            entry.server_properties.server_address = address.substr(0, idx);
-                        } else {
-                            entry.server_properties.server_address = address;
-                            entry.server_properties.server_port = 9987;
-                        }
-                        save_bookmark(selected_bookmark);
-
-                        label_server_address.text(entry.server_properties.server_address + (entry.server_properties.server_port == 9987 ? "" : (":" + entry.server_properties.server_port)));
-                        update_connect_info();
-                    }
-                });
-
-                input_server_password.on("change keydown", () => {
-                    const password = input_server_password.val() as string;
-                    (selected_bookmark as Bookmark).server_properties.server_password = password;
-                    save_bookmark(selected_bookmark);
-                });
-
-                input_connect_profile.on('change', () => {
-                    const id = input_connect_profile.val() as string;
-                    const profile = availableConnectProfiles().find(e => e.id === id);
-                    if (profile) {
-                        (selected_bookmark as Bookmark).connect_profile = id;
-                        save_bookmark(selected_bookmark);
-                    } else {
-                        logWarn(LogCategory.GENERAL, tr("Failed to change connect profile for profile %s to %s"), selected_bookmark.unique_id, id);
-                    }
-                })
-            }
-
-            /* Arrow key navigation for the bookmark list */
-            {
-                let _focused = false;
-                let _focus_listener;
-                let _key_listener;
-
-                _focus_listener = event => {
-                    _focused = false;
-                    let element = event.target as HTMLElement;
-                    while (element) {
-                        if (element === container_bookmarks[0]) {
-                            _focused = true;
-                            break;
-                        }
-                        element = element.parentNode as HTMLElement;
-                    }
-                };
-
-                _key_listener = event => {
-                    if (!_focused) return;
-
-                    if (event.key.toLowerCase() === "arrowdown") {
-                        container_bookmarks.find(".selected").next().trigger('click');
-                    } else if (event.key.toLowerCase() === "arrowup") {
-                        container_bookmarks.find(".selected").prev().trigger('click');
-                    }
-                };
-
-                document.addEventListener('click', _focus_listener);
-                document.addEventListener('keydown', _key_listener);
-                modal.close_listener.push(() => {
-                    document.removeEventListener('click', _focus_listener);
-                    document.removeEventListener('keydown', _key_listener);
-                })
-            }
-
-
-            update_bookmark_list(undefined);
-            update_buttons();
-
-            template.find(".button-close").on('click', () => modal.close());
-            return template.children();
-        },
-        footer: undefined,
-        width: "40em"
-    });
-
-    modal.htmlTag.dividerfy().find(".modal-body").addClass("modal-bookmarks");
-    modal.open();
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/ModalClientInfo.ts b/shared/js/ui/modal/ModalClientInfo.ts
index 8bf6991e..b9595eb2 100644
--- a/shared/js/ui/modal/ModalClientInfo.ts
+++ b/shared/js/ui/modal/ModalClientInfo.ts
@@ -4,7 +4,7 @@ import {createInfoModal, createModal, Modal} from "../../ui/elements/Modal";
 import {copyToClipboard} from "../../utils/helpers";
 import * as i18nc from "../../i18n/country";
 import * as tooltip from "../../ui/elements/Tooltip";
-import * as moment from "moment";
+import moment from "moment";
 import {format_number, network} from "../../ui/frames/chat";
 import {generateIconJQueryTag, getIconManager} from "tc-shared/file/Icons";
 import {tr} from "tc-shared/i18n/localize";
diff --git a/shared/js/ui/modal/ModalPoke.ts b/shared/js/ui/modal/ModalPoke.ts
index a2ab32be..6f3dec73 100644
--- a/shared/js/ui/modal/ModalPoke.ts
+++ b/shared/js/ui/modal/ModalPoke.ts
@@ -1,7 +1,7 @@
 import {ConnectionHandler} from "../../ConnectionHandler";
 import {createModal, Modal} from "../../ui/elements/Modal";
 import * as htmltags from "../../ui/htmltags";
-import * as moment from "moment";
+import moment from "moment";
 import {renderBBCodeAsJQuery} from "../../text/bbcode";
 import {tr} from "tc-shared/i18n/localize";
 
diff --git a/shared/js/ui/modal/ModalServerInfo.ts b/shared/js/ui/modal/ModalServerInfo.ts
index 2d13badf..93a171bd 100644
--- a/shared/js/ui/modal/ModalServerInfo.ts
+++ b/shared/js/ui/modal/ModalServerInfo.ts
@@ -10,7 +10,7 @@ import {LogCategory, logWarn} from "../../log";
 import * as tooltip from "../../ui/elements/Tooltip";
 import * as i18nc from "../../i18n/country";
 import {format_time, formatMessage} from "../../ui/frames/chat";
-import * as moment from "moment";
+import moment from "moment";
 import {ErrorCode} from "../../connection/ErrorCode";
 import {tr} from "tc-shared/i18n/localize";
 
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index ebda0a72..1037621d 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -12,7 +12,6 @@ import {NameIdentity} from "tc-shared/profiles/identities/NameIdentity";
 import {LogCategory, logDebug, logError, logTrace, logWarn} from "tc-shared/log";
 import * as i18n from "tc-shared/i18n/localize";
 import {RepositoryTranslation, TranslationRepository} from "tc-shared/i18n/localize";
-import * as events from "tc-shared/events";
 import {Registry} from "tc-shared/events";
 import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
 import * as i18nc from "tc-shared/i18n/country";
@@ -1905,7 +1904,7 @@ export namespace modal_settings {
 
             event_registry.on("reload-profile", event => {
                 event_registry.fire("query-profile-list");
-                event_registry.fire("select-profile", event.profile_id || selected_profile);
+                event_registry.fire("select-profile", { profile_id: event.profile_id || selected_profile });
             });
         }
 
diff --git a/shared/js/ui/modal/bookmarks-add-server/Controller.ts b/shared/js/ui/modal/bookmarks-add-server/Controller.ts
new file mode 100644
index 00000000..623d2d06
--- /dev/null
+++ b/shared/js/ui/modal/bookmarks-add-server/Controller.ts
@@ -0,0 +1,5 @@
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+
+export function spawnModalAddCurrentServerToBookmarks(handler: ConnectionHandler) {
+    /* TODO! */
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks-add-server/Definitions.ts b/shared/js/ui/modal/bookmarks-add-server/Definitions.ts
new file mode 100644
index 00000000..c71a40ae
--- /dev/null
+++ b/shared/js/ui/modal/bookmarks-add-server/Definitions.ts
@@ -0,0 +1,7 @@
+export interface ModalBookmarksAddServerVariables {
+
+}
+
+export interface ModalBookmarksAddServerEvents {
+
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks-add-server/Renderer.scss b/shared/js/ui/modal/bookmarks-add-server/Renderer.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/shared/js/ui/modal/bookmarks-add-server/Renderer.tsx b/shared/js/ui/modal/bookmarks-add-server/Renderer.tsx
new file mode 100644
index 00000000..21d7c152
--- /dev/null
+++ b/shared/js/ui/modal/bookmarks-add-server/Renderer.tsx
@@ -0,0 +1,13 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React from "react";
+
+class ModalBookmarksAddServer extends AbstractModal {
+    renderBody(): React.ReactElement {
+        return undefined;
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return undefined;
+    }
+
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks/Controller.ts b/shared/js/ui/modal/bookmarks/Controller.ts
new file mode 100644
index 00000000..8557d6bd
--- /dev/null
+++ b/shared/js/ui/modal/bookmarks/Controller.ts
@@ -0,0 +1,568 @@
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {
+    BookmarkConnectInfo,
+    BookmarkListEntry,
+    CurrentClientChannel,
+    ModalBookmarkEvents,
+    ModalBookmarkVariables
+} from "tc-shared/ui/modal/bookmarks/Definitions";
+import {Registry} from "tc-events";
+import {BookmarkEntry, BookmarkInfo, bookmarks} from "tc-shared/Bookmarks";
+import {connectionHistory} from "tc-shared/connectionlog/History";
+import {RemoteIconInfo} from "tc-shared/file/Icons";
+import {availableConnectProfiles} from "tc-shared/profiles/ConnectionProfile";
+import {hashPassword} from "tc-shared/utils/helpers";
+import {server_connections} from "tc-shared/ConnectionManager";
+import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
+import {LocalClientEntry} from "tc-shared/tree/Client";
+import _ from "lodash";
+import {LogCategory, logError} from "tc-shared/log";
+
+class BookmarkModalController {
+    readonly events: Registry<ModalBookmarkEvents>;
+    readonly variables: IpcUiVariableProvider<ModalBookmarkVariables>;
+
+    private selectedBookmark: BookmarkEntry;
+    private bookmarkUniqueServerIds: { [key: string]: Promise<string | undefined> } = {};
+    private currentClientChannels: { [key: string]: CurrentClientChannel } = {};
+
+    private registeredListeners: (() => void)[];
+    private registeredHandlerListeners: { [key: string]: (() => void)[] } = {};
+
+    constructor() {
+        this.events = new Registry<ModalBookmarkEvents>();
+        this.variables = new IpcUiVariableProvider<ModalBookmarkVariables>();
+        this.registeredListeners = [];
+
+        //this.variables.setArtificialDelay(1500);
+
+        this.variables.setVariableProvider("bookmarks", async () => {
+            const orderedBookmarks: BookmarkListEntry[] = [];
+
+            for(const entry of bookmarks.getOrderedRegisteredBookmarks()) {
+                let icon: RemoteIconInfo = undefined;
+
+                try {
+                    const serverUniqueId = await this.getBookmarkServerUniqueId(entry.entry);
+                    if(serverUniqueId) {
+                        const serverInfo = await connectionHistory.queryServerInfo(serverUniqueId);
+                        if(serverInfo.iconId > 0) {
+                            icon = {
+                                iconId: serverInfo.iconId,
+                                serverUniqueId: serverUniqueId
+                            };
+                        }
+                    }
+                } catch (_) {}
+
+                orderedBookmarks.push({
+                    icon,
+                    depth: entry.depth,
+                    type: entry.entry.type === "directory" ? "directory" : "bookmark",
+                    displayName: entry.entry.displayName,
+                    uniqueId: entry.entry.uniqueId,
+                    childCount: entry.childCount
+                });
+            }
+
+            return orderedBookmarks;
+        });
+        this.variables.setVariableProvider("connectProfiles", () => {
+            return availableConnectProfiles().map(entry => ({
+                id: entry.id,
+                name: entry.profileName
+            }));
+        });
+
+        this.variables.setVariableProvider("currentClientChannel", async bookmarkId => {
+            const serverUniqueId = await this.getBookmarkServerUniqueId(bookmarkId);
+            if(!serverUniqueId) {
+                return;
+            }
+
+            const handler = server_connections.getAllConnectionHandlers().filter(handler => handler.connected && handler.getCurrentServerUniqueId() === serverUniqueId);
+            return this.currentClientChannels[handler[0]?.handlerId];
+        });
+
+        this.variables.setVariableProvider("bookmarkInfo", bookmarkId => {
+            if(!bookmarkId || this.selectedBookmark?.uniqueId !== bookmarkId) {
+                return undefined;
+            }
+
+            return undefined;
+        });
+
+        this.variables.setVariableProvider("bookmarkSelected", () => {
+            if(!this.selectedBookmark) {
+                return { id: undefined, type: "empty" };
+            } else if(this.selectedBookmark.type === "directory") {
+                return { id: this.selectedBookmark.uniqueId, type: "directory" };
+            } else {
+                return { id: this.selectedBookmark.uniqueId, type: "bookmark" };
+            }
+        });
+        this.variables.setVariableEditor("bookmarkSelected", newValue => {
+            this.selectBookmark(newValue.id);
+        });
+
+        this.variables.setVariableProvider("bookmarkInfo", this.bookmarkInfoProvider(undefined, async (bookmark): Promise<BookmarkConnectInfo> => {
+            const serverUniqueId = await this.getBookmarkServerUniqueId(bookmark);
+            if(!serverUniqueId) {
+                return undefined;
+            }
+
+            const serverInfo = await connectionHistory.queryServerInfo(serverUniqueId);
+            if(!serverInfo) {
+                return undefined;
+            }
+
+
+            return {
+                clientsOnline: serverInfo.clientsOnline,
+                clientsMax: serverInfo.clientsMax,
+
+                connectCountUniqueId: await connectionHistory.countConnectCount(serverUniqueId, "server-unique-id"),
+                connectCountAddress: await connectionHistory.countConnectCount(bookmark.serverAddress, "address"),
+
+                hostBannerMode: serverInfo.hostBannerMode,
+                hostBannerUrl: serverInfo.hostBannerUrl,
+
+                serverName: serverInfo.name,
+                serverRegion: serverInfo.country
+            };
+        }));
+
+        this.variables.setVariableProvider("bookmarkName", bookmarkId => {
+            return bookmarks.findBookmark(bookmarkId)?.displayName;
+        });
+        this.variables.setVariableEditor("bookmarkName", (newValue, bookmarkId) => {
+            const bookmark = bookmarks.findBookmark(bookmarkId);
+            switch(bookmark?.type) {
+                case "directory":
+                    bookmarks.editDirectory(bookmark.uniqueId, { displayName: newValue });
+                    return true;
+
+                case "entry":
+                    bookmarks.editBookmark(bookmark.uniqueId, { displayName: newValue });
+                    return true;
+
+                default:
+                    return false;
+            }
+        });
+
+        this.variables.setVariableProvider("bookmarkServerAddress", this.bookmarkInfoProvider(undefined, bookmark => bookmark.serverAddress));
+        this.variables.setVariableEditorAsync("bookmarkServerAddress", this.bookmarkEditor(async (updates, newValue) => {
+            updates.serverAddress = newValue;
+        }));
+
+        this.variables.setVariableProvider("bookmarkServerPassword", this.bookmarkInfoProvider(undefined, bookmark => bookmark.serverPasswordHash || ""));
+        this.variables.setVariableEditorAsync("bookmarkServerPassword", this.bookmarkEditor(async (updates, newValue) => {
+            if(newValue) {
+                updates.serverPasswordHash = await hashPassword(newValue);
+            } else {
+                updates.serverPasswordHash = "";
+            }
+            return updates.serverPasswordHash;
+        }));
+
+        this.variables.setVariableProvider("bookmarkConnectProfile", this.bookmarkInfoProvider(undefined, bookmark => bookmark.connectProfile));
+        this.variables.setVariableEditorAsync("bookmarkConnectProfile", this.bookmarkEditor(async (updates, newValue) => {
+            updates.connectProfile = newValue;
+        }));
+
+        this.variables.setVariableProvider("bookmarkConnectOnStartup", this.bookmarkInfoProvider(undefined, bookmark => bookmark.connectOnStartup));
+        this.variables.setVariableEditorAsync("bookmarkConnectOnStartup", this.bookmarkEditor(async (updates, newValue) => {
+            updates.connectOnStartup = newValue;
+        }));
+
+        this.variables.setVariableProvider("bookmarkDefaultChannel", this.bookmarkInfoProvider(undefined, bookmark => bookmark.defaultChannel));
+        this.variables.setVariableEditorAsync("bookmarkDefaultChannel", this.bookmarkEditor(async (updates, newValue) => {
+            updates.defaultChannel = newValue;
+            updates.defaultChannelPasswordHash = undefined;
+        }));
+
+        this.variables.setVariableProvider("bookmarkDefaultChannelPassword", this.bookmarkInfoProvider(undefined, bookmark => bookmark.defaultChannelPasswordHash || ""));
+        this.variables.setVariableEditorAsync("bookmarkDefaultChannelPassword", this.bookmarkEditor(async (updates, newValue) => {
+            if(newValue) {
+                updates.defaultChannelPasswordHash = await hashPassword(newValue);
+            } else {
+                updates.defaultChannelPasswordHash = "";
+            }
+            return updates.defaultChannelPasswordHash;
+        }));
+
+        /* events */
+        this.events.on("action_delete_bookmark", event => bookmarks.deleteEntry(event.uniqueId));
+        this.events.on("action_create_bookmark", event => {
+            if(!event.displayName) {
+                return;
+            }
+
+            let parentBookmark, previousBookmark;
+            switch (event.order.type) {
+                case "parent":
+                    parentBookmark = event.order.entry;
+                    previousBookmark = undefined;
+                    break;
+
+                case "previous": {
+                    const previous = bookmarks.findBookmark(event.order.entry);
+                    previousBookmark = event.order.entry;
+                    parentBookmark = previous?.parentEntry;
+                    break;
+                }
+
+                case "selected":
+                default:
+                    parentBookmark = this.selectedBookmark?.parentEntry;
+                    previousBookmark = this.selectedBookmark?.previousEntry;
+                    break;
+            }
+
+            if(event.entryType === "bookmark") {
+                bookmarks.createBookmark({
+                    displayName: event.displayName,
+
+                    parentEntry: parentBookmark,
+                    previousEntry: previousBookmark,
+
+                    connectOnStartup: false,
+                    connectProfile: "default",
+
+                    defaultChannelPasswordHash: undefined,
+                    defaultChannel: undefined,
+
+                    serverAddress: "",
+                    serverPasswordHash: undefined
+                });
+            } else {
+                bookmarks.createDirectory({
+                    displayName: event.displayName,
+
+                    parentEntry: parentBookmark,
+                    previousEntry: previousBookmark,
+                });
+            }
+        });
+
+        this.events.on("action_duplicate_bookmark", event => {
+            if(!event.displayName) {
+                return;
+            }
+
+            const bookmark = bookmarks.findBookmark(event.uniqueId);
+            if(!bookmark || bookmark.type !== "entry") {
+                return;
+            }
+
+            const newBookmark = bookmarks.createBookmark({
+                serverAddress: bookmark.serverAddress,
+                serverPasswordHash: bookmark.serverPasswordHash,
+
+                defaultChannel: bookmark.defaultChannel,
+                defaultChannelPasswordHash: bookmark.defaultChannelPasswordHash,
+
+                connectOnStartup: bookmark.connectOnStartup,
+                connectProfile: bookmark.connectProfile,
+
+                displayName: event.displayName,
+
+                previousEntry: bookmark.uniqueId,
+                parentEntry: bookmark.parentEntry
+            });
+            this.selectBookmark(newBookmark.uniqueId);
+        });
+
+        this.events.on("action_connect", event => {
+            bookmarks.executeConnect(event.uniqueId, event.newTab);
+        });
+
+        this.events.on("action_export", () => {
+            this.events.fire("notify_export_data", { payload: bookmarks.exportBookmarks() });
+        });
+
+        this.events.on("action_import", event => {
+            if(!event.payload) {
+                return;
+            }
+
+            try {
+                const importedBookmarks = bookmarks.importBookmarks(event.payload);
+                this.events.fire("notify_import_result", { status: "success", importedBookmarks: importedBookmarks });
+            } catch (error) {
+                if(typeof error !== "string") {
+                    logError(LogCategory.BOOKMARKS, tr("Failed to import bookmarks: %o"), error);
+                    error = tr("lookup the console for more details");
+                }
+
+                this.events.fire("notify_import_result", { status: "error", message: error });
+            }
+        });
+    }
+
+    initialize() {
+        this.registeredListeners.push(bookmarks.events.on("notify_bookmark_deleted", event => {
+            this.variables.sendVariable("bookmarks");
+            if(this.selectedBookmark?.uniqueId === event.bookmark.uniqueId) {
+                this.selectBookmark(bookmarks.getRegisteredBookmarks()[0]?.uniqueId);
+            }
+        }));
+
+        this.registeredListeners.push(bookmarks.events.on("notify_bookmark_created", event => {
+            this.variables.sendVariable("bookmarks");
+            this.selectBookmark(event.bookmark.uniqueId);
+        }));
+
+        this.registeredListeners.push(bookmarks.events.on("notify_bookmarks_imported", () => this.variables.sendVariable("bookmarks")));
+
+        this.registeredListeners.push(bookmarks.events.on("notify_bookmark_edited", event => {
+            if(event.keys.indexOf("serverAddress") !== -1) {
+                delete this.bookmarkUniqueServerIds[event.bookmark.uniqueId];
+            }
+
+            if(event.keys.indexOf("displayName") !== -1 ||
+                event.keys.indexOf("parentEntry") !== -1 ||
+                event.keys.indexOf("previousEntry") !== -1 ||
+                event.keys.indexOf("serverAddress") !== -1) {
+                this.variables.sendVariable("bookmarks");
+            }
+
+            if(event.bookmark.uniqueId === this.selectedBookmark?.uniqueId) {
+                if(event.keys.indexOf("displayName") !== -1) {
+                    this.variables.sendVariable("bookmarkName", this.selectedBookmark.uniqueId);
+                }
+
+                if(event.keys.indexOf("connectProfile") !== -1) {
+                    this.variables.sendVariable("bookmarkConnectProfile", this.selectedBookmark.uniqueId);
+                }
+
+                if(event.keys.indexOf("connectOnStartup") !== -1) {
+                    this.variables.sendVariable("bookmarkConnectOnStartup", this.selectedBookmark.uniqueId);
+                }
+
+                if(event.keys.indexOf("serverAddress") !== -1) {
+                    this.variables.sendVariable("bookmarkServerAddress", this.selectedBookmark.uniqueId);
+                    this.variables.sendVariable("bookmarkInfo", this.selectedBookmark.uniqueId);
+                    this.variables.sendVariable("currentClientChannel", this.selectedBookmark.uniqueId);
+                }
+
+                if(event.keys.indexOf("serverPasswordHash") !== -1) {
+                    this.variables.sendVariable("bookmarkServerPassword", this.selectedBookmark.uniqueId);
+                }
+
+                if(event.keys.indexOf("defaultChannel") !== -1) {
+                    this.variables.sendVariable("bookmarkDefaultChannel", this.selectedBookmark.uniqueId);
+                }
+
+                if(event.keys.indexOf("defaultChannelPasswordHash") !== -1) {
+                    this.variables.sendVariable("bookmarkDefaultChannelPassword", this.selectedBookmark.uniqueId);
+                }
+            }
+        }));
+
+        this.registeredListeners.push(server_connections.events().on("notify_handler_created", event => {
+            this.registerHandlerListener(event.handler);
+        }));
+
+        this.registeredListeners.push(server_connections.events().on("notify_handler_deleted", event => {
+            this.unregisterHandlerListener(event.handler);
+        }));
+
+        server_connections.getAllConnectionHandlers().forEach(handler => this.registerHandlerListener(handler));
+        this.selectBookmark(bookmarks.getRegisteredBookmarks()[0].uniqueId);
+    }
+
+    private registerHandlerListener(handler: ConnectionHandler) {
+        const events = this.registeredHandlerListeners[handler.handlerId] = [];
+        events.push(handler.events().on("notify_connection_state_changed", event => {
+            if(event.newState !== ConnectionState.CONNECTED) {
+                this.updateHandlerClientChannel(handler, undefined);
+            }
+        }));
+
+        events.push(handler.channelTree.events.on(["notify_client_moved", "notify_client_enter_view"], event => {
+            if(!(event.client instanceof LocalClientEntry)) {
+                return;
+            }
+
+            const targetChannel = event.client.currentChannel();
+            if(!targetChannel) {
+                this.updateHandlerClientChannel(handler, undefined);
+                return;
+            }
+
+            /* TODO: Register to channel rename events maybe? */
+            this.updateHandlerClientChannel(handler);
+        }));
+
+        this.updateHandlerClientChannel(handler);
+    }
+
+    private unregisterHandlerListener(handler: ConnectionHandler) {
+        this.updateHandlerClientChannel(handler, undefined);
+        this.registeredHandlerListeners[handler.handlerId]?.forEach(callback => callback());
+        delete this.registeredHandlerListeners[handler.handlerId];
+    }
+
+    private updateHandlerClientChannel(handler: ConnectionHandler, newChannel?: CurrentClientChannel) {
+        if(arguments.length === 1 && handler.connected) {
+            const channel = handler.getClient().currentChannel();
+            if(channel) {
+                let path;
+                {
+                    path = "";
+                    let current = channel;
+                    while(current) {
+                        path = "/" + current.channelName() + path;
+                        current = current.parent_channel();
+                    }
+                }
+
+                newChannel = {
+                    name: channel.channelName(),
+                    passwordHash: channel.getCachedPasswordHash(),
+                    path: path,
+                    channelId: channel.getChannelId()
+                };
+            }
+        }
+
+        const oldChannel = this.registeredHandlerListeners[handler.handlerId];
+        if(_.isEqual(oldChannel, newChannel)) {
+            return;
+        }
+
+        if(!newChannel) {
+            delete this.currentClientChannels[handler.handlerId];
+        } else {
+            this.currentClientChannels[handler.handlerId] = newChannel;
+        }
+
+        /* Only update the current bookmark */
+        const handlerServerUniqueId = handler.getCurrentServerUniqueId();
+        this.getBookmarkServerUniqueId(this.selectedBookmark).then(serverUniqueId => {
+            if(serverUniqueId !== handlerServerUniqueId) {
+                return;
+            }
+
+            this.variables.sendVariable("currentClientChannel", this.selectedBookmark.uniqueId);
+        });
+    }
+
+    destroy() {
+        this.registeredListeners.forEach(callback => callback());
+        this.registeredListeners = [];
+
+        Object.keys(this.registeredHandlerListeners)
+            .forEach(handlerId => this.registeredHandlerListeners[handlerId].forEach(callback => callback()));
+        this.registeredHandlerListeners = {};
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    selectBookmark(bookmarkUniqueId: string) {
+        if(this.selectedBookmark?.uniqueId === bookmarkUniqueId) {
+            return;
+        }
+
+        this.selectedBookmark = bookmarks.findBookmark(bookmarkUniqueId);
+        this.variables.sendVariable("bookmarkSelected");
+    }
+
+    private bookmarkInfoProvider<T>(defaultValue: T, callback: (bookmark: BookmarkInfo) => T | Promise<T>) : (bookmarkId: any) => T | Promise<T> {
+        return bookmarkId => {
+            if(!bookmarkId) {
+                return defaultValue;
+            }
+
+            if(bookmarkId === this.selectedBookmark?.uniqueId) {
+                if(this.selectedBookmark.type === "entry") {
+                    return callback(this.selectedBookmark);
+                } else {
+                    return defaultValue;
+                }
+            } else {
+                const bookmark = bookmarks.findBookmark(bookmarkId);
+                if(bookmark?.type === "entry") {
+                    return callback(bookmark);
+                } else {
+                    return defaultValue;
+                }
+            }
+        }
+    }
+
+    private bookmarkEditor<T, R>(callback: (updates: Partial<BookmarkInfo>, newValue: T, bookmark: BookmarkInfo) => Promise<R>) : (newValue: T, bookmarkId: any) => Promise<R | false> {
+        return async (newValue, bookmarkId) => {
+            if(!bookmarkId) {
+                return;
+            }
+
+            let bookmark: BookmarkInfo;
+            if(bookmarkId === this.selectedBookmark?.uniqueId) {
+                if(this.selectedBookmark.type === "entry") {
+                    bookmark = this.selectedBookmark;
+                }
+            } else {
+                const foundBookmark = bookmarks.findBookmark(bookmarkId);
+                if(foundBookmark?.type === "entry") {
+                    bookmark = foundBookmark;
+                }
+            }
+
+            if(!bookmark) {
+                return false;
+            }
+
+            const updates = {};
+            const result = await callback(updates, newValue, bookmark);
+
+            if(Object.keys(updates).length > 0) {
+                bookmarks.editBookmark(bookmark.uniqueId, updates);
+            }
+            return result;
+        }
+    }
+
+    private getBookmarkServerUniqueId(bookmarkOrId: string | BookmarkEntry) : Promise<string | undefined> {
+        let bookmarkId = typeof bookmarkOrId === "string" ? bookmarkOrId : bookmarkOrId?.uniqueId;
+        let bookmark = typeof bookmarkOrId === "string" ? bookmarks.findBookmark(bookmarkOrId) : bookmarkOrId;
+        if(!bookmark || bookmark.type !== "entry") {
+            return Promise.resolve(undefined);
+        }
+
+        if(this.bookmarkUniqueServerIds[bookmarkId]) {
+            return this.bookmarkUniqueServerIds[bookmarkId];
+        }
+
+        return this.bookmarkUniqueServerIds[bookmarkId] = (async () => {
+            const info = await connectionHistory.lastConnectInfo(bookmark.serverAddress, "address");
+            if(!info) {
+                return undefined;
+            }
+
+            return info.serverUniqueId;
+        })();
+    }
+}
+
+export function spawnBookmarkModal() {
+    const controller = new BookmarkModalController();
+    controller.initialize();
+
+    const modal = spawnModal("modal-bookmarks", [controller.events.generateIpcDescription(), controller.variables.generateConsumerDescription()], { popoutable: true, popedOut: false });
+    modal.getEvents().on("destroy", () => controller.destroy());
+
+    controller.events.on("action_connect", event => {
+        if(!event.closeModal) {
+            return;
+        }
+
+        modal.destroy();
+    });
+
+    modal.show().then(undefined);
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks/Definitions.ts b/shared/js/ui/modal/bookmarks/Definitions.ts
new file mode 100644
index 00000000..4d4ac18e
--- /dev/null
+++ b/shared/js/ui/modal/bookmarks/Definitions.ts
@@ -0,0 +1,77 @@
+import {RemoteIconInfo} from "tc-shared/file/Icons";
+
+export type BookmarkListEntry = {
+    uniqueId: string,
+    type: "bookmark" | "directory",
+
+    displayName: string,
+    icon: RemoteIconInfo | undefined,
+
+    depth: number,
+    childCount: number,
+}
+
+export interface BookmarkConnectInfo {
+    serverName: string,
+    serverRegion: string,
+
+    clientsOnline: number,
+    clientsMax: number,
+
+    connectCountUniqueId: number,
+    connectCountAddress: number,
+
+    hostBannerUrl: string,
+    hostBannerMode: number
+}
+
+export type CurrentClientChannel = { name: string, channelId: number, path: string, passwordHash: string };
+
+export interface ModalBookmarkVariables {
+    readonly bookmarks: BookmarkListEntry[],
+    bookmarkSelected: { type?: "empty" | "bookmark" | "directory", id: string | undefined },
+
+    readonly connectProfiles: { id: string, name: string }[],
+    readonly currentClientChannel: CurrentClientChannel | undefined,
+
+    bookmarkName: string,
+    bookmarkConnectProfile: string,
+    bookmarkConnectOnStartup: boolean,
+    bookmarkServerAddress: string,
+    bookmarkServerPassword: string | undefined,
+    bookmarkDefaultChannel: string | undefined,
+    bookmarkDefaultChannelPassword: string | undefined,
+    bookmarkInfo: BookmarkConnectInfo | undefined,
+}
+
+export interface ModalBookmarkEvents {
+    action_create_bookmark: {
+        entryType: "bookmark" | "directory",
+        order: {
+            type: "previous",
+            entry: string
+        } | {
+            type: "parent",
+            entry: string
+        } | {
+            type: "selected",
+        },
+        displayName: string | undefined
+    },
+    action_duplicate_bookmark: { uniqueId: string, displayName: string | undefined, originalName: string },
+    action_delete_bookmark: { uniqueId: string },
+
+    action_connect: { uniqueId: string, newTab: boolean, closeModal: boolean },
+
+    action_export: {},
+    action_import: { payload: string | undefined },
+
+    notify_export_data: { payload: string }
+    notify_import_result: {
+        status: "success",
+        importedBookmarks: number
+    } | {
+        status: "error",
+        message: string
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks/Renderer.scss b/shared/js/ui/modal/bookmarks/Renderer.scss
new file mode 100644
index 00000000..f4941a8f
--- /dev/null
+++ b/shared/js/ui/modal/bookmarks/Renderer.scss
@@ -0,0 +1,670 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    height: 45em;
+
+    min-width: 30em;
+    width: 80em;
+    max-width: 100%;
+
+    flex-shrink: 1;
+
+    @include user-select(none);
+
+    .inputBoxed {
+        height: 2em;
+    }
+}
+
+.listContainer {
+    min-width: 12em;
+    width: 30%;
+
+    flex-grow: 1;
+    flex-shrink: 1;
+
+    padding: .5em;
+    background-color: #212125;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    .title {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        .text {
+            flex-shrink: 1;
+            min-width: 1em;
+
+            text-align: left;
+
+            font-size: 1.5em;
+            color: #557edc;
+            text-transform: uppercase;
+
+            @include text-dotdotdot();
+        }
+
+        .containerButton {
+            flex-shrink: 0;
+            flex-grow: 0;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+
+            .button {
+                cursor: pointer;
+
+                font-size: 1.2em;
+
+                padding: .2em;
+                border-radius: .2em;
+
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+
+                margin-right: .2em;
+
+                &:hover {
+                    background-color: #0000004f;
+                }
+            }
+        }
+    }
+
+    .containerBookmarks {
+        flex-shrink: 1;
+        flex-grow: 1;
+
+        min-height: 6em;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: stretch;
+
+        position: relative;
+        overflow: auto;
+
+        @include chat-scrollbar();
+
+        .bookmark, .directory {
+            position: relative;
+
+            flex-grow: 0;
+            flex-shrink: 0;
+
+            display: flex;
+            flex-direction: row;
+            justify-content: stretch;
+
+            border-radius: $border_radius_middle;
+            padding: .25em .5em;
+
+            cursor: pointer;
+
+            .icon {
+                flex-grow: 0;
+                flex-shrink: 0;
+
+                align-self: center;
+                margin-right: .5em;
+            }
+
+            .name {
+                flex-grow: 1;
+                flex-shrink: 1;
+
+                min-width: 5em;
+                align-self: center;
+
+                @include text-dotdotdot();
+            }
+
+            .bookmarkButtons {
+                opacity: 0;
+                position: absolute;
+
+                right: 0;
+                top: 0;
+                bottom: 0;
+
+                display: flex;
+                flex-direction: row;
+
+                background: inherit;
+
+                @include transition(opacity ease-in-out $button_hover_animation_time);
+
+                .button {
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+
+                    align-self: center;
+
+                    margin-right: .2em;
+
+                    padding: .2em;
+                    border-radius: .2em;
+
+                    &:hover {
+                        background-color: #0000004f;
+                    }
+                }
+            }
+
+            &:hover {
+                background-color: #2c2d2f;
+
+                .bookmarkButtons {
+                    opacity: 1;
+                }
+            }
+
+            &.selected {
+                background-color: #1a1a1b;
+            }
+
+            .link {
+                flex-grow: 0;
+                flex-shrink: 0;
+
+                position: relative;
+                width: 1.5em;
+
+                $line_width: 2px;
+                $color: hsla(0, 0%, 35%, 1);
+
+                &:not(.hidden) {
+                    &:before {
+                        content: "";
+                        position: absolute;
+
+                        height: 2.25em; /* connect with the previous one */
+                        width: .75em;
+
+                        left: .5em; /* icons have a width of 1em */
+                        bottom: calc(.75em - #{$line_width / 2});
+
+                        border-left: $line_width solid $color;
+                    }
+
+                    &.connected {
+                        &:before {
+                            border-bottom: $line_width solid $color;
+
+                            border-bottom-left-radius: .3em;
+                        }
+                    }
+                }
+            }
+        }
+
+        .linkStart + .bookmark, .linkStart + .directory {
+            .link.connected {
+                &:before {
+                    height: 1.25em;
+                }
+            }
+        }
+    }
+
+    .buttons {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        padding-top: .5em;
+
+        button {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+
+            &:not(:first-of-type) {
+                margin-left: .5em;
+            }
+        }
+    }
+
+    .overlay {
+        background-color: #212125;
+    }
+}
+
+.infoContainer {
+    min-width: 25em;
+    width: 30%;
+
+    flex-grow: 1;
+    flex-shrink: 1;
+
+    background-color: #2f2f35;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+
+    .header {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        height: 10em;
+        overflow: hidden;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+
+        padding: .5em;
+        position: relative;
+
+        .containerName {
+            z-index: 1;
+
+            position: relative;
+            padding-right: 1.5em;
+
+            display: flex;
+            flex-direction: row;
+
+            .name {
+                flex-shrink: 1;
+                flex-grow: 0;
+
+                font-size: 2em;
+                color: #fcfcfc;
+
+                @include text-dotdotdot();
+                text-shadow: 2px 2px #666666;
+
+                @include transition(border-color ease-in-out $button_hover_animation_time);
+            }
+
+            .edit {
+                flex-shrink: 0;
+
+                padding-left: .5em;
+
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+
+                .button {
+                    padding: .2em;
+                    border-radius: .2em;
+                    cursor: pointer;
+                    display: flex;
+
+                    opacity: .5;
+
+                    @include transition(all ease-in-out $button_hover_animation_time);
+
+                    &:hover {
+                        opacity: 1;
+                        background: #0000004f;
+                    }
+
+                    .icon {
+                        font-size: 1.5em;
+                    }
+                }
+            }
+
+            &.editing {
+                padding-right: 0;
+
+                .name {
+                    width: 100%;
+
+                    text-shadow: none;
+
+                    border: .04em solid white;
+                    border-radius: .15em;
+
+                    padding-left: .25em;
+                    padding-right: .25em;
+
+                    background: #0000006f;
+
+                    overflow: auto;
+                    text-overflow: unset;
+
+                    @include chat-scrollbar(.5em / 2em);
+
+                    &.invalid {
+                        border-color: #721c1c;
+                    }
+                }
+            }
+        }
+
+        .containerAddress {
+            z-index: 1;
+
+            font-size: 1.5em;
+            color: #fcfcfc;
+
+            @include text-dotdotdot();
+        }
+
+        .hostBanner {
+            position: absolute;
+
+            top: 0;
+            left: 0;
+
+            &.individual {
+                right: 0;
+                bottom: 0;
+
+                padding: .5em;
+
+                &:after {
+                    content: ' ';
+                    background: #00000020;
+
+                    position: absolute;
+
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                }
+            }
+
+            .renderer {
+                height: 100%;
+                width: 100%;
+            }
+        }
+        //background: url("./header_background.png") no-repeat;
+    }
+
+    .containerSettings {
+        flex-grow: 1;
+        flex-shrink: 1;
+        min-height: 10em;
+
+        padding: .5em;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+
+        overflow-y: auto;
+        overflow-x: hidden;
+        @include chat-scrollbar-vertical();
+
+        .group {
+            padding: .5em;
+
+            border-radius: .2em;
+            border: 1px solid #1f2122;
+
+            background-color: #28292b;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+
+            > .row {
+                display: flex;
+                flex-direction: row;
+                justify-content: stretch;
+
+                .key {
+                    flex-grow: 0;
+                    flex-shrink: 1;
+
+                    width: 15em;
+                    min-width: 2em;
+
+                    align-self: center;
+
+                    color: #557edc;
+
+                    text-transform: uppercase;
+
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
+                .value {
+                    flex-grow: 1;
+                    flex-shrink: 1;
+
+                    min-width: 2em;
+
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
+                &:not(:first-of-type) {
+                    margin-top: 1em;
+                }
+            }
+
+            &:not(:first-of-type) {
+                margin-top: 1em;
+            }
+
+            &.connectInfoContainer {
+                flex-direction: row;
+            }
+        }
+    }
+
+    .buttons {
+        padding: .5em;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+
+        .buttonDuplicate {
+            margin-right: auto;
+        }
+
+        button {
+            flex-shrink: 1;
+            flex-grow: 1;
+
+            min-width: 2em;
+
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+
+            &:not(:first-of-type) {
+                margin-left: .5em;
+            }
+        }
+    }
+}
+
+.connectInfoContainer {
+    position: relative;
+
+    .containerImage {
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        max-width: 15em;
+        max-height: 9em; /* minus one padding */
+        width: 15em;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        img {
+            object-fit: contain;
+            max-height: 100%;
+            max-width: 100%;
+        }
+
+        @include transition(.25s ease-in-out);
+    }
+
+    .containerProperties {
+        flex-shrink: 1;
+        flex-grow: 1;
+
+        min-width: 23em;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+
+        height: inherit;
+
+        .row {
+            flex-grow: 0;
+            flex-shrink: 0;
+
+            height: 1.8em;
+
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start;
+
+            .key {
+                flex-shrink: 0;
+                flex-grow: 0;
+
+                color: #557edc;
+                text-transform: uppercase;
+                align-self: center;
+
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+
+                width: 15em;
+            }
+
+            .value {
+                color: #d6d6d7;
+                align-self: center;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+
+                &.serverRegion {
+                    > div {
+                        display: inline-block;
+                    }
+
+                    .country {
+                        margin-right: .25em;
+                    }
+                }
+
+                &.valueConnectCount {
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: flex-start;
+
+                    .text {
+                        margin-right: .5em;
+                    }
+
+                    > span {
+                        display: flex;
+                        align-self: center;
+                    }
+                }
+
+                .connectCount, .connectNever {
+                    display: inline-block;
+
+                    color: #7a3131;
+                }
+            }
+        }
+    }
+
+    .tooltipIcon {
+        text-align: left;
+
+        width: 1em;
+        height: 1em;
+    }
+
+    .overlay {
+        background: #28292b;
+    }
+}
+
+.inputIconContainer {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .iconContainer {
+        display: flex;
+
+        padding: .2em;
+        margin-right: .2em;
+    }
+
+    &.enabled {
+        .iconContainer {
+            cursor: pointer;
+
+            &:hover {
+                background: #ffffff10;
+                border-radius: .2em;
+            }
+        }
+    }
+}
+
+.overlay {
+    position: absolute;
+
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    display: none;
+    flex-direction: column;
+    justify-content: center;
+
+    &.shown {
+        display: flex;
+    }
+
+    .text {
+        color: #666;
+        text-align: center;
+        font-size: 1.2em;
+    }
+
+    .buttonCreate {
+        margin-top: .5em;
+        max-width: 100%;
+
+        flex-grow: 0;
+        align-self: center;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks/Renderer.tsx b/shared/js/ui/modal/bookmarks/Renderer.tsx
new file mode 100644
index 00000000..aab9f440
--- /dev/null
+++ b/shared/js/ui/modal/bookmarks/Renderer.tsx
@@ -0,0 +1,797 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {
+    BookmarkConnectInfo,
+    BookmarkListEntry,
+    ModalBookmarkEvents,
+    ModalBookmarkVariables
+} from "tc-shared/ui/modal/bookmarks/Definitions";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {useContext, useEffect, useRef} from "react";
+import {ContextDivider} from "tc-shared/ui/react-elements/ContextDivider";
+import {joinClassList, useDependentState, useTr} from "tc-shared/ui/react-elements/Helper";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
+import {IconRenderer, RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
+import {getIconManager} from "tc-shared/file/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
+import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
+import {formatMessage} from "tc-shared/ui/frames/chat";
+import {createErrorModal, createInfoModal, createInputModal} from "tc-shared/ui/elements/Modal";
+import {HostBannerRenderer} from "tc-shared/ui/frames/HostBannerRenderer";
+import {ControlledBoxedInputField, ControlledSelect} from "tc-shared/ui/react-elements/InputField";
+import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
+import * as React from "react";
+
+import DefaultHeaderImage from "./header_background.png";
+import ServerInfoImage from "./serverinfo.png";
+import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
+import {CountryIcon} from "tc-shared/ui/react-elements/CountryIcon";
+import {downloadTextAsFile, requestFileAsText} from "tc-shared/file/Utils";
+
+const EventContext = React.createContext<Registry<ModalBookmarkEvents>>(undefined);
+const VariableContext = React.createContext<UiVariableConsumer<ModalBookmarkVariables>>(undefined);
+const SelectedBookmarkIdContext = React.createContext<{ type: "empty" | "bookmark" | "directory", id: string | undefined }>({ type: "empty", id: undefined });
+const SelectedBookmarkInfoContext = React.createContext<BookmarkConnectInfo>(undefined);
+
+const cssStyle = require("./Renderer.scss");
+
+const Link = (props: { connected: boolean }) => (
+    <div className={joinClassList(
+        cssStyle.link,
+        props.connected ? cssStyle.connected : undefined
+    )} />
+);
+
+const BookmarkListEntryRenderer = React.memo((props: { entry: BookmarkListEntry }) => {
+    const variables = useContext(VariableContext);
+    const events = useContext(EventContext);
+    const selectedItem = variables.useVariable("bookmarkSelected", undefined, undefined);
+
+    const tryDelete = () => {
+        if(props.entry.type === "directory" && props.entry.childCount > 0) {
+            spawnYesNo(tr("Are you sure?"), formatMessage(
+                tr("Do you really want to delete the directory \"{0}\"?{:br:}The directory contains {1} entries."),
+                props.entry.displayName, props.entry.childCount
+            ), result => {
+                if(result) {
+                    events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId });
+                }
+            }).open();
+        } else {
+            events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId });
+        }
+    };
+
+    let icon;
+    if(props.entry.icon) {
+        icon = <RemoteIconRenderer key={"icon-" + props.entry.icon.iconId} icon={getIconManager().resolveIconInfo(props.entry.icon)} className={cssStyle.icon} />;
+    } else if(props.entry.type === "directory") {
+        icon = <IconRenderer key={"directory"} icon={ClientIcon.Folder} className={cssStyle.icon} />;
+    } else {
+        icon = <IconRenderer key={"no-icon"} icon={ClientIcon.ServerGreen} className={cssStyle.icon} />;
+    }
+
+    let links = [];
+    for(let i = 0; i < props.entry.depth; i++) {
+        links.push(<Link connected={i + 1 === props.entry.depth} key={"link-" + i} />);
+    }
+
+    let buttons = [];
+    if(props.entry.type === "bookmark") {
+        buttons.push(
+            <div
+                className={cssStyle.button}
+                key={"bookmark-duplicate"}
+                title={tr("Duplicate entry")}
+                onClick={() => events.fire("action_duplicate_bookmark", { uniqueId: props.entry.uniqueId, displayName: undefined, originalName: props.entry.displayName })}
+            >
+                <ClientIconRenderer icon={ClientIcon.BookmarkDuplicate} />
+            </div>
+        );
+    }
+    buttons.push(
+        <div className={cssStyle.button} key={"bookmark-remove"} title={tr("Delete entry")} onClick={tryDelete}>
+            <ClientIconRenderer icon={ClientIcon.Delete} />
+        </div>
+    );
+
+    return (
+        <div
+            key={"entry-" + props.entry.uniqueId}
+            className={joinClassList(
+                props.entry.type === "directory" ? cssStyle.directory : cssStyle.bookmark,
+                props.entry.childCount > 0 ? cssStyle.linkStart : undefined,
+                selectedItem.remoteValue?.id === props.entry.uniqueId ? cssStyle.selected : undefined,
+            )}
+            onClick={() => {
+                if(selectedItem.remoteValue?.id === props.entry.uniqueId) {
+                    return;
+                }
+
+                selectedItem.setValue({id: props.entry.uniqueId});
+            }}
+            onDoubleClick={() => {
+                if(props.entry.type !== "bookmark") {
+                    return;
+                }
+
+                events.fire("action_connect", { uniqueId: props.entry.uniqueId, newTab: false, closeModal: true });
+            }}
+            onContextMenu={event => {
+                event.preventDefault();
+
+                if(selectedItem.remoteValue?.id !== props.entry.uniqueId) {
+                    selectedItem.setValue({ id: props.entry.uniqueId });
+                }
+
+                spawnContextMenu({ pageX: event.pageX, pageY: event.pageY }, [
+                    {
+                        type: "normal",
+                        label: tr("Connect to server"),
+                        visible: props.entry.type === "bookmark",
+                        icon: ClientIcon.Connect,
+                        click: () => events.fire("action_connect", { uniqueId: props.entry.uniqueId, newTab: false, closeModal: true })
+                    },
+                    {
+                        type: "normal",
+                        label: tr("Connect in a new tab"),
+                        visible: props.entry.type === "bookmark",
+                        icon: ClientIcon.Connect,
+                        click: () => events.fire("action_connect", { uniqueId: props.entry.uniqueId, newTab: true, closeModal: true })
+                    },
+                    {
+                        type: "separator",
+                        visible: props.entry.type === "bookmark",
+                    },
+                    {
+                        type: "normal",
+                        label: tr("Duplicate Bookmark"),
+                        visible: props.entry.type === "bookmark",
+                        icon: ClientIcon.BookmarkDuplicate,
+                        click: () => events.fire("action_duplicate_bookmark", { uniqueId: props.entry.uniqueId, displayName: undefined, originalName: props.entry.displayName })
+                    },
+                    {
+                        type: "normal",
+                        label: tr("Add bookmark"),
+                        icon: ClientIcon.BookmarkAdd,
+                        click: () => events.fire("action_create_bookmark", { entryType: "bookmark", order: { type: "parent", entry: props.entry.uniqueId }, displayName: undefined })
+                    },
+                    {
+                        type: "normal",
+                        label: tr("Add directory"),
+                        icon: ClientIcon.BookmarkAddFolder,
+                        click: () => events.fire("action_create_bookmark", { entryType: "directory", order: { type: "previous", entry: props.entry.uniqueId }, displayName: undefined })
+                    },
+                    {
+                        type: "normal",
+                        label: tr("Add sub directory"),
+                        visible: props.entry.type === "directory",
+                        icon: ClientIcon.BookmarkAddFolder,
+                        click: () => events.fire("action_create_bookmark", { entryType: "directory", order: { type: "parent", entry: props.entry.uniqueId }, displayName: undefined })
+                    },
+                    {
+                        type: "separator",
+                    },
+                    {
+                        type: "normal",
+                        label: props.entry.type === "bookmark" ? tr("Delete bookmark") : tr("Delete directory"),
+                        icon: ClientIcon.BookmarkRemove,
+                        click: tryDelete
+                    }
+                ]);
+            }}
+        >
+            {...links}
+            {icon}
+            <div className={cssStyle.name} title={props.entry.displayName}>
+                {props.entry.displayName}
+            </div>
+            <div className={cssStyle.bookmarkButtons}>
+                {...buttons}
+            </div>
+        </div>
+    );
+});
+
+const BookmarkList = React.memo(() => {
+    const events = useContext(EventContext);
+    const variables = useContext(VariableContext);
+    const bookmarksInfo = variables.useReadOnly("bookmarks");
+
+    const bookmarks = bookmarksInfo.status === "loaded" ? bookmarksInfo.value : [];
+
+    return (
+        <div className={cssStyle.containerBookmarks}>
+            {bookmarks.map(entry => <BookmarkListEntryRenderer entry={entry} key={"entry-" + entry.uniqueId} />)}
+            <div key={"overlay-loading"} className={cssStyle.overlay + " " + (bookmarksInfo.status === "loaded" ? "" : cssStyle.shown)}>
+                <div className={cssStyle.text}><Translatable>loading</Translatable> <LoadingDots /></div>
+            </div>
+            <div key={"overlay-no-entries"} className={cssStyle.overlay + " " + (bookmarksInfo.status === "loaded" && bookmarksInfo.value.length === 0 ? cssStyle.shown : "")}>
+                <div className={cssStyle.text}>
+                    <Translatable>You don't have any bookmarks</Translatable>
+                </div>
+                <Button
+                    onClick={() => events.fire("action_create_bookmark", { order: { type: "selected" }, displayName: undefined, entryType: "bookmark" })}
+                    className={cssStyle.buttonCreate}
+                >
+                    <Translatable>Create new bookmark</Translatable>
+                </Button>
+            </div>
+        </div>
+    );
+});
+
+const BookmarkListContainer = React.memo(() => {
+    const events = useContext(EventContext);
+
+    return (
+        <div className={cssStyle.listContainer}>
+            <div className={cssStyle.title} title={useTr("Your bookmarks")}>
+                <div className={cssStyle.text}><Translatable>Your bookmarks</Translatable></div>
+                <div className={cssStyle.containerButton}>
+                    <div
+                        className={cssStyle.button}
+                        title={useTr("Add new bookmark")}
+                        onClick={() => events.fire("action_create_bookmark", { entryType: "bookmark", order: { type: "selected" }, displayName: undefined })}
+                    >
+                        <ClientIconRenderer icon={ClientIcon.BookmarkAdd} />
+                    </div>
+                </div>
+            </div>
+            <BookmarkList />
+            <div className={cssStyle.buttons}>
+                <Button onClick={() => events.fire("action_export")}>
+                    <Translatable>Export</Translatable>
+                </Button>
+                <Button onClick={() => events.fire("action_import")}>
+                    <Translatable>Import</Translatable>
+                </Button>
+            </div>
+        </div>
+    );
+});
+
+const SelectedBookmarkBanner = React.memo(() => {
+    const bookmarkInfo = useContext(SelectedBookmarkInfoContext);
+
+    if(!bookmarkInfo?.hostBannerUrl) {
+        return (
+            <img key={"default"} alt={""} src={DefaultHeaderImage} className={cssStyle.hostBanner} />
+        );
+    }
+
+    return (
+        <div className={cssStyle.hostBanner + " " + cssStyle.individual} key={"server"}>
+            <HostBannerRenderer
+                key={"hostbanner"}
+                banner={{
+                    imageUrl: bookmarkInfo.hostBannerUrl,
+                    linkUrl: undefined,
+                    mode: "resize-ratio",
+                    updateInterval: 0
+                }}
+                className={cssStyle.renderer}
+            />
+        </div>
+    );
+});
+
+const SelectedBookmarkName = React.memo(() => {
+    const refEditPanel = useRef<HTMLDivElement>();
+    const selectedBookmarkId = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const nameVariable = variables.useVariable("bookmarkName", selectedBookmarkId.id);
+    let [ editMode, setEditMode ] = useDependentState(() => false, [ selectedBookmarkId.id ]);
+    if(selectedBookmarkId.type === "empty") {
+        editMode = false;
+    }
+
+    useEffect(() => {
+        if(refEditPanel.current) {
+            refEditPanel.current.textContent = nameVariable.localValue;
+            refEditPanel.current.focus();
+        }
+    }, [ editMode ]);
+
+    if(nameVariable.status === "loading") {
+        return (
+            <div key={"name-loading"} className={cssStyle.containerName}>
+                <div className={cssStyle.name}><Translatable>loading</Translatable> <LoadingDots /></div>
+            </div>
+        );
+    } else if(editMode) {
+        return (
+            <div key={"name-edit"} className={cssStyle.containerName + " " + cssStyle.editing}>
+                <div
+                    ref={refEditPanel}
+                    className={cssStyle.name}
+                    contentEditable={true}
+                    onKeyDown={event => {
+                        if(event.key === "Enter") {
+                            event.preventDefault();
+                            refEditPanel.current?.blur();
+                        } else if(event.key === "Backspace" || event.key === "Delete") {
+                            /* never prevent these */
+                        } else if(event.ctrlKey) {
+                            /* don't prevent this */
+                        } else if(event.currentTarget.textContent?.length >= 32) {
+                            event.preventDefault();
+                        }
+                    }}
+                    onInput={event => {
+                        const value = event.currentTarget.textContent;
+                        const valid = typeof value === "string" && value.length > 0 && value.length <= 32;
+                        refEditPanel.current?.classList.toggle(cssStyle.invalid, !valid);
+                    }}
+                    onBlur={() => {
+                        const value = refEditPanel.current?.textContent;
+                        setEditMode(false);
+
+                        if(!value || value.length > 32) { return; }
+                        nameVariable.setValue(value);
+                    }}
+                >
+                </div>
+            </div>
+        );
+    } else {
+        return (
+            <div key={"name-value"} className={cssStyle.containerName}>
+                <div className={cssStyle.name}>{nameVariable.status === "applying" ? tr("applying") : nameVariable.localValue}</div>
+                <div className={cssStyle.edit} onClick={() => setEditMode(true)}>
+                    <div className={cssStyle.button}>
+                        <ClientIconRenderer className={cssStyle.icon} icon={ClientIcon.BookmarkEditName} />
+                    </div>
+                </div>
+            </div>
+        );
+    }
+})
+
+const SelectedBookmarkHeader = React.memo(() => {
+    const selectedBookmarkId = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const addressVariable = variables.useReadOnly("bookmarkServerAddress", selectedBookmarkId.id);
+
+    let address;
+    if(selectedBookmarkId.type === "bookmark") {
+        if(addressVariable.status === "loading") {
+            address = <React.Fragment key={"address-loading"}><Translatable>loading</Translatable> <LoadingDots /></React.Fragment>
+        } else {
+            address = <React.Fragment key={"address-value"}>{addressVariable.value}</React.Fragment>;
+        }
+    }
+
+    return (
+        <div className={cssStyle.header}>
+            <SelectedBookmarkName />
+            <div className={cssStyle.containerAddress}>{address}</div>
+            <SelectedBookmarkBanner />
+        </div>
+    )
+});
+
+const BookmarkSettingsGroup = React.memo((props: { children, className?: string }) => {
+    return (
+        <div className={cssStyle.group + " " + props.className}>
+            {props.children}
+        </div>
+    )
+});
+
+const BookmarkSetting = React.memo((props: { children: [React.ReactNode, React.ReactNode] }) => {
+    return (
+        <div className={cssStyle.row}>
+            <div className={cssStyle.key}>
+                {props.children[0]}
+            </div>
+            <div className={cssStyle.value}>
+                {props.children[1]}
+            </div>
+        </div>
+    )
+});
+
+const BookmarkSettingConnectProfile = () => {
+    const selectedBookmark = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const selectedProfile = variables.useVariable("bookmarkConnectProfile", selectedBookmark.id);
+    const availableProfiles = variables.useReadOnly("connectProfiles");
+
+    let value;
+    const profiles = [];
+    let invalid = false;
+
+    if(selectedBookmark.type !== "bookmark") {
+        value = "empty";
+    } else if(availableProfiles.status !== "loaded") {
+        value = "loading";
+    } else if(selectedProfile.status === "loading") {
+        value = "loading";
+    } else {
+        value = selectedProfile.localValue;
+
+        profiles.push(...availableProfiles.value.map(entry => (
+            <option key={"profile-" + entry.id} value={entry.id}>{entry.name}</option>
+        )));
+
+        if(availableProfiles.value.findIndex(entry => entry.id === selectedProfile.localValue) === -1) {
+            invalid = true;
+            profiles.push(
+                <option key={"profile-" + selectedProfile.localValue} value={selectedProfile.localValue} style={{ display: "none" }}>{useTr("Unknown profile") + ": " + selectedProfile.localValue}</option>
+            );
+        }
+    }
+
+    return (
+        <ControlledSelect
+            type={"boxed"}
+            value={value}
+            disabled={availableProfiles.status !== "loaded" || selectedProfile.status !== "loaded" || selectedBookmark.type !== "bookmark"}
+            onChange={event => selectedProfile.setValue(event.target.value)}
+            invalid={invalid}
+        >
+            <option key={"empty"} value={"empty"} style={{ display: "none" }} />
+            <option key={"loading"} value={"loading"} style={{ display: "none" }}>{useTr("loading")}</option>
+            <option key={"applying-value"} value={"applying-value"} style={{ display: "none" }}>{useTr("applying")}</option>
+            {profiles as any}
+        </ControlledSelect>
+    );
+};
+
+const BookmarkSettingAutoConnect = () => {
+    const selectedBookmark = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const value = variables.useVariable("bookmarkConnectOnStartup", selectedBookmark.id, false);
+
+    return (
+        <Checkbox
+            onChange={newValue => value.setValue(newValue)}
+            value={value.localValue}
+            disabled={value.status !== "loaded" || selectedBookmark.type !== "bookmark"}
+            label={<Translatable>Automatically connect to server on client start</Translatable>}
+        />
+    );
+};
+
+const BookmarkSettingServerAddress = React.memo(() => {
+    const selectedBookmark = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const value = variables.useVariable("bookmarkServerAddress", selectedBookmark.id);
+
+    return (
+        <ControlledBoxedInputField
+            value={value.localValue}
+            disabled={selectedBookmark.type !== "bookmark" || value.status !== "loaded"}
+            onChange={newValue => value.setValue(newValue, true)}
+            onBlur={() => value.setValue(value.localValue)}
+            finishOnEnter={true}
+        />
+    );
+});
+
+const BookmarkSettingPassword = React.memo((props: { field: "bookmarkServerPassword" | "bookmarkDefaultChannelPassword", disabled: boolean }) => {
+    const selectedBookmark = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const value = variables.useVariable(props.field, selectedBookmark.id);
+
+    let placeholder = "", inputValue = "";
+    if(props.disabled) {
+        /* disabled, show nothing */
+    } else if(value.status === "loaded") {
+        if(value.localValue && value.localValue === value.remoteValue) {
+            placeholder = tr("password hidden");
+        } else {
+            inputValue = value.localValue;
+        }
+    } else if(value.status === "applying") {
+        if(value.localValue) {
+            placeholder = tr("hashing password");
+        } else {
+            /* we've resetted the password. Don't show "hashing password" */
+        }
+    }
+
+    const disabled = props.disabled || selectedBookmark.type !== "bookmark" || value.status !== "loaded";
+    return (
+        <ControlledBoxedInputField
+            value={inputValue}
+            placeholder={placeholder}
+            disabled={disabled}
+            onChange={newValue => value.setValue(newValue, true)}
+            onBlur={() => value.setValue(value.localValue)}
+            rightIcon={() => (
+                <div className={cssStyle.inputIconContainer + " " + (disabled ? "" : cssStyle.enabled)}>
+                    <div className={cssStyle.iconContainer} onClick={() => !disabled && value.setValue("")}>
+                        <ClientIconRenderer icon={ClientIcon.Refresh} title={useTr("Reset password")} className={cssStyle.icon} />
+                    </div>
+                </div>
+            )}
+            finishOnEnter={true}
+        />
+    );
+});
+
+const BookmarkSettingChannel = React.memo(() => {
+    const selectedBookmark = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const defaultChannel = variables.useVariable("bookmarkDefaultChannel", selectedBookmark.id);
+    const currentClientChannel = variables.useReadOnly("currentClientChannel", selectedBookmark.id);
+
+    const inputDisabled = selectedBookmark.type !== "bookmark" || defaultChannel.status !== "loaded";
+    const channelSelectDisabled = inputDisabled || currentClientChannel.status !== "loaded" || !currentClientChannel.value;
+
+    let selectCurrentTitle;
+    if(channelSelectDisabled) {
+        selectCurrentTitle = tr("Select current channel.\nYou're not connected to the target server.");
+    } else {
+        selectCurrentTitle = tr("Select current channel") + ":\n" + currentClientChannel.value?.name;
+        selectCurrentTitle += "\n\n" + tr("Shift click to use the channel name path.");
+    }
+
+    return (
+        <ControlledBoxedInputField
+            value={defaultChannel.localValue}
+            disabled={inputDisabled}
+            onChange={newValue => defaultChannel.setValue(newValue, true)}
+            onBlur={() => defaultChannel.setValue(defaultChannel.localValue)}
+            rightIcon={() => (
+                <div className={cssStyle.inputIconContainer + " " + (channelSelectDisabled ? "" : cssStyle.enabled)}>
+                    <div
+                        title={selectCurrentTitle}
+                        className={cssStyle.iconContainer}
+                        onClick={event => {
+                            if(currentClientChannel.status !== "loaded") {
+                                return;
+                            }
+
+                            if(!currentClientChannel.value) {
+                                return;
+                            }
+
+                            if(event.shiftKey) {
+                                defaultChannel.setValue(currentClientChannel.value.path);
+                            } else {
+                                defaultChannel.setValue("/" + currentClientChannel.value.channelId);
+                            }
+                            variables.setVariable("bookmarkDefaultChannelPassword", selectedBookmark.id, currentClientChannel.value.passwordHash);
+                        }}
+                    >
+                        <ClientIconRenderer icon={ClientIcon.ChannelEdit} className={cssStyle.icon} />
+                    </div>
+                </div>
+            )}
+            finishOnEnter={true}
+        />
+    );
+});
+
+const BookmarkSettingChannelPassword = () => {
+    const selectedBookmark = useContext(SelectedBookmarkIdContext);
+    const variables = useContext(VariableContext);
+    const value = variables.useReadOnly("bookmarkDefaultChannel", selectedBookmark.id, undefined);
+    return <BookmarkSettingPassword field={"bookmarkDefaultChannelPassword"} disabled={!value} />;
+}
+
+const BookmarkInfoRenderer = React.memo(() => {
+    const bookmarkInfo = useContext(SelectedBookmarkInfoContext);
+    let connectCount = bookmarkInfo ? Math.max(bookmarkInfo.connectCountUniqueId, bookmarkInfo.connectCountAddress) : -1;
+
+    return (
+        <div className={cssStyle.group + " " + cssStyle.connectInfoContainer}>
+            <div className={cssStyle.containerImage}>
+                <img src={ServerInfoImage} alt={""} />
+            </div>
+            <div className={cssStyle.containerProperties}>
+                <div className={cssStyle.row}>
+                    <div className={cssStyle.key}>{useTr("Server name")}</div>
+                    <div className={cssStyle.value}>
+                        {bookmarkInfo?.serverName}
+                    </div>
+                </div>
+                <div className={cssStyle.row}>
+                    <div className={cssStyle.key}>{useTr("Server region")}</div>
+                    <div className={cssStyle.value}>
+                        <CountryIcon country={bookmarkInfo?.serverRegion} />
+                    </div>
+                </div>
+                <div className={cssStyle.row}>
+                    <div className={cssStyle.key}>{useTr("Last ping")}</div>
+                    <div className={cssStyle.value}>
+                        {useTr("Not yet supported")}
+                    </div>
+                </div>
+                <div className={cssStyle.row}>
+                    <div className={cssStyle.key}>{useTr("Last client count")}</div>
+                    <div className={cssStyle.value}>
+                        {bookmarkInfo?.clientsOnline} / {bookmarkInfo?.clientsMax}
+                    </div>
+                </div>
+                <div className={cssStyle.row}>
+                    <div className={cssStyle.key}>{useTr("Connection count")}</div>
+                    <div className={cssStyle.value + " " + cssStyle.valueConnectCount}>
+                        <div className={cssStyle.text}>{connectCount === -1 ? tr("fetch error") : connectCount}</div>
+                        <IconTooltip className={cssStyle.tooltipIcon}>
+                            <div style={{ width: "20em" }}>
+                                <VariadicTranslatable text={"Connections to the server unique id: {}"}>
+                                    {bookmarkInfo?.connectCountUniqueId}
+                                </VariadicTranslatable>
+                                <br />
+                                <VariadicTranslatable text={"Connections to the address: {}"}>
+                                    {bookmarkInfo?.connectCountAddress}
+                                </VariadicTranslatable>
+                            </div>
+                        </IconTooltip>
+                    </div>
+                </div>
+            </div>
+            <div className={cssStyle.overlay + " " + (connectCount === -1 ? cssStyle.shown : "")}>
+                <div className={cssStyle.text}>
+                    <Translatable>You never connected to that server.</Translatable>
+                </div>
+            </div>
+        </div>
+    );
+});
+
+const BookmarkInfoContainerInner = React.memo(() => (
+    <div className={cssStyle.infoContainer}>
+        <SelectedBookmarkHeader />
+        <div className={cssStyle.containerSettings}>
+            <BookmarkSettingsGroup>
+                <BookmarkSetting>
+                    <Translatable>Connect profile</Translatable>
+                    <BookmarkSettingConnectProfile />
+                </BookmarkSetting>
+                <BookmarkSettingAutoConnect />
+            </BookmarkSettingsGroup>
+            <BookmarkSettingsGroup>
+                <BookmarkSetting>
+                    <Translatable>Server Address</Translatable>
+                    <BookmarkSettingServerAddress />
+                </BookmarkSetting>
+                <BookmarkSetting>
+                    <Translatable>Server Password</Translatable>
+                    <BookmarkSettingPassword field={"bookmarkServerPassword"} disabled={false} />
+                </BookmarkSetting>
+                <BookmarkSetting>
+                    <Translatable>Default Channel</Translatable>
+                    <BookmarkSettingChannel />
+                </BookmarkSetting>
+                <BookmarkSetting>
+                    <Translatable>Channel password</Translatable>
+                    <BookmarkSettingChannelPassword />
+                </BookmarkSetting>
+            </BookmarkSettingsGroup>
+            <BookmarkInfoRenderer />
+        </div>
+    </div>
+));
+
+const BookmarkInfoContainer = React.memo(() => {
+    const variables = useContext(VariableContext);
+    const selectedBookmark = variables.useReadOnly("bookmarkSelected", undefined, { type: "empty", id: undefined });
+    const selectedBookmarkInfo = variables.useReadOnly("bookmarkInfo", selectedBookmark.id, undefined);
+
+    return (
+        <SelectedBookmarkIdContext.Provider value={selectedBookmark as any}>
+            <SelectedBookmarkInfoContext.Provider value={selectedBookmarkInfo}>
+                <BookmarkInfoContainerInner />
+            </SelectedBookmarkInfoContext.Provider>
+        </SelectedBookmarkIdContext.Provider>
+    )
+});
+
+class ModalBookmarks extends AbstractModal {
+    readonly events: Registry<ModalBookmarkEvents>;
+    readonly variables: UiVariableConsumer<ModalBookmarkVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalBookmarkEvents>, variables: IpcVariableDescriptor<ModalBookmarkVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+
+        this.events.on("action_create_bookmark", event => {
+            if(event.displayName) {
+                return;
+            }
+
+            createInputModal(tr("Please enter a name"), tr("Please enter the bookmark name"), input => input.length > 0, value => {
+                if(typeof value !== "string" || !value) {
+                    return;
+                }
+
+                this.events.fire("action_create_bookmark", {
+                    entryType: event.entryType,
+                    order: event.order,
+                    displayName: value
+                });
+            }).open();
+        });
+
+        this.events.on("action_duplicate_bookmark", event => {
+            if(event.displayName) {
+                return;
+            }
+
+            createInputModal(tr("Please enter a name"), tr("Please enter the new bookmark name"), input => input.length > 0, value => {
+                if(typeof value !== "string" || !value) {
+                    return;
+                }
+
+                this.events.fire("action_duplicate_bookmark", {
+                    displayName: value,
+                    uniqueId: event.uniqueId,
+                    originalName: event.originalName
+                });
+            }, {
+                defaultValue: event.originalName + " (Copy)"
+            }).open();
+        });
+
+        this.events.on("notify_export_data", event => {
+            downloadTextAsFile(event.payload, "bookmarks.json");
+        });
+
+        this.events.on("action_import", event => {
+            if(event.payload) {
+                return;
+            }
+
+            requestFileAsText().then(payload => {
+                if(payload.length === 0) {
+                    this.events.fire("notify_import_result", { status: "error", message: tr("File payload is empty") });
+                    return;
+                }
+
+                this.events.fire("action_import", { payload: payload });
+            });
+        })
+
+        this.events.on("notify_import_result", event => {
+            switch (event.status) {
+                case "error":
+                    createErrorModal(tr("Failed to import bookmarks"), tr("Failed to import bookmarks:") + "\n" + event.message).open();
+                    break;
+
+                case "success":
+                    createInfoModal(tr("Successfully imported"), formatMessage(tr("Successfully imported {0} bookmarks."), event.importedBookmarks)).open();
+                    break;
+            }
+        });
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventContext.Provider value={this.events}>
+                <VariableContext.Provider value={this.variables}>
+                    <div className={cssStyle.container}>
+                        <BookmarkListContainer />
+                        <ContextDivider id={"separator-bookmarks"} direction={"horizontal"} defaultValue={25} />
+                        <BookmarkInfoContainer />
+                    </div>
+                </VariableContext.Provider>
+            </EventContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return <Translatable>Manage bookmarks</Translatable>;
+    }
+
+}
+
+export = ModalBookmarks;
\ No newline at end of file
diff --git a/shared/img/bookmark_background.png b/shared/js/ui/modal/bookmarks/header_background.png
similarity index 100%
rename from shared/img/bookmark_background.png
rename to shared/js/ui/modal/bookmarks/header_background.png
diff --git a/shared/js/ui/modal/bookmarks/serverinfo.png b/shared/js/ui/modal/bookmarks/serverinfo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0061c972c2f77d4276318717687011d40955263
GIT binary patch
literal 80844
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
G9{7K-f5FWF

literal 0
HcmV?d00001

diff --git a/shared/js/ui/modal/connect/Controller.ts b/shared/js/ui/modal/connect/Controller.ts
index 5ce74de1..e9c24640 100644
--- a/shared/js/ui/modal/connect/Controller.ts
+++ b/shared/js/ui/modal/connect/Controller.ts
@@ -17,7 +17,7 @@ import {ConnectionHandler} from "tc-shared/ConnectionHandler";
 import {server_connections} from "tc-shared/ConnectionManager";
 import {parseServerAddress} from "tc-shared/tree/Server";
 import {spawnSettingsModal} from "tc-shared/ui/modal/ModalSettings";
-import * as ipRegex from "ip-regex";
+import ipRegex from "ip-regex";
 import {UiVariableProvider} from "tc-shared/ui/utils/Variable";
 import {createIpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
 import {spawnModal} from "tc-shared/ui/react-elements/modal";
diff --git a/shared/js/ui/modal/connect/Renderer.scss b/shared/js/ui/modal/connect/Renderer.scss
index f92f4614..a52f310a 100644
--- a/shared/js/ui/modal/connect/Renderer.scss
+++ b/shared/js/ui/modal/connect/Renderer.scss
@@ -311,17 +311,6 @@
     }
 }
 
-.countryContainer {
-    display: inline-flex;
-    flex-direction: row;
-    justify-content: flex-start;
-
-    :global(.country) {
-        align-self: center;
-        margin-right: .25em;
-    }
-}
-
 @media all and (max-width: 55rem) {
     .container {
         padding: .5em!important;
diff --git a/shared/js/ui/modal/connect/Renderer.tsx b/shared/js/ui/modal/connect/Renderer.tsx
index 0eac8c5e..be6de880 100644
--- a/shared/js/ui/modal/connect/Renderer.tsx
+++ b/shared/js/ui/modal/connect/Renderer.tsx
@@ -17,6 +17,7 @@ import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
 import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
 import {AbstractModal} from "tc-shared/ui/react-elements/ModalDefinitions";
+import {CountryIcon} from "tc-shared/ui/react-elements/CountryIcon";
 
 const EventContext = React.createContext<Registry<ConnectUiEvents>>(undefined);
 const VariablesContext = React.createContext<UiVariableConsumer<ConnectUiVariables>>(undefined);
@@ -241,15 +242,6 @@ const ButtonContainer = () => (
     </div>
 );
 
-const CountryIcon = (props: { country: string }) => {
-    return (
-        <div className={cssStyle.countryContainer}>
-            <div className={"country flag-" + props.country} />
-            {i18n.country_name(props.country, useTr("Global"))}
-        </div>
-    )
-}
-
 const HistoryTableEntryConnectCount = React.memo((props: { entry: ConnectHistoryEntry }) => {
     const targetType = props.entry.uniqueServerId === kUnknownHistoryServerUniqueId ? "address" : "server-unique-id";
     const target = targetType === "address" ? props.entry.targetAddress : props.entry.uniqueServerId;
diff --git a/shared/js/ui/modal/css-editor/Renderer.tsx b/shared/js/ui/modal/css-editor/Renderer.tsx
index ba860580..18c99dd5 100644
--- a/shared/js/ui/modal/css-editor/Renderer.tsx
+++ b/shared/js/ui/modal/css-editor/Renderer.tsx
@@ -9,6 +9,7 @@ import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
 import {Button} from "tc-shared/ui/react-elements/Button";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {AbstractModal} from "tc-shared/ui/react-elements/ModalDefinitions";
+import {downloadTextAsFile, requestFileAsText} from "tc-shared/file/Utils";
 
 const cssStyle = require("./Renderer.scss");
 
@@ -358,36 +359,6 @@ const CssVariableEditor = (props: { events: Registry<CssEditorEvents> }) => {
         </div>
     )
 };
-const downloadTextAsFile = (text, name) => {
-    const element = document.createElement("a");
-    element.text = "download";
-    element.href = "data:test/plain;charset=utf-8," + encodeURIComponent(text);
-    element.download = name;
-    element.style.display = "none";
-
-    document.body.appendChild(element);
-    element.click();
-    element.remove();
-};
-
-const requestFileAsText = async (): Promise<string> => {
-    const element = document.createElement("input");
-    element.style.display = "none";
-    element.type = "file";
-
-    document.body.appendChild(element);
-    element.click();
-    await new Promise(resolve => {
-        element.onchange = resolve;
-    });
-
-    if (element.files.length !== 1)
-        return undefined;
-    const file = element.files[0];
-    element.remove();
-
-    return await file.text();
-};
 
 class PopoutConversationUI extends AbstractModal {
     private readonly events: Registry<CssEditorEvents>;
diff --git a/shared/js/ui/modal/invite/Renderer.tsx b/shared/js/ui/modal/invite/Renderer.tsx
index 35302b5d..a84bcd54 100644
--- a/shared/js/ui/modal/invite/Renderer.tsx
+++ b/shared/js/ui/modal/invite/Renderer.tsx
@@ -14,7 +14,7 @@ import {copyToClipboard} from "tc-shared/utils/helpers";
 import {ControlledBoxedInputField, ControlledSelect} from "tc-shared/ui/react-elements/InputField";
 import {useTr} from "tc-shared/ui/react-elements/Helper";
 import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
-import * as moment from 'moment';
+import moment from 'moment';
 
 const cssStyle = require("./Renderer.scss");
 
diff --git a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
index 9e2fcd24..98b5797f 100644
--- a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
+++ b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
@@ -9,7 +9,7 @@ import {network} from "tc-shared/ui/frames/chat";
 import {Table, TableColumn, TableRow, TableRowElement} from "tc-shared/ui/react-elements/Table";
 import {ReactComponentBase} from "tc-shared/ui/react-elements/ReactComponentBase";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
-import * as Moment from "moment";
+import moment from "moment";
 import {MenuEntryType, spawn_context_menu} from "tc-shared/ui/elements/ContextMenu";
 import {BoxedInputField} from "tc-shared/ui/react-elements/InputField";
 import {LogCategory, logWarn} from "tc-shared/log";
@@ -1043,7 +1043,7 @@ export class FileBrowserRenderer extends ReactComponentBase<FileListTablePropert
                             "name": () => <FileName path={this.currentPath} file={directory}/>,
                             "type": () => <a key={"type"}><Translatable>Directory</Translatable></a>,
                             "change-date": () => directory.datetime ?
-                                <a>{Moment(directory.datetime).format("DD/MM/YYYY HH:mm")}</a> : undefined
+                                <a>{moment(directory.datetime).format("DD/MM/YYYY HH:mm")}</a> : undefined
                         },
                         className: cssStyle.directoryEntry,
                         userData: directory
@@ -1057,7 +1057,7 @@ export class FileBrowserRenderer extends ReactComponentBase<FileListTablePropert
                             "size": () => <FileSize path={this.currentPath} file={file}/>,
                             "type": () => <a key={"type"}><Translatable>File</Translatable></a>,
                             "change-date": () => file.datetime ?
-                                <a key={"date"}>{Moment(file.datetime).format("DD/MM/YYYY HH:mm")}</a> : undefined
+                                <a key={"date"}>{moment(file.datetime).format("DD/MM/YYYY HH:mm")}</a> : undefined
                         },
                         className: cssStyle.directoryEntry,
                         userData: file
diff --git a/shared/js/ui/react-elements/Checkbox.scss b/shared/js/ui/react-elements/Checkbox.scss
index 79ce643e..c313ffea 100644
--- a/shared/js/ui/react-elements/Checkbox.scss
+++ b/shared/js/ui/react-elements/Checkbox.scss
@@ -5,7 +5,7 @@ html:root {
     --checkbox-checkmark: #46c0ec;
 
     --checkbox-background: #272626;
-    --checkbox-disabled-background: #1a1a1e;
+    --checkbox-disabled-background: #1a1819;
 }
 
 .checkbox {
@@ -77,6 +77,9 @@ html:root {
 label.disabled > .checkbox, .checkbox:disabled, .checkbox.disabled {
     &.checkbox, > .checkbox {
         pointer-events: none!important;
+        box-shadow: none;
+
+        border: 1px solid var(--boxed-input-field-border);
         background-color: var(--checkbox-disabled-background);
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/CountryIcon.scss b/shared/js/ui/react-elements/CountryIcon.scss
new file mode 100644
index 00000000..2b83d525
--- /dev/null
+++ b/shared/js/ui/react-elements/CountryIcon.scss
@@ -0,0 +1,10 @@
+.countryContainer {
+    display: inline-flex;
+    flex-direction: row;
+    justify-content: flex-start;
+
+    :global(.country) {
+        align-self: center;
+        margin-right: .25em;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/CountryIcon.tsx b/shared/js/ui/react-elements/CountryIcon.tsx
new file mode 100644
index 00000000..6c2e177b
--- /dev/null
+++ b/shared/js/ui/react-elements/CountryIcon.tsx
@@ -0,0 +1,15 @@
+import * as i18n from "tc-shared/i18n/country";
+import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
+import * as React from "react";
+
+const cssStyle = require("./CountryIcon.scss");
+
+export const CountryIcon = (props: { country: string, className?: string }) => {
+    const country = props.country || "xx";
+    return (
+        <div className={joinClassList(cssStyle.countryContainer, props.className)}>
+            <div className={"country flag-" + country} />
+            {i18n.country_name(country, useTr("Global"))}
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/InputField.tsx b/shared/js/ui/react-elements/InputField.tsx
index aa3d7a6f..ae0c3465 100644
--- a/shared/js/ui/react-elements/InputField.tsx
+++ b/shared/js/ui/react-elements/InputField.tsx
@@ -50,7 +50,7 @@ export const ControlledBoxedInputField = (props: {
                 props.className
             }
             onFocus={props.onFocus}
-            onBlur={() => props.onBlur()}
+            onBlur={props.onBlur}
         >
             {props.leftIcon ? props.leftIcon() : ""}
             {props.prefix ? <a key={"prefix"} className={cssStyle.prefix}>{props.prefix}</a> : undefined}
@@ -462,7 +462,8 @@ export const ControlledSelect = (props: {
                 cssStyle["size-normal"],
                 props.invalid ? cssStyle.isInvalid : undefined,
                 props.className,
-                cssStyle.noLeftIcon, cssStyle.noRightIcon
+                cssStyle.noLeftIcon, cssStyle.noRightIcon,
+                props.disabled ? cssStyle.disabled : undefined
             )}
         >
             {!props.label ? undefined :
diff --git a/shared/js/ui/react-elements/Tooltip.scss b/shared/js/ui/react-elements/Tooltip.scss
index e972a0e1..f4cf6737 100644
--- a/shared/js/ui/react-elements/Tooltip.scss
+++ b/shared/js/ui/react-elements/Tooltip.scss
@@ -51,4 +51,9 @@ html:root {
     display: flex;
     flex-direction: column;
     justify-content: center;
+
+    img {
+        max-height: 100%;
+        max-width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/Tooltip.tsx b/shared/js/ui/react-elements/Tooltip.tsx
index ee1a7e85..4a49f0b0 100644
--- a/shared/js/ui/react-elements/Tooltip.tsx
+++ b/shared/js/ui/react-elements/Tooltip.tsx
@@ -151,8 +151,8 @@ export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
 
 export const IconTooltip = (props: { children?: React.ReactElement | React.ReactElement[], className?: string }) => (
     <Tooltip tooltip={() => props.children}>
-        <div className={cssStyle.tooltip + " " + props.className}>
-            <img src="img/icon_tooltip.svg"/>
+        <div className={cssStyle.iconTooltip + " " + props.className}>
+            <img src="img/icon_tooltip.svg" alt={""} />
         </div>
     </Tooltip>
 );
diff --git a/shared/js/ui/utils/Variable.ts b/shared/js/ui/utils/Variable.ts
index 3b37075c..4297e18f 100644
--- a/shared/js/ui/utils/Variable.ts
+++ b/shared/js/ui/utils/Variable.ts
@@ -26,11 +26,22 @@ type UiVariableEditorPromise<Variables extends UiVariableMap, T extends keyof Va
 export abstract class UiVariableProvider<Variables extends UiVariableMap> {
     private variableProvider: {[key: string]: (customData: any) => any | Promise<any>} = {};
     private variableEditor: {[key: string]: (newValue, customData: any) => any | Promise<any>} = {};
+    private artificialDelay: number;
 
-    protected constructor() { }
+    protected constructor() {
+        this.artificialDelay = 0;
+    }
 
     destroy() { }
 
+    getArtificialDelay() : number {
+        return this.artificialDelay;
+    }
+
+    setArtificialDelay(value: number) {
+        this.artificialDelay = value;
+    }
+
     setVariableProvider<T extends keyof Variables>(variable: T, provider: (customData: any) => Variables[T] | Promise<Variables[T]>) {
         this.variableProvider[variable as any] = provider;
     }
@@ -60,14 +71,23 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
         }
 
         const result = providers(customData);
-        if(result instanceof Promise) {
-            return result
-                .then(result => this.doSendVariable(variable as any, customData, result))
-                .catch(error => {
-                    console.error(error);
-                });
+
+        const handleResult = result => {
+            if(result instanceof Promise) {
+                return result
+                    .then(result => this.doSendVariable(variable as any, customData, result))
+                    .catch(error => {
+                        console.error(error);
+                    });
+            } else {
+                this.doSendVariable(variable as any, customData, result);
+            }
+        };
+
+        if(this.artificialDelay > 0) {
+            return new Promise(resolve => setTimeout(resolve, this.artificialDelay)).then(() => handleResult(result));
         } else {
-            this.doSendVariable(variable as any, customData, result);
+            return handleResult(result);
         }
     }
 
@@ -229,6 +249,14 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
         }
     }
 
+    setVariable<T extends keyof WriteableVariables<Variables>>(
+        variable: T,
+        customData: any,
+        newValue: Variables[T]
+    ) {
+        this.doEditVariable(variable as any, customData, newValue);
+    }
+
     useVariable<T extends keyof WriteableVariables<Variables>>(
         variable: T,
         customData?: any,
diff --git a/shared/svg-sprites/client-icons.d.ts b/shared/svg-sprites/client-icons.d.ts
index a0eac25b..322b71f4 100644
--- a/shared/svg-sprites/client-icons.d.ts
+++ b/shared/svg-sprites/client-icons.d.ts
@@ -3,9 +3,9 @@
  *
  * This file has been auto generated by the svg-sprite generator.
  * Sprite source directory: G:\TeaSpeak\web\shared\img\client-icons
- * Sprite count: 208
+ * Sprite count: 209
  */
-export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
+export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
 
 export enum ClientIcon {
   About = "client-about",
@@ -27,6 +27,7 @@ export enum ClientIcon {
   BookmarkAdd = "client-bookmark_add",
   BookmarkAddFolder = "client-bookmark_add_folder",
   BookmarkDuplicate = "client-bookmark_duplicate",
+  BookmarkEditName = "client-bookmark_edit_name",
   BookmarkManager = "client-bookmark_manager",
   BookmarkRemove = "client-bookmark_remove",
   BrokenImage = "client-broken_image",
diff --git a/shared/tsconfig/tsconfig.declarations.json b/shared/tsconfig/tsconfig.declarations.json
index 38ad8aa7..5a5392ce 100644
--- a/shared/tsconfig/tsconfig.declarations.json
+++ b/shared/tsconfig/tsconfig.declarations.json
@@ -7,6 +7,7 @@
     "declarationDir": "../../declarations/shared-app/",
     "declaration": true,
     "emitDeclarationOnly": true,
+    "esModuleInterop": true,
     "baseUrl": "../../",
     "paths": {
       "tc-shared/*": ["shared/js/*"],
diff --git a/shared/tsconfig/tsconfig.json b/shared/tsconfig/tsconfig.json
index 6fe31d1c..e0f65465 100644
--- a/shared/tsconfig/tsconfig.json
+++ b/shared/tsconfig/tsconfig.json
@@ -5,6 +5,7 @@
     "module": "commonjs",
     "sourceMap": true,
     "experimentalDecorators": true,
+    "esModuleInterop": true,
     "plugins": [ /* ttypescript */
       {
         "transform": "../../tools/trgen/ttsc_transformer.js",
diff --git a/tsconfig.json b/tsconfig.json
index 1389a012..ee853b27 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,7 @@
     "lib": ["ES7", "dom", "dom.iterable"],
     "removeComments": true, /* we dont really need them within the target files */
     "jsx": "react",
+    "esModuleInterop": true,
     "baseUrl": ".",
     "paths": {
       "tc-shared/*": ["shared/js/*"],
diff --git a/webpack.config.ts b/webpack.config.ts
index 6b817a7a..efda1f35 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -224,7 +224,11 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
                 options: {
                     esModule: false
                 }
-            }
+            },
+            {
+                test: /\.(png|jpg|jpeg|gif)?$/,
+                loader: 'file-loader',
+            },
         ]
     } as any,
     resolve: {

From fc2ea029556b973c2dc4f4a0724d2a61b529ccec Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 14 Mar 2021 19:43:54 +0100
Subject: [PATCH 010/128] Fixed music bot button stuck behind preview image

---
 shared/js/ui/frames/side/HeaderRenderer.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/shared/js/ui/frames/side/HeaderRenderer.scss b/shared/js/ui/frames/side/HeaderRenderer.scss
index 1800b74c..7d876231 100644
--- a/shared/js/ui/frames/side/HeaderRenderer.scss
+++ b/shared/js/ui/frames/side/HeaderRenderer.scss
@@ -179,8 +179,6 @@
             .left {
                 margin-right: 8.5em;
             }
-
-            width: 60em; /* same width  so flex-shrik applies equaly */
         }
     }
 }
\ No newline at end of file

From 95f4a7bfb7349817f3c4577336df2796881f3607 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 14 Mar 2021 19:50:45 +0100
Subject: [PATCH 011/128] Fixed the bookmark manager for windowed mode

---
 shared/js/ui/modal/bookmarks/Renderer.scss                | 5 +++++
 shared/js/ui/modal/bookmarks/Renderer.tsx                 | 4 ++--
 .../external-modal/PopoutRendererClient.tsx               | 2 ++
 .../react-elements/external-modal/PopoutRendererWeb.tsx   | 2 +-
 shared/js/ui/react-elements/internal-modal/Renderer.tsx   | 8 ++++++--
 shared/js/ui/react-elements/modal/Definitions.ts          | 2 +-
 6 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/shared/js/ui/modal/bookmarks/Renderer.scss b/shared/js/ui/modal/bookmarks/Renderer.scss
index f4941a8f..bb6c3bc8 100644
--- a/shared/js/ui/modal/bookmarks/Renderer.scss
+++ b/shared/js/ui/modal/bookmarks/Renderer.scss
@@ -16,6 +16,11 @@
 
     @include user-select(none);
 
+    &.windowed {
+        width: 100%;
+        height: 100%;
+    }
+
     .inputBoxed {
         height: 2em;
     }
diff --git a/shared/js/ui/modal/bookmarks/Renderer.tsx b/shared/js/ui/modal/bookmarks/Renderer.tsx
index aab9f440..8e752e5c 100644
--- a/shared/js/ui/modal/bookmarks/Renderer.tsx
+++ b/shared/js/ui/modal/bookmarks/Renderer.tsx
@@ -774,11 +774,11 @@ class ModalBookmarks extends AbstractModal {
         this.variables.destroy();
     }
 
-    renderBody(): React.ReactElement {
+    renderBody(renderBody): React.ReactElement {
         return (
             <EventContext.Provider value={this.events}>
                 <VariableContext.Provider value={this.variables}>
-                    <div className={cssStyle.container}>
+                    <div className={cssStyle.container + " " + (renderBody.windowed ? cssStyle.windowed : "")}>
                         <BookmarkListContainer />
                         <ContextDivider id={"separator-bookmarks"} direction={"horizontal"} defaultValue={25} />
                         <BookmarkInfoContainer />
diff --git a/shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx b/shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx
index 9ef5bf20..5d81e730 100644
--- a/shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx
+++ b/shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx
@@ -57,6 +57,8 @@ export class ClientModalRenderer implements ModalRenderer {
                 headerClass={cssStyle.header}
                 headerTitleClass={cssStyle.title}
                 bodyClass={cssStyle.body}
+
+                windowed={true}
             />,
             this.container,
             () => {
diff --git a/shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx b/shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx
index d6185c92..d2c7bd81 100644
--- a/shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx
+++ b/shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx
@@ -48,7 +48,7 @@ class BodyRenderer {
 
         this.modalInstance = instance;
         if(this.modalInstance) {
-            ReactDOM.render(<>{this.modalInstance.renderBody()}</>, this.htmlContainer);
+            ReactDOM.render(<>{this.modalInstance.renderBody({ windowed: true })}</>, this.htmlContainer);
         }
     }
 }
diff --git a/shared/js/ui/react-elements/internal-modal/Renderer.tsx b/shared/js/ui/react-elements/internal-modal/Renderer.tsx
index c83a464d..f5ae22d0 100644
--- a/shared/js/ui/react-elements/internal-modal/Renderer.tsx
+++ b/shared/js/ui/react-elements/internal-modal/Renderer.tsx
@@ -17,9 +17,11 @@ export const InternalModalContentRenderer = React.memo((props: {
     headerTitleClass?: string,
     bodyClass?: string,
 
-    refContent?: React.Ref<HTMLDivElement>
+    refContent?: React.Ref<HTMLDivElement>,
+
+    windowed: boolean,
 }) => {
-    const body = useMemo(() => props.modal.renderBody(), [props.modal]);
+    const body = useMemo(() => props.modal.renderBody({ windowed: props.windowed }), [props.modal]);
     const title = useMemo(() => props.modal.renderTitle(), [props.modal]);
 
     return (
@@ -87,6 +89,8 @@ export class InternalModalRenderer extends React.PureComponent<{ modal: Abstract
 
                         containerClass={cssStyle.contentInternal}
                         bodyClass={cssStyle.body + " " + cssStyle["modal-" + this.props.modal.color()]}
+
+                        windowed={false}
                     />
                 </div>
             </div>
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 892b9e9e..9658ed9b 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -90,7 +90,7 @@ export interface ModalController {
 export abstract class AbstractModal {
     protected constructor() {}
 
-    abstract renderBody() : ReactElement;
+    abstract renderBody(properties: { windowed: boolean }) : ReactElement;
     abstract renderTitle() : string | React.ReactElement;
 
     /* only valid for the "inline" modals */

From 1b2de3ed631250a818dfbd2752127c89201c9874 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 16 Mar 2021 15:14:03 +0100
Subject: [PATCH 012/128] Added the possibility to popout modals and finished
 the work on the bookmark modals

---
 shared/js/tree/EntryTagsHandler.ts            |  25 ++
 shared/js/tree/Server.ts                      |  12 +
 shared/js/ui/modal/ModalChangeVolumeNew.tsx   |   2 +-
 shared/js/ui/modal/ModalGroupCreate.tsx       |   2 +-
 .../js/ui/modal/ModalGroupPermissionCopy.tsx  |   2 +-
 .../modal/bookmarks-add-server/Controller.ts  | 131 ++++++++-
 .../modal/bookmarks-add-server/Definitions.ts |  23 +-
 .../modal/bookmarks-add-server/Renderer.scss  |  61 +++++
 .../modal/bookmarks-add-server/Renderer.tsx   | 159 ++++++++++-
 shared/js/ui/modal/bookmarks/Renderer.tsx     |  10 +-
 shared/js/ui/modal/channel-edit/Renderer.tsx  |   2 +-
 shared/js/ui/modal/connect/Renderer.tsx       |   5 -
 shared/js/ui/modal/invite/Renderer.tsx        |  11 +-
 .../permission/ModalPermissionEditor.tsx      |   2 +-
 .../transfer/FileBrowserControllerRemote.ts   |   2 +-
 .../transfer/FileTransferInfoController.ts    |   2 +-
 .../ui/modal/transfer/ModalFileTransfer.tsx   |   2 +-
 shared/js/ui/modal/video-source/Renderer.tsx  |   2 +-
 shared/js/ui/modal/whats-new/Controller.tsx   |   2 +-
 shared/js/ui/react-elements/InputField.tsx    |   3 +
 shared/js/ui/react-elements/Tooltip.tsx       |  11 +-
 .../external-modal/Controller.ts              |  20 +-
 .../external-modal/ModalRenderer.scss         |  20 ++
 .../external-modal/ModalRenderer.tsx          |  64 +++++
 .../external-modal/PopoutEntrypoint.ts        |  28 +-
 .../external-modal/PopoutRenderer.scss        |  57 ----
 .../external-modal/PopoutRendererClient.tsx   |  84 ------
 .../external-modal/PopoutRendererWeb.tsx      |  76 ------
 .../ui/react-elements/external-modal/index.ts |   8 +-
 .../internal-modal/Controller.ts              | 112 --------
 .../react-elements/internal-modal/Modal.scss  | 249 ------------------
 .../internal-modal/Renderer.tsx               | 106 --------
 .../js/ui/react-elements/modal/Controller.ts  | 134 ++++++++++
 .../js/ui/react-elements/modal/Definitions.ts |  80 ++++--
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 .../js/ui/react-elements/modal/Renderer.scss  | 223 ++++++++++++++++
 .../js/ui/react-elements/modal/Renderer.tsx   | 200 ++++++++++++--
 shared/js/ui/react-elements/modal/TeaCup.png  | Bin 0 -> 65631 bytes
 shared/js/ui/react-elements/modal/index.ts    |  36 +--
 .../react-elements/modal/internal/index.tsx   | 172 ++++++++++++
 shared/js/ui/tree/EntryTags.scss              |   2 +-
 shared/js/ui/tree/EntryTags.tsx               |  52 +++-
 web/app/legacy/audio-lib/index.ts             |   2 +-
 43 files changed, 1371 insertions(+), 831 deletions(-)
 create mode 100644 shared/js/ui/react-elements/external-modal/ModalRenderer.scss
 create mode 100644 shared/js/ui/react-elements/external-modal/ModalRenderer.tsx
 delete mode 100644 shared/js/ui/react-elements/external-modal/PopoutRenderer.scss
 delete mode 100644 shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx
 delete mode 100644 shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx
 delete mode 100644 shared/js/ui/react-elements/internal-modal/Controller.ts
 delete mode 100644 shared/js/ui/react-elements/internal-modal/Modal.scss
 delete mode 100644 shared/js/ui/react-elements/internal-modal/Renderer.tsx
 create mode 100644 shared/js/ui/react-elements/modal/Controller.ts
 create mode 100644 shared/js/ui/react-elements/modal/Renderer.scss
 create mode 100644 shared/js/ui/react-elements/modal/TeaCup.png
 create mode 100644 shared/js/ui/react-elements/modal/internal/index.tsx

diff --git a/shared/js/tree/EntryTagsHandler.ts b/shared/js/tree/EntryTagsHandler.ts
index c66fa09d..df222734 100644
--- a/shared/js/tree/EntryTagsHandler.ts
+++ b/shared/js/tree/EntryTagsHandler.ts
@@ -88,6 +88,31 @@ function handleIpcMessage(type: string, payload: any) {
             channel?.showContextMenu(pageX, pageY);
             break;
         }
+        case "contextmenu-server": {
+            const {
+                handlerId,
+                serverUniqueId,
+
+                pageX,
+                pageY
+            } = payload;
+
+            if(typeof pageX !== "number" || typeof pageY !== "number") {
+                logWarn(LogCategory.IPC, tr("Received server context menu action with an invalid page coordinated: %ox%o."), pageX, pageY);
+                return;
+            }
+
+            if(typeof handlerId !== "string") {
+                logWarn(LogCategory.IPC, tr("Received server context menu action with an invalid handler id: %o."), handlerId);
+                return;
+            }
+
+            const handler = server_connections.findConnection(handlerId);
+            if(!handler?.connected || (serverUniqueId && handler.getCurrentServerUniqueId() !== serverUniqueId)) {
+                return;
+            }
+            handler.channelTree.server.showContextMenu(pageX, pageY);
+        }
     }
 }
 
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index bc581133..9d3159ea 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -147,6 +147,18 @@ export function parseServerAddress(address: string) : ServerAddress | undefined
     }
 }
 
+export function stringifyServerAddress(address: ServerAddress) : string {
+    let result = address.host;
+    if(address.port !== 9987) {
+        if(address.host.indexOf(":") === -1) {
+            result += ":" + address.port;
+        } else {
+            result = "[" + result + "]:" + address.port;
+        }
+    }
+    return result;
+}
+
 export interface ServerEvents extends ChannelTreeEntryEvents {
     notify_properties_updated: {
         updated_properties: Partial<ServerProperties>;
diff --git a/shared/js/ui/modal/ModalChangeVolumeNew.tsx b/shared/js/ui/modal/ModalChangeVolumeNew.tsx
index da04b91c..98235d7d 100644
--- a/shared/js/ui/modal/ModalChangeVolumeNew.tsx
+++ b/shared/js/ui/modal/ModalChangeVolumeNew.tsx
@@ -5,7 +5,7 @@ import {Button} from "tc-shared/ui/react-elements/Button";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {EventHandler, ReactEventHandler, Registry} from "tc-shared/events";
 import {ClientEntry, MusicClientEntry} from "tc-shared/tree/Client";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
+import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
 const cssStyle = require("./ModalChangeVolume.scss");
 
diff --git a/shared/js/ui/modal/ModalGroupCreate.tsx b/shared/js/ui/modal/ModalGroupCreate.tsx
index 01089892..ed08021f 100644
--- a/shared/js/ui/modal/ModalGroupCreate.tsx
+++ b/shared/js/ui/modal/ModalGroupCreate.tsx
@@ -11,9 +11,9 @@ import PermissionType from "tc-shared/permission/PermissionType";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {tra} from "tc-shared/i18n/localize";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {LogCategory, logError} from "tc-shared/log";
+import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
 const cssStyle = require("./ModalGroupCreate.scss");
 
diff --git a/shared/js/ui/modal/ModalGroupPermissionCopy.tsx b/shared/js/ui/modal/ModalGroupPermissionCopy.tsx
index a18f3500..4dc637a0 100644
--- a/shared/js/ui/modal/ModalGroupPermissionCopy.tsx
+++ b/shared/js/ui/modal/ModalGroupPermissionCopy.tsx
@@ -11,9 +11,9 @@ import PermissionType from "tc-shared/permission/PermissionType";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {tra} from "tc-shared/i18n/localize";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {LogCategory, logWarn} from "tc-shared/log";
+import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
 const cssStyle = require("./ModalGroupPermissionCopy.scss");
 
diff --git a/shared/js/ui/modal/bookmarks-add-server/Controller.ts b/shared/js/ui/modal/bookmarks-add-server/Controller.ts
index 623d2d06..ac091a59 100644
--- a/shared/js/ui/modal/bookmarks-add-server/Controller.ts
+++ b/shared/js/ui/modal/bookmarks-add-server/Controller.ts
@@ -1,5 +1,134 @@
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {
+    ModalBookmarksAddServerEvents,
+    ModalBookmarksAddServerVariables, TargetBookmarkInfo
+} from "tc-shared/ui/modal/bookmarks-add-server/Definitions";
+import {Registry} from "tc-events";
+import {createIpcUiVariableProvider, IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {stringifyServerAddress} from "tc-shared/tree/Server";
+import {bookmarks} from "tc-shared/Bookmarks";
+
+class Controller {
+    readonly handler: ConnectionHandler;
+    readonly variables: IpcUiVariableProvider<ModalBookmarksAddServerVariables>;
+    readonly events: Registry<ModalBookmarksAddServerEvents>;
+
+    private readonly serverInfo: TargetBookmarkInfo;
+
+    private readonly targetChannelId: number;
+    private readonly targetChannelPassword: string;
+
+    private readonly targetServerAddress: string;
+    private readonly targetServerPassword: string;
+
+    private readonly connectProfile: string;
+
+    private bookmarkName: string;
+    private useCurrentChannel: boolean;
+
+    constructor(handler: ConnectionHandler) {
+        this.handler = handler;
+
+        this.variables = createIpcUiVariableProvider();
+        this.events = new Registry<ModalBookmarksAddServerEvents>();
+
+        if(handler.connected && handler.getClient().currentChannel()) {
+            const currentChannel = handler.getClient().currentChannel();
+            const handshakeHandler = handler.serverConnection.handshake_handler();
+
+            this.targetServerAddress = stringifyServerAddress(handler.channelTree.server.remote_address);
+            /* Password will be hashed since we're already connected to the server */
+            this.targetServerPassword = handshakeHandler.parameters.serverPassword;
+            this.connectProfile = handshakeHandler.parameters.profile.id;
+
+            this.targetChannelId = currentChannel.channelId;
+            this.targetChannelPassword = currentChannel.getCachedPasswordHash();
+
+            this.serverInfo = {
+                type: "success",
+
+                handlerId: handler.handlerId,
+
+                serverName: handler.channelTree.server.properties.virtualserver_name,
+                serverUniqueId: handler.getCurrentServerUniqueId(),
+
+                currentChannelName: currentChannel.channelName(),
+                currentChannelId: currentChannel.channelId
+            };
+
+            this.bookmarkName = this.serverInfo.serverName;
+        } else {
+            this.serverInfo = { type: "not-connected" };
+        }
+
+        this.useCurrentChannel = false;
+
+        this.variables.setVariableProvider("serverInfo", () => this.serverInfo);
+        this.variables.setVariableProvider("bookmarkNameValid", () => {
+            if(!this.bookmarkName) {
+                return false;
+            }
+
+            return this.bookmarkName.length > 0 && this.bookmarkName.length < 40;
+        });
+
+        this.variables.setVariableProvider("bookmarkName", () => this.bookmarkName);
+        this.variables.setVariableEditor("bookmarkName", newValue => {
+            this.bookmarkName = newValue;
+            this.variables.sendVariable("bookmarkNameValid");
+        });
+
+        this.variables.setVariableProvider("saveCurrentChannel", () => this.useCurrentChannel);
+        this.variables.setVariableEditor("saveCurrentChannel", newValue => {
+            this.useCurrentChannel = newValue;
+        });
+
+        this.events.on("action_add_bookmark", () => {
+            if(this.serverInfo.type !== "success") {
+                return;
+            }
+
+            if(!this.variables.getVariableSync("bookmarkNameValid")) {
+                return;
+            }
+
+            bookmarks.createBookmark({
+                displayName: this.bookmarkName || this.serverInfo.serverName,
+                connectProfile: this.connectProfile,
+                connectOnStartup: false,
+
+                defaultChannelPasswordHash: this.targetChannelPassword,
+                defaultChannel: this.useCurrentChannel ? ("/" + this.targetChannelId) : undefined,
+
+                serverPasswordHash: this.targetServerPassword,
+                serverAddress: this.targetServerAddress,
+
+                previousEntry: undefined,
+                parentEntry: undefined
+            });
+
+            this.events.fire("notify_bookmark_added");
+        });
+    }
+
+    destroy() {
+        this.events.destroy();
+        this.variables.destroy();
+    }
+}
 
 export function spawnModalAddCurrentServerToBookmarks(handler: ConnectionHandler) {
-    /* TODO! */
+    const controller = new Controller(handler);
+    const modal = spawnModal("modal-bookmark-add-server", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription()
+    ], {
+        popoutable: true,
+        popedOut: false
+    });
+
+    controller.events.on(["action_cancel", "notify_bookmark_added"], () => modal.destroy());
+    modal.getEvents().on("destroy", () => controller.destroy());
+    modal.show().then(undefined);
 }
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks-add-server/Definitions.ts b/shared/js/ui/modal/bookmarks-add-server/Definitions.ts
index c71a40ae..4cd0c4ce 100644
--- a/shared/js/ui/modal/bookmarks-add-server/Definitions.ts
+++ b/shared/js/ui/modal/bookmarks-add-server/Definitions.ts
@@ -1,7 +1,28 @@
-export interface ModalBookmarksAddServerVariables {
+export type TargetBookmarkInfo = {
+    type: "success",
 
+    handlerId: string,
+    serverName: string,
+    serverUniqueId: string,
+
+    currentChannelId: number,
+    currentChannelName: string,
+} | {
+    type: "not-connected" | "loading"
+};
+
+export interface ModalBookmarksAddServerVariables {
+    readonly serverInfo: TargetBookmarkInfo,
+
+    bookmarkName: string,
+    bookmarkNameValid: boolean,
+
+    saveCurrentChannel: boolean,
 }
 
 export interface ModalBookmarksAddServerEvents {
+    action_add_bookmark: {},
+    action_cancel: {},
 
+    notify_bookmark_added: {}
 }
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks-add-server/Renderer.scss b/shared/js/ui/modal/bookmarks-add-server/Renderer.scss
index e69de29b..b18ce053 100644
--- a/shared/js/ui/modal/bookmarks-add-server/Renderer.scss
+++ b/shared/js/ui/modal/bookmarks-add-server/Renderer.scss
@@ -0,0 +1,61 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    padding: .5em;
+    height: 100%;
+}
+
+.bookmarkInfo {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+
+    margin-bottom: 1em;
+
+    .text {
+        &.addServer {}
+
+        &.serverName {
+
+        }
+
+        &.bookmarkName {
+            margin-top: .5em;
+            color: #557edc;
+        }
+    }
+
+    .editableBookmarkName {
+        margin-bottom: .5em;
+    }
+
+    .channelIcon {
+        width: 1em;
+        height: 1em;
+    }
+
+    .channelTooltipOuter {
+        cursor: pointer;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        margin-left: .5em;
+        align-self: center;
+    }
+
+    .channelLabel {
+        display: flex;
+        flex-direction: row;
+    }
+}
+
+.buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    margin-top: auto;
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks-add-server/Renderer.tsx b/shared/js/ui/modal/bookmarks-add-server/Renderer.tsx
index 21d7c152..b8f7e882 100644
--- a/shared/js/ui/modal/bookmarks-add-server/Renderer.tsx
+++ b/shared/js/ui/modal/bookmarks-add-server/Renderer.tsx
@@ -1,13 +1,164 @@
 import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
-import React from "react";
+import React, {useContext, useEffect, useRef} from "react";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {
+    ModalBookmarksAddServerEvents,
+    ModalBookmarksAddServerVariables, TargetBookmarkInfo
+} from "tc-shared/ui/modal/bookmarks-add-server/Definitions";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import {ControlledBoxedInputField} from "tc-shared/ui/react-elements/InputField";
+import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
+import {ChannelTag, ServerTag} from "tc-shared/ui/tree/EntryTags";
+import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
+
+const cssStyle = require("./Renderer.scss");
+
+const EventContext = React.createContext<Registry<ModalBookmarksAddServerEvents>>(undefined);
+const VariablesContext = React.createContext<UiVariableConsumer<ModalBookmarksAddServerVariables>>(undefined);
+const BookmarkInfoContext = React.createContext<TargetBookmarkInfo>(undefined);
+
+const BookmarkInfoProvider = React.memo((props: { children }) => {
+    const variables = useContext(VariablesContext);
+    const info = variables.useReadOnly("serverInfo", undefined, { type: "loading" });
+    return (
+        <BookmarkInfoContext.Provider value={info}>
+            {props.children}
+        </BookmarkInfoContext.Provider>
+    );
+});
+
+const BookmarkName = React.memo(() => {
+    const events = useContext(EventContext);
+    const variables = useContext(VariablesContext);
+    const name = variables.useVariable("bookmarkName", undefined);
+    const nameValid = variables.useReadOnly("bookmarkNameValid", undefined, true);
+    const info = useContext(BookmarkInfoContext);
+
+    const refField = useRef<HTMLInputElement>();
+    useEffect(() => {
+        if(info.type === "success") {
+            refField.current?.focus();
+        }
+    }, [ info.type === "success" ]);
+
+    return (
+        <ControlledBoxedInputField
+            refInput={refField}
+
+            value={name.localValue}
+            className={cssStyle.editableBookmarkName}
+            isInvalid={!nameValid}
+
+            onChange={newValue => name.setValue(newValue, true)}
+            onBlur={() => name.setValue(name.localValue)}
+            onEnter={() => events.fire("action_add_bookmark")}
+
+            disabled={info.type !== "success"}
+            finishOnEnter={true}
+        />
+    );
+});
+
+const BookmarkChannel = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const info = useContext(BookmarkInfoContext);
+    const saveCurrentChannel = variables.useVariable("saveCurrentChannel", undefined, false);
+
+    let helpIcon;
+    if(info.type === "success") {
+        helpIcon = (
+            <IconTooltip className={cssStyle.channelIcon} outerClassName={cssStyle.channelTooltipOuter}>
+                <Translatable>Current channel:</Translatable><br />
+                <ChannelTag channelName={info.currentChannelName} channelId={info.currentChannelId} handlerId={info.handlerId} />
+            </IconTooltip>
+        )
+    }
+
+    return (
+        <Checkbox
+            disabled={info.type !== "success"}
+            value={saveCurrentChannel.localValue}
+            onChange={value => saveCurrentChannel.setValue(value)}
+            label={<div className={cssStyle.channelLabel}><Translatable key={"unknown-channel"}>Save current channel as default channel</Translatable> {helpIcon}</div>}
+        />
+    );
+});
+
+const ServerName = React.memo(() => {
+    const info = useContext(BookmarkInfoContext);
+    if(info.type !== "success") {
+        return null;
+    }
+
+    return <ServerTag serverName={info.serverName} handlerId={info.handlerId} serverUniqueId={info.serverUniqueId} />;
+});
+
+const RendererBookmarkInfo = React.memo(() => {
+    return (
+        <div className={cssStyle.bookmarkInfo}>
+            <div className={cssStyle.text + " " + cssStyle.addServer}>Add server to bookmarks:</div>
+            <div className={cssStyle.text + " " + cssStyle.serverName}><ServerName /></div>
+            <div className={cssStyle.text + " " + cssStyle.bookmarkName}>Bookmark name:</div>
+            <BookmarkName />
+            <BookmarkChannel />
+        </div>
+    )
+});
+
+const RendererButtons = React.memo(() => {
+    const info = useContext(BookmarkInfoContext);
+    const events = useContext(EventContext);
+    const variables = useContext(VariablesContext);
+    const nameValid = variables.useReadOnly("bookmarkNameValid", undefined, true);
+
+    return (
+        <div className={cssStyle.buttons}>
+            <Button color={"red"} onClick={() => events.fire("action_cancel")}>
+                <Translatable>Cancel</Translatable>
+            </Button>
+            <Button
+                color={"green"}
+                onClick={() => events.fire("action_add_bookmark")}
+                disabled={info.type !== "success" || !nameValid}
+            >
+                <Translatable>Create bookmark</Translatable>
+            </Button>
+        </div>
+    )
+})
 
 class ModalBookmarksAddServer extends AbstractModal {
+    private readonly variables: UiVariableConsumer<ModalBookmarksAddServerVariables>;
+    private readonly events: Registry<ModalBookmarksAddServerEvents>;
+
+    constructor(events: IpcRegistryDescription<ModalBookmarksAddServerEvents>, variables: IpcVariableDescriptor<ModalBookmarksAddServerVariables>) {
+        super();
+
+        this.variables = createIpcUiVariableConsumer(variables);
+        this.events = Registry.fromIpcDescription(events);
+    }
+
     renderBody(): React.ReactElement {
-        return undefined;
+        return (
+            <EventContext.Provider value={this.events}>
+                <VariablesContext.Provider value={this.variables}>
+                    <div className={cssStyle.container}>
+                        <BookmarkInfoProvider>
+                            <RendererBookmarkInfo />
+                            <RendererButtons />
+                        </BookmarkInfoProvider>
+                    </div>
+                </VariablesContext.Provider>
+            </EventContext.Provider>
+        );
     }
 
     renderTitle(): string | React.ReactElement {
-        return undefined;
+        return <Translatable>Add server to bookmarks</Translatable>;
     }
+}
 
-}
\ No newline at end of file
+export = ModalBookmarksAddServer;
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks/Renderer.tsx b/shared/js/ui/modal/bookmarks/Renderer.tsx
index 8e752e5c..7e9fba56 100644
--- a/shared/js/ui/modal/bookmarks/Renderer.tsx
+++ b/shared/js/ui/modal/bookmarks/Renderer.tsx
@@ -579,6 +579,7 @@ const BookmarkSettingChannelPassword = () => {
 }
 
 const BookmarkInfoRenderer = React.memo(() => {
+    const selectedBookmark = useContext(SelectedBookmarkIdContext);
     const bookmarkInfo = useContext(SelectedBookmarkInfoContext);
     let connectCount = bookmarkInfo ? Math.max(bookmarkInfo.connectCountUniqueId, bookmarkInfo.connectCountAddress) : -1;
 
@@ -635,6 +636,11 @@ const BookmarkInfoRenderer = React.memo(() => {
                     <Translatable>You never connected to that server.</Translatable>
                 </div>
             </div>
+            <div className={cssStyle.overlay + " " + (selectedBookmark.type !== "bookmark" ? cssStyle.shown : "")}>
+                <div className={cssStyle.text}>
+                    {/* bookmark is a directory */}
+                </div>
+            </div>
         </div>
     );
 });
@@ -774,11 +780,11 @@ class ModalBookmarks extends AbstractModal {
         this.variables.destroy();
     }
 
-    renderBody(renderBody): React.ReactElement {
+    renderBody(): React.ReactElement {
         return (
             <EventContext.Provider value={this.events}>
                 <VariableContext.Provider value={this.variables}>
-                    <div className={cssStyle.container + " " + (renderBody.windowed ? cssStyle.windowed : "")}>
+                    <div className={cssStyle.container + " " + (this.properties.windowed ? cssStyle.windowed : "")}>
                         <BookmarkListContainer />
                         <ContextDivider id={"separator-bookmarks"} direction={"horizontal"} defaultValue={25} />
                         <BookmarkInfoContainer />
diff --git a/shared/js/ui/modal/channel-edit/Renderer.tsx b/shared/js/ui/modal/channel-edit/Renderer.tsx
index 761316d1..a22da924 100644
--- a/shared/js/ui/modal/channel-edit/Renderer.tsx
+++ b/shared/js/ui/modal/channel-edit/Renderer.tsx
@@ -23,7 +23,7 @@ import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
 import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {getIconManager} from "tc-shared/file/Icons";
 import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
-import {ChannelNameAlignment, ChannelNameParser} from "tc-shared/tree/Channel";
+import {ChannelNameAlignment} from "tc-shared/tree/Channel";
 
 const cssStyle = require("./Renderer.scss");
 
diff --git a/shared/js/ui/modal/connect/Renderer.tsx b/shared/js/ui/modal/connect/Renderer.tsx
index be6de880..d4dd7fad 100644
--- a/shared/js/ui/modal/connect/Renderer.tsx
+++ b/shared/js/ui/modal/connect/Renderer.tsx
@@ -11,7 +11,6 @@ import {Button} from "tc-shared/ui/react-elements/Button";
 import {ControlledFlatInputField, ControlledSelect, FlatInputField} from "tc-shared/ui/react-elements/InputField";
 import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 import {ClientIcon} from "svg-sprites/client-icons";
-import * as i18n from "../../../i18n/country";
 import {getIconManager} from "tc-shared/file/Icons";
 import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
@@ -414,10 +413,6 @@ class ConnectModal extends AbstractModal {
         return <Translatable>Connect to a server</Translatable>;
     }
 
-    color(): "none" | "blue" {
-        return "blue";
-    }
-
     verticalAlignment(): "top" | "center" | "bottom" {
         return "top";
     }
diff --git a/shared/js/ui/modal/invite/Renderer.tsx b/shared/js/ui/modal/invite/Renderer.tsx
index a84bcd54..d5d4ff03 100644
--- a/shared/js/ui/modal/invite/Renderer.tsx
+++ b/shared/js/ui/modal/invite/Renderer.tsx
@@ -404,13 +404,4 @@ class ModalInvite extends AbstractModal {
         return <><Translatable>Invite People to</Translatable> {this.serverName}</>;
     }
 }
-export = ModalInvite;
-
-/*
-const modal = spawnModal("global-settings-editor", [ events.generateIpcDescription() ], { popoutable: true, popedOut: false });
-modal.show();
-modal.getEvents().on("destroy", () => {
-    events.fire("notify_destroy");
-    events.destroy();
-});
- */
\ No newline at end of file
+export = ModalInvite;
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx b/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
index 935874da..37e5cb07 100644
--- a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
+++ b/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
@@ -30,11 +30,11 @@ import {
 } from "tc-shared/ui/modal/permission/SenselessPermissions";
 import {spawnGroupCreate} from "tc-shared/ui/modal/ModalGroupCreate";
 import {spawnModalGroupPermissionCopy} from "tc-shared/ui/modal/ModalGroupPermissionCopy";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {PermissionEditorTab} from "tc-shared/events/GlobalEvents";
 import {LogCategory, logError, logWarn} from "tc-shared/log";
 import {useTr} from "tc-shared/ui/react-elements/Helper";
+import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
 const cssStyle = require("./ModalPermissionEditor.scss");
 
diff --git a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
index a3739daa..c6bb8e0c 100644
--- a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
+++ b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
@@ -1,5 +1,5 @@
 import {ConnectionHandler} from "../../../ConnectionHandler";
-import {Registry} from "../../../events";
+import {Registry} from "tc-events";
 import {FileType} from "../../../file/FileManager";
 import {CommandResult} from "../../../connection/ServerConnectionDeclaration";
 import PermissionType from "../../../permission/PermissionType";
diff --git a/shared/js/ui/modal/transfer/FileTransferInfoController.ts b/shared/js/ui/modal/transfer/FileTransferInfoController.ts
index 5d88ff4a..b702b4f3 100644
--- a/shared/js/ui/modal/transfer/FileTransferInfoController.ts
+++ b/shared/js/ui/modal/transfer/FileTransferInfoController.ts
@@ -1,5 +1,5 @@
 import {ConnectionHandler} from "../../../ConnectionHandler";
-import {Registry} from "../../../events";
+import {Registry} from "tc-events";
 import {
     FileTransfer,
     FileTransferDirection,
diff --git a/shared/js/ui/modal/transfer/ModalFileTransfer.tsx b/shared/js/ui/modal/transfer/ModalFileTransfer.tsx
index da7f588b..51827845 100644
--- a/shared/js/ui/modal/transfer/ModalFileTransfer.tsx
+++ b/shared/js/ui/modal/transfer/ModalFileTransfer.tsx
@@ -6,10 +6,10 @@ import {FileTransferInfo} from "./FileTransferInfo";
 import {initializeRemoteFileBrowserController} from "./FileBrowserControllerRemote";
 import {initializeTransferInfoController} from "./FileTransferInfoController";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
 import {server_connections} from "tc-shared/ConnectionManager";
 import {channelPathPrefix, FileBrowserEvents} from "tc-shared/ui/modal/transfer/FileDefinitions";
 import {TransferInfoEvents} from "tc-shared/ui/modal/transfer/FileTransferInfoDefinitions";
+import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
 const cssStyle = require("./FileBrowserRenderer.scss");
 
diff --git a/shared/js/ui/modal/video-source/Renderer.tsx b/shared/js/ui/modal/video-source/Renderer.tsx
index 17134c89..bb1d0ce3 100644
--- a/shared/js/ui/modal/video-source/Renderer.tsx
+++ b/shared/js/ui/modal/video-source/Renderer.tsx
@@ -10,7 +10,6 @@ import {
     VideoPreviewStatus,
     VideoSourceState
 } from "tc-shared/ui/modal/video-source/Definitions";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
 import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
 import {BoxedInputField, Select} from "tc-shared/ui/react-elements/InputField";
 import {Button} from "tc-shared/ui/react-elements/Button";
@@ -20,6 +19,7 @@ import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
 import {Tab, TabEntry} from "tc-shared/ui/react-elements/Tab";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
 import {ScreenCaptureDevice} from "tc-shared/video/VideoSource";
+import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
 const cssStyle = require("./Renderer.scss");
 const ModalEvents = React.createContext<Registry<ModalVideoSourceEvents>>(undefined);
diff --git a/shared/js/ui/modal/whats-new/Controller.tsx b/shared/js/ui/modal/whats-new/Controller.tsx
index bca43401..24b2dcda 100644
--- a/shared/js/ui/modal/whats-new/Controller.tsx
+++ b/shared/js/ui/modal/whats-new/Controller.tsx
@@ -1,9 +1,9 @@
 import {spawnReactModal} from "tc-shared/ui/react-elements/modal";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
 import * as React from "react";
 import {WhatsNew} from "tc-shared/ui/modal/whats-new/Renderer";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {ChangeLog} from "tc-shared/update/ChangeLog";
+import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
 export function spawnUpdatedModal(changes: { changesUI?: ChangeLog, changesClient?: ChangeLog }) {
     const modal = spawnReactModal(class extends InternalModal {
diff --git a/shared/js/ui/react-elements/InputField.tsx b/shared/js/ui/react-elements/InputField.tsx
index ae0c3465..6d4b0b8d 100644
--- a/shared/js/ui/react-elements/InputField.tsx
+++ b/shared/js/ui/react-elements/InputField.tsx
@@ -34,6 +34,7 @@ export const ControlledBoxedInputField = (props: {
     onBlur?: () => void,
 
     finishOnEnter?: boolean,
+    refInput?: React.RefObject<HTMLInputElement>
 }) => {
 
     return (
@@ -61,6 +62,8 @@ export const ControlledBoxedInputField = (props: {
 
                 <input key={"input"}
 
+                       ref={props.refInput}
+
                        value={props.value || ""}
                        placeholder={props.placeholder}
 
diff --git a/shared/js/ui/react-elements/Tooltip.tsx b/shared/js/ui/react-elements/Tooltip.tsx
index 4a49f0b0..13535a0c 100644
--- a/shared/js/ui/react-elements/Tooltip.tsx
+++ b/shared/js/ui/react-elements/Tooltip.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
-import {ReactElement} from "react";
 import * as ReactDOM from "react-dom";
+import {ReactElement} from "react";
 import {guid} from "tc-shared/crypto/uid";
 
 const cssStyle = require("./Tooltip.scss");
@@ -73,6 +73,7 @@ export interface TooltipState {
 
 export interface TooltipProperties {
     tooltip: () => ReactElement | ReactElement[] | string;
+    className?: string;
 }
 
 export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
@@ -103,6 +104,7 @@ export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
                 onMouseLeave={() => this.setState({ hovered: false })}
                 onClick={() => this.setState({ hovered: !this.state.hovered })}
                 style={{ cursor: "pointer" }}
+                className={this.props.className}
             >
                 {this.props.children}
             </span>
@@ -124,8 +126,9 @@ export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
 
     private onMouseEnter(event: React.MouseEvent) {
         /* check if may only the span has been hovered, should not be the case! */
-        if(event.target === this.refContainer.current)
+        if(event.target === this.refContainer.current) {
             return;
+        }
 
         this.setState({ hovered: true });
 
@@ -149,8 +152,8 @@ export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
     }
 }
 
-export const IconTooltip = (props: { children?: React.ReactElement | React.ReactElement[], className?: string }) => (
-    <Tooltip tooltip={() => props.children}>
+export const IconTooltip = (props: { children?: React.ReactElement | React.ReactElement[], className?: string, outerClassName?: string }) => (
+    <Tooltip tooltip={() => props.children} className={props.outerClassName}>
         <div className={cssStyle.iconTooltip + " " + props.className}>
             <img src="img/icon_tooltip.svg" alt={""} />
         </div>
diff --git a/shared/js/ui/react-elements/external-modal/Controller.ts b/shared/js/ui/react-elements/external-modal/Controller.ts
index 57e58af2..a2e42559 100644
--- a/shared/js/ui/react-elements/external-modal/Controller.ts
+++ b/shared/js/ui/react-elements/external-modal/Controller.ts
@@ -8,14 +8,15 @@ import {
     Popout2ControllerMessages,
     PopoutIPCMessage
 } from "../../../ui/react-elements/external-modal/IPCMessage";
-import {ModalController, ModalEvents, ModalOptions, ModalState} from "../../../ui/react-elements/ModalDefinitions";
+import {ModalEvents, ModalOptions, ModalState} from "../../../ui/react-elements/ModalDefinitions";
 import {guid} from "tc-shared/crypto/uid";
+import {ModalInstanceController, ModalInstanceEvents} from "tc-shared/ui/react-elements/modal/Definitions";
 
-export abstract class AbstractExternalModalController extends EventControllerBase<"controller"> implements ModalController {
+export abstract class AbstractExternalModalController extends EventControllerBase<"controller"> implements ModalInstanceController {
     public readonly modalType: string;
     public readonly constructorArguments: any[];
 
-    private readonly modalEvents: Registry<ModalEvents>;
+    private readonly modalEvents: Registry<ModalInstanceEvents>;
     private modalState: ModalState = ModalState.DESTROYED;
 
     private readonly documentUnloadListener: () => void;
@@ -26,7 +27,7 @@ export abstract class AbstractExternalModalController extends EventControllerBas
         this.modalType = modalType;
         this.constructorArguments = constructorArguments;
 
-        this.modalEvents = new Registry<ModalEvents>();
+        this.modalEvents = new Registry<ModalInstanceEvents>();
 
         this.ipcChannel = ipc.getIpcInstance().createChannel(kPopoutIPCChannelId);
         this.ipcChannel.messageHandler = this.handleIPCMessage.bind(this);
@@ -38,7 +39,7 @@ export abstract class AbstractExternalModalController extends EventControllerBas
         return {}; /* FIXME! */
     }
 
-    getEvents(): Registry<ModalEvents> {
+    getEvents(): Registry<ModalInstanceEvents> {
         return this.modalEvents;
     }
 
@@ -85,7 +86,7 @@ export abstract class AbstractExternalModalController extends EventControllerBas
         }
 
         window.addEventListener("unload", this.documentUnloadListener);
-        this.modalEvents.fire("open");
+        this.modalEvents.fire("notify_open");
     }
 
     private doDestroyWindow() {
@@ -99,12 +100,13 @@ export abstract class AbstractExternalModalController extends EventControllerBas
 
         this.doDestroyWindow();
         this.modalState = ModalState.HIDDEN;
-        this.modalEvents.fire("close");
+        this.modalEvents.fire("notify_close");
     }
 
     destroy() {
-        if(this.modalState === ModalState.DESTROYED)
+        if(this.modalState === ModalState.DESTROYED) {
             return;
+        }
 
         this.doDestroyWindow();
         if(this.ipcChannel) {
@@ -113,7 +115,7 @@ export abstract class AbstractExternalModalController extends EventControllerBas
 
         this.destroyIPC();
         this.modalState = ModalState.DESTROYED;
-        this.modalEvents.fire("destroy");
+        this.modalEvents.fire("notify_destroy");
     }
 
     protected handleWindowClosed() {
diff --git a/shared/js/ui/react-elements/external-modal/ModalRenderer.scss b/shared/js/ui/react-elements/external-modal/ModalRenderer.scss
new file mode 100644
index 00000000..f1201346
--- /dev/null
+++ b/shared/js/ui/react-elements/external-modal/ModalRenderer.scss
@@ -0,0 +1,20 @@
+@import "../../../../css/static/mixin";
+
+/* FIXME: Remove this wired import */
+:global {
+    @import "../../../../css/static/general";
+    @import "../../../../css/static/modal";
+}
+
+html, body {
+    margin: 0;
+    padding: 0;
+
+    height: 100vh;
+    width: 100vw;
+
+    background: #19191b;
+    color: #999;
+
+    overflow: hidden;
+}
diff --git a/shared/js/ui/react-elements/external-modal/ModalRenderer.tsx b/shared/js/ui/react-elements/external-modal/ModalRenderer.tsx
new file mode 100644
index 00000000..68e776cd
--- /dev/null
+++ b/shared/js/ui/react-elements/external-modal/ModalRenderer.tsx
@@ -0,0 +1,64 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/ModalDefinitions";
+import * as ReactDOM from "react-dom";
+import * as React from "react";
+import {
+    ModalBodyRenderer, ModalFrameRenderer,
+    ModalFrameTopRenderer,
+    WindowModalRenderer
+} from "tc-shared/ui/react-elements/modal/Renderer";
+
+import "./ModalRenderer.scss";
+
+export interface ModalControlFunctions {
+    close();
+    minimize();
+}
+
+export class ModalRenderer {
+    private readonly functionController: ModalControlFunctions;
+    private readonly container: HTMLDivElement;
+
+    constructor(functionController: ModalControlFunctions) {
+        this.functionController = functionController;
+
+        this.container = document.createElement("div");
+        document.body.appendChild(this.container);
+    }
+
+    renderModal(modal: AbstractModal | undefined) {
+        if(typeof modal === "undefined") {
+            ReactDOM.unmountComponentAtNode(this.container);
+            return;
+        }
+
+        if(__build.target === "client") {
+            ReactDOM.render(
+                <ModalFrameRenderer>
+                    <ModalFrameTopRenderer
+                        replacePageTitle={true}
+                        modalInstance={modal}
+
+                        onClose={() => this.functionController.close()}
+                        onMinimize={() => this.functionController.minimize()}
+                    />
+                    <ModalBodyRenderer modalInstance={modal} />
+                </ModalFrameRenderer>,
+                this.container
+            );
+        } else {
+            ReactDOM.render(
+                <WindowModalRenderer>
+                    <ModalFrameTopRenderer
+                        replacePageTitle={true}
+                        modalInstance={modal}
+
+                        onClose={() => this.functionController.close()}
+                        onMinimize={() => this.functionController.minimize()}
+                    />
+                    <ModalBodyRenderer modalInstance={modal} />
+                </WindowModalRenderer>,
+                this.container
+            );
+        }
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts b/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
index c05b9708..2d7ccdbb 100644
--- a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
+++ b/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
@@ -2,16 +2,16 @@ import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import * as ipc from "../../../ipc/BrowserIPC";
 import * as i18n from "../../../i18n/localize";
-import {AbstractModal, ModalRenderer} from "../../../ui/react-elements/ModalDefinitions";
+import {AbstractModal} from "../../../ui/react-elements/ModalDefinitions";
 import {AppParameters} from "../../../settings";
 import {getPopoutController} from "./PopoutController";
-import {WebModalRenderer} from "../../../ui/react-elements/external-modal/PopoutRendererWeb";
-import {ClientModalRenderer} from "../../../ui/react-elements/external-modal/PopoutRendererClient";
 import {setupJSRender} from "../../../ui/jsrender";
 
 import "../../../file/RemoteAvatars";
 import "../../../file/RemoteIcons";
 import {findRegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
+import {ModalRenderer} from "tc-shared/ui/react-elements/external-modal/ModalRenderer";
+import {constructAbstractModalClass} from "tc-shared/ui/react-elements/modal/Definitions";
 
 if("__native_client_init_shared" in window) {
     (window as any).__native_client_init_shared(__webpack_require__);
@@ -47,18 +47,14 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     name: "modal renderer loader",
     priority: 10,
     function: async () => {
-        if(__build.target === "web") {
-            modalRenderer = new WebModalRenderer();
-        } else {
-            modalRenderer = new ClientModalRenderer({
-                close() {
-                    getPopoutController().doClose()
-                },
-                minimize() {
-                    getPopoutController().doMinimize()
-                }
-            });
-        }
+        modalRenderer = new ModalRenderer({
+            close() {
+                getPopoutController().doClose()
+            },
+            minimize() {
+                getPopoutController().doMinimize()
+            }
+        });
     }
 });
 
@@ -88,7 +84,7 @@ loader.register_task(Stage.LOADED, {
     priority: 100,
     function: async () => {
         try {
-            modalInstance = new modalClass(...getPopoutController().getConstructorArguments());
+            modalInstance = constructAbstractModalClass(modalClass, { windowed: true }, getPopoutController().getConstructorArguments());
             modalRenderer.renderModal(modalInstance);
         } catch(error) {
             loader.critical_error("Failed to invoker modal", "Lookup the console for more detail");
diff --git a/shared/js/ui/react-elements/external-modal/PopoutRenderer.scss b/shared/js/ui/react-elements/external-modal/PopoutRenderer.scss
deleted file mode 100644
index 6cb15278..00000000
--- a/shared/js/ui/react-elements/external-modal/PopoutRenderer.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-@import "../../../../css/static/mixin";
-
-/* FIXME: Remove this wired import */
-:global {
-    @import "../../../../css/static/general";
-    @import "../../../../css/static/modal";
-}
-
-html, body {
-    margin: 0;
-    padding: 0;
-
-    height: 100vh;
-    width: 100vw;
-
-    background: #19191b;
-    color: #999;
-}
-
-.container {
-    position: absolute;
-
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: stretch;
-
-    max-height: 100vh;
-    max-width: 100vw;
-
-    overflow: hidden;
-}
-
-.container {
-    margin: 0!important;
-
-    height: 100% !important;
-    width: 100% !important;
-
-    .header {
-        -webkit-user-select: none;
-        -webkit-app-region: drag;
-
-        .title {
-            --stay-alive: none;
-        }
-    }
-
-    .body {
-        overflow: auto;
-        @include chat-scrollbar();
-    }
-}
diff --git a/shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx b/shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx
deleted file mode 100644
index 5d81e730..00000000
--- a/shared/js/ui/react-elements/external-modal/PopoutRendererClient.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import {InternalModalContentRenderer} from "tc-shared/ui/react-elements/internal-modal/Renderer";
-import {AbstractModal, ModalRenderer} from "tc-shared/ui/react-elements/ModalDefinitions";
-import * as ReactDOM from "react-dom";
-import * as React from "react";
-
-export interface ModalControlFunctions {
-    close();
-    minimize();
-}
-
-const cssStyle = require("./PopoutRenderer.scss");
-export class ClientModalRenderer implements ModalRenderer {
-    private readonly functionController: ModalControlFunctions;
-
-    private readonly titleElement: HTMLTitleElement;
-    private readonly container: HTMLDivElement;
-    private readonly titleChangeObserver: MutationObserver;
-
-    private titleContainer: HTMLDivElement;
-    private currentModal: AbstractModal;
-
-    constructor(functionController: ModalControlFunctions) {
-        this.functionController = functionController;
-
-        this.container = document.createElement("div");
-        this.container.classList.add(cssStyle.container);
-
-        const titleElements = document.getElementsByTagName("title");
-        if(titleElements.length === 0) {
-            this.titleElement = document.createElement("title");
-            document.head.appendChild(this.titleElement);
-        } else {
-            this.titleElement = titleElements[0];
-        }
-
-        document.body.append(this.container);
-
-        this.titleChangeObserver = new MutationObserver(() => this.updateTitle());
-    }
-
-    renderModal(modal: AbstractModal | undefined) {
-        if(this.currentModal === modal) {
-            return;
-        }
-
-        this.titleChangeObserver.disconnect();
-        ReactDOM.unmountComponentAtNode(this.container);
-
-        this.currentModal = modal;
-        ReactDOM.render(
-            <InternalModalContentRenderer
-                modal={this.currentModal}
-                onClose={() => this.functionController.close()}
-                onMinimize={() => this.functionController.minimize()}
-
-                containerClass={cssStyle.container}
-                headerClass={cssStyle.header}
-                headerTitleClass={cssStyle.title}
-                bodyClass={cssStyle.body}
-
-                windowed={true}
-            />,
-            this.container,
-            () => {
-                this.titleContainer = this.container.querySelector("." + cssStyle.title) as HTMLDivElement;
-                this.titleChangeObserver.observe(this.titleContainer, {
-                    attributes: true,
-                    subtree: true,
-                    childList: true,
-                    characterData: true
-                });
-                this.updateTitle();
-            }
-        );
-    }
-
-    private updateTitle() {
-        if(!this.titleContainer) {
-            return;
-        }
-
-        this.titleElement.innerText = this.titleContainer.textContent;
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx b/shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx
deleted file mode 100644
index d2c7bd81..00000000
--- a/shared/js/ui/react-elements/external-modal/PopoutRendererWeb.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import {AbstractModal, ModalRenderer} from "tc-shared/ui/react-elements/ModalDefinitions";
-
-const cssStyle = require("./PopoutRenderer.scss");
-
-class TitleRenderer {
-    private readonly htmlContainer: HTMLElement;
-    private modalInstance: AbstractModal;
-
-    constructor() {
-        const titleElements = document.getElementsByTagName("title");
-        if(titleElements.length === 0) {
-            this.htmlContainer = document.createElement("title");
-            document.head.appendChild(this.htmlContainer);
-        } else {
-            this.htmlContainer = titleElements[0];
-        }
-    }
-
-    setInstance(instance: AbstractModal) {
-        if(this.modalInstance) {
-            ReactDOM.unmountComponentAtNode(this.htmlContainer);
-        }
-
-        this.modalInstance = instance;
-        if(this.modalInstance) {
-            ReactDOM.render(<>{this.modalInstance.renderTitle()}</>, this.htmlContainer);
-        }
-    }
-}
-
-class BodyRenderer {
-    private readonly htmlContainer: HTMLElement;
-    private modalInstance: AbstractModal;
-
-    constructor() {
-        this.htmlContainer = document.createElement("div");
-        this.htmlContainer.classList.add(cssStyle.container);
-
-        document.body.appendChild(this.htmlContainer);
-    }
-
-    setInstance(instance: AbstractModal) {
-        if(this.modalInstance) {
-            ReactDOM.unmountComponentAtNode(this.htmlContainer);
-        }
-
-        this.modalInstance = instance;
-        if(this.modalInstance) {
-            ReactDOM.render(<>{this.modalInstance.renderBody({ windowed: true })}</>, this.htmlContainer);
-        }
-    }
-}
-
-export class WebModalRenderer implements ModalRenderer {
-    private readonly titleRenderer: TitleRenderer;
-    private readonly bodyRenderer: BodyRenderer;
-
-    private currentModal: AbstractModal;
-
-    constructor() {
-        this.titleRenderer = new TitleRenderer();
-        this.bodyRenderer = new BodyRenderer();
-    }
-
-    renderModal(modal: AbstractModal | undefined) {
-        if(this.currentModal === modal) {
-            return;
-        }
-
-        this.currentModal = modal;
-        this.titleRenderer.setInstance(modal);
-        this.bodyRenderer.setInstance(modal);
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/index.ts b/shared/js/ui/react-elements/external-modal/index.ts
index 08f65911..99705f5d 100644
--- a/shared/js/ui/react-elements/external-modal/index.ts
+++ b/shared/js/ui/react-elements/external-modal/index.ts
@@ -1,14 +1,14 @@
+import {ModalInstanceController, ModalOptions} from "../modal/Definitions";
 import "./Controller";
-import {ModalController, ModalOptions} from "../ModalDefinitions";
 
-export type ControllerFactory = (modalType: string, constructorArguments?: any[], options?: ModalOptions) => ModalController;
+export type ControllerFactory = (modalType: string, constructorArguments?: any[], options?: ModalOptions) => ModalInstanceController;
+
 let modalControllerFactory: ControllerFactory;
-
 export function setExternalModalControllerFactory(factory: ControllerFactory) {
     modalControllerFactory = factory;
 }
 
-export function spawnExternalModal<EventClass extends { [key: string]: any }>(modalType: string, constructorArguments?: any[], options?: ModalOptions) : ModalController {
+export function spawnExternalModal<EventClass extends { [key: string]: any }>(modalType: string, constructorArguments: any[], options: ModalOptions) : ModalInstanceController {
     if(typeof modalControllerFactory === "undefined") {
         throw tr("No external modal factory has been set");
     }
diff --git a/shared/js/ui/react-elements/internal-modal/Controller.ts b/shared/js/ui/react-elements/internal-modal/Controller.ts
deleted file mode 100644
index 206f5e21..00000000
--- a/shared/js/ui/react-elements/internal-modal/Controller.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import {Registry} from "../../../events";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import {
-    AbstractModal,
-    ModalController,
-    ModalEvents,
-    ModalOptions,
-    ModalState
-} from "../../../ui/react-elements/ModalDefinitions";
-import {InternalModalRenderer} from "../../../ui/react-elements/internal-modal/Renderer";
-import {tr} from "tc-shared/i18n/localize";
-import {RegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
-
-export class InternalModalController implements ModalController {
-    readonly events: Registry<ModalEvents>;
-
-    private readonly modalType: RegisteredModal<any>;
-    private readonly constructorArguments: any[];
-    private modalInstance: AbstractModal;
-
-    private initializedPromise: Promise<void>;
-
-    private domElement: Element;
-    private refModal: React.RefObject<InternalModalRenderer>;
-    private modalState_: ModalState = ModalState.HIDDEN;
-
-    constructor(modalType: RegisteredModal<any>, constructorArguments: any[]) {
-        this.modalType = modalType;
-        this.constructorArguments = constructorArguments;
-
-        this.events = new Registry<ModalEvents>();
-        this.initializedPromise = this.initialize();
-    }
-
-    getOptions(): Readonly<ModalOptions> {
-        /* FIXME! */
-        return {};
-    }
-
-    getEvents(): Registry<ModalEvents> {
-        return this.events;
-    }
-
-    getState() {
-        return this.modalState_;
-    }
-
-    private async initialize() {
-        this.refModal = React.createRef();
-        this.domElement = document.createElement("div");
-
-        this.modalInstance = new (await this.modalType.classLoader()).default(...this.constructorArguments);
-        const element = React.createElement(InternalModalRenderer, {
-            ref: this.refModal,
-            modal: this.modalInstance,
-            onClose: () => this.destroy()
-        });
-        document.body.appendChild(this.domElement);
-        await new Promise<void>(resolve => {
-            ReactDOM.render(element, this.domElement, () => setTimeout(resolve, 0));
-        });
-
-        this.modalInstance["onInitialize"]();
-    }
-
-    async show() : Promise<void> {
-        await this.initializedPromise;
-        if(this.modalState_ === ModalState.DESTROYED) {
-            throw tr("modal has been destroyed");
-        } else if(this.modalState_ === ModalState.SHOWN) {
-            return;
-        }
-
-        this.refModal.current?.setState({ show: true });
-        this.modalState_ = ModalState.SHOWN;
-        this.modalInstance["onOpen"]();
-        this.events.fire("open");
-    }
-
-    async hide() : Promise<void> {
-        await this.initializedPromise;
-        if(this.modalState_ === ModalState.DESTROYED)
-            throw tr("modal has been destroyed");
-        else if(this.modalState_ === ModalState.HIDDEN)
-            return;
-
-        this.refModal.current?.setState({ show: false });
-        this.modalState_ = ModalState.HIDDEN;
-        this.modalInstance["onClose"]();
-        this.events.fire("close");
-
-        return new Promise<void>(resolve => setTimeout(resolve, 500));
-    }
-
-    destroy() {
-        if(this.modalState_ === ModalState.SHOWN) {
-            this.hide().then(() => this.destroy());
-            return;
-        }
-
-        ReactDOM.unmountComponentAtNode(this.domElement);
-        this.domElement.remove();
-
-        this.domElement = undefined;
-        this.modalState_ = ModalState.DESTROYED;
-        this.modalInstance["onDestroy"]();
-        this.events.fire("destroy");
-    }
-}
-
-export abstract class InternalModal extends AbstractModal {}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/internal-modal/Modal.scss b/shared/js/ui/react-elements/internal-modal/Modal.scss
deleted file mode 100644
index 0cccb4d4..00000000
--- a/shared/js/ui/react-elements/internal-modal/Modal.scss
+++ /dev/null
@@ -1,249 +0,0 @@
-@import "../../../../css/static/mixin";
-@import "../../../../css/static/properties";
-
-html:root {
-    --modal-content-background: #19191b;
-}
-
-.modal {
-    color: var(--text); /* base color */
-
-    overflow: auto; /* allow scrolling if a modal is too big */
-
-    background-color: rgba(0, 0, 0, 0.8);
-
-    padding-right: 5%;
-    padding-left: 5%;
-
-    z-index: 100000;
-    position: fixed;
-
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    display: flex;
-    flex-direction: column;
-
-    opacity: 0;
-    margin-top: -1000vh;
-
-    $animation_length: .3s;
-    @include transition(opacity $animation_length ease-in, margin-top $animation_length ease-in);
-    &.shown {
-        margin-top: 0;
-        opacity: 1;
-    }
-
-    &.align-top {
-        justify-content: flex-start;
-    }
-
-    &.align-center {
-        justify-content: center;
-    }
-
-    &.align-bottom {
-        justify-content: flex-end;
-    }
-
-    .dialog {
-        display: block;
-
-        margin: 1.75rem 0;
-
-        /* width calculations */
-        align-items: center;
-
-        /* height stuff */
-        max-height: calc(100% - 3.5em);
-    }
-}
-
-/* special modal types */
-.modal {
-    &.header-error .header {
-        background-color: #800000;
-    }
-
-    &.header-info .header {
-        background-color: #014565;
-    }
-
-    &.header-warning .header,
-    &.header-info .header,
-    &.header-error .header {
-        border-top-left-radius: .125rem;
-        border-top-right-radius: .125rem;
-    }
-}
-
-.modal {
-    .dialog {
-        display: flex;
-        flex-direction: column;
-        justify-content: stretch;
-
-        &.modal-dialog-centered {
-            justify-content: stretch;
-        }
-    }
-}
-
-/* special general modals */
-.modal {
-    /* TODO! */
-    .modal-body.modal-blue {
-        border-left: 2px solid #0a73d2;
-    }
-    .modal-body.modal-green {
-        border-left: 2px solid #00d400;
-    }
-    .modal-body.modal-red {
-        border: none;
-        border-left: 2px solid #d50000;
-    }
-}
-
-
-.content {
-    background: var(--modal-content-background);
-
-    border: 1px solid black;
-    border-radius: $border_radius_middle;
-
-    width: max-content;
-    max-width: 100%;
-    min-width: 20em;
-
-    min-height: min-content;
-    max-height: 100%;
-
-    flex-shrink: 1;
-    flex-grow: 0; /* we dont want a grow over the limit set within the content, but we want to shrink the content if necessary */
-    align-self: center;
-
-    overflow: hidden;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: stretch;
-
-    .header {
-        background-color: #222224;
-
-        flex-grow: 0;
-        flex-shrink: 0;
-
-        display: flex;
-        flex-direction: row;
-        justify-content: stretch;
-
-        padding: .25em;
-        @include user-select(none);
-
-        .icon, .button {
-            flex-grow: 0;
-            flex-shrink: 0;
-        }
-
-        .button {
-            height: 1.4em;
-            width: 1.4em;
-
-            padding: .2em;
-            border-radius: .2em;
-
-            cursor: pointer;
-            display: flex;
-
-            -webkit-app-region: no-drag;
-            pointer-events: all;
-
-            &:hover {
-                background-color: #1b1b1c;
-            }
-        }
-
-        .icon {
-            margin-left: .25em;
-            margin-right: .5em;
-
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-
-            img {
-                height: 1.2em;
-                width: 1.2em;
-                margin-bottom: .2em;
-            }
-        }
-
-        .title, {
-            flex-grow: 1;
-            flex-shrink: 1;
-
-            color: #9d9d9e;
-
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-
-        h5 {
-            margin: 0;
-            padding: 0;
-        }
-    }
-
-    .body {
-        max-width: 100%;
-        min-width: 20em; /* may adjust if needed */
-
-        min-height: 5em;
-
-        overflow-y: auto;
-        overflow-x: auto;
-
-        display: flex;
-        flex-direction: column;
-        position: relative;
-
-        /* explicitly set the background color so the next element could use background-color: inherited; */
-        background: var(--modal-content-background);
-
-        @include chat-scrollbar();
-    }
-}
-
-.content {
-    /* max-height: 500px; */
-    min-height: 0; /* required for moz */
-    flex-direction: column;
-    justify-content: stretch;
-
-    .header {
-        flex-shrink: 0;
-        flex-grow: 0;
-    }
-
-    .body {
-        flex-grow: 1;
-        flex-shrink: 1;
-        display: flex;
-        flex-direction: column;
-        min-height: 0;
-    }
-}
-
-.contentInternal {
-    /* align us in the center */
-    margin-right: auto;
-    margin-left: auto;
-
-    .body {
-        max-height: calc(100vh - 8em); /* leave some space at the bottom */
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/internal-modal/Renderer.tsx b/shared/js/ui/react-elements/internal-modal/Renderer.tsx
deleted file mode 100644
index f5ae22d0..00000000
--- a/shared/js/ui/react-elements/internal-modal/Renderer.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import * as React from "react";
-import {AbstractModal} from "tc-shared/ui/react-elements/ModalDefinitions";
-import {ClientIcon} from "svg-sprites/client-icons";
-import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
-import {useMemo} from "react";
-
-const cssStyle = require("./Modal.scss");
-
-export const InternalModalContentRenderer = React.memo((props: {
-    modal: AbstractModal,
-
-    onClose?: () => void,
-    onMinimize?: () => void,
-
-    containerClass?: string,
-    headerClass?: string,
-    headerTitleClass?: string,
-    bodyClass?: string,
-
-    refContent?: React.Ref<HTMLDivElement>,
-
-    windowed: boolean,
-}) => {
-    const body = useMemo(() => props.modal.renderBody({ windowed: props.windowed }), [props.modal]);
-    const title = useMemo(() => props.modal.renderTitle(), [props.modal]);
-
-    return (
-        <div className={cssStyle.content + " " + props.containerClass} ref={props.refContent}>
-            <div className={cssStyle.header + " " + props.headerClass}>
-                <div className={cssStyle.icon}>
-                    <img src="img/favicon/teacup.png"  alt={tr("Modal - Icon")} draggable={false} />
-                </div>
-                <div className={cssStyle.title + " " + props.headerTitleClass}>
-                    <ErrorBoundary>
-                        {title}
-                    </ErrorBoundary>
-                </div>
-                {!props.onMinimize ? undefined : (
-                    <div className={cssStyle.button} onClick={props.onMinimize}>
-                        <div className={"icon_em " + ClientIcon.MinimizeButton} />
-                    </div>
-                )}
-                {!props.onClose ? undefined : (
-                    <div className={cssStyle.button} onClick={props.onClose}>
-                        <div className={"icon_em " + ClientIcon.CloseButton} />
-                    </div>
-                )}
-            </div>
-            <div className={cssStyle.body + " " + props.bodyClass}>
-                <ErrorBoundary>
-                    {body}
-                </ErrorBoundary>
-            </div>
-        </div>
-    );
-});
-
-export class InternalModalRenderer extends React.PureComponent<{ modal: AbstractModal, onClose: () => void }, { show: boolean }> {
-    private readonly refModal = React.createRef<HTMLDivElement>();
-
-    constructor(props) {
-        super(props);
-
-        this.state = { show: false };
-    }
-
-    render() {
-        let modalExtraClass = "";
-
-        const type = this.props.modal.type();
-        if(typeof type === "string" && type !== "none") {
-            modalExtraClass = cssStyle["modal-type-" + type];
-        }
-
-        const showClass = this.state.show ? cssStyle.shown : "";
-        return (
-            <div
-                className={cssStyle.modal + " " + modalExtraClass + " " + showClass + " " + cssStyle["align-" + this.props.modal.verticalAlignment()]}
-                tabIndex={-1}
-                role={"dialog"}
-                aria-hidden={true}
-                onClick={event => this.onBackdropClick(event)}
-                ref={this.refModal}
-            >
-                <div className={cssStyle.dialog}>
-                    <InternalModalContentRenderer
-                        modal={this.props.modal}
-                        onClose={this.props.onClose}
-
-                        containerClass={cssStyle.contentInternal}
-                        bodyClass={cssStyle.body + " " + cssStyle["modal-" + this.props.modal.color()]}
-
-                        windowed={false}
-                    />
-                </div>
-            </div>
-        );
-    }
-
-    private onBackdropClick(event: React.MouseEvent) {
-        if(event.target !== this.refModal.current || event.isDefaultPrevented())
-            return;
-
-        this.props.onClose();
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Controller.ts b/shared/js/ui/react-elements/modal/Controller.ts
new file mode 100644
index 00000000..833a490c
--- /dev/null
+++ b/shared/js/ui/react-elements/modal/Controller.ts
@@ -0,0 +1,134 @@
+import {
+    AbstractModal,
+    InternalModal,
+    ModalConstructorArguments,
+    ModalController,
+    ModalEvents,
+    ModalInstanceController,
+    ModalOptions,
+    ModalState
+} from "tc-shared/ui/react-elements/modal/Definitions";
+import {Registry} from "tc-events";
+import {findRegisteredModal, RegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
+import {spawnExternalModal} from "tc-shared/ui/react-elements/external-modal";
+import {InternalModalInstance} from "tc-shared/ui/react-elements/modal/internal";
+
+export class GenericModalController<T extends keyof ModalConstructorArguments> implements ModalController {
+    private readonly events: Registry<ModalEvents>;
+
+    private readonly modalType: T;
+    private readonly modalConstructorArguments: ModalConstructorArguments[T];
+    private readonly modalOptions: ModalOptions;
+
+    private modalKlass: RegisteredModal<T> | undefined;
+    private instance: ModalInstanceController;
+    private popedOut: boolean;
+
+    public static fromInternalModal<ModalClass extends InternalModal>(klass: new (...args: any[]) => ModalClass, constructorArguments: any[]) : GenericModalController<"__internal__modal__"> {
+        const result = new GenericModalController("__internal__modal__", constructorArguments, {
+            popoutable: false,
+            popedOut: false
+        });
+
+        result.modalKlass = new class implements RegisteredModal<"__internal__modal__"> {
+            async classLoader(): Promise<{ default: { new(...args: ModalConstructorArguments["__internal__modal__"]): AbstractModal } }> {
+                return { default: klass };
+            }
+
+            modalId: "__internal__modal__";
+            popoutSupported: false;
+        };
+
+        return result;
+    }
+
+    constructor(modalType: T, constructorArguments: ModalConstructorArguments[T], options: ModalOptions) {
+        this.events = new Registry<ModalEvents>();
+
+        this.modalType = modalType;
+        this.modalConstructorArguments = constructorArguments;
+        this.modalOptions = options || {};
+
+        this.popedOut = this.modalOptions.popedOut;
+        if(typeof this.popedOut !== "boolean") {
+            this.popedOut = false;
+        }
+    }
+
+    private getModalClass() {
+        const modalKlass = this.modalKlass || findRegisteredModal(this.modalType);
+        if(!modalKlass) {
+            throw tr("missing modal registration for") + this.modalType;
+        }
+
+        return modalKlass;
+    }
+
+    private createModalInstance() {
+        if(this.popedOut) {
+            this.instance = spawnExternalModal(this.modalType, this.modalConstructorArguments, this.modalOptions);
+        } else {
+            this.instance = new InternalModalInstance(this.getModalClass(), this.modalConstructorArguments, this.modalOptions);
+        }
+
+        const events = this.instance.getEvents();
+        events.on("notify_destroy", events.on("notify_open", () => this.events.fire("open")));
+        events.on("notify_destroy", events.on("notify_close", () => this.events.fire("close")));
+
+        events.on("action_close", () => this.destroy());
+        events.on("action_popout", () => {
+            if(!this.popedOut) {
+                if(!this.getModalClass().popoutSupported) {
+                    return;
+                }
+
+                this.destroyModalInstance();
+                this.popedOut = true;
+                this.show().then(undefined);
+            } else {
+                if(this.modalOptions.popedOut) {
+                    /* fixed poped out */
+                    return;
+                }
+
+                this.destroyModalInstance();
+                this.popedOut = false;
+                this.show().then(undefined);
+            }
+        });
+    }
+
+    private destroyModalInstance() {
+        this.instance?.destroy();
+        this.instance = undefined;
+    }
+
+    destroy() {
+        this.destroyModalInstance();
+        this.events.fire("destroy");
+    }
+
+    getEvents(): Registry<ModalEvents> {
+        return this.events;
+    }
+
+    getOptions(): Readonly<ModalOptions> {
+        return this.modalOptions;
+    }
+
+    getState(): ModalState {
+        return this.instance ? this.instance.getState() : ModalState.DESTROYED;
+    }
+
+    async hide(): Promise<void> {
+        await this.instance?.hide();
+    }
+
+    async show(): Promise<void> {
+        if(!this.instance) {
+            this.createModalInstance();
+        }
+
+        await this.instance.show();
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 9658ed9b..382eaa65 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -4,11 +4,13 @@ import {ChannelEditEvents} from "tc-shared/ui/modal/channel-edit/Definitions";
 import {EchoTestEvents} from "tc-shared/ui/modal/echo-test/Definitions";
 import {ModalGlobalSettingsEditorEvents} from "tc-shared/ui/modal/global-settings-editor/Definitions";
 import {InviteUiEvents, InviteUiVariables} from "tc-shared/ui/modal/invite/Definitions";
-
-import {ReactElement} from "react";
-import * as React from "react";
+import React, {ReactElement} from "react";
 import {IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
 import {ModalBookmarkEvents, ModalBookmarkVariables} from "tc-shared/ui/modal/bookmarks/Definitions";
+import {
+    ModalBookmarksAddServerEvents,
+    ModalBookmarksAddServerVariables
+} from "tc-shared/ui/modal/bookmarks-add-server/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -52,21 +54,10 @@ export interface ModalOptions {
     popedOut?: boolean
 }
 
-export interface ModalFunctionController {
-    minimize();
-    supportMinimize() : boolean;
-
-    maximize();
-    supportMaximize() : boolean;
-
-    close();
-}
-
 export interface ModalEvents {
     "open": {},
     "close": {},
 
-    /* create is implicitly at object creation */
     "destroy": {}
 }
 
@@ -76,6 +67,27 @@ export enum ModalState {
     DESTROYED
 }
 
+export interface ModalInstanceEvents {
+    action_close: {},
+    action_minimize: {},
+    action_popout: {},
+
+    notify_open: {}
+    notify_minimize: {},
+    notify_close: {},
+    notify_destroy: {},
+}
+
+export interface ModalInstanceController {
+    getState() : ModalState;
+    getEvents() : Registry<ModalInstanceEvents>;
+
+    show() : Promise<void>;
+    hide() : Promise<void>;
+
+    destroy();
+}
+
 export interface ModalController {
     getOptions() : Readonly<ModalOptions>;
     getEvents() : Registry<ModalEvents>;
@@ -87,10 +99,23 @@ export interface ModalController {
     destroy();
 }
 
-export abstract class AbstractModal {
-    protected constructor() {}
+export interface ModalInstanceProperties {
+    windowed: boolean
+}
 
-    abstract renderBody(properties: { windowed: boolean }) : ReactElement;
+let currentModalProperties: ModalInstanceProperties
+export abstract class AbstractModal {
+    protected readonly properties: ModalInstanceProperties;
+
+    protected constructor() {
+        if(typeof currentModalProperties === "undefined") {
+            throw "missing modal properties";
+        }
+        this.properties = currentModalProperties;
+        currentModalProperties = undefined;
+    }
+
+    abstract renderBody() : ReactElement;
     abstract renderTitle() : string | React.ReactElement;
 
     /* only valid for the "inline" modals */
@@ -104,13 +129,24 @@ export abstract class AbstractModal {
     protected onClose() {}
     protected onOpen() {}
 }
+export abstract class InternalModal extends AbstractModal {}
 
-
-export interface ModalRenderer {
-    renderModal(modal: AbstractModal | undefined);
+export function constructAbstractModalClass<T extends keyof ModalConstructorArguments>(
+    klass: new (...args: ModalConstructorArguments[T]) => AbstractModal,
+    properties: ModalInstanceProperties,
+    args: ModalConstructorArguments[T]) : AbstractModal {
+    currentModalProperties = properties;
+    try {
+        return new klass(...args);
+    } finally {
+        currentModalProperties = undefined;
+    }
 }
 
+
 export interface ModalConstructorArguments {
+    "__internal__modal__": any[],
+
     "video-viewer": [
         /* events */ IpcRegistryDescription<VideoViewerEvents>,
         /* handlerId */ string,
@@ -137,5 +173,9 @@ export interface ModalConstructorArguments {
     "modal-bookmarks": [
         /* events */ IpcRegistryDescription<ModalBookmarkEvents>,
         /* variables */ IpcVariableDescriptor<ModalBookmarkVariables>,
+    ],
+    "modal-bookmark-add-server": [
+        /* events */ IpcRegistryDescription<ModalBookmarksAddServerEvents>,
+        /* variables */ IpcVariableDescriptor<ModalBookmarksAddServerVariables>,
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 1f442669..fc1ebd84 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -79,3 +79,9 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "modal-bookmark-add-server",
+    classLoader: async () => await import("tc-shared/ui/modal/bookmarks-add-server/Renderer"),
+    popoutSupported: true
+});
+
diff --git a/shared/js/ui/react-elements/modal/Renderer.scss b/shared/js/ui/react-elements/modal/Renderer.scss
new file mode 100644
index 00000000..2dfd679c
--- /dev/null
+++ b/shared/js/ui/react-elements/modal/Renderer.scss
@@ -0,0 +1,223 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+html:root {
+    --modal-content-background: #19191b;
+
+    --modal-color-blue: #0a73d2;
+    --modal-color-green: #00d400;
+    --modal-color-red: #d50000;
+}
+
+.modalTitle {
+    background-color: #222224;
+
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    padding: .25em;
+    @include user-select(none);
+
+    .icon, .button {
+        flex-grow: 0;
+        flex-shrink: 0;
+    }
+
+    .button {
+        height: 1.4em;
+        width: 1.4em;
+
+        padding: .2em;
+        border-radius: .2em;
+
+        cursor: pointer;
+        display: flex;
+
+        -webkit-app-region: no-drag;
+        pointer-events: all;
+
+        &:hover {
+            background-color: #1b1b1c;
+        }
+
+        &:not(:last-of-type) {
+            margin-right: .25em;
+        }
+    }
+
+    .icon {
+        margin-left: .25em;
+        margin-right: .5em;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        img {
+            height: 1.2em;
+            width: 1.2em;
+            margin-bottom: .2em;
+        }
+    }
+
+    .title, {
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        color: #9d9d9e;
+
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    h5 {
+        margin: 0;
+        padding: 0;
+    }
+}
+
+.modalBody {
+    position: relative;
+
+    min-width: 10em;
+    min-height: 5em;
+
+    overflow-y: auto;
+    overflow-x: auto;
+
+    display: flex;
+    flex-direction: column;
+
+    /* explicitly set the background color so the next element could use background-color: inherited; */
+    background: var(--modal-content-background);
+
+    @include chat-scrollbar();
+
+    &.color-blue {
+        border-left: 2px solid var(--modal-color-blue);
+    }
+
+    &.color-green {
+        border-left: 2px solid var(--modal-color-green);
+    }
+
+    &.color-red {
+        border-left: 2px solid var(--modal-color-red);
+    }
+}
+
+.modalFrame {
+    background: var(--modal-content-background);
+
+    border: 1px solid black;
+    border-radius: $border_radius_middle;
+
+    width: max-content;
+    max-width: 100%;
+    min-width: 20em;
+
+    min-height: min-content;
+    max-height: 100%;
+
+    flex-shrink: 1;
+    flex-grow: 0; /* we dont want a grow over the limit set within the content, but we want to shrink the content if necessary */
+
+    margin-left: auto;
+    margin-right: auto;
+
+    overflow: hidden;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+}
+
+.modalWindowContainer {
+    position: absolute;
+
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    max-height: 100vh;
+    max-width: 100vw;
+
+    .modalTitle {
+        display: none!important;
+    }
+
+    .modalBody {
+        position: absolute;
+
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+    }
+}
+
+.modalPageContainer {
+    color: var(--text); /* base color */
+
+    overflow: auto; /* allow scrolling if a modal is too big */
+
+    background-color: rgba(0, 0, 0, 0.8);
+
+    padding-right: 5%;
+    padding-left: 5%;
+
+    z-index: 100000;
+    position: fixed;
+
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    display: flex;
+    flex-direction: column;
+
+    opacity: 0;
+    margin-top: -1000vh;
+
+    $animation_length: .3s;
+    @include transition(opacity $animation_length ease-in, margin-top $animation_length ease-in);
+    &.shown {
+        margin-top: 0;
+        opacity: 1;
+    }
+
+    &.align-top {
+        justify-content: flex-start;
+    }
+
+    &.align-center {
+        justify-content: center;
+    }
+
+    &.align-bottom {
+        justify-content: flex-end;
+    }
+
+    .dialog {
+        display: block;
+
+        margin: 1.75rem 0;
+
+        /* width calculations */
+        align-items: center;
+
+        /* height stuff */
+        max-height: calc(100% - 3.5em);
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Renderer.tsx b/shared/js/ui/react-elements/modal/Renderer.tsx
index c963674f..f9cb7b2d 100644
--- a/shared/js/ui/react-elements/modal/Renderer.tsx
+++ b/shared/js/ui/react-elements/modal/Renderer.tsx
@@ -1,43 +1,189 @@
-import {
-    AbstractModal,
-    ModalFunctionController,
-    ModalOptions,
-    ModalRenderType
-} from "tc-shared/ui/react-elements/modal/Definitions";
-import {useContext} from "react";
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React from "react";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+import TeaCupImage from "./TeaCup.png";
+import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
+import {ClientIcon} from "svg-sprites/client-icons";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 
-const ControllerContext = useContext<ModalRendererController>(undefined);
+const cssStyle = require("./Renderer.scss");
 
-interface RendererControllerEvents {
+export class ModalFrameTopRenderer extends React.PureComponent<{
+    modalInstance: AbstractModal,
 
-}
+    className?: string,
 
-export class ModalRendererController {
-    readonly renderType: ModalRenderType;
-    readonly modal: AbstractModal;
+    onClose?: () => void,
+    onPopout?: () => void,
+    onMinimize?: () => void,
 
-    constructor(renderType: ModalRenderType, modal: AbstractModal,) {
-        this.renderType = renderType;
-        this.modal = modal;
+    replacePageTitle: boolean,
+}> {
+    private readonly refTitle = React.createRef<HTMLDivElement>();
+    private titleElement: HTMLTitleElement;
+    private observer: MutationObserver;
+
+    componentDidMount() {
+        if(this.props.replacePageTitle) {
+            const titleElements = document.getElementsByTagName("title");
+            if(titleElements.length === 0) {
+                this.titleElement = document.createElement("title");
+                document.head.appendChild(this.titleElement);
+            } else {
+                this.titleElement = titleElements[0];
+            }
+
+            this.observer = new MutationObserver(() => this.updatePageTitle());
+            this.observer.observe(this.refTitle.current, {
+                attributes: true,
+                subtree: true,
+                childList: true,
+                characterData: true
+            });
+            this.updatePageTitle();
+        }
     }
 
-    setShown(shown: boolean) {
+    componentWillUnmount() {
+        this.observer?.disconnect();
+        this.observer = undefined;
+        this.titleElement = undefined;
+    }
 
+    render() {
+        const buttons = [];
+        if(this.props.onMinimize) {
+            buttons.push(
+                <div className={cssStyle.button} onClick={this.props.onMinimize} key={"button-minimize"}>
+                    <ClientIconRenderer icon={ClientIcon.MinimizeButton} />
+                </div>
+            );
+        }
+
+        if(this.props.onPopout) {
+            buttons.push(
+                <div className={cssStyle.button} onClick={this.props.onPopout} key={"button-popout"}>
+                    <ClientIconRenderer icon={ClientIcon.ChannelPopout} />
+                </div>
+            );
+        }
+
+        if(this.props.onClose) {
+            buttons.push(
+                <div className={cssStyle.button} onClick={this.props.onClose} key={"button-close"}>
+                    <ClientIconRenderer icon={ClientIcon.CloseButton} />
+                </div>
+            );
+        }
+
+        return (
+            <div className={joinClassList(cssStyle.modalTitle, this.props.className)}>
+                <div className={cssStyle.icon}>
+                    <img src={TeaCupImage} alt={""} draggable={false} />
+                </div>
+                <div className={cssStyle.title} ref={this.refTitle}>
+                    <ErrorBoundary>
+                        {this.props.modalInstance.renderTitle()}
+                    </ErrorBoundary>
+                </div>
+                {buttons}
+            </div>
+        );
+    }
+
+    private updatePageTitle() {
+        if(!this.refTitle.current) {
+            return;
+        }
+
+        this.titleElement.innerText = this.refTitle.current.textContent;
     }
 }
 
-export const ModalRenderer = (props: {
-    mode: "page" | "dialog",
-    modal: AbstractModal,
-    modalOptions: ModalOptions,
-    modalActions: ModalFunctionController
-}) => {
 
+export class ModalBodyRenderer extends React.PureComponent<{
+    modalInstance: AbstractModal,
+    className?: string
+}> {
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <div className={joinClassList(
+                cssStyle.modalBody,
+                this.props.className,
+                cssStyle["color-" + this.props.modalInstance.color()]
+            )}>
+                {this.props.modalInstance.renderBody()}
+            </div>
+        )
+    }
 }
 
-const ModalRendererDialog = (props: {
-    modal: AbstractModal,
-    modalOptions: ModalOptions,
-    modalActions: ModalFunctionController
+export class ModalFrameRenderer extends React.PureComponent<{
+    children: [React.ReactElement<ModalFrameTopRenderer>, React.ReactElement<ModalBodyRenderer>]
+}> {
+    render() {
+        return (
+            <div className={cssStyle.modalFrame}>
+                {this.props.children[0]}
+                {this.props.children[1]}
+            </div>
+        );
+    }
+}
+
+export class PageModalRenderer extends React.PureComponent<{
+    modalInstance: AbstractModal,
+    onBackdropClicked: () => void,
+    children: React.ReactElement<ModalFrameRenderer>
+}, {
+    shown: boolean
+}> {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            shown: false
+        };
+    }
+
+    render() {
+        return (
+            <div
+                className={joinClassList(
+                    cssStyle.modalPageContainer,
+                    cssStyle["align-" + this.props.modalInstance.verticalAlignment()],
+                    this.state.shown ? cssStyle.shown : undefined
+                )}
+                tabIndex={-1}
+                role={"dialog"}
+                aria-hidden={true}
+                onClick={event => {
+                    if(event.target !== event.currentTarget) {
+                        return;
+                    }
+
+                    this.props.onBackdropClicked();
+                }}
+            >
+                <div className={cssStyle.dialog}>
+                    {this.props.children}
+                </div>
+            </div>
+        );
+    }
+}
+
+export const WindowModalRenderer = (props: {
+    children: [React.ReactElement<ModalFrameTopRenderer>, React.ReactElement<ModalBodyRenderer>]
 }) => {
+    return (
+        <div className={cssStyle.modalWindowContainer}>
+            {props.children[0]}
+            {props.children[1]}
+        </div>
+    );
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/TeaCup.png b/shared/js/ui/react-elements/modal/TeaCup.png
new file mode 100644
index 0000000000000000000000000000000000000000..3eda87e537836604e1d144160a9c5ea0166b7749
GIT binary patch
literal 65631
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

literal 0
HcmV?d00001

diff --git a/shared/js/ui/react-elements/modal/index.ts b/shared/js/ui/react-elements/modal/index.ts
index 57b85908..ea9ee0ee 100644
--- a/shared/js/ui/react-elements/modal/index.ts
+++ b/shared/js/ui/react-elements/modal/index.ts
@@ -1,31 +1,17 @@
-import {ModalConstructorArguments} from "tc-shared/ui/react-elements/modal/Definitions";
+import {InternalModal, ModalConstructorArguments} from "tc-shared/ui/react-elements/modal/Definitions";
 import {ModalController, ModalOptions} from "tc-shared/ui/react-elements/ModalDefinitions";
-import {spawnExternalModal} from "tc-shared/ui/react-elements/external-modal";
-import {InternalModal, InternalModalController} from "tc-shared/ui/react-elements/internal-modal/Controller";
-import {findRegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
+import {GenericModalController} from "tc-shared/ui/react-elements/modal/Controller";
 
 export function spawnModal<T extends keyof ModalConstructorArguments>(modal: T, constructorArguments: ModalConstructorArguments[T], options?: ModalOptions) : ModalController {
-    if(options?.popedOut) {
-        return spawnExternalModal(modal, constructorArguments, options);
-    } else {
-        return spawnInternalModal(modal, constructorArguments, options);
-    }
+    return new GenericModalController(modal, constructorArguments, options);
 }
 
-export function spawnReactModal<ModalClass extends InternalModal, A1>(modalClass: new () => ModalClass) : InternalModalController;
-export function spawnReactModal<ModalClass extends InternalModal, A1>(modalClass: new (..._: [A1]) => ModalClass, arg1: A1) : InternalModalController;
-export function spawnReactModal<ModalClass extends InternalModal, A1, A2>(modalClass: new (..._: [A1, A2]) => ModalClass, arg1: A1, arg2: A2) : InternalModalController;
-export function spawnReactModal<ModalClass extends InternalModal, A1, A2, A3>(modalClass: new (..._: [A1, A2, A3]) => ModalClass, arg1: A1, arg2: A2, arg3: A3) : InternalModalController;
-export function spawnReactModal<ModalClass extends InternalModal, A1, A2, A3, A4>(modalClass: new (..._: [A1, A2, A3, A4]) => ModalClass, arg1: A1, arg2: A2, arg3: A3, arg4: A4) : InternalModalController;
-export function spawnReactModal<ModalClass extends InternalModal, A1, A2, A3, A4, A5>(modalClass: new (..._: [A1, A2, A3, A4]) => ModalClass, arg1: A1, arg2: A2, arg3: A3, arg4: A4, arg5: A5) : InternalModalController;
-export function spawnReactModal<ModalClass extends InternalModal>(modalClass: new (..._: any[]) => ModalClass, ...args: any[]) : InternalModalController {
-    return new InternalModalController({
-        popoutSupported: false,
-        modalId: "__internal__unregistered",
-        classLoader: async () => ({ default: modalClass })
-    }, args);
-}
-
-export function spawnInternalModal<T extends keyof ModalConstructorArguments>(modal: T, constructorArguments: ModalConstructorArguments[T], options?: ModalOptions) : InternalModalController {
-    return new InternalModalController(findRegisteredModal(modal), constructorArguments);
+export function spawnReactModal<ModalClass extends InternalModal, A1>(modalClass: new () => ModalClass) : ModalController;
+export function spawnReactModal<ModalClass extends InternalModal, A1>(modalClass: new (..._: [A1]) => ModalClass, arg1: A1) : ModalController;
+export function spawnReactModal<ModalClass extends InternalModal, A1, A2>(modalClass: new (..._: [A1, A2]) => ModalClass, arg1: A1, arg2: A2) : ModalController;
+export function spawnReactModal<ModalClass extends InternalModal, A1, A2, A3>(modalClass: new (..._: [A1, A2, A3]) => ModalClass, arg1: A1, arg2: A2, arg3: A3) : ModalController;
+export function spawnReactModal<ModalClass extends InternalModal, A1, A2, A3, A4>(modalClass: new (..._: [A1, A2, A3, A4]) => ModalClass, arg1: A1, arg2: A2, arg3: A3, arg4: A4) : ModalController;
+export function spawnReactModal<ModalClass extends InternalModal, A1, A2, A3, A4, A5>(modalClass: new (..._: [A1, A2, A3, A4]) => ModalClass, arg1: A1, arg2: A2, arg3: A3, arg4: A4, arg5: A5) : ModalController;
+export function spawnReactModal<ModalClass extends InternalModal>(modalClass: new (..._: any[]) => ModalClass, ...args: any[]) : ModalController {
+    return GenericModalController.fromInternalModal(modalClass, args);
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
new file mode 100644
index 00000000..26e67af7
--- /dev/null
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -0,0 +1,172 @@
+import {
+    AbstractModal,
+    constructAbstractModalClass, ModalInstanceController, ModalInstanceEvents,
+    ModalOptions,
+    ModalState
+} from "tc-shared/ui/react-elements/modal/Definitions";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import {
+    ModalBodyRenderer,
+    ModalFrameRenderer,
+    ModalFrameTopRenderer,
+    PageModalRenderer
+} from "tc-shared/ui/react-elements/modal/Renderer";
+import {RegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
+import {LogCategory, logError} from "tc-shared/log";
+import {Registry} from "tc-events";
+
+export class InternalModalInstance implements ModalInstanceController {
+    readonly events: Registry<ModalInstanceEvents>;
+
+    private readonly modalKlass: RegisteredModal<any>;
+    private readonly constructorArguments: any[];
+    private readonly rendererInstance: React.RefObject<PageModalRenderer>;
+
+    private readonly modalOptions: ModalOptions;
+
+    private state: ModalState;
+
+    private modalInstance: AbstractModal;
+    private htmlContainer: HTMLDivElement;
+
+    private modalInitializePromise: Promise<void>;
+
+    constructor(modalType: RegisteredModal<any>, constructorArguments: any[], modalOptions: ModalOptions) {
+        this.events = new Registry<ModalInstanceEvents>();
+
+        this.modalKlass = modalType;
+        this.modalOptions = modalOptions;
+        this.constructorArguments = constructorArguments;
+
+        this.rendererInstance = React.createRef();
+        this.state = ModalState.DESTROYED;
+    }
+
+    private async constructModal() {
+        if(this.htmlContainer || this.modalInstance) {
+            throw tr("internal modal has already been constructed");
+        }
+
+        const modalClass = await this.modalKlass.classLoader();
+        if(!modalClass) {
+            throw tr("invalid modal class");
+        }
+
+        try {
+            this.modalInstance = constructAbstractModalClass(modalClass.default, { windowed: false }, this.constructorArguments);
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to create new modal of instance type %s: %o"), this.modalKlass.modalId, error);
+            throw tr("failed to create new modal instance");
+        }
+
+        this.htmlContainer = document.createElement("div");
+        document.body.appendChild(this.htmlContainer);
+
+        await new Promise(resolve => {
+            ReactDOM.render(
+                <PageModalRenderer modalInstance={this.modalInstance} onBackdropClicked={this.getCloseCallback()} ref={this.rendererInstance}>
+                    <ModalFrameRenderer>
+                        <ModalFrameTopRenderer
+                            replacePageTitle={false}
+                            modalInstance={this.modalInstance}
+
+                            onClose={this.getCloseCallback()}
+                            onPopout={this.getPopoutCallback()}
+                            onMinimize={this.getMinimizeCallback()}
+                        />
+                        <ModalBodyRenderer modalInstance={this.modalInstance} />
+                    </ModalFrameRenderer>
+                </PageModalRenderer>,
+                this.htmlContainer,
+                resolve
+            );
+        });
+    }
+
+    private destructModal() {
+        this.state = ModalState.DESTROYED;
+        if(this.htmlContainer) {
+            ReactDOM.unmountComponentAtNode(this.htmlContainer);
+            this.htmlContainer.remove();
+            this.htmlContainer = undefined;
+        }
+
+        if(this.modalInstance) {
+            this.modalInstance["onDestroy"]();
+            this.modalInstance = undefined;
+        }
+        this.events.fire("notify_destroy");
+    }
+
+    getState(): ModalState {
+        return this.state;
+    }
+
+    getEvents(): Registry<ModalInstanceEvents> {
+        return this.events;
+    }
+
+    async show() : Promise<void> {
+        if(!this.modalInstance) {
+            this.modalInitializePromise = this.constructModal();
+        }
+
+        if(this.modalInitializePromise) {
+            await this.modalInitializePromise;
+        }
+
+        if(!this.rendererInstance.current) {
+            return;
+        }
+
+        this.state = ModalState.SHOWN;
+        this.modalInstance["onOpen"]();
+        await new Promise(resolve => this.rendererInstance.current.setState({ shown: true }, resolve));
+        this.events.fire("notify_open");
+    }
+
+    async hide() : Promise<void> {
+        if(this.modalInitializePromise) {
+            await this.modalInitializePromise;
+        }
+
+        if(!this.rendererInstance.current) {
+            return;
+        }
+
+        this.state = ModalState.HIDDEN;
+        this.modalInstance["onClose"]();
+        await new Promise(resolve => this.rendererInstance.current.setState({ shown: false }, resolve));
+
+        /* TODO: Somehow get the real animation finish signal? */
+        await new Promise(resolve => setTimeout(resolve, 500));
+        this.events.fire("notify_close");
+    }
+
+    destroy() {
+        this.destructModal();
+        this.events.destroy();
+    }
+
+    private getCloseCallback() {
+        return () => this.events.fire("action_close");
+    }
+
+    private getPopoutCallback() {
+        if(!this.modalKlass.popoutSupported) {
+            return undefined;
+        }
+
+        if(typeof this.modalOptions.popoutable !== "boolean" || !this.modalOptions.popoutable) {
+            return undefined;
+        }
+
+        return () => this.events.fire("action_popout");
+    }
+
+    private getMinimizeCallback() {
+        /* We can't minimize any windows */
+        return undefined;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/tree/EntryTags.scss b/shared/js/ui/tree/EntryTags.scss
index c739350f..97857c55 100644
--- a/shared/js/ui/tree/EntryTags.scss
+++ b/shared/js/ui/tree/EntryTags.scss
@@ -1,4 +1,4 @@
-.client {
+.tag {
     display: inline-block;
     color: #D8D8D8;
     font-weight: 700;
diff --git a/shared/js/ui/tree/EntryTags.tsx b/shared/js/ui/tree/EntryTags.tsx
index 68036eb0..e99c6452 100644
--- a/shared/js/ui/tree/EntryTags.tsx
+++ b/shared/js/ui/tree/EntryTags.tsx
@@ -11,8 +11,42 @@ const cssStyle = require("./EntryTags.scss");
 
 let ipcChannel: IPCChannel;
 
-export const ClientTag = (props: { clientName: string, clientUniqueId: string, handlerId: string, clientId?: number, clientDatabaseId?: number, className?: string }) => (
-    <div className={cssStyle.client + (props.className ? ` ${props.className}` : ``)}
+export const ServerTag = React.memo((props: {
+    serverName: string,
+    handlerId: string,
+    serverUniqueId?: string,
+    className?: string
+}) => {
+    return (
+        <div
+            className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
+            onContextMenu={event => {
+                event.preventDefault();
+
+                ipcChannel.sendMessage("contextmenu-server", {
+                    handlerId: props.handlerId,
+                    serverUniqueId: props.serverUniqueId,
+
+                    pageX: event.pageX,
+                    pageY: event.pageY
+                });
+            }}
+            draggable={false}
+        >
+            {props.serverName}
+        </div>
+    )
+});
+
+export const ClientTag = React.memo((props: {
+    clientName: string,
+    clientUniqueId: string,
+    handlerId: string,
+    clientId?: number,
+    clientDatabaseId?: number,
+    className?: string
+}) => (
+    <div className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
          onContextMenu={event => {
              event.preventDefault();
 
@@ -45,11 +79,16 @@ export const ClientTag = (props: { clientName: string, clientUniqueId: string, h
     >
         {props.clientName}
     </div>
-);
+));
 
-export const ChannelTag = (props: { channelName: string, channelId: number, handlerId: string, className?: string }) => (
+export const ChannelTag = React.memo((props: {
+    channelName: string,
+    channelId: number,
+    handlerId: string,
+    className?: string
+}) => (
     <div
-        className={cssStyle.client + (props.className ? ` ${props.className}` : ``)}
+        className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
         onContextMenu={event => {
             event.preventDefault();
 
@@ -77,8 +116,7 @@ export const ChannelTag = (props: { channelName: string, channelId: number, hand
     >
         {props.channelName}
     </div>
-);
-
+));
 
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     name: "entry tags",
diff --git a/web/app/legacy/audio-lib/index.ts b/web/app/legacy/audio-lib/index.ts
index dc83b5b2..9ae5a2fe 100644
--- a/web/app/legacy/audio-lib/index.ts
+++ b/web/app/legacy/audio-lib/index.ts
@@ -22,7 +22,7 @@ export class AudioLibrary {
     }
 
     private static spawnNewWorker() : Worker {
-        /*
+        /* 
          * Attention don't use () => new Worker(...). 
          * This confuses the worker plugin and will not emit any modules
          */

From a82d474b32562d764266c5161aac708ad4605a38 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 16 Mar 2021 15:55:27 +0100
Subject: [PATCH 013/128] Removed the audio lib

---
 package-lock.json                             |  31 +-
 package.json                                  |   1 +
 shared/js/ui/modal/whats-new/Renderer.tsx     |  62 +-
 .../connection/LegacySupportVoiceBridge.ts    | 291 ------
 web/app/connection/ServerConnection.ts        |  37 +-
 web/app/legacy/audio-lib/AudioClient.ts       |  39 -
 web/app/legacy/audio-lib/WorkerMessages.ts    |  51 -
 web/app/legacy/audio-lib/index.ts             |  99 --
 .../audio-lib/worker/async_require.d.ts       |   7 -
 .../legacy/audio-lib/worker/async_require.js  |  13 -
 web/app/legacy/audio-lib/worker/index.ts      |  69 --
 web/app/legacy/voice/AudioResampler.ts        |  56 --
 web/app/legacy/voice/VoiceClient.ts           |  15 -
 web/app/legacy/voice/VoiceHandler.ts          | 547 -----------
 web/app/legacy/voice/VoicePlayer.ts           | 293 ------
 web/app/legacy/voice/VoiceWhisper.ts          | 159 ----
 .../voice/bridge/NativeWebRTCVoiceBridge.ts   | 163 ----
 web/app/legacy/voice/bridge/VoiceBridge.ts    |  56 --
 .../legacy/voice/bridge/WebRTCVoiceBridge.ts  | 411 --------
 web/audio-lib/.gitignore                      |   2 -
 web/audio-lib/Cargo.lock                      | 890 ------------------
 web/audio-lib/Cargo.toml                      |  36 -
 web/audio-lib/src/audio.rs                    | 184 ----
 web/audio-lib/src/audio/codec.rs              |   1 -
 web/audio-lib/src/audio/codec/opus.rs         | 845 -----------------
 web/audio-lib/src/audio/converter.rs          |  31 -
 web/audio-lib/src/audio/decoder.rs            | 264 ------
 web/audio-lib/src/audio/packet_queue.rs       | 548 -----------
 web/audio-lib/src/audio_client.rs             | 133 ---
 web/audio-lib/src/lib.rs                      | 141 ---
 web/native-codec/.gitignore                   |   6 -
 web/native-codec/CMakeLists.txt               |  25 -
 web/native-codec/build.sh                     |  23 -
 web/native-codec/download_compiled_files.sh   |  35 -
 web/native-codec/init.js                      |   2 -
 web/native-codec/src/ilarvecon.cpp            |  68 --
 web/native-codec/src/opus.cpp                 | 113 ---
 webpack-web.config.ts                         |   9 -
 webpack.config.ts                             |   2 +-
 39 files changed, 82 insertions(+), 5676 deletions(-)
 delete mode 100644 web/app/connection/LegacySupportVoiceBridge.ts
 delete mode 100644 web/app/legacy/audio-lib/AudioClient.ts
 delete mode 100644 web/app/legacy/audio-lib/WorkerMessages.ts
 delete mode 100644 web/app/legacy/audio-lib/index.ts
 delete mode 100644 web/app/legacy/audio-lib/worker/async_require.d.ts
 delete mode 100644 web/app/legacy/audio-lib/worker/async_require.js
 delete mode 100644 web/app/legacy/audio-lib/worker/index.ts
 delete mode 100644 web/app/legacy/voice/AudioResampler.ts
 delete mode 100644 web/app/legacy/voice/VoiceClient.ts
 delete mode 100644 web/app/legacy/voice/VoiceHandler.ts
 delete mode 100644 web/app/legacy/voice/VoicePlayer.ts
 delete mode 100644 web/app/legacy/voice/VoiceWhisper.ts
 delete mode 100644 web/app/legacy/voice/bridge/NativeWebRTCVoiceBridge.ts
 delete mode 100644 web/app/legacy/voice/bridge/VoiceBridge.ts
 delete mode 100644 web/app/legacy/voice/bridge/WebRTCVoiceBridge.ts
 delete mode 100644 web/audio-lib/.gitignore
 delete mode 100644 web/audio-lib/Cargo.lock
 delete mode 100644 web/audio-lib/Cargo.toml
 delete mode 100644 web/audio-lib/src/audio.rs
 delete mode 100644 web/audio-lib/src/audio/codec.rs
 delete mode 100644 web/audio-lib/src/audio/codec/opus.rs
 delete mode 100644 web/audio-lib/src/audio/converter.rs
 delete mode 100644 web/audio-lib/src/audio/decoder.rs
 delete mode 100644 web/audio-lib/src/audio/packet_queue.rs
 delete mode 100644 web/audio-lib/src/audio_client.rs
 delete mode 100644 web/audio-lib/src/lib.rs
 delete mode 100644 web/native-codec/.gitignore
 delete mode 100644 web/native-codec/CMakeLists.txt
 delete mode 100644 web/native-codec/build.sh
 delete mode 100644 web/native-codec/download_compiled_files.sh
 delete mode 100644 web/native-codec/init.js
 delete mode 100644 web/native-codec/src/ilarvecon.cpp
 delete mode 100644 web/native-codec/src/opus.cpp

diff --git a/package-lock.json b/package-lock.json
index 6809714d..ce942e06 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13001,14 +13001,12 @@
     "source-list-map": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
-      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
-      "dev": true
+      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw=="
     },
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
     },
     "source-map-resolve": {
       "version": "0.5.3",
@@ -16092,6 +16090,31 @@
         }
       }
     },
+    "webpack-manifest-plugin": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-manifest-plugin/-/webpack-manifest-plugin-3.1.0.tgz",
+      "integrity": "sha512-7jgB8Kb0MRWXq3YaDfe+0smv5c7MLMfze8YvG6eBEXZmy6fhwMe/eT47A0KEIF30c0DDEYKbbYTXzaMQETaZ0Q==",
+      "requires": {
+        "tapable": "^2.0.0",
+        "webpack-sources": "^2.2.0"
+      },
+      "dependencies": {
+        "tapable": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.0.tgz",
+          "integrity": "sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw=="
+        },
+        "webpack-sources": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-2.2.0.tgz",
+          "integrity": "sha512-bQsA24JLwcnWGArOKUxYKhX3Mz/nK1Xf6hxullKERyktjNMC4x8koOeaDNTA2fEJ09BdWLbM/iTW0ithREUP0w==",
+          "requires": {
+            "source-list-map": "^2.0.1",
+            "source-map": "^0.6.1"
+          }
+        }
+      }
+    },
     "webpack-sources": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
diff --git a/package.json b/package.json
index 54275896..dba78d4b 100644
--- a/package.json
+++ b/package.json
@@ -118,6 +118,7 @@
     "twemoji": "^13.0.0",
     "url-knife": "^3.1.3",
     "webcrypto-liner": "^1.2.3",
+    "webpack-manifest-plugin": "^3.1.0",
     "webrtc-adapter": "^7.5.1"
   }
 }
diff --git a/shared/js/ui/modal/whats-new/Renderer.tsx b/shared/js/ui/modal/whats-new/Renderer.tsx
index 60cfc51e..ece689e7 100644
--- a/shared/js/ui/modal/whats-new/Renderer.tsx
+++ b/shared/js/ui/modal/whats-new/Renderer.tsx
@@ -22,8 +22,10 @@ mdRenderer.renderer.rules.link_open = function (tokens, idx, options /*, env */)
 
     let href = `<a href="${tokens[idx].href}" ${title} ${target} ></a>`;
     href = dompurify.sanitize(href);
-    if (href.substr(-4) !== "</a>")
+    if (href.substr(-4) !== "</a>") {
         return "<-- invalid link open... -->";
+    }
+
     return href.substr(0, href.length - 4);
 };
 
@@ -98,13 +100,25 @@ export const WhatsNew = (props: { changesUI?: ChangeLog, changesClient?: ChangeL
 
     let versionUIDate = props.changesUI?.currentVersion, versionNativeDate = props.changesClient?.currentVersion;
     if (__build.target === "web") {
-        subtitleLong = <Translatable key={"sub-web"}>We've successfully updated the web client for you.</Translatable>;
-        infoText = <VariadicTranslatable key={"info-web"}
-                                         text={"The web client has been updated to the version from {}."}>{versionUIDate}</VariadicTranslatable>;
+        subtitleLong = (
+            <Translatable key={"sub-web"}>We've successfully updated the web client for you.</Translatable>
+        );
+
+        infoText = (
+            <VariadicTranslatable key={"info-web"}
+                                  text={"The web client has been updated to the version from {}."}
+            >
+                {versionUIDate}
+            </VariadicTranslatable>
+        );
     } else if (props.changesUI && props.changesClient) {
-        subtitleLong =
-            <Translatable key={"sub-native-client-ui"}>We've successfully updated the native client and its UI for
-                you.</Translatable>;
+        subtitleLong = (
+            <Translatable
+                key={"sub-native-client-ui"}
+            >
+                We've successfully updated the native client and its UI for you.
+            </Translatable>
+        );
         infoText = (
             <React.Fragment key={"info-native-client-ui"}>
                 <VariadicTranslatable
@@ -114,15 +128,33 @@ export const WhatsNew = (props: { changesUI?: ChangeLog, changesClient?: ChangeL
             </React.Fragment>
         );
     } else if (props.changesClient) {
-        subtitleLong = <Translatable key={"sub-native-client"}>We've successfully updated the native client for
-            you.</Translatable>;
-        infoText = <VariadicTranslatable key={"info-native-client"}
-                                         text={"The native client has been updated to the version {}."}>{versionNativeDate}</VariadicTranslatable>;
+        subtitleLong = (
+            <Translatable key={"sub-native-client"}>
+                We've successfully updated the native client for you.
+            </Translatable>
+        );
+        infoText = (
+            <VariadicTranslatable
+                key={"info-native-client"}
+                text={"The native client has been updated to the version {}."}>
+                {versionNativeDate}
+            </VariadicTranslatable>
+        );
     } else if (props.changesUI) {
-        subtitleLong = <Translatable key={"sub-native-ui"}>We've successfully updated the native clients UI for
-            you.</Translatable>;
-        infoText = <VariadicTranslatable key={"info-native-ui"}
-                                         text={"The native clients UI has been updated to the version from 18.08.2020."}>{versionUIDate}</VariadicTranslatable>;
+        subtitleLong = (
+            <Translatable
+                key={"sub-native-ui"}
+            >
+                We've successfully updated the native clients UI for you.
+            </Translatable>
+        );
+        infoText = (
+            <VariadicTranslatable key={"info-native-ui"}
+                                  text={"The native clients UI has been updated to the version from 18.08.2020."}
+            >
+                {versionUIDate}
+            </VariadicTranslatable>
+        );
     }
 
     const changes = [changesClient, changesUI].filter(e => !!e);
diff --git a/web/app/connection/LegacySupportVoiceBridge.ts b/web/app/connection/LegacySupportVoiceBridge.ts
deleted file mode 100644
index 9e979802..00000000
--- a/web/app/connection/LegacySupportVoiceBridge.ts
+++ /dev/null
@@ -1,291 +0,0 @@
-import {
-    AbstractVoiceConnection,
-    VoiceConnectionStatus,
-    WhisperSessionInitializer
-} from "tc-shared/connection/VoiceConnection";
-import {VoiceConnection} from "tc-backend/web/legacy/voice/VoiceHandler";
-import {RecorderProfile} from "tc-shared/voice/RecorderProfile";
-import {VoiceClient} from "tc-shared/voice/VoiceClient";
-import {WhisperSession, WhisperTarget} from "tc-shared/voice/VoiceWhisper";
-import {AbstractServerConnection, ConnectionStatistics} from "tc-shared/connection/ConnectionBase";
-import {EventDispatchType, Registry} from "tc-shared/events";
-import {VoicePlayerEvents, VoicePlayerLatencySettings, VoicePlayerState} from "tc-shared/voice/VoicePlayer";
-import { tr } from "tc-shared/i18n/localize";
-import {RtpVoiceConnection} from "tc-backend/web/voice/Connection";
-
-class ProxiedVoiceClient implements VoiceClient {
-    readonly clientId: number;
-    readonly events: Registry<VoicePlayerEvents>;
-
-    handle: VoiceClient;
-
-    private volume: number;
-    private latencySettings: VoicePlayerLatencySettings | undefined;
-    private eventDisconnect: () => void;
-
-    constructor(clientId: number) {
-        this.clientId = clientId;
-        this.events = new Registry<VoicePlayerEvents>();
-
-        this.volume = 1;
-    }
-
-    setHandle(handle: VoiceClient | undefined) {
-        if(this.eventDisconnect) {
-            this.eventDisconnect();
-            this.eventDisconnect = undefined;
-        }
-        this.handle = handle;
-
-        if(this.latencySettings) {
-            this.handle?.setLatencySettings(this.latencySettings);
-        }
-        this.handle?.setVolume(this.volume);
-        if(this.handle) {
-            const targetEvents = this.events;
-            this.eventDisconnect = this.handle.events.registerConsumer({
-                handleEvent(mode: EventDispatchType, type: string, data: any) {
-                    switch (mode) {
-                        case "later":
-                            targetEvents.fire_later(type as any, data);
-                            break;
-
-                        case "react":
-                            targetEvents.fire_react(type as any, data);
-                            break;
-
-                        case "sync":
-                            targetEvents.fire(type as any, data);
-                            break;
-                    }
-                }
-            });
-        }
-    }
-
-    abortReplay() {
-        this.handle?.abortReplay();
-    }
-
-    flushBuffer() {
-        this.handle?.flushBuffer();
-    }
-
-    getClientId(): number {
-        return this.clientId;
-    }
-
-    getLatencySettings(): Readonly<VoicePlayerLatencySettings> {
-        return this.handle?.getLatencySettings() || this.latencySettings || { maxBufferTime: 200, minBufferTime: 10 };
-    }
-
-    getState(): VoicePlayerState {
-        return this.handle ? this.handle.getState() : VoicePlayerState.STOPPED;
-    }
-
-    getVolume(): number {
-        return this.handle?.getVolume() || this.volume;
-    }
-
-    resetLatencySettings() {
-        this.handle.resetLatencySettings();
-        this.latencySettings = undefined;
-    }
-
-    setLatencySettings(settings: VoicePlayerLatencySettings) {
-        this.latencySettings = settings;
-        this.handle?.setLatencySettings(this.latencySettings);
-    }
-
-    setVolume(volume: number) {
-        this.volume = volume;
-        this.handle?.setVolume(volume);
-    }
-
-}
-
-export class LegacySupportVoiceBridge extends AbstractVoiceConnection {
-    private readonly newVoiceBride: RtpVoiceConnection;
-    private readonly oldVoiceBridge: VoiceConnection;
-
-    private activeBridge: AbstractVoiceConnection;
-    private disconnectEvents: () => void;
-
-    private encoderCodec: number;
-    private currentRecorder: RecorderProfile;
-
-    private registeredClients: ProxiedVoiceClient[] = [];
-
-    constructor(connection: AbstractServerConnection, oldVoiceBridge: VoiceConnection, newVoiceBride: RtpVoiceConnection) {
-        super(connection);
-
-        this.oldVoiceBridge = oldVoiceBridge;
-        this.newVoiceBride = newVoiceBride;
-    }
-
-    async setVoiceBridge(type: "old" | "new" | "unset") {
-        const oldState = this.getConnectionState();
-
-        this.registeredClients.forEach(e => {
-            if(e.handle) {
-                this.activeBridge.unregisterVoiceClient(e.handle);
-                e.setHandle(undefined);
-            }
-        });
-        if(this.disconnectEvents) {
-            this.disconnectEvents();
-            this.disconnectEvents = undefined;
-        }
-        this.activeBridge = type === "old" ? this.oldVoiceBridge : type === "new" ? this.newVoiceBride : undefined;
-
-        if(this.activeBridge) {
-            const targetEvents = this.events;
-            this.disconnectEvents = this.activeBridge.events.registerConsumer({
-                handleEvent(mode: EventDispatchType, type: string, data: any) {
-                    switch (mode) {
-                        case "later":
-                            targetEvents.fire_later(type as any, data);
-                            break;
-
-                        case "react":
-                            targetEvents.fire_react(type as any, data);
-                            break;
-
-                        case "sync":
-                            targetEvents.fire(type as any, data);
-                            break;
-                    }
-                }
-            });
-
-            this.registeredClients.forEach(e => {
-                if(!e.handle) {
-                    e.setHandle(this.activeBridge.registerVoiceClient(e.clientId));
-                }
-            });
-
-            await this.activeBridge.acquireVoiceRecorder(this.currentRecorder);
-
-            /* FIXME: Fire only if the state changed */
-            this.events.fire("notify_connection_status_changed", { oldStatus: oldState, newStatus: this.activeBridge.getConnectionState() });
-            this.events.fire("notify_voice_replay_state_change", { replaying: this.activeBridge.isReplayingVoice() });
-        } else {
-            /* FIXME: Fire only if the state changed */
-            this.events.fire("notify_connection_status_changed", { oldStatus: oldState, newStatus: VoiceConnectionStatus.Disconnected });
-            this.events.fire("notify_voice_replay_state_change", { replaying: false });
-        }
-    }
-
-    acquireVoiceRecorder(recorder: RecorderProfile | undefined): Promise<void> {
-        this.currentRecorder = recorder;
-        return this.activeBridge?.acquireVoiceRecorder(recorder);
-    }
-
-    decodingSupported(codec: number): boolean {
-        return !!this.activeBridge?.decodingSupported(codec);
-    }
-
-    encodingSupported(codec: number): boolean {
-        return !!this.activeBridge?.encodingSupported(codec);
-    }
-
-    dropWhisperSession(session: WhisperSession) {
-        this.activeBridge?.dropWhisperSession(session);
-    }
-
-    getConnectionState(): VoiceConnectionStatus {
-        return this.activeBridge ? this.activeBridge.getConnectionState() : VoiceConnectionStatus.Disconnected;
-    }
-
-    getConnectionStats(): Promise<ConnectionStatistics> {
-        return this.activeBridge ? this.activeBridge.getConnectionStats() : Promise.resolve({
-            bytesSend: 0,
-            bytesReceived: 0
-        });
-    }
-
-    getEncoderCodec(): number {
-        return this.activeBridge ? this.activeBridge.getEncoderCodec() : this.encoderCodec;
-    }
-
-    getFailedMessage(): string {
-        return this.activeBridge?.getFailedMessage();
-    }
-
-    getRetryTimestamp(): number | 0 {
-        return this.activeBridge ? this.activeBridge.getRetryTimestamp() : 0;
-    }
-
-    getWhisperSessionInitializer(): WhisperSessionInitializer | undefined {
-        return this.activeBridge?.getWhisperSessionInitializer();
-    }
-
-    getWhisperSessions(): WhisperSession[] {
-        return this.activeBridge?.getWhisperSessions() || [];
-    }
-
-    getWhisperTarget(): WhisperTarget | undefined {
-        return this.activeBridge?.getWhisperTarget();
-    }
-
-    isReplayingVoice(): boolean {
-        return !!this.activeBridge?.isReplayingVoice();
-    }
-
-    availableVoiceClients(): VoiceClient[] {
-        return this.registeredClients;
-    }
-
-    registerVoiceClient(clientId: number) {
-        if(this.registeredClients.findIndex(e => e.clientId === clientId) !== -1) {
-            throw tr("voice client already exists");
-        }
-
-        const client = new ProxiedVoiceClient(clientId);
-        client.setHandle(this.activeBridge?.registerVoiceClient(clientId));
-        this.registeredClients.push(client);
-        return client;
-    }
-
-    setEncoderCodec(codec: number) {
-        this.encoderCodec = codec;
-        this.newVoiceBride.setEncoderCodec(codec);
-        this.oldVoiceBridge.setEncoderCodec(codec);
-    }
-
-    setWhisperSessionInitializer(initializer: WhisperSessionInitializer | undefined) {
-        this.newVoiceBride.setWhisperSessionInitializer(initializer);
-        this.oldVoiceBridge.setWhisperSessionInitializer(initializer);
-    }
-
-    startWhisper(target: WhisperTarget): Promise<void> {
-        return this.activeBridge ? this.activeBridge.startWhisper(target) : Promise.reject(tr("voice bridge not connected"));
-    }
-
-    stopAllVoiceReplays() {
-        this.activeBridge?.stopAllVoiceReplays();
-    }
-
-    stopWhisper() {
-        this.oldVoiceBridge?.stopWhisper();
-        this.newVoiceBride?.stopWhisper();
-    }
-
-    unregisterVoiceClient(client: VoiceClient) {
-        if(!(client instanceof ProxiedVoiceClient)) {
-            throw tr("invalid voice client");
-        }
-
-        const index = this.registeredClients.indexOf(client);
-        if(index === -1) { return; }
-
-        this.registeredClients.splice(index, 1);
-        if(client.handle) {
-            this.activeBridge?.unregisterVoiceClient(client.handle);
-        }
-    }
-
-    voiceRecorder(): RecorderProfile {
-        return this.currentRecorder;
-    }
-}
\ No newline at end of file
diff --git a/web/app/connection/ServerConnection.ts b/web/app/connection/ServerConnection.ts
index d959dfb0..b7f20eb3 100644
--- a/web/app/connection/ServerConnection.ts
+++ b/web/app/connection/ServerConnection.ts
@@ -19,12 +19,11 @@ import {parseCommand} from "tc-backend/web/connection/CommandParser";
 import {ServerAddress} from "tc-shared/tree/Server";
 import {RtpVoiceConnection} from "tc-backend/web/voice/Connection";
 import {VideoConnection} from "tc-shared/connection/VideoConnection";
-import {VoiceConnection} from "tc-backend/web/legacy/voice/VoiceHandler";
-import {LegacySupportVoiceBridge} from "tc-backend/web/connection/LegacySupportVoiceBridge";
 import {ServerFeature} from "tc-shared/connection/ServerFeatures";
 import {RTCConnection} from "tc-shared/connection/rtc/Connection";
 import {RtpVideoConnection} from "tc-shared/connection/rtc/video/Connection";
 import { tr } from "tc-shared/i18n/localize";
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
 
 class ReturnListener<T> {
     resolve: (value?: T | PromiseLike<T>) => void;
@@ -51,10 +50,6 @@ export class ServerConnection extends AbstractServerConnection {
     private voiceConnection: RtpVoiceConnection;
     private videoConnection: RtpVideoConnection;
 
-    /* legacy */
-    private oldVoiceConnection: VoiceConnection;
-    private legacyVoiceConnection: LegacySupportVoiceBridge;
-
     private pingStatistics = {
         thread_id: 0,
 
@@ -82,9 +77,6 @@ export class ServerConnection extends AbstractServerConnection {
         this.rtcConnection = new RTCConnection(this, true);
         this.voiceConnection = new RtpVoiceConnection(this, this.rtcConnection);
         this.videoConnection = new RtpVideoConnection(this.rtcConnection);
-
-        this.oldVoiceConnection = new VoiceConnection(this);
-        this.legacyVoiceConnection = new LegacySupportVoiceBridge(this, this.oldVoiceConnection, this.voiceConnection);
     }
 
     destroy() {
@@ -115,11 +107,6 @@ export class ServerConnection extends AbstractServerConnection {
             this.voiceConnection && this.voiceConnection.destroy();
             this.voiceConnection = undefined;
 
-            this.oldVoiceConnection?.destroy();
-            this.oldVoiceConnection = undefined;
-
-            this.legacyVoiceConnection = undefined;
-
             this.commandHandlerBoss && this.commandHandlerBoss.destroy();
             this.commandHandlerBoss = undefined;
 
@@ -379,8 +366,6 @@ export class ServerConnection extends AbstractServerConnection {
                     this.events.fire("notify_ping_updated", { newPing: this.ping() });
                     //logDebug(LogCategory.NETWORKING, tr("Received new pong. Updating ping to: JS: %o Native: %o"), this._ping.value.toFixed(3), this._ping.value_native.toFixed(3));
                 }
-            } else if(json["type"] === "WebRTC") {
-                this.oldVoiceConnection?.handleControlPacket(json);
             } else {
                 logWarn(LogCategory.NETWORKING, tr("Unknown command type %o"), json["type"]);
             }
@@ -409,22 +394,12 @@ export class ServerConnection extends AbstractServerConnection {
             }
 
             if(this.client.serverFeatures.supportsFeature(ServerFeature.VIDEO, 1)) {
-                this.legacyVoiceConnection.setVoiceBridge("new").then(() => {
-                    this.rtcConnection.doInitialSetup();
-                }).catch(error => {
-                    logError(LogCategory.VOICE, tr("Failed to setup the voice bridge: %o"), error);
-                    /* FIXME: Some kind of error modal? */
-                });
+                this.rtcConnection.doInitialSetup();
             } else{
                 /* old voice connection */
-                logDebug(LogCategory.NETWORKING, tr("Using legacy voice connection for TeaSpeak server bellow 1.4.5"));
-                this.legacyVoiceConnection.setVoiceBridge("old").then(() => {
-                    this.oldVoiceConnection.startVoiceBridge();
-                    this.rtcConnection.setNotSupported();
-                }).catch(error => {
-                    logError(LogCategory.VOICE, tr("Failed to setup the old voice bridge: %o"), error);
-                    /* FIXME: Some kind of error modal? */
-                });
+                logDebug(LogCategory.NETWORKING, tr("Using legacy voice connection for TeaSpeak server bellow 1.5"));
+                createErrorModal(tr("Server outdated"), tr("Please update your server in order to use the WebClient")).open();
+                this.rtcConnection.setNotSupported();
             }
         });
     }
@@ -487,7 +462,7 @@ export class ServerConnection extends AbstractServerConnection {
     }
 
     getVoiceConnection(): AbstractVoiceConnection {
-        return this.legacyVoiceConnection;
+        return this.voiceConnection;
     }
 
     getVideoConnection(): VideoConnection {
diff --git a/web/app/legacy/audio-lib/AudioClient.ts b/web/app/legacy/audio-lib/AudioClient.ts
deleted file mode 100644
index 1c7ccbbe..00000000
--- a/web/app/legacy/audio-lib/AudioClient.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import {AudioLibrary} from "./index";
-import {LogCategory, logWarn} from "tc-shared/log";
-import { tr } from "tc-shared/i18n/localize";
-
-export class AudioClient {
-    private readonly handle: AudioLibrary;
-    private readonly clientId: number;
-    public callback_decoded: (buffer: AudioBuffer) => void;
-    public callback_ended: () => void;
-
-    constructor(handle: AudioLibrary, clientId: number) {
-        this.handle = handle;
-        this.clientId = clientId;
-    }
-
-    async initialize() { }
-
-    destroy() {
-        this.callback_ended = undefined;
-        this.callback_decoded = undefined;
-        this.handle.destroyClient(this.clientId);
-    }
-
-    enqueueBuffer(buffer: Uint8Array, packetId: number, codec: number, head: boolean) {
-        this.handle.getWorker().executeThrow("enqueue-audio-packet", {
-            clientId: this.clientId,
-
-            codec: codec,
-            packetId: packetId,
-            head: head,
-
-            buffer: buffer.buffer,
-            byteLength: buffer.byteLength,
-            byteOffset: buffer.byteOffset,
-        }, 5000, [buffer.buffer]).catch(error => {
-            logWarn(LogCategory.AUDIO, tr("Failed to enqueue audio buffer for audio client %d: %o"), this.clientId, error);
-        });
-    }
-}
\ No newline at end of file
diff --git a/web/app/legacy/audio-lib/WorkerMessages.ts b/web/app/legacy/audio-lib/WorkerMessages.ts
deleted file mode 100644
index 5c41545c..00000000
--- a/web/app/legacy/audio-lib/WorkerMessages.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-/* from handle to worker */
-export interface AWCommand {
-    "initialize": {},
-
-    "create-client": {},
-    "enqueue-audio-packet": {
-        clientId: number,
-        packetId: number,
-        codec: number,
-        head: boolean,
-
-        buffer: ArrayBuffer,
-        byteLength: number,
-        byteOffset: number,
-    },
-    "destroy-client": {
-        clientId: number
-    }
-}
-
-/* from worker to handle */
-export interface AWCommandResponse {
-    "create-client-result": { clientId: number }
-}
-
-export interface AWMessageRelations {
-    "initialize": void,
-
-    "create-client": "create-client-result",
-    "create-client-result": never,
-
-    "enqueue-audio-packet": void,
-    "destroy-client": void
-}
-
-/* host to worker notifies */
-export interface AWNotifies {}
-
-/* worker to host notifies */
-export interface AWNotifiesWorker {
-    "notify-decoded-audio": {
-        clientId: number,
-
-        buffer: ArrayBuffer,
-        byteLength: number,
-        byteOffset: number,
-
-        channelCount: number,
-        sampleRate: number
-    }
-}
\ No newline at end of file
diff --git a/web/app/legacy/audio-lib/index.ts b/web/app/legacy/audio-lib/index.ts
deleted file mode 100644
index 9ae5a2fe..00000000
--- a/web/app/legacy/audio-lib/index.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import {WorkerOwner} from "tc-shared/workers/WorkerOwner";
-import {
-    AWCommand,
-    AWCommandResponse,
-    AWMessageRelations,
-    AWNotifies,
-    AWNotifiesWorker
-} from "./WorkerMessages";
-import {AudioClient} from "./AudioClient";
-import {LogCategory, logWarn} from "tc-shared/log";
-import * as loader from "tc-loader";
-import {Stage} from "tc-loader";
-import { tr } from "tc-shared/i18n/localize";
-
-export type AudioLibraryWorker = WorkerOwner<AWCommand, AWCommandResponse, AWMessageRelations, AWNotifies, AWNotifiesWorker>;
-export class AudioLibrary {
-    private readonly worker: AudioLibraryWorker;
-    private registeredClients: {[key: number]: AudioClient} = {};
-
-    constructor() {
-        this.worker = new WorkerOwner(AudioLibrary.spawnNewWorker);
-    }
-
-    private static spawnNewWorker() : Worker {
-        /* 
-         * Attention don't use () => new Worker(...). 
-         * This confuses the worker plugin and will not emit any modules
-         */
-        return new Worker("./worker/index.ts", { type: "module" });
-    }
-
-    async initialize() {
-        await this.worker.spawnWorker();
-        await this.worker.executeThrow("initialize", {}, 10000);
-
-        this.worker.registerNotifyHandler("notify-decoded-audio", payload => {
-            if(payload.channelCount === 0 || payload.byteLength === 0) {
-                this.registeredClients[payload.clientId]?.callback_ended();
-                return;
-            }
-
-            let buffer = new Float32Array(payload.buffer, payload.byteOffset, payload.byteLength / 4);
-            let audioBuffer = new AudioBuffer({ length: buffer.length / payload.channelCount, numberOfChannels: payload.channelCount, sampleRate: payload.sampleRate });
-            for(let channel = 0; channel < payload.channelCount; channel++) {
-                audioBuffer.copyToChannel(buffer.subarray(channel * audioBuffer.length), channel);
-            }
-
-            this.registeredClients[payload.clientId]?.callback_decoded(audioBuffer);
-        });
-    }
-
-    async createClient() {
-        const { clientId } = await this.worker.executeThrow("create-client", {}, 5000);
-        const wrapper = new AudioClient(this, clientId);
-        try {
-            await wrapper.initialize();
-        } catch (error) {
-            this.worker.executeThrow("destroy-client", { clientId: clientId }).catch(error => {
-                logWarn(LogCategory.AUDIO, tr("Failed to destroy client after a failed initialialization: %o"), error);
-            });
-            throw error;
-        }
-        this.registeredClients[clientId] = wrapper;
-        return wrapper;
-    }
-
-    destroyClient(clientId: number) {
-        delete this.registeredClients[clientId];
-        this.worker.execute("destroy-client", { clientId: clientId }).then(result => {
-            if(result.success === false) {
-                logWarn(LogCategory.AUDIO, tr("Failed to destroy audio client %d: %s"), clientId, result.error);
-            }
-        });
-    }
-
-    getWorker() : AudioLibraryWorker {
-        return this.worker;
-    }
-}
-
-let audioLibrary: AudioLibrary;
-
-export function getAudioLibrary() {
-    return audioLibrary;
-}
-
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "audio lib init",
-    priority: 10,
-    function: async () => {
-        audioLibrary = new AudioLibrary();
-        try {
-            await audioLibrary.initialize();
-        } catch (error) {
-            loader.critical_error("Audio library initialisation failed", "Lookup the console for more details");
-            throw error;
-        }
-    }
-});
\ No newline at end of file
diff --git a/web/app/legacy/audio-lib/worker/async_require.d.ts b/web/app/legacy/audio-lib/worker/async_require.d.ts
deleted file mode 100644
index 112923cf..00000000
--- a/web/app/legacy/audio-lib/worker/async_require.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import * as lib from "tc-backend/audio-lib/index";
-
-export type AudioLibrary = (typeof lib) & {
-    memory: WebAssembly.Memory
-}
-
-export function getAudioLibraryInstance() : Promise<AudioLibrary>;
\ No newline at end of file
diff --git a/web/app/legacy/audio-lib/worker/async_require.js b/web/app/legacy/audio-lib/worker/async_require.js
deleted file mode 100644
index fb03e8bb..00000000
--- a/web/app/legacy/audio-lib/worker/async_require.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/*
- * This is more a hack than any thing else.
- * TypeScript can't keep the async import statements, but we require it to initialize the wasm object...
- */
-module.exports = {
-    getAudioLibraryInstance() {
-        return import("tc-backend/audio-lib/index_bg.wasm").then(wasm => {
-            return import("tc-backend/audio-lib/index").then(pkg => {
-                return Object.assign(pkg, { memory: wasm.memory });
-            });
-        });
-    }
-};
\ No newline at end of file
diff --git a/web/app/legacy/audio-lib/worker/index.ts b/web/app/legacy/audio-lib/worker/index.ts
deleted file mode 100644
index 71221958..00000000
--- a/web/app/legacy/audio-lib/worker/index.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-// @ts-ignore
-__webpack_public_path__ = './';
-
-import {WorkerHandler} from "tc-shared/workers/WorkerHandler";
-import {
-    AWCommand,
-    AWCommandResponse,
-    AWMessageRelations,
-    AWNotifies,
-    AWNotifiesWorker
-} from "../WorkerMessages";
-
-import {AudioLibrary, getAudioLibraryInstance} from "./async_require";
-
-/*
- * Fix since rust wasm is used to run in normal space, not as worker.
- */
-(self as any).Window = (self as any).DedicatedWorkerGlobalScope;
-
-let audioLibrary: AudioLibrary;
-export async function initializeAudioLib() {
-    audioLibrary = await getAudioLibraryInstance();
-
-    const error = audioLibrary.initialize();
-    if(typeof error === "string") {
-        console.error("Failed to initialize the audio lib: %s", error);
-    }
-}
-
-const workerHandler = new WorkerHandler<AWCommand, AWCommandResponse, AWMessageRelations, AWNotifies, AWNotifiesWorker>();
-workerHandler.initialize();
-
-workerHandler.registerMessageHandler("create-client", () => {
-    const client = audioLibrary.audio_client_create();
-    audioLibrary.audio_client_buffer_callback(client, (ptr, samples, channels) => {
-        try {
-            const sendBuffer = new Uint8Array(samples * channels * 4);
-            sendBuffer.set(new Uint8Array(audioLibrary.memory.buffer, ptr, samples * channels * 4));
-
-            workerHandler.notify("notify-decoded-audio", {
-                buffer: sendBuffer.buffer,
-                byteLength: sendBuffer.byteLength,
-                byteOffset: sendBuffer.byteOffset,
-                clientId: client,
-
-                sampleRate: 48000,
-                channelCount: channels
-            });
-        } catch (error) {
-            console.error(error);
-        }
-    });
-
-    return {
-        clientId: client
-    }
-});
-
-workerHandler.registerMessageHandler("destroy-client", payload => {
-    audioLibrary.audio_client_destroy(payload.clientId);
-})
-
-workerHandler.registerMessageHandler("initialize", async () => {
-    await initializeAudioLib();
-})
-
-workerHandler.registerMessageHandler("enqueue-audio-packet", payload => {
-    audioLibrary.audio_client_enqueue_buffer(payload.clientId, new Uint8Array(payload.buffer, payload.byteOffset, payload.byteLength), payload.packetId, payload.codec, payload.head);
-});
\ No newline at end of file
diff --git a/web/app/legacy/voice/AudioResampler.ts b/web/app/legacy/voice/AudioResampler.ts
deleted file mode 100644
index f14c5f46..00000000
--- a/web/app/legacy/voice/AudioResampler.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import {LogCategory, logWarn} from "tc-shared/log";
-import { tr } from "tc-shared/i18n/localize";
-
-const OfflineAudioContext = window.webkitOfflineAudioContext || window.OfflineAudioContext;
-export class AudioResampler {
-    private readonly targetSampleRate: number;
-    private readonly isPromiseResponse: boolean;
-
-    constructor(targetSampleRate: number){
-        this.targetSampleRate = targetSampleRate;
-        this.isPromiseResponse = navigator.browserSpecs.name != 'Safari';
-
-        if(this.targetSampleRate < 3000 || this.targetSampleRate > 384000) {
-            throw tr("The target sample rate is outside the range [3000, 384000].");
-        }
-    }
-
-    getTargetSampleRate() : number {
-        return this.targetSampleRate;
-    }
-
-    async resample(buffer: AudioBuffer) : Promise<AudioBuffer> {
-        if(!buffer) {
-            logWarn(LogCategory.AUDIO, tr("Received empty buffer as input! Returning empty output!"));
-            return buffer;
-        }
-
-        if(buffer.sampleRate == this.targetSampleRate) {
-            return buffer;
-        }
-
-        const context = new OfflineAudioContext(
-            buffer.numberOfChannels,
-            Math.ceil(buffer.length * this.targetSampleRate / buffer.sampleRate),
-            this.targetSampleRate
-        );
-
-        let source = context.createBufferSource();
-        source.buffer = buffer;
-        source.connect(context.destination);
-        source.start(0);
-
-        if(this.isPromiseResponse) {
-            return await context.startRendering();
-        } else {
-            return await new Promise<AudioBuffer>((resolve, reject) => {
-                context.oncomplete = event => resolve(event.renderedBuffer);
-                try {
-                    context.startRendering();
-                } catch (ex) {
-                    reject(ex);
-                }
-            });
-        }
-    }
-}
\ No newline at end of file
diff --git a/web/app/legacy/voice/VoiceClient.ts b/web/app/legacy/voice/VoiceClient.ts
deleted file mode 100644
index cf3c2abf..00000000
--- a/web/app/legacy/voice/VoiceClient.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {VoiceClient} from "tc-shared/voice/VoiceClient";
-import {WebVoicePlayer} from "./VoicePlayer";
-
-export class VoiceClientController extends WebVoicePlayer implements VoiceClient {
-    private readonly clientId: number;
-
-    constructor(clientId) {
-        super();
-        this.clientId = clientId;
-    }
-
-    getClientId(): number {
-        return this.clientId;
-    }
-}
\ No newline at end of file
diff --git a/web/app/legacy/voice/VoiceHandler.ts b/web/app/legacy/voice/VoiceHandler.ts
deleted file mode 100644
index d799ecb2..00000000
--- a/web/app/legacy/voice/VoiceHandler.ts
+++ /dev/null
@@ -1,547 +0,0 @@
-import * as log from "tc-shared/log";
-import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
-import * as aplayer from "../../audio/player";
-import {ServerConnection} from "../../connection/ServerConnection";
-import {RecorderProfile} from "tc-shared/voice/RecorderProfile";
-import {VoiceClientController} from "./VoiceClient";
-import {tr} from "tc-shared/i18n/localize";
-import {
-    AbstractVoiceConnection,
-    VoiceConnectionStatus,
-    WhisperSessionInitializer
-} from "tc-shared/connection/VoiceConnection";
-import {createErrorModal} from "tc-shared/ui/elements/Modal";
-import {ConnectionStatistics, ServerConnectionEvents} from "tc-shared/connection/ConnectionBase";
-import {ConnectionState} from "tc-shared/ConnectionHandler";
-import {VoiceBridge, VoicePacket, VoiceWhisperPacket} from "./bridge/VoiceBridge";
-import {NativeWebRTCVoiceBridge} from "./bridge/NativeWebRTCVoiceBridge";
-import {
-    kUnknownWhisperClientUniqueId,
-    WhisperSession,
-    WhisperSessionState,
-    WhisperTarget
-} from "tc-shared/voice/VoiceWhisper";
-import {VoiceClient} from "tc-shared/voice/VoiceClient";
-import {WebWhisperSession} from "./VoiceWhisper";
-import {VoicePlayerState} from "tc-shared/voice/VoicePlayer";
-
-type CancelableWhisperTarget = WhisperTarget & { canceled: boolean };
-
-export class VoiceConnection extends AbstractVoiceConnection {
-    readonly connection: ServerConnection;
-
-    private readonly serverConnectionStateListener;
-    private connectionState: VoiceConnectionStatus;
-    private failedConnectionMessage: string;
-
-    private localAudioStarted = false;
-    private connectionLostModalOpen = false;
-
-    private connectAttemptCounter = 0;
-    private awaitingAudioInitialize = false;
-
-    private currentAudioSource: RecorderProfile;
-    private voiceClients: {[key: number]: VoiceClientController} = {};
-
-    private whisperSessionInitializer: WhisperSessionInitializer;
-    private whisperSessions: {[key: number]: WebWhisperSession} = {};
-
-    private whisperTarget: CancelableWhisperTarget | undefined;
-    private whisperTargetInitialize: Promise<void>;
-
-    private voiceBridge: VoiceBridge;
-
-    private encoderCodec: number = 5;
-
-    private lastConnectAttempt: number = 0;
-
-    private currentlyReplayingVoice: boolean = false;
-    private readonly voiceClientStateChangedEventListener;
-    private readonly whisperSessionStateChangedEventListener;
-
-    constructor(connection: ServerConnection) {
-        super(connection);
-
-        this.setWhisperSessionInitializer(undefined);
-
-        this.connectionState = VoiceConnectionStatus.Disconnected;
-
-        this.connection = connection;
-        this.connection.events.on("notify_connection_state_changed",
-            this.serverConnectionStateListener = this.handleServerConnectionStateChanged.bind(this));
-
-        this.voiceClientStateChangedEventListener = this.handleVoiceClientStateChange.bind(this);
-        this.whisperSessionStateChangedEventListener = this.handleWhisperSessionStateChange.bind(this);
-    }
-
-    getConnectionState(): VoiceConnectionStatus {
-        return this.connectionState;
-    }
-
-    getFailedMessage(): string {
-        return this.failedConnectionMessage;
-    }
-
-    getRetryTimestamp(): number | 0 {
-        return 0;
-    }
-
-    destroy() {
-        this.connection.events.off(this.serverConnectionStateListener);
-        this.dropVoiceBridge();
-        this.acquireVoiceRecorder(undefined, true).catch(error => {
-            logWarn(LogCategory.VOICE, tr("Failed to release voice recorder: %o"), error);
-        }).then(() => {
-            for(const client of Object.keys(this.voiceClients).map(clientId => this.voiceClients[clientId]))  {
-                client.abortReplay();
-            }
-            this.voiceClients = undefined;
-            this.currentAudioSource = undefined;
-        });
-        if(Object.keys(this.voiceClients).length !== 0) {
-            logWarn(LogCategory.AUDIO, tr("Voice connection will be destroyed, but some voice clients are still left (%d)."), Object.keys(this.voiceClients).length);
-        }
-        const whisperSessions = Object.keys(this.whisperSessions);
-        whisperSessions.forEach(session => this.whisperSessions[session].destroy());
-        this.whisperSessions = {};
-
-        this.events.destroy();
-    }
-
-    reset() {
-        this.dropVoiceBridge();
-    }
-
-    async acquireVoiceRecorder(recorder: RecorderProfile | undefined, enforce?: boolean) {
-        if(this.currentAudioSource === recorder && !enforce) {
-            return;
-        }
-
-        if(this.currentAudioSource) {
-            await this.voiceBridge?.setInput(undefined);
-            this.currentAudioSource.callback_unmount = undefined;
-            await this.currentAudioSource.unmount();
-        }
-
-        /* unmount our target recorder */
-        await recorder?.unmount();
-
-        this.handleRecorderStop();
-        const oldRecorder = recorder;
-        this.currentAudioSource = recorder;
-
-        if(recorder) {
-            recorder.current_handler = this.connection.client;
-
-            recorder.callback_unmount = this.handleRecorderUnmount.bind(this);
-            recorder.callback_start = this.handleRecorderStart.bind(this);
-            recorder.callback_stop = this.handleRecorderStop.bind(this);
-
-            recorder.callback_input_initialized = async input => {
-                if(!this.voiceBridge)
-                    return;
-
-                await this.voiceBridge.setInput(input);
-            };
-
-            if(recorder.input && this.voiceBridge) {
-                await this.voiceBridge.setInput(recorder.input);
-            }
-
-            if(!recorder.input || recorder.input.isFiltered()) {
-                this.handleRecorderStop();
-            } else {
-                this.handleRecorderStart();
-            }
-        } else {
-            await this.voiceBridge?.setInput(undefined);
-        }
-
-        this.events.fire("notify_recorder_changed", {
-            oldRecorder: oldRecorder,
-            newRecorder: recorder
-        });
-    }
-
-    public startVoiceBridge() {
-        if(!aplayer.initialized()) {
-            logDebug(LogCategory.VOICE, tr("Audio player isn't initialized yet. Waiting for it to initialize."));
-            if(!this.awaitingAudioInitialize) {
-                this.awaitingAudioInitialize = true;
-                aplayer.on_ready(() => this.startVoiceBridge());
-            }
-            return;
-        }
-
-        if(this.connection.getConnectionState() !== ConnectionState.CONNECTED) {
-            return;
-        }
-
-        this.lastConnectAttempt = Date.now();
-        this.connectAttemptCounter++;
-        if(this.voiceBridge) {
-            this.voiceBridge.callbackDisconnect = undefined;
-            this.voiceBridge.disconnect();
-        }
-
-        this.voiceBridge = new NativeWebRTCVoiceBridge();
-        this.voiceBridge.callback_incoming_voice = packet => this.handleVoicePacket(packet);
-        this.voiceBridge.callback_incoming_whisper = packet => this.handleWhisperPacket(packet);
-        this.voiceBridge.callback_send_control_data = (request, payload) => {
-            this.connection.sendData(JSON.stringify(Object.assign({
-                type: "WebRTC",
-                request: request
-            }, payload)))
-        };
-        this.voiceBridge.callbackDisconnect = () => {
-            this.connection.client.log.log("connection.voice.dropped", { });
-            if(!this.connectionLostModalOpen) {
-                this.connectionLostModalOpen = true;
-                const modal =  createErrorModal(tr("Voice connection lost"), tr("Lost voice connection to the target server. Trying to reconnect..."));
-                modal.close_listener.push(() => this.connectionLostModalOpen = false);
-                modal.open();
-            }
-            logInfo(LogCategory.WEBRTC, tr("Lost voice connection to target server. Trying to reconnect."));
-            this.executeVoiceBridgeReconnect();
-        }
-
-        this.connection.client.log.log("connection.voice.connect", { attemptCount: this.connectAttemptCounter });
-        this.setConnectionState(VoiceConnectionStatus.Connecting);
-        this.voiceBridge.connect().then(result => {
-            if(result.type === "success") {
-                this.lastConnectAttempt = 0;
-                this.connectAttemptCounter = 0;
-
-                this.connection.client.log.log("connection.voice.connect.succeeded", { });
-                const currentInput = this.voiceRecorder()?.input;
-                if(currentInput) {
-                    this.voiceBridge.setInput(currentInput).catch(error => {
-                        createErrorModal(tr("Input recorder attechment failed"), tr("Failed to apply the current microphone recorder to the voice sender.")).open();
-                        logWarn(LogCategory.VOICE, tr("Failed to apply the input to the voice bridge: %o"), error);
-                        this.handleRecorderUnmount();
-                    });
-                }
-
-                this.setConnectionState(VoiceConnectionStatus.Connected);
-            } else if(result.type === "canceled") {
-                /* we've to do nothing here */
-            } else if(result.type === "failed") {
-                let doReconnect = result.allowReconnect && this.connectAttemptCounter < 5;
-                logWarn(LogCategory.VOICE, tr("Failed to setup voice bridge: %s. Reconnect: %o"), result.message, doReconnect);
-
-                this.connection.client.log.log("connection.voice.connect.failed", {
-                    reason: result.message,
-                    reconnect_delay: doReconnect ? 1 : 0
-                });
-
-                if(doReconnect) {
-                    this.executeVoiceBridgeReconnect();
-                } else {
-                    this.failedConnectionMessage = result.message;
-                    this.setConnectionState(VoiceConnectionStatus.Failed);
-                }
-            }
-        });
-    }
-
-    private executeVoiceBridgeReconnect() {
-        /* TODO: May some kind of incremental timeout? */
-        this.startVoiceBridge();
-    }
-
-    private dropVoiceBridge() {
-        if(this.voiceBridge) {
-            this.voiceBridge.callbackDisconnect = undefined;
-            this.voiceBridge.disconnect();
-            this.voiceBridge = undefined;
-        }
-        this.setConnectionState(VoiceConnectionStatus.Disconnected);
-    }
-
-    handleControlPacket(json) {
-        this.voiceBridge.handleControlData(json["request"], json);
-        return;
-    }
-
-    protected handleVoicePacket(packet: VoicePacket) {
-        const chandler = this.connection.client;
-        if(chandler.isSpeakerMuted() || chandler.isSpeakerDisabled()) /* we dont need to do anything with sound playback when we're not listening to it */
-            return;
-
-        let client = this.findVoiceClient(packet.clientId);
-        if(!client) {
-            logError(LogCategory.VOICE, tr("Having voice from unknown audio client? (ClientID: %o)"), packet.clientId);
-            return;
-        }
-
-        client.enqueueAudioPacket(packet.voiceId, packet.codec, packet.head, packet.payload);
-    }
-
-    private handleRecorderStop() {
-        const chandler = this.connection.client;
-        const ch = chandler.getClient();
-        if(ch) ch.speaking = false;
-
-        if(!chandler.connected)
-            return false;
-
-        if(chandler.isMicrophoneMuted())
-            return false;
-
-        logInfo(LogCategory.VOICE, tr("Local voice ended"));
-        this.localAudioStarted = false;
-
-        this.voiceBridge?.sendStopSignal(this.encoderCodec);
-    }
-
-    private handleRecorderStart() {
-        const chandler = this.connection.client;
-        if(chandler.isMicrophoneMuted()) {
-            logWarn(LogCategory.VOICE, tr("Received local voice started event, even thou we're muted!"));
-            return;
-        }
-
-        this.localAudioStarted = true;
-        logInfo(LogCategory.VOICE, tr("Local voice started"));
-
-        const ch = chandler.getClient();
-        if(ch) ch.speaking = true;
-    }
-
-    private handleRecorderUnmount() {
-        logInfo(LogCategory.VOICE, "Lost recorder!");
-        this.currentAudioSource = undefined;
-        this.acquireVoiceRecorder(undefined, true); /* we can ignore the promise because we should finish this directly */
-    }
-
-    private setConnectionState(state: VoiceConnectionStatus) {
-        if(this.connectionState === state)
-            return;
-
-        const oldState = this.connectionState;
-        this.connectionState = state;
-        this.events.fire("notify_connection_status_changed", { newStatus: state, oldStatus: oldState });
-    }
-
-    private handleServerConnectionStateChanged(event: ServerConnectionEvents["notify_connection_state_changed"]) {
-        if(event.newState === ConnectionState.CONNECTED) {
-            /* startVoiceBridge() will be called by the server connection if we're using this old voice bridge */
-            /* this.startVoiceBridge(); */
-        } else {
-            this.connectAttemptCounter = 0;
-            this.lastConnectAttempt = 0;
-            this.dropVoiceBridge();
-        }
-    }
-
-    voiceRecorder(): RecorderProfile {
-        return this.currentAudioSource;
-    }
-
-    availableVoiceClients(): VoiceClient[] {
-        return Object.values(this.voiceClients);
-    }
-
-    findVoiceClient(clientId: number) : VoiceClientController | undefined {
-        return this.voiceClients[clientId];
-    }
-
-    unregisterVoiceClient(client: VoiceClient) {
-        if(!(client instanceof VoiceClientController))
-            throw "Invalid client type";
-
-        client.events.off("notify_state_changed", this.voiceClientStateChangedEventListener);
-        delete this.voiceClients[client.getClientId()];
-        client.destroy();
-    }
-
-    registerVoiceClient(clientId: number): VoiceClient {
-        if(typeof this.voiceClients[clientId] !== "undefined") {
-            throw tr("voice client already registered");
-        }
-
-        const client = new VoiceClientController(clientId);
-        this.voiceClients[clientId] = client;
-        client.events.on("notify_state_changed", this.voiceClientStateChangedEventListener);
-        return client;
-    }
-
-    decodingSupported(codec: number): boolean {
-        return codec >= 4 && codec <= 5;
-    }
-
-    encodingSupported(codec: number): boolean {
-        return codec >= 4 && codec <= 5;
-    }
-
-    getEncoderCodec(): number {
-        return this.encoderCodec;
-    }
-
-    setEncoderCodec(codec: number) {
-        this.encoderCodec = codec;
-    }
-
-    stopAllVoiceReplays() {
-        this.availableVoiceClients().forEach(e => e.abortReplay());
-        /* TODO: Whisper sessions as well */
-    }
-
-    isReplayingVoice(): boolean {
-        return this.currentlyReplayingVoice;
-    }
-
-    private handleVoiceClientStateChange(/* event: VoicePlayerEvents["notify_state_changed"] */) {
-        this.updateVoiceReplaying();
-    }
-
-    private handleWhisperSessionStateChange() {
-        this.updateVoiceReplaying();
-    }
-
-    private updateVoiceReplaying() {
-        let replaying = false;
-        if(this.connectionState === VoiceConnectionStatus.Connected) {
-            let index = this.availableVoiceClients().findIndex(client => client.getState() === VoicePlayerState.PLAYING || client.getState() === VoicePlayerState.BUFFERING);
-            replaying = index !== -1;
-
-            if(!replaying) {
-                index = this.getWhisperSessions().findIndex(session => session.getSessionState() === WhisperSessionState.PLAYING);
-                replaying = index !== -1;
-            }
-        }
-
-        if(this.currentlyReplayingVoice !== replaying) {
-            this.currentlyReplayingVoice = replaying;
-            this.events.fire_later("notify_voice_replay_state_change", { replaying: replaying });
-        }
-    }
-
-    protected handleWhisperPacket(packet: VoiceWhisperPacket) {
-        const clientId = packet.clientId;
-
-        let session = this.whisperSessions[clientId];
-        if(typeof session !== "object") {
-            logDebug(LogCategory.VOICE, tr("Received new whisper from %d (%s)"), packet.clientId, packet.clientNickname);
-            session = (this.whisperSessions[clientId] = new WebWhisperSession(packet));
-            session.events.on("notify_state_changed", this.whisperSessionStateChangedEventListener);
-            this.whisperSessionInitializer(session).then(result => {
-                session.initializeFromData(result).then(() => {
-                    if(this.whisperSessions[clientId] !== session) {
-                        /* seems to be an old session */
-                        return;
-                    }
-                    this.events.fire("notify_whisper_initialized", { session });
-                }).catch(error => {
-                    logError(LogCategory.VOICE, tr("Failed to internally initialize a voice whisper session: %o"), error);
-                    session.setSessionState(WhisperSessionState.INITIALIZE_FAILED);
-                });
-            }).catch(error => {
-                logError(LogCategory.VOICE, tr("Failed to initialize whisper session: %o."), error);
-                session.initializeFailed();
-            });
-
-            session.events.on("notify_timed_out", () => {
-                logTrace(LogCategory.VOICE, tr("Whisper session %d timed out. Dropping session."), session.getClientId());
-                this.dropWhisperSession(session);
-            });
-            this.events.fire("notify_whisper_created", { session: session });
-        }
-
-        session.enqueueWhisperPacket(packet);
-    }
-
-    getWhisperSessions(): WhisperSession[] {
-        return Object.values(this.whisperSessions);
-    }
-
-    dropWhisperSession(session: WhisperSession) {
-        if(!(session instanceof WebWhisperSession)) {
-            throw tr("Session isn't an instance of the web whisper system");
-        }
-
-        session.events.off("notify_state_changed", this.whisperSessionStateChangedEventListener);
-        delete this.whisperSessions[session.getClientId()];
-        session.destroy();
-    }
-
-    setWhisperSessionInitializer(initializer: WhisperSessionInitializer | undefined) {
-        this.whisperSessionInitializer = initializer;
-        if(!this.whisperSessionInitializer) {
-            this.whisperSessionInitializer = async session => {
-                logWarn(LogCategory.VOICE, tr("Missing whisper session initializer. Blocking whisper from %d (%s)"), session.getClientId(), session.getClientUniqueId());
-                return {
-                    clientName: session.getClientName() || tr("Unknown client"),
-                    clientUniqueId: session.getClientUniqueId() || kUnknownWhisperClientUniqueId,
-
-                    blocked: true,
-                    volume: 1,
-
-                    sessionTimeout: 60 * 1000
-                }
-            }
-        }
-    }
-
-    getWhisperSessionInitializer(): WhisperSessionInitializer | undefined {
-        return this.whisperSessionInitializer;
-    }
-
-    async startWhisper(target: WhisperTarget): Promise<void> {
-        while(this.whisperTargetInitialize) {
-            this.whisperTarget.canceled = true;
-            await this.whisperTargetInitialize;
-        }
-
-        this.whisperTarget = Object.assign({ canceled: false }, target);
-        try {
-            await (this.whisperTargetInitialize = this.doStartWhisper(this.whisperTarget));
-        } finally {
-            this.whisperTargetInitialize = undefined;
-        }
-    }
-
-    private async doStartWhisper(target: CancelableWhisperTarget) {
-        if(target.target === "echo") {
-            await this.connection.send_command("setwhispertarget", {
-                type: 0x10, /* self */
-                target: 0,
-                id: 0
-            }, { flagset: ["new"] });
-        } else if(target.target === "channel-clients") {
-            throw "target not yet supported";
-        } else if(target.target === "groups") {
-            throw "target not yet supported";
-        } else {
-            throw "target not yet supported";
-        }
-
-        if(target.canceled) {
-            return;
-        }
-
-        this.voiceBridge.startWhispering();
-    }
-
-    getWhisperTarget(): WhisperTarget | undefined {
-        return this.whisperTarget;
-    }
-
-    stopWhisper() {
-        if(this.whisperTarget) {
-            this.whisperTarget.canceled = true;
-            this.whisperTargetInitialize = undefined;
-            this.connection.send_command("clearwhispertarget").catch(error => {
-                logWarn(LogCategory.CLIENT, tr("Failed to clear the whisper target: %o"), error);
-            });
-        }
-        this.voiceBridge?.stopWhispering();
-    }
-
-    async getConnectionStats(): Promise<ConnectionStatistics> {
-        return {
-            bytesSend: 0,
-            bytesReceived: 0
-        };
-    }
-}
\ No newline at end of file
diff --git a/web/app/legacy/voice/VoicePlayer.ts b/web/app/legacy/voice/VoicePlayer.ts
deleted file mode 100644
index a7f45106..00000000
--- a/web/app/legacy/voice/VoicePlayer.ts
+++ /dev/null
@@ -1,293 +0,0 @@
-import {
-    VoicePlayer,
-    VoicePlayerEvents,
-    VoicePlayerLatencySettings,
-    VoicePlayerState
-} from "tc-shared/voice/VoicePlayer";
-import {AudioClient} from "../audio-lib/AudioClient";
-import {AudioResampler} from "./AudioResampler";
-import {Registry} from "tc-shared/events";
-import * as aplayer from "tc-backend/web/audio/player";
-import {getAudioLibrary} from "../audio-lib";
-import {LogCategory, logDebug, logError, logWarn} from "tc-shared/log";
-import { tr } from "tc-shared/i18n/localize";
-
-const kDefaultLatencySettings = {
-    minBufferTime: 60,
-    maxBufferTime: 400
-} as VoicePlayerLatencySettings;
-
-export class WebVoicePlayer implements VoicePlayer {
-    public readonly events: Registry<VoicePlayerEvents>;
-
-    private speakerContext: AudioContext;
-    private gainNode: GainNode;
-
-    private playerState = VoicePlayerState.STOPPED;
-
-    private currentPlaybackTime: number = 0;
-    private bufferTimeout: number;
-
-    private bufferQueueTime: number = 0;
-    private bufferQueue: AudioBuffer[] = [];
-    private playingNodes: AudioBufferSourceNode[] = [];
-
-    private currentVolume: number = 1;
-    private latencySettings: VoicePlayerLatencySettings;
-
-    private audioInitializePromise: Promise<void>;
-    private audioClient: AudioClient;
-    private resampler: AudioResampler;
-
-    constructor() {
-        this.events = new Registry<VoicePlayerEvents>();
-
-        this.resampler = new AudioResampler(48000);
-        aplayer.on_ready(() => {
-            this.speakerContext = aplayer.context();
-            this.gainNode = aplayer.context().createGain();
-            this.gainNode.connect(this.speakerContext.destination);
-            this.gainNode.gain.value = this.currentVolume;
-            this.initializeAudio();
-        });
-
-        this.resetLatencySettings();
-        this.setPlayerState(VoicePlayerState.STOPPED);
-    }
-
-    abortReplay() {
-        this.stopAudio(true);
-    }
-
-    flushBuffer() {
-        this.bufferQueue = [];
-        this.bufferQueueTime = 0;
-
-        for(const entry of this.playingNodes) {
-            entry.stop(0);
-        }
-        this.playingNodes = [];
-    }
-
-    getState(): VoicePlayerState {
-        return this.playerState;
-    }
-
-    getVolume(): number {
-        return this.currentVolume;
-    }
-
-    setVolume(volume: number) {
-        if(this.currentVolume == volume) {
-            return;
-        }
-
-        this.currentVolume = volume;
-        if(this.gainNode) {
-            this.gainNode.gain.value = volume;
-        }
-    }
-
-    getLatencySettings(): Readonly<VoicePlayerLatencySettings> {
-        return this.latencySettings;
-    }
-
-    setLatencySettings(settings: VoicePlayerLatencySettings) {
-        this.latencySettings = settings
-    }
-
-    resetLatencySettings() {
-        this.latencySettings = kDefaultLatencySettings;
-    }
-
-    enqueueAudioPacket(packetId: number, codec: number, head: boolean, buffer: Uint8Array) {
-        if(!this.audioClient) {
-            return;
-        } else {
-
-            this.initializeAudio().then(() => {
-                if(!this.audioClient) {
-                    /* we've already been destroyed */
-                    return;
-                }
-
-                this.audioClient.enqueueBuffer(buffer, packetId, codec, head);
-            });
-        }
-    }
-
-    destroy() {
-        this.audioClient?.destroy();
-        this.audioClient = undefined;
-        this.events.destroy();
-    }
-
-    private initializeAudio() : Promise<void> {
-        if(this.audioInitializePromise) {
-            return this.audioInitializePromise;
-        }
-
-        this.audioInitializePromise = (async () => {
-            this.audioClient = await getAudioLibrary().createClient();
-            this.audioClient.callback_decoded = buffer => {
-                this.resampler.resample(buffer).then(buffer => {
-                    this.playbackAudioBuffer(buffer);
-                });
-            }
-            this.audioClient.callback_ended = () => {
-                this.stopAudio(false);
-            };
-        })();
-        return this.audioInitializePromise;
-    }
-
-    playbackAudioBuffer(buffer: AudioBuffer) {
-        if(!buffer) {
-            logWarn(LogCategory.VOICE, tr("[AudioController] Got empty or undefined buffer! Dropping it"));
-            return;
-        }
-
-        if(!this.speakerContext) {
-            logWarn(LogCategory.VOICE, tr("[AudioController] Failed to replay audio. Global audio context not initialized yet!"));
-            return;
-        }
-
-        if (buffer.sampleRate != this.speakerContext.sampleRate) {
-            logWarn(LogCategory.VOICE, tr("[AudioController] Source sample rate isn't equal to playback sample rate! (%o | %o)"), buffer.sampleRate, this.speakerContext.sampleRate);
-        }
-
-        if(this.playerState == VoicePlayerState.STOPPED || this.playerState == VoicePlayerState.STOPPING) {
-            logDebug(LogCategory.VOICE, tr("[Audio] Starting new playback"));
-            this.setPlayerState(VoicePlayerState.PREBUFFERING);
-        }
-
-        if(this.playerState === VoicePlayerState.PREBUFFERING || this.playerState === VoicePlayerState.BUFFERING) {
-            this.resetBufferTimeout(true);
-            this.bufferQueue.push(buffer);
-            this.bufferQueueTime += buffer.duration;
-            if(this.bufferQueueTime <= this.latencySettings.minBufferTime / 1000) {
-                return;
-            }
-
-            /* finished buffering */
-            if(this.playerState == VoicePlayerState.PREBUFFERING) {
-                logDebug(LogCategory.VOICE, tr("[Audio] Prebuffering succeeded (Replaying now)"));
-            } else {
-                logDebug(LogCategory.VOICE, tr("[Audio] Buffering succeeded (Replaying now)"));
-            }
-
-            this.gainNode.gain.value = 0;
-            this.gainNode.gain.linearRampToValueAtTime(this.currentVolume, this.speakerContext.currentTime + .1);
-
-            this.replayBufferQueue();
-            this.setPlayerState(VoicePlayerState.PLAYING);
-        } else if(this.playerState === VoicePlayerState.PLAYING) {
-            const latency = this.getCurrentPlaybackLatency();
-            if(latency > (this.latencySettings.maxBufferTime / 1000)) {
-                logWarn(LogCategory.VOICE, tr("Dropping replay buffer because of too high replay latency. (Current: %f, Max: %f)"),
-                    latency.toFixed(3), (this.latencySettings.maxBufferTime / 1000).toFixed(3));
-                return;
-            }
-            this.enqueueBufferForPayback(buffer);
-        } else {
-            logError(LogCategory.AUDIO, tr("This block should be unreachable!"));
-            return;
-        }
-    }
-
-    getCurrentPlaybackLatency() {
-        return Math.max(this.currentPlaybackTime - this.speakerContext.currentTime, 0);
-    }
-
-    stopAudio(abortPlayback: boolean) {
-        if(abortPlayback) {
-            this.setPlayerState(VoicePlayerState.STOPPED);
-            this.flushBuffer();
-        } else {
-            this.setPlayerState(VoicePlayerState.STOPPING);
-
-            /* replay all pending buffers */
-            this.replayBufferQueue();
-
-            /* test if there are any buffers which are currently played, if not the state will change to stopped */
-            this.testReplayState();
-        }
-    }
-
-    private replayBufferQueue() {
-        for(const buffer of this.bufferQueue)
-            this.enqueueBufferForPayback(buffer);
-        this.bufferQueue = [];
-        this.bufferQueueTime = 0;
-    }
-
-    private enqueueBufferForPayback(buffer: AudioBuffer) {
-        /* advance the playback time index, we seem to be behind a bit */
-        if(this.currentPlaybackTime < this.speakerContext.currentTime)
-            this.currentPlaybackTime = this.speakerContext.currentTime;
-
-        const player = this.speakerContext.createBufferSource();
-        player.buffer = buffer;
-
-        player.onended = () => this.handleBufferPlaybackEnded(player);
-        this.playingNodes.push(player);
-
-        player.connect(this.gainNode);
-        player.start(this.currentPlaybackTime);
-
-        this.currentPlaybackTime += buffer.duration;
-    }
-
-    private handleBufferPlaybackEnded(node: AudioBufferSourceNode) {
-        this.playingNodes.remove(node);
-        this.testReplayState();
-    }
-
-    private testReplayState() {
-        if(this.bufferQueue.length > 0 || this.playingNodes.length > 0) {
-            return;
-        }
-
-        if(this.playerState === VoicePlayerState.STOPPING) {
-            /* All buffers have been replayed successfully */
-            this.setPlayerState(VoicePlayerState.STOPPED);
-        } else if(this.playerState === VoicePlayerState.PLAYING) {
-            logDebug(LogCategory.VOICE, tr("Voice player has a buffer underflow. Changing state to buffering."));
-            this.setPlayerState(VoicePlayerState.BUFFERING);
-            this.resetBufferTimeout(true);
-        }
-    }
-
-    /***
-     * Schedule a new buffer timeout.
-     * The buffer timeout is used to playback even small amounts of audio, which are less than the min. buffer size.
-     * @param scheduleNewTimeout
-     * @private
-     */
-    private resetBufferTimeout(scheduleNewTimeout: boolean) {
-        clearTimeout(this.bufferTimeout);
-
-        if(scheduleNewTimeout) {
-            this.bufferTimeout = setTimeout(() => {
-                if(this.playerState == VoicePlayerState.PREBUFFERING || this.playerState == VoicePlayerState.BUFFERING) {
-                    logWarn(LogCategory.VOICE, tr("[Audio] Buffering exceeded timeout. Flushing and stopping replay."));
-                    this.stopAudio(false);
-                }
-                this.bufferTimeout = undefined;
-            }, 1000);
-        }
-    }
-
-    private setPlayerState(state: VoicePlayerState) {
-        if(this.playerState === state) {
-            return;
-        }
-
-        const oldState = this.playerState;
-        this.playerState = state;
-        this.events.fire("notify_state_changed", {
-            oldState: oldState,
-            newState: state
-        });
-    }
-}
\ No newline at end of file
diff --git a/web/app/legacy/voice/VoiceWhisper.ts b/web/app/legacy/voice/VoiceWhisper.ts
deleted file mode 100644
index 759583ee..00000000
--- a/web/app/legacy/voice/VoiceWhisper.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import {WhisperSession, WhisperSessionEvents, WhisperSessionState} from "tc-shared/voice/VoiceWhisper";
-import {Registry} from "tc-shared/events";
-import {VoicePlayer, VoicePlayerState} from "tc-shared/voice/VoicePlayer";
-import {WhisperSessionInitializeData} from "tc-shared/connection/VoiceConnection";
-import {VoiceWhisperPacket} from "./bridge/VoiceBridge";
-import {WebVoicePlayer} from "./VoicePlayer";
-
-const kMaxUninitializedBuffers = 10;
-export class WebWhisperSession implements WhisperSession {
-    readonly events: Registry<WhisperSessionEvents>;
-    private readonly clientId: number;
-
-    private clientName: string;
-    private clientUniqueId: string;
-
-    private sessionState: WhisperSessionState;
-    private sessionBlocked: boolean;
-
-    private sessionTimeout: number;
-    private sessionTimeoutId: number;
-
-    private lastWhisperTimestamp: number;
-    private packetBuffer: VoiceWhisperPacket[] = [];
-
-    private voicePlayer: WebVoicePlayer;
-
-    constructor(initialPacket: VoiceWhisperPacket) {
-        this.events = new Registry<WhisperSessionEvents>();
-        this.clientId = initialPacket.clientId;
-        this.clientName = initialPacket.clientNickname;
-        this.clientUniqueId = initialPacket.clientUniqueId;
-        this.sessionState = WhisperSessionState.INITIALIZING;
-    }
-
-    getClientId(): number {
-        return this.clientId;
-    }
-
-    getClientName(): string | undefined {
-        return this.clientName;
-    }
-
-    getClientUniqueId(): string | undefined {
-        return this.clientUniqueId;
-    }
-
-    getLastWhisperTimestamp(): number {
-        return this.lastWhisperTimestamp;
-    }
-
-    getSessionState(): WhisperSessionState {
-        return this.sessionState;
-    }
-
-    getSessionTimeout(): number {
-        return this.sessionTimeout;
-    }
-
-    getVoicePlayer(): VoicePlayer | undefined {
-        return this.voicePlayer;
-    }
-
-    setSessionTimeout(timeout: number) {
-        this.sessionTimeout = timeout;
-        this.resetSessionTimeout();
-    }
-
-    isBlocked(): boolean {
-        return this.sessionBlocked;
-    }
-
-    setBlocked(blocked: boolean) {
-        this.sessionBlocked = blocked;
-    }
-
-    async initializeFromData(data: WhisperSessionInitializeData) {
-        this.clientName = data.clientName;
-        this.clientUniqueId = data.clientUniqueId;
-
-        this.sessionBlocked = data.blocked;
-        this.sessionTimeout = data.sessionTimeout;
-
-        this.voicePlayer = new WebVoicePlayer();
-        this.voicePlayer.setVolume(data.volume);
-        this.voicePlayer.events.on("notify_state_changed", event => {
-            if(event.newState === VoicePlayerState.BUFFERING) {
-                return;
-            }
-
-            this.resetSessionTimeout();
-            if(event.newState === VoicePlayerState.PLAYING || event.newState === VoicePlayerState.STOPPING) {
-                this.setSessionState(WhisperSessionState.PLAYING);
-            } else {
-                this.setSessionState(WhisperSessionState.PAUSED);
-            }
-        });
-        this.setSessionState(WhisperSessionState.PAUSED);
-    }
-
-    initializeFailed() {
-        this.setSessionState(WhisperSessionState.INITIALIZE_FAILED);
-
-        /* if we're receiving nothing for more than 5 seconds we can try it again */
-        this.sessionTimeout = 5000;
-        this.resetSessionTimeout();
-    }
-
-    destroy() {
-        clearTimeout(this.sessionTimeoutId);
-        this.events.destroy();
-        this.voicePlayer?.destroy();
-        this.voicePlayer = undefined;
-    }
-
-    enqueueWhisperPacket(packet: VoiceWhisperPacket) {
-        this.resetSessionTimeout();
-        if(this.sessionBlocked) {
-            /* do nothing, the session has been blocked */
-            return;
-        }
-
-        if(this.sessionState === WhisperSessionState.INITIALIZE_FAILED) {
-            return;
-        } else if(this.sessionState === WhisperSessionState.INITIALIZING) {
-            this.packetBuffer.push(packet);
-
-            while(this.packetBuffer.length > kMaxUninitializedBuffers) {
-                this.packetBuffer.pop_front();
-            }
-        } else {
-            this.voicePlayer?.enqueueAudioPacket(packet.voiceId, packet.codec, packet.head, packet.payload);
-        }
-    }
-
-    setSessionState(state: WhisperSessionState) {
-        if(this.sessionState === state) {
-            return;
-        }
-
-        const oldState = this.sessionState;
-        this.sessionState = state;
-        this.events.fire("notify_state_changed", { oldState: oldState, newState: state });
-    }
-
-    private resetSessionTimeout() {
-        clearTimeout(this.sessionTimeoutId);
-        if(this.sessionState === WhisperSessionState.PLAYING) {
-            /* no need to reschedule a session timeout if we're currently playing */
-            return;
-        } else if(this.sessionState === WhisperSessionState.INITIALIZING) {
-            /* we're still initializing; a session timeout hasn't been set */
-            return;
-        }
-
-        this.sessionTimeoutId = setTimeout(() => {
-            this.events.fire("notify_timed_out");
-        }, Math.max(this.sessionTimeout, 1000));
-    }
-}
\ No newline at end of file
diff --git a/web/app/legacy/voice/bridge/NativeWebRTCVoiceBridge.ts b/web/app/legacy/voice/bridge/NativeWebRTCVoiceBridge.ts
deleted file mode 100644
index f5f31373..00000000
--- a/web/app/legacy/voice/bridge/NativeWebRTCVoiceBridge.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import {AbstractInput, InputConsumerType, NodeInputConsumer} from "tc-shared/voice/RecorderBase";
-import * as aplayer from "tc-backend/web/audio/player";
-import * as log from "tc-shared/log";
-import {LogCategory, logDebug, logWarn} from "tc-shared/log";
-import {tr} from "tc-shared/i18n/localize";
-import {WebRTCVoiceBridge} from "./WebRTCVoiceBridge";
-import {VoiceWhisperPacket} from "./VoiceBridge";
-import {CryptoHelper} from "tc-shared/profiles/identities/TeamSpeakIdentity";
-import arraybuffer_to_string = CryptoHelper.arraybufferToString;
-
-export class NativeWebRTCVoiceBridge extends WebRTCVoiceBridge {
-    static isSupported(): boolean {
-        const context = window.webkitAudioContext || window.AudioContext;
-        if (!context)
-            return false;
-
-        if (!context.prototype.createMediaStreamDestination)
-            return false; /* Required, but not available within edge */
-
-        return true;
-    }
-
-    private readonly localVoiceDestinationNode: MediaStreamAudioDestinationNode;
-    private readonly localWhisperDestinationNode: MediaStreamAudioDestinationNode;
-    private currentInputNode: AudioNode;
-    private currentInput: AbstractInput;
-    private whispering: boolean;
-
-    constructor() {
-        super();
-
-        this.whispering = false;
-        this.localVoiceDestinationNode = aplayer.context().createMediaStreamDestination();
-        this.localWhisperDestinationNode = aplayer.context().createMediaStreamDestination();
-    }
-
-    protected generateRtpOfferOptions(): RTCOfferOptions {
-        let options: RTCOfferOptions = {};
-        options.offerToReceiveAudio = false;
-        options.offerToReceiveVideo = false;
-        options.voiceActivityDetection = true;
-        return options;
-    }
-
-    protected initializeRtpConnection(connection: RTCPeerConnection) {
-        connection.addTrack(this.localVoiceDestinationNode.stream.getAudioTracks()[0]);
-        connection.addTrack(this.localWhisperDestinationNode.stream.getAudioTracks()[0]);
-    }
-
-    protected handleVoiceDataChannelMessage(message: MessageEvent) {
-        super.handleVoiceDataChannelMessage(message);
-
-        let bin = new Uint8Array(message.data);
-        let clientId = bin[2] << 8 | bin[3];
-        let packetId = bin[0] << 8 | bin[1];
-        let codec = bin[4];
-
-        this.callback_incoming_voice({
-            clientId: clientId,
-            voiceId: packetId,
-            codec: codec,
-            head: false,
-            payload: new Uint8Array(message.data, 5)
-        });
-    }
-
-    protected handleWhisperDataChannelMessage(message: MessageEvent) {
-        super.handleWhisperDataChannelMessage(message);
-
-        let payload = new Uint8Array(message.data);
-        let payload_offset = 0;
-
-        const flags = payload[payload_offset++];
-
-        let packet = {
-            head: (flags & 0x01) === 1
-        } as VoiceWhisperPacket;
-
-        if(packet.head) {
-            packet.clientUniqueId = arraybuffer_to_string(payload.subarray(payload_offset, payload_offset + 28));
-            payload_offset += 28;
-
-            packet.clientNickname = arraybuffer_to_string(payload.subarray(payload_offset + 1, payload_offset + 1 + payload[payload_offset]));
-            payload_offset += payload[payload_offset] + 1;
-        }
-        packet.voiceId = payload[payload_offset] << 8 | payload[payload_offset + 1];
-        payload_offset += 2;
-
-        packet.clientId = payload[payload_offset] << 8 | payload[payload_offset + 1];
-        payload_offset += 2;
-
-        packet.codec = payload[payload_offset++];
-        packet.payload = new Uint8Array(message.data, payload_offset);
-        this.callback_incoming_whisper(packet);
-    }
-
-    getInput(): AbstractInput | undefined {
-        return this.currentInput;
-    }
-
-    async setInput(input: AbstractInput | undefined) {
-        if (this.currentInput === input)
-            return;
-
-        if (this.currentInput) {
-            await this.currentInput.setConsumer(undefined);
-            this.currentInput = undefined;
-        }
-
-        this.currentInput = input;
-
-        if (this.currentInput) {
-            try {
-                await this.currentInput.setConsumer({
-                    type: InputConsumerType.NODE,
-                    callbackNode: node => {
-                        this.currentInputNode = node;
-                        node.connect(this.whispering ? this.localWhisperDestinationNode : this.localVoiceDestinationNode);
-                    },
-                    callbackDisconnect: node => {
-                        this.currentInputNode = undefined;
-                        node.disconnect(this.whispering ? this.localWhisperDestinationNode : this.localVoiceDestinationNode);
-                    }
-                } as NodeInputConsumer);
-                logDebug(LogCategory.VOICE, tr("Successfully set/updated to the new input for the recorder"));
-            } catch (e) {
-                logWarn(LogCategory.VOICE, tr("Failed to set consumer to the new recorder input: %o"), e);
-            }
-        }
-    }
-
-    sendStopSignal(codec: number) {
-        /*
-         * No stop signal needs to be send.
-         * The server will automatically send one, when the stream contains silence.
-         */
-    }
-
-    startWhispering() {
-        if(this.whispering) {
-            return;
-        }
-
-        this.whispering = true;
-        if(this.currentInputNode) {
-            this.currentInputNode.disconnect(this.localVoiceDestinationNode);
-            this.currentInputNode.connect(this.localWhisperDestinationNode);
-        }
-    }
-
-    stopWhispering() {
-        if(!this.whispering) {
-            return;
-        }
-
-        this.whispering = false;
-        if(this.currentInputNode) {
-            this.currentInputNode.connect(this.localVoiceDestinationNode);
-            this.currentInputNode.disconnect(this.localWhisperDestinationNode);
-        }
-    }
-}
-
diff --git a/web/app/legacy/voice/bridge/VoiceBridge.ts b/web/app/legacy/voice/bridge/VoiceBridge.ts
deleted file mode 100644
index 6017847e..00000000
--- a/web/app/legacy/voice/bridge/VoiceBridge.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import {AbstractInput} from "tc-shared/voice/RecorderBase";
-
-export type VoiceBridgeConnectResult = {
-    type: "success"
-} | {
-    type: "canceled"
-} | {
-    type: "failed",
-    message: string,
-    allowReconnect: boolean
-};
-
-export interface VoicePacket {
-    voiceId: number;
-    clientId: number;
-    codec: number;
-
-    head: boolean;
-    payload: Uint8Array;
-}
-
-export interface VoiceWhisperPacket extends VoicePacket {
-    clientUniqueId?: string;
-    clientNickname?: string;
-}
-
-export abstract class VoiceBridge {
-    protected muted: boolean;
-
-    callback_send_control_data: (request: string, payload: any) => void;
-    callback_incoming_voice: (packet: VoicePacket) => void;
-    callback_incoming_whisper: (packet: VoiceWhisperPacket) => void;
-
-    callbackDisconnect: () => void;
-
-    setMuted(flag: boolean) {
-        this.muted = flag;
-    }
-
-    isMuted(): boolean {
-        return this.muted;
-    }
-
-    handleControlData(request: string, payload: any) { }
-
-    abstract connect(): Promise<VoiceBridgeConnectResult>;
-    abstract disconnect();
-
-    abstract getInput(): AbstractInput | undefined;
-    abstract setInput(input: AbstractInput | undefined): Promise<void>;
-
-    abstract sendStopSignal(codec: number);
-
-    abstract startWhispering();
-    abstract stopWhispering();
-}
\ No newline at end of file
diff --git a/web/app/legacy/voice/bridge/WebRTCVoiceBridge.ts b/web/app/legacy/voice/bridge/WebRTCVoiceBridge.ts
deleted file mode 100644
index 0998562a..00000000
--- a/web/app/legacy/voice/bridge/WebRTCVoiceBridge.ts
+++ /dev/null
@@ -1,411 +0,0 @@
-import * as aplayer from "tc-backend/web/audio/player";
-import * as log from "tc-shared/log";
-import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
-import {tr} from "tc-shared/i18n/localize";
-import {VoiceBridge, VoiceBridgeConnectResult} from "./VoiceBridge";
-
-export abstract class WebRTCVoiceBridge extends VoiceBridge {
-    private readonly muteAudioNode: GainNode;
-
-    private connectionState: "unconnected" | "connecting" | "connected";
-
-    private rtcConnection: RTCPeerConnection;
-    private voiceDataChannel: RTCDataChannel;
-    private whisperDataChannel: RTCDataChannel;
-
-    private cachedIceCandidates: RTCIceCandidateInit[];
-    private localIceCandidateCount: number;
-
-    private callbackRtcAnswer: (answer: any) => void;
-
-    private callbackConnectCanceled: (() => void)[] = [];
-    private callbackRtcConnected: () => void;
-    private callbackRtcConnectFailed: (error: any) => void;
-    private callbackVoiceDataChannelOpened: (() => void)[] = [];
-
-    private allowReconnect: boolean;
-
-    protected constructor() {
-        super();
-
-        this.connectionState = "unconnected";
-        const audioContext = aplayer.context();
-        this.muteAudioNode = audioContext.createGain();
-    }
-
-    connect(): Promise<VoiceBridgeConnectResult> {
-        this.disconnect(); /* just to ensure */
-        this.connectionState = "connecting";
-        this.allowReconnect = true;
-
-        return new Promise<VoiceBridgeConnectResult>(resolve => {
-            let cancelState = { value: false };
-            const cancelHandler = () => {
-                cancelState.value = true;
-                resolve({ type: "canceled" });
-            }
-
-            this.callbackConnectCanceled.push(cancelHandler);
-            this.doConnect(cancelState).then(() => {
-                if(cancelState.value) return;
-
-                this.callbackConnectCanceled.remove(cancelHandler);
-                this.connectionState = "connected";
-                resolve({ type: "success" });
-            }).catch(error => {
-                if(cancelState.value) return;
-
-                this.callbackConnectCanceled.remove(cancelHandler);
-                this.connectionState = "unconnected";
-                this.cleanupRtcResources();
-                resolve({ type: "failed", message: error, allowReconnect: this.allowReconnect === true });
-            })
-        });
-    }
-
-    disconnect() {
-        switch (this.connectionState) {
-            case "connecting":
-                this.abortConnectionAttempt();
-                break;
-
-            case "connected":
-                this.doDisconnect();
-                break;
-        }
-    }
-
-    private async doConnect(canceled: { value: boolean }) {
-        {
-            let rtcConfig: RTCConfiguration = {};
-            rtcConfig.iceServers = [];
-            rtcConfig.iceServers.push({ urls: ['stun:stun.l.google.com:19302'] });
-
-            this.rtcConnection = new RTCPeerConnection(rtcConfig);
-
-            this.rtcConnection.onicegatheringstatechange = this.handleIceGatheringStateChange.bind(this);
-            this.rtcConnection.oniceconnectionstatechange = this.handleIceConnectionStateChange.bind(this);
-            this.rtcConnection.onicecandidate = this.handleIceCandidate.bind(this);
-            this.rtcConnection.onicecandidateerror = this.handleIceCandidateError.bind(this);
-
-            this.rtcConnection.onconnectionstatechange = this.handleRtcConnectionStateChange.bind(this);
-
-            this.initializeRtpConnection(this.rtcConnection);
-        }
-
-        {
-            const dataChannelConfig = { ordered: false, maxRetransmits: 0 };
-
-            this.voiceDataChannel = this.rtcConnection.createDataChannel('main', dataChannelConfig);
-            this.voiceDataChannel.onmessage = this.handleVoiceDataChannelMessage.bind(this);
-            this.voiceDataChannel.onopen = this.handleVoiceDataChannelOpen.bind(this);
-            this.voiceDataChannel.binaryType = "arraybuffer";
-        }
-
-        {
-            const dataChannelConfig = { ordered: false, maxRetransmits: 0 };
-
-            this.whisperDataChannel = this.rtcConnection.createDataChannel('voice-whisper', dataChannelConfig);
-            this.whisperDataChannel.onmessage = this.handleWhisperDataChannelMessage.bind(this);
-            this.whisperDataChannel.onopen = this.handleWhisperDataChannelOpen.bind(this);
-            this.whisperDataChannel.binaryType = "arraybuffer";
-        }
-
-        /* setting a dummy connect failed handler in case the rtc peer connection changes it's state to failed */
-        const connectFailedPromise = new Promise((resolve, reject) => this.callbackRtcConnectFailed = reject);
-        const wrapWithError = <T>(promise: Promise<T>) : Promise<T> => Promise.race([ promise, connectFailedPromise ]) as any;
-
-        let offer: RTCSessionDescriptionInit;
-        try {
-            offer = await wrapWithError(this.rtcConnection.createOffer(this.generateRtpOfferOptions()));
-            if(canceled.value) return;
-        } catch (error) {
-            logError(LogCategory.VOICE, tr("Failed to generate RTC offer: %o"), error);
-            throw tr("failed to generate local offer");
-        }
-
-        this.localIceCandidateCount = 0;
-
-        try {
-            await wrapWithError(this.rtcConnection.setLocalDescription(offer));
-            if(canceled.value) return;
-        } catch (error) {
-            logError(LogCategory.VOICE, tr("Failed to apply local description: %o"), error);
-            throw tr("failed to apply local description");
-        }
-
-        /* cache all ICE candidates until we've received out answer */
-        this.cachedIceCandidates = [];
-
-        /* exchange the offer and answer */
-        let answer;
-        {
-            this.callback_send_control_data("create", {
-                msg: {
-                    type: offer.type,
-                    sdp: offer.sdp
-                }
-            });
-            answer = await wrapWithError(new Promise((resolve, reject) => {
-                const timeout = setTimeout(() => {
-                    if(canceled.value) {
-                        resolve();
-                        return;
-                    }
-
-                    this.callbackRtcAnswer = undefined;
-                    reject(tr("failed to received a WebRTC answer (timeout)"));
-                }, 5000);
-
-                this.callbackRtcAnswer = answer => {
-                    this.callbackRtcAnswer = undefined;
-                    clearTimeout(timeout);
-                    resolve(answer);
-                };
-            }));
-            if(canceled.value) return;
-        }
-
-        if(!('msg' in answer)) {
-            throw tr("Missing msg in servers answer");
-        }
-
-        try {
-            await wrapWithError(this.rtcConnection.setRemoteDescription(new RTCSessionDescription(answer.msg)));
-            if(canceled.value) return;
-        } catch (error) {
-            const kParseErrorPrefix = "Failed to execute 'setRemoteDescription' on 'RTCPeerConnection': ";
-            if(error instanceof DOMException && error.message.startsWith(kParseErrorPrefix))
-                throw error.message.substring(kParseErrorPrefix.length);
-
-            logError(LogCategory.VOICE, tr("Failed to apply remotes description: %o"), error);
-            throw tr("failed to apply remotes description");
-        }
-
-        while(this.cachedIceCandidates.length > 0) {
-            this.registerRemoteIceCandidate(this.cachedIceCandidates.pop_front());
-        }
-
-        /* ATTENTION: Do not use wrapWithError from now on (this.callbackRtcConnectFailed has been changed) */
-        await new Promise((resolve, reject) => {
-            if(this.rtcConnection.connectionState === "connected") {
-                resolve();
-                return;
-            }
-
-            const timeout = setTimeout(() => {
-                reject(tr("failed to establish a connection"));
-            }, 20 * 1000);
-
-            this.callbackRtcConnected = () => {
-                clearTimeout(timeout);
-                resolve();
-            };
-
-            this.callbackRtcConnectFailed = error => {
-                clearTimeout(timeout);
-                reject(error);
-            };
-        });
-        if(canceled.value) return;
-
-        logDebug(LogCategory.WEBRTC, tr("Successfully connected to server. Awaiting main data channel to open."));
-        try {
-            await this.awaitMainChannelOpened(10 * 1000);
-        } catch {
-            throw tr("failed to open the main data channel");
-        }
-
-        logInfo(LogCategory.WEBRTC, tr("Successfully initialized session with server."));
-    }
-
-    private doDisconnect() {
-        this.cleanupRtcResources();
-        this.connectionState = "unconnected";
-
-        if(this.callbackDisconnect)
-            this.callbackDisconnect();
-    }
-
-    private abortConnectionAttempt() {
-        while(this.callbackConnectCanceled.length > 0)
-            this.callbackConnectCanceled.pop()();
-
-        this.cleanupRtcResources();
-        this.connectionState = "unconnected";
-    }
-
-    private cleanupRtcResources() {
-        if(this.voiceDataChannel) {
-            this.voiceDataChannel.onclose = undefined;
-            this.voiceDataChannel.close();
-            this.voiceDataChannel = undefined;
-        }
-
-        if(this.rtcConnection) {
-            this.rtcConnection.onicegatheringstatechange = undefined;
-            this.rtcConnection.oniceconnectionstatechange = undefined;
-            this.rtcConnection.onicecandidate = undefined;
-            this.rtcConnection.onicecandidateerror = undefined;
-
-            this.rtcConnection.onconnectionstatechange = undefined;
-
-            this.rtcConnection.close();
-            this.rtcConnection = undefined;
-        }
-
-        this.cachedIceCandidates = undefined;
-    }
-
-    protected async awaitMainChannelOpened(timeout: number) {
-        if(typeof this.voiceDataChannel === "undefined")
-            throw tr("missing main data channel");
-
-        if(this.voiceDataChannel.readyState === "open") {
-            return;
-        }
-
-        await new Promise((resolve, reject) => {
-            const id = setTimeout(reject, timeout);
-            this.callbackVoiceDataChannelOpened.push(() => {
-                clearTimeout(id);
-                resolve();
-            });
-        })
-    }
-
-    private registerRemoteIceCandidate(candidate: RTCIceCandidateInit) {
-        if(!this.rtcConnection) {
-            logDebug(LogCategory.WEBRTC, tr("Tried to register a remote ICE candidate without a RTC connection. Dropping candidate."));
-            return;
-        }
-
-        if(candidate.candidate === "") {
-            logDebug(LogCategory.WEBRTC, tr("Remote send candidate finish for channel %d."), candidate.sdpMLineIndex);
-            this.rtcConnection.addIceCandidate(candidate).catch(error => {
-                logWarn(LogCategory.WEBRTC, tr("Failed to add remote ICE end candidate to local rtc connection: %o"), error);
-            });
-        } else {
-            const pcandidate = new RTCIceCandidate(candidate);
-            if(pcandidate.protocol !== "tcp") return; /* UDP does not work currently */
-
-            logTrace(LogCategory.WEBRTC, tr("Adding remote ICE candidate %s for media line %d: %s"), pcandidate.foundation, candidate.sdpMLineIndex, candidate.candidate);
-            this.rtcConnection.addIceCandidate(pcandidate).catch(error => {
-                logWarn(LogCategory.WEBRTC, tr("Failed to add remote ICE candidate %s: %o"), pcandidate.foundation, error);
-            })
-        }
-    }
-
-    private handleRtcConnectionStateChange() {
-        logDebug(LogCategory.WEBRTC, tr("Connection state changed to %s (Local connection state: %s)"), this.rtcConnection.connectionState, this.connectionState);
-        switch (this.rtcConnection.connectionState) {
-            case "connected":
-                if(this.callbackRtcConnected)
-                    this.callbackRtcConnected();
-                break;
-
-            case "failed":
-                if(this.callbackRtcConnectFailed)
-                    this.callbackRtcConnectFailed(tr("connect attempt failed"));
-                else if(this.callbackDisconnect)
-                    this.callbackDisconnect();
-                break;
-
-            case "disconnected":
-            case "closed":
-                if(this.callbackDisconnect)
-                    this.callbackDisconnect();
-                break;
-        }
-    }
-
-    private handleIceGatheringStateChange() {
-        logTrace(LogCategory.WEBRTC, tr("ICE gathering state changed to %s"), this.rtcConnection.iceGatheringState);
-    }
-
-    private handleIceConnectionStateChange() {
-        logTrace(LogCategory.WEBRTC, tr("ICE connection state changed to %s"), this.rtcConnection.iceConnectionState);
-    }
-
-    private handleIceCandidate(event: RTCPeerConnectionIceEvent) {
-        if(event.candidate && event.candidate.protocol !== "tcp") {
-            return;
-        }
-
-        if(event.candidate) {
-            this.localIceCandidateCount++;
-            logDebug(LogCategory.WEBRTC, tr("Gathered local ice candidate for stream %d: %s"), event.candidate.sdpMLineIndex, event.candidate.candidate);
-            this.callback_send_control_data("ice", { msg: event.candidate.toJSON() });
-        } else if(this.localIceCandidateCount === 0) {
-            logError(LogCategory.WEBRTC, tr("Failed to gather any local ice candidates... This is a fatal error."));
-
-            /* we don't allow a reconnect here since it's most the times not fixable by just trying again */
-            this.allowReconnect = false;
-            if(this.callbackRtcConnectFailed) {
-                this.callbackRtcConnectFailed(tr("failed to gather any local ICE candidates"));
-            }
-        } else {
-            logDebug(LogCategory.WEBRTC, tr("Local ICE candidate gathering finish."));
-            this.callback_send_control_data("ice_finish", {});
-        }
-
-    }
-
-    private handleIceCandidateError(event: RTCPeerConnectionIceErrorEvent) {
-        if(this.rtcConnection.iceGatheringState === "gathering") {
-            logWarn(LogCategory.WEBRTC, tr("Received error while gathering the ice candidates: %d/%s for %s (url: %s)"),
-                event.errorCode, event.errorText, event.hostCandidate, event.url);
-        } else {
-            logTrace(LogCategory.WEBRTC, tr("Ice candidate %s (%s) errored: %d/%s"),
-                event.url, event.hostCandidate, event.errorCode, event.errorText);
-        }
-    }
-
-    protected handleVoiceDataChannelOpen() {
-        logDebug(LogCategory.WEBRTC, tr("Voice data channel is open now"));
-        while(this.callbackVoiceDataChannelOpened.length > 0)
-            this.callbackVoiceDataChannelOpened.pop()();
-    }
-
-    protected handleVoiceDataChannelMessage(message: MessageEvent) { }
-
-    protected handleWhisperDataChannelOpen() {
-        logDebug(LogCategory.WEBRTC, tr("Whisper data channel is open now"));
-    }
-
-    protected handleWhisperDataChannelMessage(message: MessageEvent) { }
-
-    handleControlData(request: string, payload: any) {
-        super.handleControlData(request, payload);
-
-        if(request === "answer") {
-            if(typeof this.callbackRtcAnswer === "function") {
-                this.callbackRtcAnswer(payload);
-            } else {
-                logWarn(LogCategory.WEBRTC, tr("Received answer, but we're not expecting one. Dropping it."));
-            }
-            return;
-        } else if(request === "ice" || request === "ice_finish") {
-            if(this.cachedIceCandidates) {
-                this.cachedIceCandidates.push(payload["msg"]);
-            } else {
-                this.registerRemoteIceCandidate(payload["msg"]);
-            }
-        } else if(request === "status") {
-            if(request["state"] === "failed") {
-                if(this.callbackRtcConnectFailed) {
-                    this.allowReconnect = request["allow_reconnect"];
-                    this.callbackRtcConnectFailed(payload["reason"]);
-                }
-                return;
-            }
-        }
-    }
-
-    public getMainDataChannel() : RTCDataChannel {
-        return this.voiceDataChannel;
-    }
-
-    protected abstract initializeRtpConnection(connection: RTCPeerConnection);
-    protected abstract generateRtpOfferOptions() : RTCOfferOptions;
-}
\ No newline at end of file
diff --git a/web/audio-lib/.gitignore b/web/audio-lib/.gitignore
deleted file mode 100644
index 2b77276d..00000000
--- a/web/audio-lib/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-target
-pkg
\ No newline at end of file
diff --git a/web/audio-lib/Cargo.lock b/web/audio-lib/Cargo.lock
deleted file mode 100644
index d374205a..00000000
--- a/web/audio-lib/Cargo.lock
+++ /dev/null
@@ -1,890 +0,0 @@
-# This file is automatically @generated by Cargo.
-# It is not intended for manual editing.
-[[package]]
-name = "arc-swap"
-version = "0.4.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4d25d88fd6b8041580a654f9d0c581a047baee2b3efee13275f2fc392fc75034"
-
-[[package]]
-name = "atty"
-version = "0.2.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d9b39be18770d11421cdb1b9947a45dd3f37e93092cbf377614828a319d5fee8"
-dependencies = [
- "hermit-abi",
- "libc",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "autocfg"
-version = "1.0.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cdb031dd78e28731d87d56cc8ffef4a8f36ca26c38fe2de700543e627f8a464a"
-
-[[package]]
-name = "bitflags"
-version = "1.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cf1de2fe8c75bc145a2f577add951f8134889b4795d47466a54a5c846d691693"
-
-[[package]]
-name = "bumpalo"
-version = "3.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2e8c087f005730276d1096a652e92a8bacee2e2472bcc9715a74d2bec38b5820"
-
-[[package]]
-name = "bytes"
-version = "0.5.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0e4cec68f03f32e44924783795810fa50a7035d8c8ebe78580ad7e6c703fba38"
-
-[[package]]
-name = "cc"
-version = "1.0.59"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "66120af515773fb005778dc07c261bd201ec8ce50bd6e7144c927753fe013381"
-
-[[package]]
-name = "cfg-if"
-version = "0.1.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4785bdd1c96b2a846b2bd7cc02e86b6b3dbf14e7e53446c4f54c92a361040822"
-
-[[package]]
-name = "chrono"
-version = "0.4.15"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "942f72db697d8767c22d46a598e01f2d3b475501ea43d0db4f16d90259182d0b"
-dependencies = [
- "num-integer",
- "num-traits",
- "time",
-]
-
-[[package]]
-name = "cloudabi"
-version = "0.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4344512281c643ae7638bbabc3af17a11307803ec8f0fcad9fae512a8bf36467"
-dependencies = [
- "bitflags",
-]
-
-[[package]]
-name = "cmake"
-version = "0.1.44"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0e56268c17a6248366d66d4a47a3381369d068cce8409bb1716ed77ea32163bb"
-dependencies = [
- "cc",
-]
-
-[[package]]
-name = "colored"
-version = "1.9.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f4ffc801dacf156c5854b9df4f425a626539c3a6ef7893cc0c5084a23f0b6c59"
-dependencies = [
- "atty",
- "lazy_static",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "console_error_panic_hook"
-version = "0.1.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b8d976903543e0c48546a91908f21588a680a8c8f984df9a5d69feccb2b2a211"
-dependencies = [
- "cfg-if",
- "wasm-bindgen",
-]
-
-[[package]]
-name = "console_log"
-version = "0.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "501a375961cef1a0d44767200e66e4a559283097e91d0730b1d75dfb2f8a1494"
-dependencies = [
- "log",
- "web-sys",
-]
-
-[[package]]
-name = "fnv"
-version = "1.0.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
-
-[[package]]
-name = "fuchsia-zircon"
-version = "0.3.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2e9763c69ebaae630ba35f74888db465e49e259ba1bc0eda7d06f4a067615d82"
-dependencies = [
- "bitflags",
- "fuchsia-zircon-sys",
-]
-
-[[package]]
-name = "fuchsia-zircon-sys"
-version = "0.3.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3dcaa9ae7725d12cdb85b3ad99a434db70b468c09ded17e012d86b5c1010f7a7"
-
-[[package]]
-name = "futures"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e05b85ec287aac0dc34db7d4a569323df697f9c55b99b15d6b4ef8cde49f613"
-dependencies = [
- "futures-channel",
- "futures-core",
- "futures-executor",
- "futures-io",
- "futures-sink",
- "futures-task",
- "futures-util",
-]
-
-[[package]]
-name = "futures-channel"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f366ad74c28cca6ba456d95e6422883cfb4b252a83bed929c83abfdbbf2967d5"
-dependencies = [
- "futures-core",
- "futures-sink",
-]
-
-[[package]]
-name = "futures-core"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "59f5fff90fd5d971f936ad674802482ba441b6f09ba5e15fd8b39145582ca399"
-
-[[package]]
-name = "futures-executor"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "10d6bb888be1153d3abeb9006b11b02cf5e9b209fda28693c31ae1e4e012e314"
-dependencies = [
- "futures-core",
- "futures-task",
- "futures-util",
-]
-
-[[package]]
-name = "futures-io"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "de27142b013a8e869c14957e6d2edeef89e97c289e69d042ee3a49acd8b51789"
-
-[[package]]
-name = "futures-macro"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d0b5a30a4328ab5473878237c447333c093297bded83a4983d10f4deea240d39"
-dependencies = [
- "proc-macro-hack",
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "futures-sink"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3f2032893cb734c7a05d85ce0cc8b8c4075278e93b24b66f9de99d6eb0fa8acc"
-
-[[package]]
-name = "futures-task"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bdb66b5f09e22019b1ab0830f7785bcea8e7a42148683f99214f73f8ec21a626"
-dependencies = [
- "once_cell",
-]
-
-[[package]]
-name = "futures-util"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8764574ff08b701a084482c3c7031349104b07ac897393010494beaa18ce32c6"
-dependencies = [
- "futures-channel",
- "futures-core",
- "futures-io",
- "futures-macro",
- "futures-sink",
- "futures-task",
- "memchr",
- "pin-project",
- "pin-utils",
- "proc-macro-hack",
- "proc-macro-nested",
- "slab",
-]
-
-[[package]]
-name = "hermit-abi"
-version = "0.1.15"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3deed196b6e7f9e44a2ae8d94225d80302d81208b1bb673fd21fe634645c85a9"
-dependencies = [
- "libc",
-]
-
-[[package]]
-name = "instant"
-version = "0.1.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5b141fdc7836c525d4d594027d318c84161ca17aaf8113ab1f81ab93ae897485"
-
-[[package]]
-name = "iovec"
-version = "0.1.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b2b3ea6ff95e175473f8ffe6a7eb7c00d054240321b84c57051175fe3c1e075e"
-dependencies = [
- "libc",
-]
-
-[[package]]
-name = "js-sys"
-version = "0.3.44"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "85a7e2c92a4804dd459b86c339278d0fe87cf93757fae222c3fa3ae75458bc73"
-dependencies = [
- "wasm-bindgen",
-]
-
-[[package]]
-name = "kernel32-sys"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7507624b29483431c0ba2d82aece8ca6cdba9382bff4ddd0f7490560c056098d"
-dependencies = [
- "winapi 0.2.8",
- "winapi-build",
-]
-
-[[package]]
-name = "lazy_static"
-version = "1.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
-
-[[package]]
-name = "libc"
-version = "0.2.76"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "755456fae044e6fa1ebbbd1b3e902ae19e73097ed4ed87bb79934a867c007bc3"
-
-[[package]]
-name = "lock_api"
-version = "0.4.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "28247cc5a5be2f05fbcd76dd0cf2c7d3b5400cb978a28042abcd4fa0b3f8261c"
-dependencies = [
- "scopeguard",
-]
-
-[[package]]
-name = "log"
-version = "0.4.11"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4fabed175da42fed1fa0746b0ea71f412aa9d35e76e95e59b192c64b9dc2bf8b"
-dependencies = [
- "cfg-if",
-]
-
-[[package]]
-name = "memchr"
-version = "2.3.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3728d817d99e5ac407411fa471ff9800a778d88a24685968b36824eaf4bee400"
-
-[[package]]
-name = "mio"
-version = "0.6.22"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fce347092656428bc8eaf6201042cb551b8d67855af7374542a92a0fbfcac430"
-dependencies = [
- "cfg-if",
- "fuchsia-zircon",
- "fuchsia-zircon-sys",
- "iovec",
- "kernel32-sys",
- "libc",
- "log",
- "miow 0.2.1",
- "net2",
- "slab",
- "winapi 0.2.8",
-]
-
-[[package]]
-name = "mio-named-pipes"
-version = "0.1.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0840c1c50fd55e521b247f949c241c9997709f23bd7f023b9762cd561e935656"
-dependencies = [
- "log",
- "mio",
- "miow 0.3.5",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "mio-uds"
-version = "0.6.8"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "afcb699eb26d4332647cc848492bbc15eafb26f08d0304550d5aa1f612e066f0"
-dependencies = [
- "iovec",
- "libc",
- "mio",
-]
-
-[[package]]
-name = "miow"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8c1f2f3b1cf331de6896aabf6e9d55dca90356cc9960cca7eaaf408a355ae919"
-dependencies = [
- "kernel32-sys",
- "net2",
- "winapi 0.2.8",
- "ws2_32-sys",
-]
-
-[[package]]
-name = "miow"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "07b88fb9795d4d36d62a012dfbf49a8f5cf12751f36d31a9dbe66d528e58979e"
-dependencies = [
- "socket2",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "net2"
-version = "0.2.34"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2ba7c918ac76704fb42afcbbb43891e72731f3dcca3bef2a19786297baf14af7"
-dependencies = [
- "cfg-if",
- "libc",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "ntest"
-version = "0.7.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b3bcdcff64ae6b41b371185e5b477f70564c5029dbc976df49cc6dda2318734e"
-dependencies = [
- "ntest_proc_macro_helper",
- "ntest_test_cases",
- "ntest_timeout",
-]
-
-[[package]]
-name = "ntest_proc_macro_helper"
-version = "0.7.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7e706ef0984ef05fb01dc543caec79860e15db933a1082d81a6c85c47cb97e76"
-
-[[package]]
-name = "ntest_test_cases"
-version = "0.7.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7f33171238da099f222e7a6cd93146d6fe5b83ea454d40870fcc7e3d060f3034"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "ntest_timeout"
-version = "0.7.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "399f8e1b696f74e4eb62afce1a86c547fe007e84dfb10b58ba4d758190d5d108"
-dependencies = [
- "ntest_proc_macro_helper",
- "proc-macro-crate",
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "num-integer"
-version = "0.1.43"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8d59457e662d541ba17869cf51cf177c0b5f0cbf476c66bdc90bf1edac4f875b"
-dependencies = [
- "autocfg",
- "num-traits",
-]
-
-[[package]]
-name = "num-traits"
-version = "0.2.12"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ac267bcc07f48ee5f8935ab0d24f316fb722d7a1292e2913f0cc196b29ffd611"
-dependencies = [
- "autocfg",
-]
-
-[[package]]
-name = "num_cpus"
-version = "1.13.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "05499f3756671c15885fee9034446956fff3f243d6077b91e5767df161f766b3"
-dependencies = [
- "hermit-abi",
- "libc",
-]
-
-[[package]]
-name = "once_cell"
-version = "1.4.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "260e51e7efe62b592207e9e13a68e43692a7a279171d6ba57abd208bf23645ad"
-
-[[package]]
-name = "opus-cmake-sys"
-version = "1.0.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "23a8c33afebd07b24b2497e4a0d8c390f62a100fd0ce1bace892c66424cdadaf"
-dependencies = [
- "cc",
- "cmake",
- "pkg-config",
-]
-
-[[package]]
-name = "opus-prebuild-wasm"
-version = "0.1.1"
-source = "git+https://github.com/WolverinDEV/opus-prebuild-wasm.git#2b42102f979954a930b3716f9892a413a60458eb"
-
-[[package]]
-name = "parking_lot"
-version = "0.11.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a4893845fa2ca272e647da5d0e46660a314ead9c2fdd9a883aabc32e481a8733"
-dependencies = [
- "instant",
- "lock_api",
- "parking_lot_core",
-]
-
-[[package]]
-name = "parking_lot_core"
-version = "0.8.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c361aa727dd08437f2f1447be8b59a33b0edd15e0fcee698f935613d9efbca9b"
-dependencies = [
- "cfg-if",
- "cloudabi",
- "instant",
- "libc",
- "redox_syscall",
- "smallvec",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "pin-project"
-version = "0.4.23"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ca4433fff2ae79342e497d9f8ee990d174071408f28f726d6d83af93e58e48aa"
-dependencies = [
- "pin-project-internal",
-]
-
-[[package]]
-name = "pin-project-internal"
-version = "0.4.23"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2c0e815c3ee9a031fdf5af21c10aa17c573c9c6a566328d99e3936c34e36461f"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "pin-project-lite"
-version = "0.1.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "282adbf10f2698a7a77f8e983a74b2d18176c19a7fd32a45446139ae7b02b715"
-
-[[package]]
-name = "pin-utils"
-version = "0.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
-
-[[package]]
-name = "pkg-config"
-version = "0.3.18"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d36492546b6af1463394d46f0c834346f31548646f6ba10849802c9c9a27ac33"
-
-[[package]]
-name = "proc-macro-crate"
-version = "0.1.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d6ea3c4595b96363c13943497db34af4460fb474a95c43f4446ad341b8c9785"
-dependencies = [
- "toml",
-]
-
-[[package]]
-name = "proc-macro-hack"
-version = "0.5.18"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "99c605b9a0adc77b7211c6b1f722dcb613d68d66859a44f3d485a6da332b0598"
-
-[[package]]
-name = "proc-macro-nested"
-version = "0.1.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "eba180dafb9038b050a4c280019bbedf9f2467b61e5d892dcad585bb57aadc5a"
-
-[[package]]
-name = "proc-macro2"
-version = "1.0.19"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "04f5f085b5d71e2188cb8271e5da0161ad52c3f227a661a3c135fdf28e258b12"
-dependencies = [
- "unicode-xid",
-]
-
-[[package]]
-name = "quote"
-version = "1.0.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aa563d17ecb180e500da1cfd2b028310ac758de548efdd203e18f283af693f37"
-dependencies = [
- "proc-macro2",
-]
-
-[[package]]
-name = "redox_syscall"
-version = "0.1.57"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "41cc0f7e4d5d4544e8861606a285bb08d3e70712ccc7d2b84d7c0ccfaf4b05ce"
-
-[[package]]
-name = "scopeguard"
-version = "1.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d29ab0c6d3fc0ee92fe66e2d99f700eab17a8d57d1c1d3b748380fb20baa78cd"
-
-[[package]]
-name = "serde"
-version = "1.0.115"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e54c9a88f2da7238af84b5101443f0c0d0a3bbdc455e34a5c9497b1903ed55d5"
-
-[[package]]
-name = "signal-hook-registry"
-version = "1.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a3e12110bc539e657a646068aaf5eb5b63af9d0c1f7b29c97113fad80e15f035"
-dependencies = [
- "arc-swap",
- "libc",
-]
-
-[[package]]
-name = "simple_logger"
-version = "1.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "13a53ed2efd04911c8280f2da7bf9abd350c931b86bc7f9f2386fbafbf525ff9"
-dependencies = [
- "atty",
- "chrono",
- "colored",
- "log",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "slab"
-version = "0.4.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c111b5bd5695e56cffe5129854aa230b39c93a305372fdbb2668ca2394eea9f8"
-
-[[package]]
-name = "smallvec"
-version = "1.4.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fbee7696b84bbf3d89a1c2eccff0850e3047ed46bfcd2e92c29a2d074d57e252"
-
-[[package]]
-name = "socket2"
-version = "0.3.12"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "03088793f677dce356f3ccc2edb1b314ad191ab702a5de3faf49304f7e104918"
-dependencies = [
- "cfg-if",
- "libc",
- "redox_syscall",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "syn"
-version = "1.0.39"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "891d8d6567fe7c7f8835a3a98af4208f3846fba258c1bc3c31d6e506239f11f9"
-dependencies = [
- "proc-macro2",
- "quote",
- "unicode-xid",
-]
-
-[[package]]
-name = "teaweb-audo-lib"
-version = "0.1.0"
-dependencies = [
- "console_error_panic_hook",
- "console_log",
- "futures",
- "js-sys",
- "log",
- "ntest",
- "once_cell",
- "opus-cmake-sys",
- "opus-prebuild-wasm",
- "simple_logger",
- "tokio",
- "tokio-test",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "wasm-timer",
-]
-
-[[package]]
-name = "time"
-version = "0.1.44"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6db9e6914ab8b1ae1c260a4ae7a49b6c5611b40328a735b21862567685e73255"
-dependencies = [
- "libc",
- "wasi",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "tokio"
-version = "0.2.22"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5d34ca54d84bf2b5b4d7d31e901a8464f7b60ac145a284fba25ceb801f2ddccd"
-dependencies = [
- "bytes",
- "fnv",
- "futures-core",
- "iovec",
- "lazy_static",
- "libc",
- "memchr",
- "mio",
- "mio-named-pipes",
- "mio-uds",
- "num_cpus",
- "pin-project-lite",
- "signal-hook-registry",
- "slab",
- "tokio-macros",
- "winapi 0.3.9",
-]
-
-[[package]]
-name = "tokio-macros"
-version = "0.2.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f0c3acc6aa564495a0f2e1d59fab677cd7f81a19994cfc7f3ad0e64301560389"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "tokio-test"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ed0049c119b6d505c4447f5c64873636c7af6c75ab0d45fd9f618d82acb8016d"
-dependencies = [
- "bytes",
- "futures-core",
- "tokio",
-]
-
-[[package]]
-name = "toml"
-version = "0.5.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ffc92d160b1eef40665be3a05630d003936a3bc7da7421277846c2613e92c71a"
-dependencies = [
- "serde",
-]
-
-[[package]]
-name = "unicode-xid"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f7fe0bb3479651439c9112f72b6c505038574c9fbb575ed1bf3b797fa39dd564"
-
-[[package]]
-name = "wasi"
-version = "0.10.0+wasi-snapshot-preview1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1a143597ca7c7793eff794def352d41792a93c481eb1042423ff7ff72ba2c31f"
-
-[[package]]
-name = "wasm-bindgen"
-version = "0.2.67"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f0563a9a4b071746dd5aedbc3a28c6fe9be4586fb3fbadb67c400d4f53c6b16c"
-dependencies = [
- "cfg-if",
- "wasm-bindgen-macro",
-]
-
-[[package]]
-name = "wasm-bindgen-backend"
-version = "0.2.67"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bc71e4c5efa60fb9e74160e89b93353bc24059999c0ae0fb03affc39770310b0"
-dependencies = [
- "bumpalo",
- "lazy_static",
- "log",
- "proc-macro2",
- "quote",
- "syn",
- "wasm-bindgen-shared",
-]
-
-[[package]]
-name = "wasm-bindgen-futures"
-version = "0.4.17"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "95f8d235a77f880bcef268d379810ea6c0af2eacfa90b1ad5af731776e0c4699"
-dependencies = [
- "cfg-if",
- "js-sys",
- "wasm-bindgen",
- "web-sys",
-]
-
-[[package]]
-name = "wasm-bindgen-macro"
-version = "0.2.67"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "97c57cefa5fa80e2ba15641578b44d36e7a64279bc5ed43c6dbaf329457a2ed2"
-dependencies = [
- "quote",
- "wasm-bindgen-macro-support",
-]
-
-[[package]]
-name = "wasm-bindgen-macro-support"
-version = "0.2.67"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "841a6d1c35c6f596ccea1f82504a192a60378f64b3bb0261904ad8f2f5657556"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn",
- "wasm-bindgen-backend",
- "wasm-bindgen-shared",
-]
-
-[[package]]
-name = "wasm-bindgen-shared"
-version = "0.2.67"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "93b162580e34310e5931c4b792560108b10fd14d64915d7fff8ff00180e70092"
-
-[[package]]
-name = "wasm-timer"
-version = "0.2.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "be0ecb0db480561e9a7642b5d3e4187c128914e58aa84330b9493e3eb68c5e7f"
-dependencies = [
- "futures",
- "js-sys",
- "parking_lot",
- "pin-utils",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "web-sys",
-]
-
-[[package]]
-name = "web-sys"
-version = "0.3.44"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dda38f4e5ca63eda02c059d243aa25b5f35ab98451e518c51612cd0f1bd19a47"
-dependencies = [
- "js-sys",
- "wasm-bindgen",
-]
-
-[[package]]
-name = "winapi"
-version = "0.2.8"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "167dc9d6949a9b857f3451275e911c3f44255842c1f7a76f33c55103a909087a"
-
-[[package]]
-name = "winapi"
-version = "0.3.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419"
-dependencies = [
- "winapi-i686-pc-windows-gnu",
- "winapi-x86_64-pc-windows-gnu",
-]
-
-[[package]]
-name = "winapi-build"
-version = "0.1.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2d315eee3b34aca4797b2da6b13ed88266e6d612562a0c46390af8299fc699bc"
-
-[[package]]
-name = "winapi-i686-pc-windows-gnu"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
-
-[[package]]
-name = "winapi-x86_64-pc-windows-gnu"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
-
-[[package]]
-name = "ws2_32-sys"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d59cefebd0c892fa2dd6de581e937301d8552cb44489cdff035c6187cb63fa5e"
-dependencies = [
- "winapi 0.2.8",
- "winapi-build",
-]
diff --git a/web/audio-lib/Cargo.toml b/web/audio-lib/Cargo.toml
deleted file mode 100644
index c1c09b8a..00000000
--- a/web/audio-lib/Cargo.toml
+++ /dev/null
@@ -1,36 +0,0 @@
-[package]
-name = "teaweb-audo-lib"
-version = "0.1.0"
-authors = ["WolverinDEV <git@teaspeak.de>"]
-edition = "2018"
-
-[lib]
-crate-type = ["cdylib"]
-
-[dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-futures = "0.4.17"
-js-sys = "0.3.44"
-wasm-timer = "0.2.4"
-futures = "0.3.5"
-log = "0.4"
-once_cell = "1.4.1"
-
-[dev-dependencies]
-tokio = { version = "0.2", features = ["full"] }
-tokio-test = "0.2.1"
-ntest = "0.7.1"
-
-[target.'cfg(target_arch = "wasm32")'.dependencies]
-# opus-prebuild-wasm = { path = "D:\\git\\web\\opus-prebuild-wasm" }
-opus-prebuild-wasm = { git = "https://github.com/WolverinDEV/opus-prebuild-wasm.git" }
-console_log = "0.2.0"
-console_error_panic_hook = "0.1.6"
-
-# Used for the tests as an alternative (Attention: The opus library version differs!)
-[target.'cfg(not(target_arch = "wasm32"))'.dependencies]
-opus-cmake-sys = "1.0.6"
-simple_logger = "1.6.0"
-
-[package.metadata.wasm-pack.profile.release]
-wasm-opt = ["-O2", "--enable-mutable-globals"]
\ No newline at end of file
diff --git a/web/audio-lib/src/audio.rs b/web/audio-lib/src/audio.rs
deleted file mode 100644
index 059e865e..00000000
--- a/web/audio-lib/src/audio.rs
+++ /dev/null
@@ -1,184 +0,0 @@
-use std::ops::{Add, Sub};
-
-pub mod packet_queue;
-pub mod codec;
-pub mod decoder;
-pub mod converter;
-
-/// A wrapper around an u16 to represent an audio packet it
-#[derive(Debug, PartialEq, Clone, Copy)]
-pub struct PacketId {
-    pub packet_id: u16
-}
-
-impl PacketId {
-    pub fn new(packet_id: u16) -> PacketId {
-        PacketId{ packet_id }
-    }
-
-    pub fn is_less(&self, other: &Self, clipping_window: Option<u16>) -> bool {
-        if let Some(window) = clipping_window {
-            if self.packet_id < window {
-                self.packet_id < other.packet_id && other.packet_id < 0xFFFF - window
-            } else if self.packet_id > 0xFFFF - window {
-                self.packet_id < other.packet_id || self.packet_id.wrapping_add(window) >= other.packet_id
-            } else {
-                self.packet_id < other.packet_id
-            }
-        } else {
-            self.packet_id < other.packet_id
-        }
-    }
-
-    pub fn difference(&self, other: &Self, clipping_window: Option<u16>) -> u16 {
-        if let Some(window) = clipping_window {
-            if self.packet_id < window {
-                return if other.packet_id > 0xFFFF - window {
-                    (0xFFFF - other.packet_id) + self.packet_id + 1
-                } else if other.packet_id > self.packet_id {
-                    other.packet_id - self.packet_id
-                } else {
-                    self.packet_id - other.packet_id
-                }
-            } else if other.packet_id < window {
-                return if self.packet_id > 0xFFFF - window {
-                    (0xFFFF - self.packet_id) + other.packet_id + 1
-                } else if self.packet_id > other.packet_id {
-                    self.packet_id - other.packet_id
-                } else {
-                    other.packet_id - self.packet_id
-                }
-            }
-        }
-
-        if self.packet_id > other.packet_id {
-            self.packet_id - other.packet_id
-        } else {
-            other.packet_id - self.packet_id
-        }
-    }
-}
-
-impl Add<u16> for PacketId {
-    type Output = PacketId;
-
-    fn add(self, rhs: u16) -> Self::Output {
-        PacketId::new(self.packet_id.wrapping_add(rhs))
-    }
-}
-
-impl Sub<u16> for PacketId {
-    type Output = PacketId;
-
-    fn sub(self, rhs: u16) -> Self::Output {
-        PacketId::new(self.packet_id.wrapping_sub(rhs))
-    }
-}
-
-#[derive(PartialEq, Debug, Copy, Clone)]
-pub enum Codec {
-    /// Speex narrow band, not supported any more
-    SpeexNarrow = 0x00,
-    /// Speex wide band, not supported any more
-    SpeexWide = 0x01,
-    /// Speex ultra wide band, not supported any more
-    SpeexUltraWide = 0x02,
-    /// Celt, not supported any more
-    Celt = 0x03,
-
-    /// Opus using the VoIP quality
-    Opus = 0x04,
-    /// Opus using the stereo music quality
-    OpusMusic = 0x05,
-
-    /// A lossless compression codec, currently not yet supported, but planned to
-    Flac = 0x10,
-
-    /// The codec is unknown
-    Unknown = 0xFF
-}
-
-impl Codec {
-    pub fn from_u8(value: u8) -> Codec {
-        match value {
-            x if x == Codec::SpeexNarrow as u8 => Codec::SpeexNarrow,
-            x if x == Codec::SpeexWide as u8 => Codec::SpeexWide,
-            x if x == Codec::SpeexUltraWide as u8 => Codec::SpeexUltraWide,
-            x if x == Codec::Celt as u8 => Codec::Celt,
-            x if x == Codec::Opus as u8 => Codec::Opus,
-            x if x == Codec::OpusMusic as u8 => Codec::OpusMusic,
-            x if x == Codec::Flac as u8 => Codec::Flac,
-            _ => Codec::Unknown
-        }
-    }
-}
-
-#[derive(PartialEq, Debug)]
-pub struct AudioPacket {
-    pub client_id: u16,
-    pub packet_id: PacketId,
-
-    pub codec: Codec,
-
-    pub payload: Vec<u8>,
-}
-
-impl AudioPacket {
-    pub fn is_stop(&self) -> bool {
-        self.payload.is_empty()
-    }
-}
-
-
-#[cfg(test)]
-mod tests {
-    use crate::audio::PacketId;
-
-    fn test_packet_id(a: u16, b: u16, result: bool, clipping_window: Option<u16>) {
-        let a = PacketId{ packet_id: a };
-        let b = PacketId{ packet_id: b };
-        assert_eq!(a.is_less(&b, clipping_window), result);
-    }
-
-    fn test_packet_difference(a: u16, b: u16, expected: u16, clipping_window: Option<u16>) {
-        let a = PacketId{ packet_id: a };
-        let b = PacketId{ packet_id: b };
-        assert_eq!(a.difference(&b, clipping_window), expected);
-        assert_eq!(b.difference(&a, clipping_window), expected);
-    }
-
-    #[test]
-    fn packet_id_is_less_basic() {
-        test_packet_id(2, 3, true, None);
-        test_packet_id(4, 3, false, None);
-    }
-
-    #[test]
-    fn packet_id_is_less_clipping() {
-        test_packet_id(0xFFFF, 0, false, None);
-        test_packet_id(0xFFFF, 1, false, None);
-        test_packet_id(0xFFFF, 2, false, None);
-        test_packet_id(0xFFFF, 2, true, Some(4));
-        test_packet_id(0xFFFF, 2, false, Some(2));
-        test_packet_id(2, 0xFFFF, false, Some(4));
-
-        for i in 1..0x2Fu16 {
-            test_packet_id(i.wrapping_add(0xFFF0), i.wrapping_add(0xFFF1), true, Some(2));
-            test_packet_id(i.wrapping_add(0xFFF0), i.wrapping_add(0xFFF5), true, Some(6));
-
-            test_packet_id(i.wrapping_add(0xFFF6), i.wrapping_add(0xFFF0), false, Some(6));
-            test_packet_id(i.wrapping_add(0xFFF0), i.wrapping_add(0xFFF6), true, Some(6));
-        }
-    }
-
-    #[test]
-    fn packet_id_difference() {
-        test_packet_difference(0, 0, 0, None);
-        test_packet_difference(0xFFFF, 0, 0xFFFF, None);
-        test_packet_difference(0xFFFF, 0, 1, Some(1));
-
-        for i in 0..0xFFu16 {
-            test_packet_difference(0xFF8F_u16.wrapping_add(i), 0xFF9F_u16.wrapping_add(i), 16, Some(16));
-        }
-    }
-}
diff --git a/web/audio-lib/src/audio/codec.rs b/web/audio-lib/src/audio/codec.rs
deleted file mode 100644
index bc77f0c5..00000000
--- a/web/audio-lib/src/audio/codec.rs
+++ /dev/null
@@ -1 +0,0 @@
-pub mod opus;
\ No newline at end of file
diff --git a/web/audio-lib/src/audio/codec/opus.rs b/web/audio-lib/src/audio/codec/opus.rs
deleted file mode 100644
index 84d4ebac..00000000
--- a/web/audio-lib/src/audio/codec/opus.rs
+++ /dev/null
@@ -1,845 +0,0 @@
-// Copyright 2016 Tad Hardesty
-//
-// Licensed under the Apache License, Version 2.0 <LICENSE-APACHE or
-// http://www.apache.org/licenses/LICENSE-2.0> or the MIT license
-// <LICENSE-MIT or http://opensource.org/licenses/MIT>, at your
-// option. This file may not be copied, modified, or distributed
-// except according to those terms.
-
-//! High-level bindings for libopus.
-//!
-//! Only brief descriptions are included here. For detailed information, consult
-//! the [libopus documentation](https://opus-codec.org/docs/opus_api-1.1.2/).
-#![warn(missing_docs)]
-#![allow(dead_code)]
-
-#[cfg(target_arch = "wasm32")]
-extern crate opus_prebuild_wasm as ffi;
-
-#[cfg(not(target_arch = "wasm32"))]
-extern crate opus_cmake_sys as ffi;
-
-use std::marker::PhantomData;
-use std::os::raw::c_int;
-use std::ffi::CStr;
-
-// ============================================================================
-// Constants
-
-// Generic CTLs
-const OPUS_RESET_STATE: c_int = 4028; // void
-const OPUS_GET_FINAL_RANGE: c_int = 4031; // out *u32
-const OPUS_GET_BANDWIDTH: c_int = 4009; // out *i32
-const OPUS_GET_SAMPLE_RATE: c_int = 4029; // out *i32
-// Encoder CTLs
-const OPUS_SET_BITRATE: c_int = 4002; // in i32
-const OPUS_GET_BITRATE: c_int = 4003; // out *i32
-const OPUS_SET_VBR: c_int = 4006; // in i32
-const OPUS_GET_VBR: c_int = 4007; // out *i32
-const OPUS_SET_VBR_CONSTRAINT: c_int = 4020; // in i32
-const OPUS_GET_VBR_CONSTRAINT: c_int = 4021; // out *i32
-const OPUS_SET_INBAND_FEC: c_int = 4012; // in i32
-const OPUS_GET_INBAND_FEC: c_int = 4013; // out *i32
-const OPUS_SET_PACKET_LOSS_PERC: c_int = 4014; // in i32
-const OPUS_GET_PACKET_LOSS_PERC: c_int = 4015; // out *i32
-const OPUS_GET_LOOKAHEAD: c_int = 4027; // out *i32
-// Decoder CTLs
-const OPUS_SET_GAIN: c_int = 4034; // in i32
-const OPUS_GET_GAIN: c_int = 4045; // out *i32
-const OPUS_GET_LAST_PACKET_DURATION: c_int = 4039; // out *i32
-const OPUS_GET_PITCH: c_int = 4033; // out *i32
-
-// Bitrate
-const OPUS_AUTO: c_int = -1000;
-const OPUS_BITRATE_MAX: c_int = -1;
-
-/// The possible applications for the codec.
-#[derive(Debug, Clone, Copy, Eq, PartialEq, Hash)]
-pub enum Application {
-    /// Best for most VoIP/videoconference applications where listening quality
-    /// and intelligibility matter most.
-    Voip = 2048,
-    /// Best for broadcast/high-fidelity application where the decoded audio
-    /// should be as close as possible to the input.
-    Audio = 2049,
-    /// Only use when lowest-achievable latency is what matters most.
-    LowDelay = 2051,
-}
-
-/// The available channel setings.
-#[derive(Debug, Clone, Copy, Eq, PartialEq, Hash)]
-pub enum Channels {
-    /// One channel.
-    Mono = 1,
-    /// Two channels, left and right.
-    Stereo = 2,
-}
-
-/// The available bandwidth level settings.
-#[derive(Debug, Clone, Copy, Eq, PartialEq, Hash)]
-pub enum Bandwidth {
-    /// Auto/default setting.
-    Auto = -1000,
-    /// 4kHz bandpass.
-    Narrowband = 1101,
-    /// 6kHz bandpass.
-    Mediumband = 1102,
-    /// 8kHz bandpass.
-    Wideband = 1103,
-    /// 12kHz bandpass.
-    Superwideband = 1104,
-    /// 20kHz bandpass.
-    Fullband = 1105,
-}
-
-impl Bandwidth {
-    fn from_int(value: i32) -> Option<Bandwidth> {
-        Some(match value {
-            -1000 => Bandwidth::Auto,
-            1101 => Bandwidth::Narrowband,
-            1102 => Bandwidth::Mediumband,
-            1103 => Bandwidth::Wideband,
-            1104 => Bandwidth::Superwideband,
-            1105 => Bandwidth::Fullband,
-            _ => return None,
-        })
-    }
-
-    fn decode(value: i32, what: &'static str) -> Result<Bandwidth> {
-        match Bandwidth::from_int(value) {
-            Some(bandwidth) => Ok(bandwidth),
-            None => Err(Error::bad_arg(what)),
-        }
-    }
-}
-
-/// Possible error codes.
-#[derive(Debug, Copy, Clone, Eq, PartialEq, Hash)]
-pub enum ErrorCode {
-    /// One or more invalid/out of range arguments.
-    BadArg = -1,
-    /// Not enough bytes allocated in the buffer.
-    BufferTooSmall = -2,
-    /// An internal error was detected.
-    InternalError = -3,
-    /// The compressed data passed is corrupted.
-    InvalidPacket = -4,
-    /// Invalid/unsupported request number.
-    Unimplemented = -5,
-    /// An encoder or decoder structure is invalid or already freed.
-    InvalidState = -6,
-    /// Memory allocation has failed.
-    AllocFail = -7,
-    /// An unknown failure.
-    Unknown = -8,
-}
-
-impl ErrorCode {
-    fn from_int(value: c_int) -> ErrorCode {
-        use ErrorCode::*;
-        match value {
-            ffi::OPUS_BAD_ARG => BadArg,
-            ffi::OPUS_BUFFER_TOO_SMALL => BufferTooSmall,
-            ffi::OPUS_INTERNAL_ERROR => InternalError,
-            ffi::OPUS_INVALID_PACKET => InvalidPacket,
-            ffi::OPUS_UNIMPLEMENTED => Unimplemented,
-            ffi::OPUS_INVALID_STATE => InvalidState,
-            ffi::OPUS_ALLOC_FAIL => AllocFail,
-            _ => Unknown,
-        }
-    }
-
-    /// Get a human-readable error string for this error code.
-    pub fn description(self) -> &'static str {
-        // should always be ASCII and non-null for any input
-        unsafe { CStr::from_ptr(ffi::opus_strerror(self as c_int)) }.to_str().unwrap()
-    }
-}
-
-/// Possible bitrates.
-#[derive(Debug, Copy, Clone, Eq, PartialEq, Hash)]
-pub enum Bitrate {
-    /// Explicit bitrate choice (in bits/second).
-    Bits(i32),
-    /// Maximum bitrate allowed (up to maximum number of bytes for the packet).
-    Max,
-    /// Default bitrate decided by the encoder (not recommended).
-    Auto,
-}
-
-/// Get the libopus version string.
-///
-/// Applications may look for the substring "-fixed" in the version string to
-/// determine whether they have a fixed-point or floating-point build at
-/// runtime.
-pub fn version() -> &'static str {
-    // verison string should always be ASCII
-    unsafe { CStr::from_ptr(ffi::opus_get_version_string()) }.to_str().unwrap()
-}
-
-macro_rules! ffi {
-	($f:ident $(, $rest:expr)*) => {
-		match unsafe { ffi::$f($($rest),*) } {
-			code if code < 0 => return Err(Error::from_code(stringify!($f), code)),
-			code => code,
-		}
-	}
-}
-
-macro_rules! ctl {
-	($f:ident, $this:ident, $ctl:ident, $($rest:expr),*) => {
-		match unsafe { ffi::$f($this.ptr, $ctl, $($rest),*) } {
-			code if code < 0 => return Err(Error::from_code(
-				concat!(stringify!($f), "(", stringify!($ctl), ")"),
-				code,
-			)),
-			_ => (),
-		}
-	}
-}
-
-// ============================================================================
-// Encoder
-
-macro_rules! enc_ctl {
-	($this:ident, $ctl:ident $(, $rest:expr)*) => {
-		ctl!(opus_encoder_ctl, $this, $ctl, $($rest),*)
-	}
-}
-
-/// An Opus encoder with associated state.
-#[derive(Debug)]
-pub struct Encoder {
-    ptr: *mut ffi::OpusEncoder,
-    channels: Channels,
-}
-
-impl Encoder {
-    /// Create and initialize an encoder.
-    pub fn new(sample_rate: u32, channels: Channels, mode: Application) -> Result<Encoder> {
-        let mut error = 0;
-        let ptr = unsafe { ffi::opus_encoder_create(
-            sample_rate as i32,
-            channels as c_int,
-            mode as c_int,
-            &mut error) };
-        if error != ffi::OPUS_OK || ptr.is_null() {
-            Err(Error::from_code("opus_encoder_create", error))
-        } else {
-            Ok(Encoder { ptr: ptr, channels: channels })
-        }
-    }
-
-    /// Encode an Opus frame.
-    pub fn encode(&mut self, input: &[i16], output: &mut [u8]) -> Result<usize> {
-        let len = ffi!(opus_encode, self.ptr,
-			input.as_ptr(), len(input) / self.channels as c_int,
-			output.as_mut_ptr(), len(output));
-        Ok(len as usize)
-    }
-
-    /// Encode an Opus frame from floating point input.
-    pub fn encode_float(&mut self, input: &[f32], output: &mut [u8]) -> Result<usize> {
-        let len = ffi!(opus_encode_float, self.ptr,
-			input.as_ptr(), len(input) / self.channels as c_int,
-			output.as_mut_ptr(), len(output));
-        Ok(len as usize)
-    }
-
-    /// Encode an Opus frame to a new buffer.
-    pub fn encode_vec(&mut self, input: &[i16], max_size: usize) -> Result<Vec<u8>> {
-        let mut output: Vec<u8> = vec![0; max_size];
-        let result = self.encode(input, output.as_mut_slice()).unwrap();
-        output.truncate(result);
-        Ok(output)
-    }
-
-    /// Encode an Opus frame from floating point input to a new buffer.
-    pub fn encode_vec_float(&mut self, input: &[f32], max_size: usize) -> Result<Vec<u8>> {
-        let mut output: Vec<u8> = vec![0; max_size];
-        let result = self.encode_float(input, output.as_mut_slice()).unwrap();
-        output.truncate(result);
-        Ok(output)
-    }
-
-    // ------------
-    // Generic CTLs
-
-    /// Reset the codec state to be equivalent to a freshly initialized state.
-    pub fn reset_state(&mut self) -> Result<()> {
-        enc_ctl!(self, OPUS_RESET_STATE);
-        Ok(())
-    }
-
-    /// Get the final range of the codec's entropy coder.
-    pub fn get_final_range(&mut self) -> Result<u32> {
-        let mut value: u32 = 0;
-        enc_ctl!(self, OPUS_GET_FINAL_RANGE, &mut value);
-        Ok(value)
-    }
-
-    /// Get the encoder's configured bandpass.
-    pub fn get_bandwidth(&mut self) -> Result<Bandwidth> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_BANDWIDTH, &mut value);
-        Bandwidth::decode(value, "opus_encoder_ctl(OPUS_GET_BANDWIDTH)")
-    }
-
-    /// Get the samping rate the encoder was intialized with.
-    pub fn get_sample_rate(&mut self) -> Result<u32> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_SAMPLE_RATE, &mut value);
-        Ok(value as u32)
-    }
-
-    // ------------
-    // Encoder CTLs
-
-    /// Set the encoder's bitrate.
-    pub fn set_bitrate(&mut self, value: Bitrate) -> Result<()> {
-        let value: i32 = match value {
-            Bitrate::Auto => OPUS_AUTO,
-            Bitrate::Max => OPUS_BITRATE_MAX,
-            Bitrate::Bits(b) => b,
-        };
-        enc_ctl!(self, OPUS_SET_BITRATE, value);
-        Ok(())
-    }
-
-    /// Get the encoder's bitrate.
-    pub fn get_bitrate(&mut self) -> Result<Bitrate> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_BITRATE, &mut value);
-        Ok(match value {
-            OPUS_AUTO => Bitrate::Auto,
-            OPUS_BITRATE_MAX => Bitrate::Max,
-            _ => Bitrate::Bits(value),
-        })
-    }
-
-    /// Enable or disable variable bitrate.
-    pub fn set_vbr(&mut self, vbr: bool) -> Result<()> {
-        let value: i32 = if vbr { 1 } else { 0 };
-        enc_ctl!(self, OPUS_SET_VBR, value);
-        Ok(())
-    }
-
-    /// Determine if variable bitrate is enabled.
-    pub fn get_vbr(&mut self) -> Result<bool> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_VBR, &mut value);
-        Ok(value != 0)
-    }
-
-    /// Enable or disable constrained VBR.
-    pub fn set_vbr_constraint(&mut self, vbr: bool) -> Result<()> {
-        let value: i32 = if vbr { 1 } else { 0 };
-        enc_ctl!(self, OPUS_SET_VBR_CONSTRAINT, value);
-        Ok(())
-    }
-
-    /// Determine if constrained VBR is enabled.
-    pub fn get_vbr_constraint(&mut self) -> Result<bool> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_VBR_CONSTRAINT, &mut value);
-        Ok(value != 0)
-    }
-
-    /// Configures the encoder's use of inband forward error correction (FEC).
-    pub fn set_inband_fec(&mut self, value: bool) -> Result<()> {
-        let value: i32 = if value { 1 } else { 0 };
-        enc_ctl!(self, OPUS_SET_INBAND_FEC, value);
-        Ok(())
-    }
-
-    /// Gets encoder's configured use of inband forward error correction.
-    pub fn get_inband_fec(&mut self) -> Result<bool> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_INBAND_FEC, &mut value);
-        Ok(value != 0)
-    }
-
-    /// Sets the encoder's expected packet loss percentage.
-    pub fn set_packet_loss_perc(&mut self, value: i32) -> Result<()> {
-        enc_ctl!(self, OPUS_SET_PACKET_LOSS_PERC, value);
-        Ok(())
-    }
-
-    /// Gets the encoder's expected packet loss percentage.
-    pub fn get_packet_loss_perc(&mut self) -> Result<i32> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_PACKET_LOSS_PERC, &mut value);
-        Ok(value)
-    }
-
-    /// Gets the total samples of delay added by the entire codec.
-    pub fn get_lookahead(&mut self) -> Result<i32> {
-        let mut value: i32 = 0;
-        enc_ctl!(self, OPUS_GET_LOOKAHEAD, &mut value);
-        Ok(value)
-    }
-
-    // TODO: Encoder-specific CTLs
-}
-
-impl Drop for Encoder {
-    fn drop(&mut self) {
-        unsafe { ffi::opus_encoder_destroy(self.ptr) }
-    }
-}
-
-// "A single codec state may only be accessed from a single thread at
-// a time and any required locking must be performed by the caller. Separate
-// streams must be decoded with separate decoder states and can be decoded
-// in parallel unless the library was compiled with NONTHREADSAFE_PSEUDOSTACK
-// defined."
-//
-// In other words, opus states may be moved between threads at will. A special
-// compilation mode intended for embedded platforms forbids multithreaded use
-// of the library as a whole rather than on a per-state basis, but the opus-sys
-// crate does not use this mode.
-unsafe impl Send for Encoder {}
-
-// ============================================================================
-// Decoder
-
-macro_rules! dec_ctl {
-	($this:ident, $ctl:ident $(, $rest:expr)*) => {
-		ctl!(opus_decoder_ctl, $this, $ctl, $($rest),*)
-	}
-}
-
-/// An Opus decoder with associated state.
-#[derive(Debug)]
-pub struct Decoder {
-    ptr: *mut ffi::OpusDecoder,
-    channels: Channels,
-}
-
-impl Decoder {
-    /// Create and initialize a decoder.
-    pub fn new(sample_rate: u32, channels: Channels) -> Result<Decoder> {
-        let mut error = 0;
-        let ptr = unsafe { ffi::opus_decoder_create(
-            sample_rate as i32,
-            channels as c_int,
-            &mut error) };
-        if error != ffi::OPUS_OK || ptr.is_null() {
-            Err(Error::from_code("opus_decoder_create", error))
-        } else {
-            Ok(Decoder { ptr: ptr, channels: channels })
-        }
-    }
-
-    /// Decode an Opus packet.
-    pub fn decode(&mut self, input: &[u8], output: &mut [i16], fec: bool) -> Result<usize> {
-        let ptr = match input.len() {
-            0 => std::ptr::null(),
-            _ => input.as_ptr(),
-        };
-        let len = ffi!(opus_decode, self.ptr,
-			ptr, len(input),
-			output.as_mut_ptr(), len(output) / self.channels as c_int,
-			fec as c_int);
-        Ok(len as usize)
-    }
-
-    /// Decode an Opus packet with floating point output.
-    pub fn decode_float(&mut self, input: &[u8], output: &mut [f32], fec: bool) -> Result<usize> {
-        let ptr = match input.len() {
-            0 => std::ptr::null(),
-            _ => input.as_ptr(),
-        };
-        let len = ffi!(opus_decode_float, self.ptr,
-			ptr, len(input),
-			output.as_mut_ptr(), len(output) / self.channels as c_int,
-			fec as c_int);
-        Ok(len as usize)
-    }
-
-    /// Get the number of samples of an Opus packet.
-    pub fn get_nb_samples(&self, packet: &[u8]) -> Result<usize> {
-        let len = ffi!(opus_decoder_get_nb_samples, self.ptr,
-			packet.as_ptr(), packet.len() as i32);
-        Ok(len as usize)
-    }
-
-    // ------------
-    // Generic CTLs
-
-    /// Reset the codec state to be equivalent to a freshly initialized state.
-    pub fn reset_state(&mut self) -> Result<()> {
-        dec_ctl!(self, OPUS_RESET_STATE);
-        Ok(())
-    }
-
-    /// Get the final range of the codec's entropy coder.
-    pub fn get_final_range(&mut self) -> Result<u32> {
-        let mut value: u32 = 0;
-        dec_ctl!(self, OPUS_GET_FINAL_RANGE, &mut value);
-        Ok(value)
-    }
-
-    /// Get the decoder's last bandpass.
-    pub fn get_bandwidth(&mut self) -> Result<Bandwidth> {
-        let mut value: i32 = 0;
-        dec_ctl!(self, OPUS_GET_BANDWIDTH, &mut value);
-        Bandwidth::decode(value, "opus_decoder_ctl(OPUS_GET_BANDWIDTH)")
-    }
-
-    /// Get the samping rate the decoder was intialized with.
-    pub fn get_sample_rate(&mut self) -> Result<u32> {
-        let mut value: i32 = 0;
-        dec_ctl!(self, OPUS_GET_SAMPLE_RATE, &mut value);
-        Ok(value as u32)
-    }
-
-    // ------------
-    // Decoder CTLs
-
-    /// Configures decoder gain adjustment.
-    ///
-    /// Scales the decoded output by a factor specified in Q8 dB units. This has
-    /// a maximum range of -32768 to 32768 inclusive, and returns `BadArg`
-    /// otherwise. The default is zero indicating no adjustment. This setting
-    /// survives decoder reset.
-    ///
-    /// `gain = pow(10, x / (20.0 * 256))`
-    pub fn set_gain(&mut self, gain: i32) -> Result<()> {
-        dec_ctl!(self, OPUS_SET_GAIN, gain);
-        Ok(())
-    }
-
-    /// Gets the decoder's configured gain adjustment.
-    pub fn get_gain(&mut self) -> Result<i32> {
-        let mut value: i32 = 0;
-        dec_ctl!(self, OPUS_GET_GAIN, &mut value);
-        Ok(value)
-    }
-
-    /// Gets the duration (in samples) of the last packet successfully decoded
-    /// or concealed.
-    pub fn get_last_packet_duration(&mut self) -> Result<u32> {
-        let mut value: i32 = 0;
-        dec_ctl!(self, OPUS_GET_LAST_PACKET_DURATION, &mut value);
-        Ok(value as u32)
-    }
-
-    /// Gets the pitch of the last decoded frame, if available.
-    ///
-    /// This can be used for any post-processing algorithm requiring the use of
-    /// pitch, e.g. time stretching/shortening. If the last frame was not
-    /// voiced, or if the pitch was not coded in the frame, then zero is
-    /// returned.
-    pub fn get_pitch(&mut self) -> Result<i32> {
-        let mut value: i32 = 0;
-        dec_ctl!(self, OPUS_GET_PITCH, &mut value);
-        Ok(value)
-    }
-}
-
-impl Drop for Decoder {
-    fn drop(&mut self) {
-        unsafe { ffi::opus_decoder_destroy(self.ptr) }
-    }
-}
-
-// See `unsafe impl Send for Encoder`.
-unsafe impl Send for Decoder {}
-
-// ============================================================================
-// Packet Analysis
-
-/// Analyze raw Opus packets.
-pub mod packet {
-    use super::*;
-    use super::ffi;
-    use std::{ptr, slice};
-
-    /// Get the bandwidth of an Opus packet.
-    pub fn get_bandwidth(packet: &[u8]) -> Result<Bandwidth> {
-        if packet.len() < 1 {
-            return Err(Error::bad_arg("opus_packet_get_bandwidth"));
-        }
-        let bandwidth = ffi!(opus_packet_get_bandwidth, packet.as_ptr());
-        Bandwidth::decode(bandwidth, "opus_packet_get_bandwidth")
-    }
-
-    /// Get the number of channels from an Opus packet.
-    pub fn get_nb_channels(packet: &[u8]) -> Result<Channels> {
-        if packet.len() < 1 {
-            return Err(Error::bad_arg("opus_packet_get_nb_channels"));
-        }
-        let channels = ffi!(opus_packet_get_nb_channels, packet.as_ptr());
-        match channels {
-            1 => Ok(Channels::Mono),
-            2 => Ok(Channels::Stereo),
-            _ => Err(Error::bad_arg("opus_packet_get_nb_channels")),
-        }
-    }
-
-    /// Get the number of frames in an Opus packet.
-    pub fn get_nb_frames(packet: &[u8]) -> Result<usize> {
-        let frames = ffi!(opus_packet_get_nb_frames, packet.as_ptr(), len(packet));
-        Ok(frames as usize)
-    }
-
-    /// Get the number of samples of an Opus packet.
-    pub fn get_nb_samples(packet: &[u8], sample_rate: u32) -> Result<usize> {
-        let frames = ffi!(opus_packet_get_nb_samples,
-			packet.as_ptr(), len(packet),
-			sample_rate as c_int);
-        Ok(frames as usize)
-    }
-
-    /// Get the number of samples per frame from an Opus packet.
-    pub fn get_samples_per_frame(packet: &[u8], sample_rate: u32) -> Result<usize> {
-        if packet.len() < 1 {
-            return Err(Error::bad_arg("opus_packet_get_samples_per_frame"))
-        }
-        let samples = ffi!(opus_packet_get_samples_per_frame,
-			packet.as_ptr(), sample_rate as c_int);
-        Ok(samples as usize)
-    }
-
-    /// Parse an Opus packet into one or more frames.
-    pub fn parse(packet: &[u8]) -> Result<Packet> {
-        let mut toc: u8 = 0;
-        let mut frames = [ptr::null(); 48];
-        let mut sizes = [0i16; 48];
-        let mut payload_offset: i32 = 0;
-        let num_frames = ffi!(opus_packet_parse,
-			packet.as_ptr(), len(packet),
-			&mut toc, frames.as_mut_ptr(),
-			sizes.as_mut_ptr(), &mut payload_offset);
-
-        let mut frames_vec = Vec::with_capacity(num_frames as usize);
-        for i in 0..num_frames as usize {
-            frames_vec.push(unsafe { slice::from_raw_parts(frames[i], sizes[i] as usize) });
-        }
-
-        Ok(Packet {
-            toc: toc,
-            frames: frames_vec,
-            payload_offset: payload_offset as usize,
-        })
-    }
-
-    /// A parsed Opus packet, retuned from `parse`.
-    #[derive(Debug)]
-    pub struct Packet<'a> {
-        /// The TOC byte of the packet.
-        pub toc: u8,
-        /// The frames contained in the packet.
-        pub frames: Vec<&'a [u8]>,
-        /// The offset into the packet at which the payload is located.
-        pub payload_offset: usize,
-    }
-
-    /// Pad a given Opus packet to a larger size.
-    ///
-    /// The packet will be extended from the first `prev_len` bytes of the
-    /// buffer into the rest of the available space.
-    pub fn pad(packet: &mut [u8], prev_len: usize) -> Result<usize> {
-        let result = ffi!(opus_packet_pad, packet.as_mut_ptr(),
-			check_len(prev_len), len(packet));
-        Ok(result as usize)
-    }
-
-    /// Remove all padding from a given Opus packet and rewrite the TOC sequence
-    /// to minimize space usage.
-    pub fn unpad(packet: &mut [u8]) -> Result<usize> {
-        let result = ffi!(opus_packet_unpad, packet.as_mut_ptr(), len(packet));
-        Ok(result as usize)
-    }
-}
-
-// ============================================================================
-// Float Soft Clipping
-
-/// Soft-clipping to bring a float signal within the [-1,1] range.
-#[derive(Debug)]
-pub struct SoftClip {
-    channels: Channels,
-    memory: [f32; 2],
-}
-
-impl SoftClip {
-    /// Initialize a new soft-clipping state.
-    pub fn new(channels: Channels) -> SoftClip {
-        SoftClip { channels: channels, memory: [0.0; 2] }
-    }
-
-    /// Apply soft-clipping to a float signal.
-    pub fn apply(&mut self, signal: &mut [f32]) {
-        unsafe { ffi::opus_pcm_soft_clip(
-            signal.as_mut_ptr(),
-            len(signal) / self.channels as c_int,
-            self.channels as c_int,
-            self.memory.as_mut_ptr()) };
-    }
-}
-
-// ============================================================================
-// Repacketizer
-
-/// A repacketizer used to merge together or split apart multiple Opus packets.
-#[derive(Debug)]
-pub struct Repacketizer {
-    ptr: *mut ffi::OpusRepacketizer,
-}
-
-impl Repacketizer {
-    /// Create and initialize a repacketizer.
-    pub fn new() -> Result<Repacketizer> {
-        let ptr = unsafe { ffi::opus_repacketizer_create() };
-        if ptr.is_null() {
-            Err(Error::from_code("opus_repacketizer_create", ffi::OPUS_ALLOC_FAIL))
-        } else {
-            Ok(Repacketizer { ptr: ptr })
-        }
-    }
-
-    /// Shortcut to combine several smaller packets into one larger one.
-    pub fn combine(&mut self, input: &[&[u8]], output: &mut [u8]) -> Result<usize> {
-        let mut state = self.begin();
-        for &packet in input {
-            state.cat(packet).unwrap();
-        }
-        state.out(output)
-    }
-
-    /// Begin using the repacketizer.
-    pub fn begin<'rp, 'buf>(&'rp mut self) -> RepacketizerState<'rp, 'buf> {
-        unsafe { ffi::opus_repacketizer_init(self.ptr); }
-        RepacketizerState { rp: self, phantom: PhantomData }
-    }
-}
-
-impl Drop for Repacketizer {
-    fn drop(&mut self) {
-        unsafe { ffi::opus_repacketizer_destroy(self.ptr) }
-    }
-}
-
-// See `unsafe impl Send for Encoder`.
-unsafe impl Send for Repacketizer {}
-
-// To understand why these lifetime bounds are needed, imagine that the
-// repacketizer keeps an internal Vec<&'buf [u8]>, which is added to by cat()
-// and accessed by get_nb_frames(), out(), and out_range(). To prove that these
-// lifetime bounds are correct, a dummy implementation with the same signatures
-// but a real Vec<&'buf [u8]> rather than unsafe blocks may be substituted.
-
-/// An in-progress repacketization.
-#[derive(Debug)]
-pub struct RepacketizerState<'rp, 'buf> {
-    rp: &'rp mut Repacketizer,
-    phantom: PhantomData<&'buf [u8]>,
-}
-
-impl<'rp, 'buf> RepacketizerState<'rp, 'buf> {
-    /// Add a packet to the current repacketizer state.
-    pub fn cat(&mut self, packet: &'buf [u8]) -> Result<()> {
-        ffi!(opus_repacketizer_cat, self.rp.ptr,
-			packet.as_ptr(), len(packet));
-        Ok(())
-    }
-
-    /// Add a packet to the current repacketizer state, moving it.
-    #[inline]
-    pub fn cat_move<'b2>(self, packet: &'b2 [u8]) -> Result<RepacketizerState<'rp, 'b2>> where 'buf: 'b2 {
-        let mut shorter = self;
-        shorter.cat(packet).unwrap();
-        Ok(shorter)
-    }
-
-    /// Get the total number of frames contained in packet data submitted so
-    /// far via `cat`.
-    pub fn get_nb_frames(&mut self) -> usize {
-        unsafe { ffi::opus_repacketizer_get_nb_frames(self.rp.ptr) as usize }
-    }
-
-    /// Construct a new packet from data previously submitted via `cat`.
-    ///
-    /// All previously submitted frames are used.
-    pub fn out(&mut self, buffer: &mut [u8]) -> Result<usize> {
-        let result = ffi!(opus_repacketizer_out, self.rp.ptr,
-			buffer.as_mut_ptr(), len(buffer));
-        Ok(result as usize)
-    }
-
-    /// Construct a new packet from data previously submitted via `cat`, with
-    /// a manually specified subrange.
-    ///
-    /// The `end` index should not exceed the value of `get_nb_frames()`.
-    pub fn out_range(&mut self, begin: usize, end: usize, buffer: &mut [u8]) -> Result<usize> {
-        let result = ffi!(opus_repacketizer_out_range, self.rp.ptr,
-			check_len(begin), check_len(end),
-			buffer.as_mut_ptr(), len(buffer));
-        Ok(result as usize)
-    }
-}
-
-// ============================================================================
-// TODO: Multistream API
-
-// ============================================================================
-// Error Handling
-
-/// Opus error Result alias.
-pub type Result<T> = std::result::Result<T, Error>;
-
-/// An error generated by the Opus library.
-#[derive(Debug)]
-pub struct Error {
-    function: &'static str,
-    code: ErrorCode,
-}
-
-impl Error {
-    fn bad_arg(what: &'static str) -> Error {
-        Error { function: what, code: ErrorCode::BadArg }
-    }
-
-    fn from_code(what: &'static str, code: c_int) -> Error {
-        Error { function: what, code: ErrorCode::from_int(code) }
-    }
-
-    /// Get the name of the Opus function from which the error originated.
-    #[inline]
-    pub fn function(&self) -> &'static str { self.function }
-
-    /// Get a textual description of the error provided by Opus.
-    #[inline]
-    pub fn description(&self) -> &'static str { self.code.description() }
-
-    /// Get the Opus error code of the error.
-    #[inline]
-    pub fn code(&self) -> ErrorCode { self.code }
-}
-
-impl std::fmt::Display for Error {
-    fn fmt(&self, f: &mut std::fmt::Formatter) -> std::fmt::Result {
-        write!(f, "{}: {}", self.function, self.description())
-    }
-}
-
-impl std::error::Error for Error {
-    fn description(&self) -> &str {
-        self.code.description()
-    }
-}
-
-fn check_len(val: usize) -> c_int {
-    let len = val as c_int;
-    if len as usize != val {
-        panic!("length out of range: {}", val);
-    }
-    len
-}
-
-#[inline]
-fn len<T>(slice: &[T]) -> c_int {
-    check_len(slice.len())
-}
\ No newline at end of file
diff --git a/web/audio-lib/src/audio/converter.rs b/web/audio-lib/src/audio/converter.rs
deleted file mode 100644
index 6db50d73..00000000
--- a/web/audio-lib/src/audio/converter.rs
+++ /dev/null
@@ -1,31 +0,0 @@
-#![allow(dead_code)]
-
-/* source and target should not be intersecting! */
-pub fn sequenced2interleaved(src: &[f32], dest: &mut [f32], sample_count: u32, channel_count: u32) {
-    for channel in 0..channel_count {
-        let mut source_index  = (channel * sample_count) as usize;
-        let mut dest_index = channel as usize;
-
-        for _ in 0..sample_count {
-            dest[dest_index] = src[source_index];
-
-            source_index += 1 as usize;
-            dest_index += channel_count as usize;
-        }
-    }
-}
-
-/* source and target should not be intersecting! */
-pub fn interleaved2sequenced(src: &[f32], dest: &mut [f32], sample_count: u32, channel_count: u32) {
-    for channel in 0..channel_count {
-        let mut source_index = channel as usize;
-        let mut dest_index  = (channel * sample_count) as usize;
-
-        for _ in 0..sample_count {
-            dest[dest_index] = src[source_index];
-
-            source_index += channel_count as usize;
-            dest_index += 1 as usize;
-        }
-    }
-}
\ No newline at end of file
diff --git a/web/audio-lib/src/audio/decoder.rs b/web/audio-lib/src/audio/decoder.rs
deleted file mode 100644
index 5c971b59..00000000
--- a/web/audio-lib/src/audio/decoder.rs
+++ /dev/null
@@ -1,264 +0,0 @@
-use crate::audio::{AudioPacket, Codec};
-use crate::audio::codec::opus::{Channels};
-use std::rc::Rc;
-use std::cell::RefCell;
-use std::fmt::Formatter;
-
-#[derive(Debug, PartialEq)]
-pub enum AudioDecodeError {
-    UnknownCodec,
-    UnsupportedCodec,
-    DecoderInitializeFailed(String, bool /* just now initialized */),
-    DecoderUninitialized,
-    InvalidPacket,
-    UnknownDecodeError(String)
-}
-
-enum DecoderState {
-    Unset,
-    Initialized(Rc<RefCell<dyn AudioCodecDecoder>>),
-    InitializeFailed(String)
-}
-
-impl std::fmt::Debug for DecoderState {
-    fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
-        match self {
-            DecoderState::Unset => {
-                f.write_str("DecoderState::Unset")
-            }
-            DecoderState::Initialized(_) => {
-                f.write_str("DecoderState::Initialized")
-            }
-            DecoderState::InitializeFailed(error) => {
-                f.write_str(&format!("DecoderState::InitializeFailed({:?})", error))
-            }
-        }
-    }
-}
-
-pub struct AudioDecoder {
-    opus_decoder: DecoderState,
-    opus_music_decoder: DecoderState,
-
-    last_decoded_codec: Codec,
-}
-
-impl AudioDecoder {
-    pub fn new() -> AudioDecoder {
-        AudioDecoder {
-            opus_music_decoder: DecoderState::Unset,
-            opus_decoder: DecoderState::Unset,
-
-            last_decoded_codec: Codec::Opus,
-        }
-    }
-
-    fn decoder_state(&mut self, codec: Codec) -> Result<&mut DecoderState, AudioDecodeError> {
-        match codec {
-            Codec::Opus => {
-                Ok(&mut self.opus_decoder)
-            }
-            Codec::OpusMusic => {
-                Ok(&mut self.opus_music_decoder)
-            }
-            Codec::SpeexNarrow | Codec::SpeexWide | Codec::SpeexUltraWide | Codec::Celt | Codec::Flac => {
-                Err(AudioDecodeError::UnsupportedCodec)
-            }
-            _ => {
-                Err(AudioDecodeError::UnknownCodec)
-            }
-        }
-    }
-
-    fn get_decoder(&mut self, codec: Codec, initialize: bool) -> Result<Rc<RefCell<dyn AudioCodecDecoder>>, AudioDecodeError> {
-        let decoder_state = self.decoder_state(codec)?;
-
-        match decoder_state {
-            DecoderState::Initialized(decoder) => {
-                Ok(decoder.clone())
-            }
-            DecoderState::InitializeFailed(error) => {
-                Err(AudioDecodeError::DecoderInitializeFailed(error.clone(), false))
-            }
-            DecoderState::Unset => {
-                if !initialize {
-                    return Err(AudioDecodeError::DecoderUninitialized);
-                }
-
-                let decoder: Option<Rc<RefCell<dyn AudioCodecDecoder>>>;
-                match codec {
-                    Codec::Opus => {
-                        decoder = Some(Rc::new(RefCell::new(decoder::AudioOpusDecoder::new(Channels::Mono))));
-                    }
-                    Codec::OpusMusic => {
-                        decoder = Some(Rc::new(RefCell::new(decoder::AudioOpusDecoder::new(Channels::Stereo))));
-                    }
-                    _ => {
-                        panic!("This should never be reached");
-                    }
-                }
-
-                let decoder = decoder.unwrap();
-                if let Err(error) = decoder.borrow_mut().initialize() {
-                    *decoder_state = DecoderState::InitializeFailed(error.clone());
-                    return Err(AudioDecodeError::DecoderInitializeFailed(error, true));
-                }
-
-                *decoder_state = DecoderState::Initialized(decoder.clone());
-                Ok(decoder)
-            }
-        }
-    }
-
-    pub fn decode(&mut self, packet: &AudioPacket, dest: &mut Vec<f32>) -> Result<(usize /* samples */, u8 /* channels */), AudioDecodeError> {
-        let audio_decoder = self.get_decoder(packet.codec, true)?;
-        let mut audio_decoder = audio_decoder.borrow_mut();
-
-        let result = audio_decoder.decode(&packet.payload, dest)?;
-        self.last_decoded_codec = packet.codec;
-        Ok(result)
-    }
-
-    pub fn decode_lost(&mut self, _packet_count: usize) -> Result<(), AudioDecodeError> {
-        /* if the decoder hasn't been initialized or something similar it's not worth creating one */
-        if let Ok(decoder) = self.get_decoder(self.last_decoded_codec, false) {
-            decoder.borrow_mut().decode_lost()?;
-        }
-
-        Ok(())
-    }
-}
-
-trait AudioCodecDecoder {
-    /// Initialize the decoder.
-    /// On error occurrence, the error message will be returned
-    fn initialize(&mut self) -> Result<(), String>;
-
-    /// Decode the audio packet to float 32 interleaved samples.
-    /// Returns the amount of samples decoded.
-    fn decode(&mut self, src: &Vec<u8>, dest: &mut Vec<f32>) -> Result<(usize /* samples */, u8 /* channels */), AudioDecodeError>;
-
-    fn decode_lost(&mut self) -> Result<(), AudioDecodeError>;
-}
-
-mod decoder {
-    /* the opus implementation */
-    use crate::audio::codec::opus::{Decoder, Channels, ErrorCode};
-    use crate::audio::decoder::{AudioCodecDecoder, AudioDecodeError};
-    use log::warn;
-
-    pub struct AudioOpusDecoder {
-        pub channel_count: Channels,
-        pub sample_rate: u32,
-
-        decoder: Option<Decoder>,
-
-        /// If it's set it indicates that we have to do some FEC decoding.
-        /// The option will hold the packet size, used for the FEC decoding.
-        fec_decode: Option<usize>
-    }
-
-    impl AudioOpusDecoder {
-        pub fn new(channels: Channels) -> AudioOpusDecoder {
-            AudioOpusDecoder {
-                decoder: None,
-                channel_count: channels,
-                sample_rate: 48_000,
-
-                fec_decode: None
-            }
-        }
-    }
-
-    impl AudioCodecDecoder for AudioOpusDecoder {
-        fn initialize(&mut self) -> Result<(), String> {
-            let decoder = Decoder::new(self.sample_rate, self.channel_count).map_err(|error| String::from(error.description()))?;
-            self.decoder = Some(decoder);
-            Ok(())
-        }
-
-        fn decode(&mut self, src: &Vec<u8>, dest: &mut Vec<f32>) -> Result<(usize, u8), AudioDecodeError> {
-            if let Some(ref mut decoder) = self.decoder {
-                let sample_count = decoder.get_nb_samples(src.as_slice())
-                    .map_err(|_error| AudioDecodeError::InvalidPacket)?;
-
-                let mut total_sample_count = 0;
-                if let Some(fec_size) = self.fec_decode {
-                    self.fec_decode = None;
-                    dest.resize(
-                        fec_size as usize * self.channel_count as usize +
-                            sample_count * self.channel_count as usize, 0f32);
-
-                    match decoder.decode_float(src.as_slice(), &mut dest[0..(fec_size * self.channel_count as usize)], true) {
-                        Ok(sample_count) => total_sample_count += sample_count,
-                        Err(error) => {
-                            warn!("Failed to FEC decode opus packet: {}", error.description());
-                        }
-                    };
-                } else {
-                    dest.resize(sample_count * self.channel_count as usize, 0f32);
-                }
-
-                match decoder.decode_float(src.as_slice(), &mut dest[(total_sample_count * self.channel_count as usize)..], false) {
-                    Ok(sample_count) => Ok((total_sample_count + sample_count, self.channel_count as u8)),
-                    Err(error) => match error.code() {
-                        ErrorCode::InvalidPacket => {
-                            Err(AudioDecodeError::InvalidPacket)
-                        }
-                        _ => {
-                            Err(AudioDecodeError::UnknownDecodeError(String::from(error.description())))
-                        }
-                    }
-                }
-            } else {
-                Err(AudioDecodeError::DecoderUninitialized)
-            }
-        }
-
-        fn decode_lost(&mut self) -> Result<(), AudioDecodeError> {
-            if let Some(ref mut decoder) = self.decoder {
-                /* 960 is the default packet size for TeaSpeak */
-                let packet_size = decoder.get_last_packet_duration().unwrap_or(960) as usize;
-                self.fec_decode = Some(packet_size);
-                Ok(())
-            } else {
-                Err(AudioDecodeError::DecoderUninitialized)
-            }
-        }
-    }
-}
-
-#[cfg(test)]
-mod tests {
-    use crate::audio::decoder::{AudioDecoder, AudioDecodeError};
-    use crate::audio::{AudioPacket, PacketId, Codec};
-
-    #[test]
-    fn test_invalid_packet() {
-        let mut decoder = AudioDecoder::new();
-        let mut buffer: Vec<f32> = Vec::new();
-        let packet = AudioPacket {
-            codec: Codec::Opus,
-            payload: vec![],
-            packet_id: PacketId::new(0),
-            client_id: 0
-        };
-        assert_eq!(decoder.decode(&packet, &mut buffer), Err(AudioDecodeError::InvalidPacket));
-
-        let packet = AudioPacket {
-            codec: Codec::Opus,
-            payload: vec![0, 0, 1],
-            packet_id: PacketId::new(0),
-            client_id: 0
-        };
-        decoder.decode(&packet, &mut buffer).expect("expected a result");
-
-        let packet = AudioPacket {
-            codec: Codec::Flac,
-            payload: vec![],
-            packet_id: PacketId::new(0),
-            client_id: 0
-        };
-        assert_eq!(decoder.decode(&packet, &mut buffer), Err(AudioDecodeError::UnsupportedCodec));
-    }
-}
diff --git a/web/audio-lib/src/audio/packet_queue.rs b/web/audio-lib/src/audio/packet_queue.rs
deleted file mode 100644
index 23768887..00000000
--- a/web/audio-lib/src/audio/packet_queue.rs
+++ /dev/null
@@ -1,548 +0,0 @@
-#![allow(dead_code)]
-
-use std::task::{Poll, Context, Waker};
-use std::collections::VecDeque;
-use std::ops::{ Deref };
-use std::time::{SystemTime, Duration, UNIX_EPOCH};
-use futures::{FutureExt};
-use crate::audio::{AudioPacket, PacketId};
-
-#[derive(Debug, PartialEq)]
-pub enum AudioPacketQueueEvent {
-    AudioPacket(Box<AudioPacket>),
-    PacketsLost(
-        PacketLostReason /* reason for these packets to be counted as lost*/,
-        u16 /* first lost packet id */,
-        u16 /* lost packets */
-    )
-}
-
-#[derive(Debug, PartialEq)]
-pub enum PacketLostReason {
-    /// The packets have been failed to be received within a certain timeout
-    Timeout,
-    /// A packet sequence has been found after this packet.
-    /// We've declared this packet as lost
-    Sequence,
-    /// We've enough new packets, which can be replayed.
-    /// This is is also the reason if we're resetting the sequence.
-    ForceEnqueue
-}
-
-#[derive(Debug)]
-pub struct AudioPacketQueue {
-    /// The window size for packet id clipping.
-    /// Must be at least 1!
-    pub clipping_window: u16,
-    /// Number of packets in a sequence to skip ahead to these packets and count the missing pieces as dropped
-    pub skip_sequence_length: u32,
-    /// Number of packets in the sequence to forcently replay the first packet
-    pub force_enqueue_buffer_length: u32,
-    /// Timeout after which a packet will forcently be replayed.
-    /// The missing slices will be counted as lost
-    pub packet_buffer_timeout: u32,
-
-    /// Max size of the event queue
-    pub event_queue_max_size: u32,
-
-    /// Timestamp of the last handled packet
-    last_packet_timestamp: i64,
-    /// Last packet which has been handled
-    last_packet_id: PacketId,
-
-    /// The event waker will be called as soon new events have been scheduled.
-    event_waker: Option<Waker>,
-    /// The event queue contains all audio queue events which needs to get polled
-    event_queue: VecDeque<AudioPacketQueueEvent>,
-
-    /// Buffer for the out of order packets.
-    /// The buffer should be at least the capacity of force_enqueue_buffer_length + 1 to prevent
-    /// unwanted allocations.
-    packet_buffer: VecDeque<EnqueuedPacket>,
-    /// A timer which is used for processing non sequence packets after a certain timeout
-    packet_buffer_timer: wasm_timer::Delay
-}
-
-#[derive(Debug, PartialEq)]
-pub enum EnqueueError {
-    /// A packet with that id already exists
-    PacketAlreadyExists,
-    /// The packet is too old
-    PacketTooOld,
-    /// Containing the current sequence packet id
-    PacketSequenceMismatch(PacketId),
-    /// Event queue is too long (You need to poll some events first)
-    EventQueueOverflow
-}
-
-fn current_time_millis() -> i64 {
-    #[cfg(target_arch = "wasm32")]
-    let value = js_sys::Date::now() as i64;
-
-    #[cfg(not(target_arch = "wasm32"))]
-    let value = SystemTime::now().duration_since(UNIX_EPOCH).unwrap().as_millis() as i64;
-
-    value
-}
-
-#[derive(Debug)]
-struct EnqueuedPacket {
-    /// The actual audio packet
-    packet: Box<AudioPacket>,
-    /// The timestamp of the enqueueing used for the packet timeout
-    enqueue_timestamp: i64
-}
-
-impl Deref for EnqueuedPacket {
-    type Target = AudioPacket;
-
-    fn deref(&self) -> &Self::Target {
-        self.packet.as_ref()
-    }
-}
-
-impl AudioPacketQueue {
-    const DEFAULT_CLIPPING_WINDOW: u16 = 256;
-
-    pub fn new() -> AudioPacketQueue {
-        let instance = AudioPacketQueue {
-            clipping_window: AudioPacketQueue::DEFAULT_CLIPPING_WINDOW,
-            skip_sequence_length: 3,
-            force_enqueue_buffer_length: 5,
-            packet_buffer_timeout: 50,
-
-            event_queue_max_size: 64,
-
-            /* Decrease by one since we expect the initial packet to be enqueued soonly. */
-            last_packet_id: PacketId{ packet_id: 0 },
-            last_packet_timestamp: 0,
-
-            packet_buffer: VecDeque::with_capacity(30),
-            packet_buffer_timer: wasm_timer::Delay::new(Duration::from_millis(0)),
-
-            event_waker: None,
-            event_queue: VecDeque::with_capacity(30)
-        };
-
-        instance
-    }
-
-    fn test_sequence(&self, packet: &Box<AudioPacket>) -> Result<(), EnqueueError> {
-        if !self.last_packet_id.is_less(&packet.packet_id, Some(self.clipping_window)) {
-            return Err(EnqueueError::PacketTooOld);
-        } else if self.last_packet_id.difference(&packet.packet_id, Some(self.clipping_window)) > 20 {
-            return Err(EnqueueError::PacketSequenceMismatch(self.last_packet_id.clone()));
-        }
-
-        Ok(())
-    }
-
-    fn initialize_sequence(&mut self, packet: &Box<AudioPacket>) {
-        self.reset_sequence(false);
-        self.last_packet_timestamp = current_time_millis();
-        self.last_packet_id = packet.packet_id - 1; /* reduce the last packet id by one so this packet is the next packet */
-    }
-
-    /// Enqueue a new audio packet
-    pub fn enqueue_packet(&mut self, packet: Box<AudioPacket>, is_head_packet: bool) -> Result<(), EnqueueError> {
-        let current_time = current_time_millis();
-
-        /* check if we're expecting a sequence */
-        if current_time - self.last_packet_timestamp < 1000 {
-            let sequence_result = self.test_sequence(&packet);
-            if let Err(error) = sequence_result {
-                if !is_head_packet {
-                    return Err(error);
-                }
-
-                /* enforce a new sequence */
-                self.initialize_sequence(&packet);
-            }
-        } else {
-            /* we've a new sequence */
-            self.initialize_sequence(&packet);
-        }
-
-        let mut index = 0;
-        while index < self.packet_buffer.len() {
-            let element = &self.packet_buffer[index];
-            if !element.packet_id.is_less(&packet.packet_id, Some(self.clipping_window)) {
-                break;
-            }
-
-            index += 1;
-        }
-
-        let packet = EnqueuedPacket{ packet, enqueue_timestamp: current_time };
-
-        if self.event_queue.len() > self.event_queue_max_size as usize {
-            return Err(EnqueueError::EventQueueOverflow);
-        }
-
-        if index >= self.packet_buffer.len() {
-            self.packet_buffer.push_back(packet);
-        } else if self.packet_buffer[index].packet_id == packet.packet_id {
-            return Err(EnqueueError::PacketAlreadyExists);
-        } else {
-            self.packet_buffer.insert(index, packet);
-        }
-
-        self.try_assemble_packets();
-
-        Ok(())
-    }
-
-    /// Reset the current packet sequence.
-    /// If you want to enqueue the pending packet buffer, which sequence hasn't been finished yet,
-    /// set the first parameter to false
-    pub fn reset_sequence(&mut self, drop_pending_buffers: bool) {
-        self.last_packet_id = PacketId{ packet_id: 0 };
-        self.last_packet_timestamp = 0;
-        if drop_pending_buffers {
-            self.clear_buffers();
-        } else if !self.packet_buffer.is_empty() {
-            for packet in self.packet_buffer.drain(..).collect::<Vec<EnqueuedPacket>>() {
-                self.advance_last_packet(packet.packet_id.clone(), PacketLostReason::ForceEnqueue);
-                self.event_queue.push_back(AudioPacketQueueEvent::AudioPacket(packet.packet));
-            }
-
-            if let Some(waker) = &self.event_waker {
-                waker.wake_by_ref();
-            }
-        }
-    }
-
-    /// Advance the last packet it to the target packet it.
-    /// If the new packet id isn't consecutive to the current one, an PacketsLost event will be enqueued.
-    /// The event waker will not be called.
-    fn advance_last_packet(&mut self, packet_id: PacketId, drop_reason: PacketLostReason) {
-        if self.last_packet_id + 1 != packet_id {
-            self.event_queue.push_back(AudioPacketQueueEvent::PacketsLost(
-                drop_reason,
-                self.last_packet_id.packet_id.wrapping_add(1),
-                self.last_packet_id.difference(&packet_id, Some(self.clipping_window)) - 1
-            ));
-        }
-        self.last_packet_id = packet_id;
-    }
-
-    /// Clear all pending audio packets
-    fn clear_buffers(&mut self) {
-        self.packet_buffer.clear();
-    }
-
-    /// Get the number of pending events
-    pub fn pending_events(&self) -> usize {
-        self.event_queue.len()
-    }
-
-    /// Get the next event, manly used for testing purposes
-    pub fn pop_event(&mut self) -> Option<AudioPacketQueueEvent> {
-        self.event_queue.pop_front()
-    }
-
-    /// Poll for a events.
-    /// This method should be invoked regularly, else not every packet will be processed property.
-    pub fn poll_event(&mut self, cx: &mut Context<'_>) -> Poll<AudioPacketQueueEvent> {
-        if let Poll::Ready(_) = self.packet_buffer_timer.poll_unpin(cx) {
-            self.update_packet_timeouts(Some(cx));
-        }
-
-        if let Some(event) = self.pop_event() {
-            Poll::Ready(event)
-        } else {
-            self.event_waker = Some(cx.waker().clone());
-            Poll::Pending
-        }
-    }
-
-    fn try_assemble_packets(&mut self) {
-        while let Some(head) = self.packet_buffer.front() {
-            if head.packet_id == self.last_packet_id + 1 {
-                /* yeah, we received the next packet in the sequence */
-                let packet = self.packet_buffer.pop_front().unwrap();
-                self.last_packet_id = packet.packet_id;
-                self.last_packet_timestamp = current_time_millis();
-                self.event_queue.push_back(AudioPacketQueueEvent::AudioPacket(packet.packet));
-
-                if let Some(waker) = &self.event_waker {
-                    waker.wake_by_ref();
-                }
-            } else {
-                break;
-            }
-        }
-
-        if self.packet_buffer.is_empty() {
-            return;
-        }
-
-        /* test if somewhere are more than three packets in a row */
-        {
-            let mut index = 0;
-            let mut sequence_index = 0;
-            let mut sequence_count = 0;
-            let mut expected_packet_id = self.packet_buffer.front().unwrap().packet_id;
-
-            while index < self.packet_buffer.len() {
-                if self.packet_buffer[index].packet_id != expected_packet_id {
-                    sequence_index = index;
-                    sequence_count = 1;
-                    expected_packet_id = self.packet_buffer[index].packet_id + 1;
-                } else {
-                    sequence_count += 1;
-                    expected_packet_id = expected_packet_id + 1;
-
-                    if sequence_count == self.skip_sequence_length {
-                        break;
-                    }
-                }
-
-                index += 1;
-            }
-
-            if sequence_count == self.skip_sequence_length {
-                /* okey we can skip */
-                /* include the first packet of the sequence */
-                let packets: Vec<EnqueuedPacket> = self.packet_buffer.drain(0..(sequence_index + 1)).collect();
-                for packet in packets {
-                    self.advance_last_packet(packet.packet_id.clone(), PacketLostReason::Sequence);
-                    self.event_queue.push_back(AudioPacketQueueEvent::AudioPacket(packet.packet));
-                }
-
-                self.last_packet_timestamp = current_time_millis();
-                if let Some(waker) = &self.event_waker {
-                    waker.wake_by_ref();
-                }
-
-                /* now lets replay the next sequence */
-                self.try_assemble_packets();
-                return;
-            } else {
-                /* we've no sequence in a row */
-            }
-        }
-
-        /* force replay first packet, the a bit seek behind mode */
-        {
-            if self.packet_buffer.len() > self.force_enqueue_buffer_length as usize {
-                let packets: Vec<EnqueuedPacket> = self.packet_buffer.drain(0..(self.packet_buffer.len() - self.force_enqueue_buffer_length as usize)).collect();
-                for packet in packets {
-                    self.advance_last_packet(packet.packet_id.clone(), PacketLostReason::ForceEnqueue);
-                    self.event_queue.push_back(AudioPacketQueueEvent::AudioPacket(packet.packet));
-                    self.last_packet_timestamp = current_time_millis();
-                }
-            }
-        }
-
-        self.update_packet_timeouts(None);
-    }
-
-    fn update_packet_timeouts(&mut self, cx: Option<&mut Context<'_>>) {
-        let timeout_time = current_time_millis() - self.packet_buffer_timeout as i64;
-        let mut packet_scheduled = false;
-
-        while let Some(head) = self.packet_buffer.front() {
-            if timeout_time > head.enqueue_timestamp {
-                let packet = self.packet_buffer.pop_front().unwrap();
-                self.advance_last_packet(packet.packet_id, PacketLostReason::Timeout);
-                self.event_queue.push_back(AudioPacketQueueEvent::AudioPacket(packet.packet));
-                packet_scheduled = true;
-            }
-
-            break;
-        }
-
-        if packet_scheduled {
-            if let Some(waker) = &self.event_waker {
-                waker.wake_by_ref();
-            }
-        }
-
-        if let Some(head) = self.packet_buffer.front() {
-            let current_time = current_time_millis();
-            if let Some(cx) = cx {
-                let passed_millis = current_time - head.enqueue_timestamp;
-                if passed_millis >= timeout_time {
-                    cx.waker().wake_by_ref();
-                } else {
-                    self.packet_buffer_timer.reset(Duration::from_millis((self.packet_buffer_timeout as i64 - passed_millis) as u64));
-                    let _ = self.packet_buffer_timer.poll_unpin(cx);
-                }
-            }
-        }
-    }
-}
-
-unsafe impl Send for AudioPacketQueue {}
-
-impl Drop for AudioPacketQueue {
-    fn drop(&mut self) {
-        self.clear_buffers();
-    }
-}
-
-#[cfg(test)]
-mod tests {
-    use super::{ AudioPacketQueue, EnqueueError };
-    use crate::audio::packet_queue::{AudioPacketQueueEvent, PacketLostReason};
-    use tokio::future::poll_fn;
-    use tokio_test::block_on;
-    use std::sync::{Arc, Mutex};
-
-    use ntest::timeout;
-    use crate::audio::{AudioPacket, PacketId, Codec};
-
-    fn enqueue_packet(queue: &mut AudioPacketQueue, packet_id: u16) -> Result<(), EnqueueError> {
-        queue.enqueue_packet(Box::new(AudioPacket {
-            packet_id: PacketId{ packet_id },
-            client_id: 0,
-            codec: Codec::Opus,
-            payload: vec![]
-        }), false)
-    }
-
-    fn darin_queued_events(queue: &mut AudioPacketQueue, _expect_events: bool) {
-        let mut events_processed = 0;
-        while let Some(event) = queue.pop_event() {
-            match event {
-                AudioPacketQueueEvent::AudioPacket(packet) => {
-                    println!("Having an audio packet: {:?}", packet);
-                },
-                AudioPacketQueueEvent::PacketsLost(reason, first_packet, count) => {
-                    println!("{:?} packets got lost due to {:?} (first packet id: {:?})", count, reason, first_packet);
-                }
-            }
-
-            events_processed += 1;
-        }
-
-        if !_expect_events && events_processed > 0 {
-            assert!(false, "we haven't expected any events but processed {} events", events_processed);
-        }
-    }
-
-    fn expect_queued_packet_event(queue: &mut AudioPacketQueue, packet_id: Option<u16>) {
-        if let Some(event) = queue.pop_event() {
-            match event {
-                AudioPacketQueueEvent::AudioPacket(packet) => {
-                    if let Some(packet_id) = packet_id {
-                        assert_eq!(packet_id, packet.packet_id.packet_id);
-                    } else {
-                        println!("Having an audio packet: {:?}", packet);
-                    }
-                },
-                _ => {
-                    assert!(false, "Expected a packet event");
-                }
-            }
-        } else {
-            assert!(false, "expected an event, but there wasn't one");
-        }
-    }
-
-    #[test]
-    //#[timeout(3000)]
-    fn queue_insert_0() {
-        let mut queue =AudioPacketQueue::new();
-
-        enqueue_packet(&mut queue, 0xFFFC).unwrap();
-        //enqueue_packet(&mut queue, 0xFFFF).unwrap();
-        //enqueue_packet(&mut queue, 0xFFFD).unwrap();
-        enqueue_packet(&mut queue, 0xFFFE).unwrap();
-        enqueue_packet(&mut queue, 2).unwrap();
-        enqueue_packet(&mut queue, 0).unwrap();
-        enqueue_packet(&mut queue, 2).expect_err("packet should be already registered");
-        enqueue_packet(&mut queue, 1).unwrap();
-        enqueue_packet(&mut queue, 2).expect_err("packet should be already registered");
-
-        expect_queued_packet_event(&mut queue,Some(0xFFFC));
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::Sequence, 0xFFFD, 1));
-        expect_queued_packet_event(&mut queue,Some(0xFFFE));
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::Sequence, 0xFFFF, 1));
-        expect_queued_packet_event(&mut queue,Some(0));
-        expect_queued_packet_event(&mut queue,Some(1));
-        expect_queued_packet_event(&mut queue,Some(2));
-
-        darin_queued_events(&mut queue, false);
-    }
-
-    #[test]
-    fn test_queue_force_window() {
-        let mut queue = AudioPacketQueue::new();
-        queue.force_enqueue_buffer_length = 5;
-        queue.skip_sequence_length = 3;
-
-        enqueue_packet(&mut queue, 0).expect("failed to enqueue packet");
-        expect_queued_packet_event(&mut queue, Some(0));
-
-        enqueue_packet(&mut queue, 2).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event(), None);
-
-        enqueue_packet(&mut queue, 4).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event(), None);
-
-        enqueue_packet(&mut queue, 6).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event(), None);
-
-        enqueue_packet(&mut queue, 8).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event(), None);
-
-        enqueue_packet(&mut queue, 10).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event(), None);
-
-        enqueue_packet(&mut queue, 12).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::ForceEnqueue, 1, 1));
-        expect_queued_packet_event(&mut queue, Some(2));
-
-        enqueue_packet(&mut queue, 13).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::ForceEnqueue, 3, 1));
-        expect_queued_packet_event(&mut queue, Some(4));
-
-        enqueue_packet(&mut queue, 14).expect("failed to enqueue packet");
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::Sequence, 5, 1));
-        expect_queued_packet_event(&mut queue, Some(6));
-
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::Sequence, 7, 1));
-        expect_queued_packet_event(&mut queue, Some(8));
-
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::Sequence, 9, 1));
-        expect_queued_packet_event(&mut queue, Some(10));
-
-        assert_eq!(queue.pop_event().unwrap(), AudioPacketQueueEvent::PacketsLost(PacketLostReason::Sequence, 11, 1));
-        expect_queued_packet_event(&mut queue, Some(12));
-        expect_queued_packet_event(&mut queue, Some(13));
-        expect_queued_packet_event(&mut queue, Some(14));
-
-        darin_queued_events(&mut queue, false);
-    }
-
-    #[test]
-    #[timeout(500)]
-    fn test_queue_packet_timeout() {
-        block_on(async {
-            let queue = Arc::new(Mutex::new(AudioPacketQueue::new()));
-
-            {
-                let mut queue = queue.lock().unwrap();
-                enqueue_packet(&mut queue, 0).expect("failed to enqueue packet");
-                expect_queued_packet_event(&mut queue, Some(0));
-                darin_queued_events(&mut queue, false);
-
-                enqueue_packet(&mut queue, 2).expect("failed to enqueue packet");
-                darin_queued_events(&mut queue, false);
-            }
-
-            {
-                let queue = queue.clone();
-                let next_event = poll_fn(move |cx| { queue.lock().unwrap().poll_event(cx) }).await;
-                assert_eq!(next_event, AudioPacketQueueEvent::PacketsLost(PacketLostReason::Timeout, 1, 1));
-            }
-
-            {
-                let mut queue = queue.lock().unwrap();
-                darin_queued_events(&mut queue, true);
-            }
-        });
-    }
-}
\ No newline at end of file
diff --git a/web/audio-lib/src/audio_client.rs b/web/audio-lib/src/audio_client.rs
deleted file mode 100644
index 66fef9de..00000000
--- a/web/audio-lib/src/audio_client.rs
+++ /dev/null
@@ -1,133 +0,0 @@
-use std::collections::HashMap;
-use std::sync::{ Arc, Mutex };
-use std::sync::atomic::{ AtomicU32, Ordering };
-use once_cell::sync::Lazy;
-use crate::audio::packet_queue::{AudioPacketQueue, AudioPacketQueueEvent, EnqueueError};
-use futures;
-use crate::audio::decoder::{AudioDecoder};
-use wasm_bindgen_futures::spawn_local;
-use futures::future::{ poll_fn };
-use crate::audio::{AudioPacket};
-use log::*;
-
-pub type AudioClientId = u32;
-
-pub trait AudioCallback {
-    /// Allocate the vector the result should be stored into
-    fn callback_buffer(&mut self) -> &mut Vec<f32>;
-
-    fn handle_audio(&mut self, sample_count: usize, channel_count: u8);
-    fn handle_stop(&mut self);
-}
-
-pub struct AudioClient {
-    pub client_id: AudioClientId,
-
-    packet_queue: Mutex<AudioPacketQueue>,
-    decoder: Mutex<AudioDecoder>,
-
-    audio_process_abort_handle: Mutex<Option<futures::future::AbortHandle>>,
-
-    audio_callback: Mutex<Option<Box<dyn AudioCallback>>>,
-}
-
-type AudioClientRegistry = Mutex<HashMap<AudioClientId, Arc<AudioClient>>>;
-
-static AUDIO_CLIENT_ID: AtomicU32 = AtomicU32::new(1);
-static AUDIO_CLIENT_INSTANCES: Lazy<AudioClientRegistry> = Lazy::new(|| Mutex::new(HashMap::new()));
-impl AudioClient {
-    pub fn find_client(client_id: AudioClientId) -> Option<Arc<AudioClient>> {
-        AUDIO_CLIENT_INSTANCES.lock().unwrap().get(&client_id).map(|client| client.clone())
-    }
-
-    pub fn new() -> Arc<AudioClient> {
-        let client_id = AUDIO_CLIENT_ID.fetch_add(1, Ordering::Relaxed);
-        let instance = Arc::new(AudioClient {
-            client_id,
-            packet_queue: Mutex::new(AudioPacketQueue::new()),
-            decoder: Mutex::new(AudioDecoder::new()),
-            audio_callback: Mutex::new(None),
-            audio_process_abort_handle: Mutex::new(None)
-        });
-
-        AUDIO_CLIENT_INSTANCES.lock().unwrap().insert(client_id, instance.clone());
-        instance
-    }
-
-    pub fn destroy(&self) {
-        AUDIO_CLIENT_INSTANCES.lock().unwrap().remove(&self.client_id);
-        self.abort_audio_processing();
-    }
-
-    pub fn enqueue_audio_packet(&self, packet: Box<AudioPacket>, is_head_packet: bool) -> Result<(), EnqueueError> {
-        self.packet_queue.lock().unwrap().enqueue_packet(packet, is_head_packet)?;
-        Ok(())
-    }
-
-    pub fn set_audio_callback(&self, callback: Option<Box<dyn AudioCallback>>) {
-        *self.audio_callback.lock().unwrap() = callback;
-    }
-
-    pub fn abort_audio_processing(&self) {
-        let handle = &mut *self.audio_process_abort_handle.lock().unwrap();
-        if let Some(ref abort_handle) = handle {
-            abort_handle.abort()
-        }
-        *handle = None;
-    }
-
-    pub fn dispatch_processing_in_this_thread(client: Arc<AudioClient>) {
-        let client_copy = client.clone();
-        let (future, abort_handle) = futures::future::abortable(async move {
-            loop {
-                let client = client_copy.clone();
-                let packet_event = poll_fn(|cx| client.packet_queue.lock().unwrap().poll_event(cx)).await;
-                let client = client_copy.clone();
-
-                match packet_event {
-                    AudioPacketQueueEvent::PacketsLost(_reason, _first_packet, count) => {
-                        //debug!("{:?} packets got lost due to {:?} (first packet id: {:?})", count, reason, first_packet);
-                        if let Err(error) = client.decoder.lock().unwrap().decode_lost(count.into()) {
-                            error!("Failed to execute decode lost packet: {:?}", error);
-                        };
-                    }
-                    AudioPacketQueueEvent::AudioPacket(packet) => {
-                        if packet.is_stop() {
-                            if let Some(ref mut callback) = *client.audio_callback.lock().unwrap() {
-                                callback.handle_stop();
-                            }
-                        } else {
-                            let mut callback = client.audio_callback.lock().unwrap();
-                            if callback.is_none() {
-                                break;
-                            }
-
-                            let callback = callback.as_mut().unwrap();
-                            let callback_buffer = callback.callback_buffer();
-
-                            let decode_result = client.decoder.lock().unwrap().decode(&*packet, callback_buffer);
-                            if let Ok(decoded) = decode_result {
-                                callback.handle_audio(decoded.0, decoded.1);
-                            } else {
-                                warn!("Failed to decode audio packet: {:?}", decode_result.unwrap_err());
-                            }
-                        }
-                    }
-                }
-            }
-        });
-
-        *client.audio_process_abort_handle.lock().unwrap() = Some(abort_handle);
-        spawn_local(async { let _ = future.await; });
-    }
-}
-
-impl Drop for AudioClient {
-    fn drop(&mut self) {
-        self.abort_audio_processing();
-        debug!("Audio client destroyed");
-    }
-}
-
-unsafe impl Sync for AudioClient {}
-unsafe impl Send for AudioClient {}
\ No newline at end of file
diff --git a/web/audio-lib/src/lib.rs b/web/audio-lib/src/lib.rs
deleted file mode 100644
index 576bdc17..00000000
--- a/web/audio-lib/src/lib.rs
+++ /dev/null
@@ -1,141 +0,0 @@
-#![feature(c_variadic)]
-extern crate wasm_bindgen;
-
-#[cfg(target_arch = "wasm32")]
-extern crate console_error_panic_hook;
-
-mod audio;
-mod audio_client;
-
-use wasm_bindgen::prelude::*;
-
-use js_sys;
-
-use log::*;
-use crate::audio::codec::opus;
-use crate::audio_client::{AudioClientId, AudioClient, AudioCallback};
-use crate::audio::{AudioPacket, Codec, PacketId};
-use crate::audio::packet_queue::EnqueueError;
-use crate::audio::converter::interleaved2sequenced;
-use once_cell::unsync::Lazy;
-
-#[cfg(not(target_arch = "wasm32"))]
-extern crate simple_logger;
-
-#[wasm_bindgen]
-extern {
-    #[wasm_bindgen(js_namespace = console)]
-    fn log(s: &str);
-
-    #[wasm_bindgen]
-    fn alert(s: &str);
-}
-
-
-/// If the initialization failed, optional result will contain the error.
-#[wasm_bindgen]
-pub fn initialize() -> Option<String> {
-    #[cfg(target_arch = "wasm32")]
-    console_log::init_with_level(Level::Trace);
-
-    #[cfg(target_arch = "wasm32")]
-    std::panic::set_hook(Box::new(console_error_panic_hook::hook));
-
-    info!("Initializing audio lib with opus version: {}", opus::version());
-    None
-}
-
-#[wasm_bindgen]
-pub fn audio_client_create() -> AudioClientId {
-    let client = AudioClient::new();
-    AudioClient::dispatch_processing_in_this_thread(client.clone());
-    client.client_id
-}
-
-/// If an error occurs or the client isn't known an exception will be thrown.
-#[wasm_bindgen]
-pub fn audio_client_enqueue_buffer(client_id: AudioClientId, buffer: &[u8], packet_id: u16, codec: u8, is_head_packet: bool) -> Result<(), JsValue> {
-    let client = AudioClient::find_client(client_id).ok_or_else(|| JsValue::from_str("missing audio client"))?;
-    let result = client.enqueue_audio_packet(Box::new(AudioPacket{
-        client_id: 0,
-        codec: Codec::from_u8(codec),
-        packet_id: PacketId{ packet_id },
-        payload: buffer.to_vec()
-    }), is_head_packet);
-    if let Err(error) = result {
-        return Err(match error {
-            EnqueueError::PacketAlreadyExists => JsValue::from_str("packet already exists"),
-            EnqueueError::PacketSequenceMismatch(_) => JsValue::from_str("packet belongs to an invalid sequence"),
-            EnqueueError::PacketTooOld => JsValue::from_str("packet is too old"),
-            EnqueueError::EventQueueOverflow => JsValue::from_str("event queue overflow")
-        });
-    }
-
-    Ok(())
-}
-
-struct JsAudioCallback {
-    callback: js_sys::Function,
-}
-
-/* No locking needed, within the web client no multi threading is needed */
-static mut AUDIO_SEQUENCED_BUFFER: Lazy<Vec<f32>> = Lazy::new(|| Vec::new());
-static mut AUDIO_BUFFER: Lazy<Vec<f32>> = Lazy::new(|| Vec::new());
-impl AudioCallback for JsAudioCallback {
-    fn callback_buffer(&mut self) -> &mut Vec<f32> {
-        unsafe { &mut *AUDIO_BUFFER }
-    }
-
-    fn handle_audio(&mut self, sample_count: usize, channel_count: u8) {
-        if channel_count > 1 {
-            let sequenced_buffer = unsafe { &mut *AUDIO_SEQUENCED_BUFFER };
-            sequenced_buffer.resize(sample_count * channel_count as usize, 0f32);
-            interleaved2sequenced(
-                unsafe { &mut *AUDIO_BUFFER }.as_slice(),
-                sequenced_buffer.as_mut_slice(),
-                sample_count as u32,
-                channel_count as u32
-            );
-
-            let _ = self.callback.call3(
-                &JsValue::undefined(),
-                &JsValue::from(sequenced_buffer.as_ptr() as u32),
-                &JsValue::from(sample_count as u16),
-                &JsValue::from(channel_count)
-            );
-        } else {
-            let _ = self.callback.call3(
-                &JsValue::undefined(),
-                &JsValue::from(unsafe { &mut *AUDIO_BUFFER }.as_ptr() as u32),
-                &JsValue::from(sample_count as u16),
-                &JsValue::from(channel_count)
-            );
-        }
-    }
-
-    fn handle_stop(&mut self) {
-        let _ = self.callback.call3(
-            &JsValue::undefined(),
-            &JsValue::undefined(),
-            &JsValue::from(0),
-            &JsValue::from(0)
-        );
-    }
-}
-
-#[wasm_bindgen]
-pub fn audio_client_buffer_callback(client_id: AudioClientId, callback: js_sys::Function) -> Result<(), JsValue> {
-    let client = AudioClient::find_client(client_id).ok_or_else(|| JsValue::from_str("missing audio client"))?;
-    client.set_audio_callback(Some(Box::new(JsAudioCallback{
-        callback
-    })));
-    Ok(())
-}
-
-#[wasm_bindgen]
-pub fn audio_client_destroy(client_id: AudioClientId) -> Result<(), JsValue> {
-    let client = AudioClient::find_client(client_id).ok_or_else(|| JsValue::from_str("missing audio client"))?;
-    client.destroy();
-    debug!("Destroying client");
-    Ok(())
-}
\ No newline at end of file
diff --git a/web/native-codec/.gitignore b/web/native-codec/.gitignore
deleted file mode 100644
index 13e1dc53..00000000
--- a/web/native-codec/.gitignore
+++ /dev/null
@@ -1,6 +0,0 @@
-generated/
-build_/
-libraries/opus/build_
-libraries/opus/out
-cmake-build-*/
-libraries/opus/*
\ No newline at end of file
diff --git a/web/native-codec/CMakeLists.txt b/web/native-codec/CMakeLists.txt
deleted file mode 100644
index a2abd056..00000000
--- a/web/native-codec/CMakeLists.txt
+++ /dev/null
@@ -1,25 +0,0 @@
-cmake_minimum_required(VERSION 3.9)
-project(TeaWeb-Native)
-
-set (CMAKE_CXX_STANDARD 17)
-
-
-function(import_opus)
-    # Native SIMD isn't supported yet by most browsers (only experimental)
-    # But since opus already detects if emscripten is able to handle SIMD we have no need to disable this explicitly
-
-    # Disable the math.h warning spam:
-    # #warning "Don't have the functions lrint() and lrintf ()."
-    # #warning "Replacing these functions with a standard C cast."
-    set(CMAKE_C_FLAGS "-Wno-#warnings")
-    set(OPUS_STACK_PROTECTOR OFF CACHE BOOL "" FORCE)
-    add_subdirectory(libraries/opus/)
-endfunction()
-import_opus()
-
-set(CMAKE_CXX_FLAGS "-O3 --llvm-lto 1 --memory-init-file 0 -s WASM=1 -s ASSERTIONS=1") # -s ALLOW_MEMORY_GROWTH=1 -O3
-set(CMAKE_EXE_LINKER_FLAGS "-s MODULARIZE=1 -s EXPORTED_FUNCTIONS='[\"_malloc\", \"_free\"]' -s EXTRA_EXPORTED_RUNTIME_METHODS='[\"ccall\", \"cwrap\"]' -s ENVIRONMENT='worker' --pre-js ${CMAKE_SOURCE_DIR}/init.js") #
-set(CMAKE_RUNTIME_OUTPUT_DIRECTORY "${CMAKE_CURRENT_SOURCE_DIR}/generated/")
-
-add_executable(TeaWeb-Worker-Codec-Opus src/opus.cpp)
-target_link_libraries(TeaWeb-Worker-Codec-Opus opus)
diff --git a/web/native-codec/build.sh b/web/native-codec/build.sh
deleted file mode 100644
index 08318e36..00000000
--- a/web/native-codec/build.sh
+++ /dev/null
@@ -1,23 +0,0 @@
-#!/bin/bash
-
-cd "$(dirname "$0")" || { echo "Failed to enter base dir"; exit 1; }
-[[ -d build_ ]] && {
-  rm -r build_ || { echo "failed to remove old build directory"; exit 1; }
-}
-
-mkdir build_ || exit 1
-cd build_ || exit 1
-
-emcmake cmake .. || {
-    echo "emcmake cmake failed for the first time, trying it again" #IDKW but sometimes it does not work the first try
-    cd . # Sometimes helps
-    emcmake cmake .. || {
-        echo "Failed to execute cmake"
-        exit 1
-    }
-}
-
-emmake make -j"$(nproc --all)" || {
-    echo "Failed to build file"
-    exit 1
-}
\ No newline at end of file
diff --git a/web/native-codec/download_compiled_files.sh b/web/native-codec/download_compiled_files.sh
deleted file mode 100644
index 7d227baa..00000000
--- a/web/native-codec/download_compiled_files.sh
+++ /dev/null
@@ -1,35 +0,0 @@
-#!/usr/bin/env bash
-
-cd "$(dirname "$0")" || exit 1
-
-if [[ -d generated/ ]]; then
-    rm -r generated
-    [[ $? -ne 0 ]] && {
-        echo "Failed to remove old directory!"
-        exit 1
-    }
-fi
-mkdir generated
-[[ $? -ne 0 ]] && {
-    echo "Failed to create the 'generated' directory!"
-    exit 1
-}
-
-curl --version &> /dev/null; _exit_code=$?
-[[ $_exit_code -ne 0 ]] && {
-    echo "Missing CURL. Please install it"
-    exit 1
-}
-
-curl https://web.teaspeak.de/wasm/TeaWeb-Worker-Codec-Opus.js --output generated/TeaWeb-Worker-Codec-Opus.js; _exit_code=$?
-[[ $_exit_code -ne 0 ]] && {
-    echo "Failed to download opus worker library"
-    exit 1
-}
-curl https://web.teaspeak.de/wasm/TeaWeb-Worker-Codec-Opus.wasm --output generated/TeaWeb-Worker-Codec-Opus.wasm; _exit_code=$?
-[[ $_exit_code -ne 0 ]] && {
-    echo "Failed to download opus worker library natives"
-    exit 1
-}
-
-echo "Files downloaded successfully"
\ No newline at end of file
diff --git a/web/native-codec/init.js b/web/native-codec/init.js
deleted file mode 100644
index 48cb420e..00000000
--- a/web/native-codec/init.js
+++ /dev/null
@@ -1,2 +0,0 @@
-for(const callback of Array.isArray(self.__init_em_module) ? self.__init_em_module : [])
-    callback(Module);
\ No newline at end of file
diff --git a/web/native-codec/src/ilarvecon.cpp b/web/native-codec/src/ilarvecon.cpp
deleted file mode 100644
index 0261504b..00000000
--- a/web/native-codec/src/ilarvecon.cpp
+++ /dev/null
@@ -1,68 +0,0 @@
-//
-// Created by WolverinDEV on 12/06/2020.
-//
-
-/* source and target should not be intersecting! */
-template <size_t kChannelCount>
-void sequenced2interleaved(float* source, float* target, size_t sample_count) {
-    #pragma unroll
-    for(size_t channel = 0; channel < kChannelCount; channel++) {
-        auto src_ptr = source + channel * sample_count;
-        auto dest_ptr = target + channel;
-
-        auto samples_left = sample_count;
-        while(samples_left--) {
-            *dest_ptr = *src_ptr;
-
-            src_ptr++;
-            dest_ptr += kChannelCount;
-        }
-    }
-}
-
-/* source and target should not be intersecting! */
-template <size_t kChannelCount>
-void interleaved2sequenced(float* source, float* target, size_t sample_count) {
-    #pragma unroll
-    for(size_t channel = 0; channel < kChannelCount; channel++) {
-        auto src_ptr = source + channel;
-        auto dest_ptr = target + channel * sample_count;
-
-        auto samples_left = sample_count;
-        while(samples_left--) {
-            *dest_ptr = *src_ptr;
-
-            src_ptr += kChannelCount;
-            dest_ptr++;
-        }
-    }
-}
-
-#define kTempBufferSize (1024 * 8)
-
-/* since js is single threaded we need no lock here */
-float temp_buffer[kTempBufferSize];
-
-template <size_t kChannelCount>
-void interleaved2sequenced_intersecting(float* buffer, size_t sample_count) {
-    auto temp = temp_buffer;
-    if(sample_count * kChannelCount > kTempBufferSize)
-        temp = (float*) malloc(sample_count * sizeof(float) * kChannelCount);
-
-    memcpy(temp, buffer, sample_count * sizeof(float) * kChannelCount);
-    interleaved2sequenced<kChannelCount>(temp, buffer, sample_count);
-    if(temp != temp_buffer)
-        free(temp);
-}
-
-template <size_t kChannelCount>
-void sequenced2interleaved_intersecting(float* buffer, size_t sample_count) {
-    auto temp = temp_buffer;
-    if(sample_count * kChannelCount > kTempBufferSize)
-        temp = (float*) malloc(sample_count * sizeof(float) * kChannelCount);
-
-    memcpy(temp, buffer, sample_count * sizeof(float) * kChannelCount);
-    sequenced2interleaved<kChannelCount>(temp, buffer, sample_count);
-    if(temp != temp_buffer)
-        free(temp);
-}
\ No newline at end of file
diff --git a/web/native-codec/src/opus.cpp b/web/native-codec/src/opus.cpp
deleted file mode 100644
index bd89f882..00000000
--- a/web/native-codec/src/opus.cpp
+++ /dev/null
@@ -1,113 +0,0 @@
-#include <opus.h>
-#include <array>
-#include <string_view>
-#include <emscripten.h>
-#include <string>
-#include "./ilarvecon.cpp"
-
-typedef std::unique_ptr<OpusEncoder, decltype(opus_encoder_destroy)*> opus_encoder_t;
-typedef std::unique_ptr<OpusDecoder, decltype(opus_decoder_destroy)*> opus_decoder_t;
-struct OpusHandle {
-    opus_encoder_t encoder{nullptr, opus_encoder_destroy};
-    opus_decoder_t decoder{nullptr, opus_decoder_destroy};
-
-    size_t channelCount{1};
-    size_t sampleRate{48000};
-    int opusType{OPUS_APPLICATION_AUDIO};
-};
-
-constexpr std::array<std::string_view, 7> opus_errors = {
-        "One or more invalid/out of range arguments",                   //-1 (OPUS_BAD_ARG)
-        "Not enough bytes allocated in the buffer",                     //-2 (OPUS_BUFFER_TOO_SMALL)
-        "An internal error was detected",                               //-3 (OPUS_INTERNAL_ERROR)
-        "The compressed data passed is corrupted",                      //-4 (OPUS_INVALID_PACKET)
-        "Invalid/unsupported request number",                           //-5 (OPUS_UNIMPLEMENTED)
-        "An encoder or decoder structure is invalid or already freed",  //-6 (OPUS_INVALID_STATE)
-        "Memory allocation has failed"                                  //-7 (OPUS_ALLOC_FAIL)
-};
-
-inline std::string_view opus_error_message(int error) {
-    error = abs(error);
-    if (error > 0 && error <= 7) return opus_errors[error - 1];
-    return "undefined error";
-}
-
-inline bool reinitialize_decoder(OpusHandle *handle) {
-    int error;
-    handle->decoder.reset(opus_decoder_create(handle->sampleRate, handle->channelCount, &error));
-    if(error != OPUS_OK) {
-        printf("Failed to create decoder (%s)\n", opus_error_message(error).data());
-        return false;
-    }
-    return true;
-}
-
-inline bool reinitialize_encoder(OpusHandle *handle) {
-    int error;
-    handle->encoder.reset(opus_encoder_create(handle->sampleRate, handle->channelCount, handle->opusType, &error));
-    if (error != OPUS_OK) {
-        printf("Failed to create encoder (%s)\n", opus_error_message(error).data());
-        return false;
-    }
-
-    if(error = opus_encoder_ctl(&*handle->encoder, OPUS_SET_COMPLEXITY(1)); error != OPUS_OK) {
-        printf("Failed to setup encoder (%s)\n", opus_error_message(error).data());
-        return false;
-    }
-    //TODO: May set OPUS_SET_BITRATE(4740)?
-    //TODO: Is the encoder event needed anymore? Or is it just overhead
-    return true;
-}
-
-#ifdef __cplusplus
-extern "C" {
-#endif
-EMSCRIPTEN_KEEPALIVE
-OpusHandle *codec_opus_createNativeHandle(size_t channelCount, int type) {
-    auto codec = new OpusHandle{};
-    codec->opusType = type;
-    codec->channelCount = channelCount;
-    codec->sampleRate = 48000;
-    if (!reinitialize_decoder(codec)) return nullptr;
-    if (!reinitialize_encoder(codec)) return nullptr;
-    return codec;
-}
-
-EMSCRIPTEN_KEEPALIVE
-void codec_opus_deleteNativeHandle(OpusHandle *codec) {
-    if (!codec) return;
-
-    codec->decoder.reset();
-    codec->encoder.reset();
-    delete codec;
-}
-
-EMSCRIPTEN_KEEPALIVE
-int codec_opus_encode(OpusHandle *handle, uint8_t *buffer, size_t byte_length, size_t maxLength) {
-    if(handle->channelCount == 2)
-        sequenced2interleaved_intersecting<2>((float *) buffer, byte_length / (sizeof(float) * 2));
-
-    auto result = opus_encode_float(&*handle->encoder, (float *) buffer, byte_length / (handle->channelCount * sizeof(float)), buffer, maxLength);
-    if (result < 0) return result;
-    return result;
-}
-
-EMSCRIPTEN_KEEPALIVE
-int codec_opus_decode(OpusHandle *handle, uint8_t *buffer, size_t byte_length, size_t buffer_max_byte_length) {
-    auto result = opus_decode_float(&*handle->decoder, buffer, byte_length, (float *) buffer, buffer_max_byte_length / sizeof(float) / handle->channelCount, false);
-    if (result < 0) return result;
-
-    if(handle->channelCount == 2)
-        interleaved2sequenced_intersecting<2>((float *) buffer, result);
-    return result;
-}
-
-EMSCRIPTEN_KEEPALIVE
-int codec_opus_reset(OpusHandle *handle) {
-    if (!reinitialize_decoder(handle)) return 0;
-    if (!reinitialize_encoder(handle)) return 0;
-    return 1;
-}
-#ifdef __cplusplus
-}
-#endif
\ No newline at end of file
diff --git a/webpack-web.config.ts b/webpack-web.config.ts
index 637a1992..308558dd 100644
--- a/webpack-web.config.ts
+++ b/webpack-web.config.ts
@@ -1,6 +1,5 @@
 import * as path from "path";
 import * as config_base from "./webpack.config";
-const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin");
 
 export = () => config_base.config("web").then(config => {
     Object.assign(config.entry, {
@@ -10,19 +9,11 @@ export = () => config_base.config("web").then(config => {
 
     Object.assign(config.resolve.alias, {
         "tc-shared": path.resolve(__dirname, "shared/js"),
-        "tc-backend/audio-lib": path.resolve(__dirname, "web/audio-lib/pkg"),
         "tc-backend/web": path.resolve(__dirname, "web/app"),
         "tc-backend": path.resolve(__dirname, "web/app"),
     });
 
     config.node = config.node || {};
     config.node["fs"] = "empty";
-
-    config.plugins.push(new WasmPackPlugin({
-        crateDirectory: path.resolve(__dirname, "web", "audio-lib"),
-        outName: "index",
-        //forceMode: "profiling",
-        outDir: "pkg"
-    }));
     return Promise.resolve(config);
 });
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index efda1f35..a3676a0b 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -16,6 +16,7 @@ const ManifestGenerator = require("./webpack/ManifestPlugin");
 const WorkerPlugin = require('worker-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 
 export let isDevelopment = process.env.NODE_ENV === 'development';
 console.log("Webpacking for %s (%s)", isDevelopment ? "development" : "production", process.env.NODE_ENV || "NODE_ENV not specified");
@@ -119,7 +120,6 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
                 }
             }
         }),
-
         new LoaderIndexGenerator({
             buildTarget: target,
             output: path.join(__dirname, "dist/index.html"),

From 1d27f33a96d6cc45fd27571e7e488b0aa2eec2c2 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 16 Mar 2021 15:59:22 +0100
Subject: [PATCH 014/128] Removed the devel blocks

---
 shared/js/tree/Channel.ts                   | 31 +++++++++++----------
 shared/js/tree/Client.ts                    | 29 ++++++++++---------
 shared/js/ui/modal/whats-new/Definitions.ts |  7 +++++
 webpack.config.ts                           |  6 ++--
 webpack/DevelBlocks.ts                      | 27 ------------------
 5 files changed, 40 insertions(+), 60 deletions(-)
 create mode 100644 shared/js/ui/modal/whats-new/Definitions.ts
 delete mode 100644 webpack/DevelBlocks.ts

diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index 1b699b7d..e189d163 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -620,20 +620,21 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
     }
 
     updateVariables(...variables: {key: string, value: string}[]) {
-        /* devel-block(log-channel-property-updates) */
-        let group = log.group(log.LogType.DEBUG, LogCategory.CHANNEL_PROPERTIES, tr("Update properties (%i) of %s (%i)"), variables.length, this.channelName(), this.getChannelId());
+        let group;
+        if(__build.mode === "debug") {
+            group = log.group(log.LogType.DEBUG, LogCategory.CHANNEL_PROPERTIES, tr("Update properties (%i) of %s (%i)"), variables.length, this.channelName(), this.getChannelId());
 
-        {
-            const entries = [];
-            for(const variable of variables)
-                entries.push({
-                    key: variable.key,
-                    value: variable.value,
-                    type: typeof (this.properties[variable.key])
-                });
-            log.table(LogType.DEBUG, LogCategory.PERMISSIONS, "Clannel update properties", entries);
+            {
+                const entries = [];
+                for(const variable of variables)
+                    entries.push({
+                        key: variable.key,
+                        value: variable.value,
+                        type: typeof (this.properties[variable.key])
+                    });
+                log.table(LogType.DEBUG, LogCategory.PERMISSIONS, "Clannel update properties", entries);
+            }
         }
-        /* devel-block-end */
 
         /* TODO: Validate values. Example: channel_conversation_mode */
 
@@ -664,9 +665,9 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
                 }
             }
         }
-        /* devel-block(log-channel-property-updates) */
-        group.end();
-        /* devel-block-end */
+
+        group?.end();
+
         {
             let properties = {};
             for(const property of variables)
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index 1ec2217f..36e72e4d 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -731,19 +731,20 @@ export class ClientEntry<Events extends ClientEvents = ClientEvents> extends Cha
         let reorder_channel = false;
         let update_avatar = false;
 
-        /* devel-block(log-client-property-updates) */
-        let group = log.group(log.LogType.DEBUG, LogCategory.CLIENT, tr("Update properties (%i) of %s (%i)"), variables.length, this.clientNickName(), this.clientId());
-        {
-            const entries = [];
-            for(const variable of variables)
-                entries.push({
-                    key: variable.key,
-                    value: variable.value,
-                    type: typeof (this.properties[variable.key])
-                });
-            log.table(LogType.DEBUG, LogCategory.PERMISSIONS, "Client update properties", entries);
+        let group;
+        if(__build.mode === "debug") {
+            group = log.group(log.LogType.DEBUG, LogCategory.CLIENT, tr("Update properties (%i) of %s (%i)"), variables.length, this.clientNickName(), this.clientId());
+            {
+                const entries = [];
+                for(const variable of variables)
+                    entries.push({
+                        key: variable.key,
+                        value: variable.value,
+                        type: typeof (this.properties[variable.key])
+                    });
+                log.table(LogType.DEBUG, LogCategory.PERMISSIONS, "Client update properties", entries);
+            }
         }
-        /* devel-block-end */
 
         for(const variable of variables) {
             const old_value = this._properties[variable.key];
@@ -788,9 +789,7 @@ export class ClientEntry<Events extends ClientEvents = ClientEvents> extends Cha
             this.channelTree.client?.fileManager?.avatars.updateCache(this.avatarId(), this.properties.client_flag_avatar);
         }
 
-        /* devel-block(log-client-property-updates) */
-        group.end();
-        /* devel-block-end */
+        group?.end();
 
         {
             let properties = {};
diff --git a/shared/js/ui/modal/whats-new/Definitions.ts b/shared/js/ui/modal/whats-new/Definitions.ts
new file mode 100644
index 00000000..dfecde52
--- /dev/null
+++ b/shared/js/ui/modal/whats-new/Definitions.ts
@@ -0,0 +1,7 @@
+export interface ModalWhatsNewVariables {
+
+}
+
+export interface ModalWhatsNewEvents {
+
+}
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index a3676a0b..3d610a2d 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -5,7 +5,7 @@ import {exec} from "child_process";
 import * as util from "util";
 import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
 
-import LoaderIndexGenerator = require("./loader/IndexGenerator");
+import LoaderIndexGenerator from "./loader/IndexGenerator";
 import {Configuration} from "webpack";
 
 const path = require('path');
@@ -20,7 +20,7 @@ const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 
 export let isDevelopment = process.env.NODE_ENV === 'development';
 console.log("Webpacking for %s (%s)", isDevelopment ? "development" : "production", process.env.NODE_ENV || "NODE_ENV not specified");
-const generate_definitions = async (target: string) => {
+const generateDefinitions = async (target: string) => {
     const git_rev = fs.readFileSync(path.join(__dirname, ".git", "HEAD")).toString();
     let version;
     if(git_rev.indexOf("/") === -1)
@@ -83,7 +83,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
             minSize: 1024 * 8,
             maxSize: 1024 * 128
         }),
-        new webpack.DefinePlugin(await generate_definitions(target)),
+        new webpack.DefinePlugin(await generateDefinitions(target)),
         new SvgSpriteGenerator({
             dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
             configurations: {
diff --git a/webpack/DevelBlocks.ts b/webpack/DevelBlocks.ts
deleted file mode 100644
index 06431988..00000000
--- a/webpack/DevelBlocks.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import {RawSourceMap} from "source-map";
-import * as webpack from "webpack";
-import * as loaderUtils from "loader-utils";
-
-import LoaderContext = webpack.loader.LoaderContext;
-
-export default function loader(this: LoaderContext, source: string | Buffer, sourceMap?: RawSourceMap): string | Buffer | void | undefined {
-    this.cacheable();
-
-    const options = loaderUtils.getOptions(this);
-    if(!options.enabled) {
-        this.callback(null, source);
-        return;
-    }
-
-    const start_regex = "devel-block\\((?<name>\\S+)\\)";
-    const end_regex = "devel-block-end";
-
-    const pattern = new RegExp("[\\t ]*\\/\\* ?" + start_regex + " ?\\*\\/[\\s\\S]*?\\/\\* ?" + end_regex + " ?\\*\\/[\\t ]*\\n?", "g");
-    source = (source as string).replace(pattern, (value, type) => {
-        if(type === "log-networking-commands")
-            return value;
-
-        return "/* snipped block \"" + type + "\" */";
-    });
-    this.callback(null, source);
-}
\ No newline at end of file

From 2a24ea68b3d27d223adceaaebed11f2e13f6cdea Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 16 Mar 2021 16:17:42 +0100
Subject: [PATCH 015/128] Cleanupped the template file again

---
 shared/html/templates.html | 724 -------------------------------------
 1 file changed, 724 deletions(-)

diff --git a/shared/html/templates.html b/shared/html/templates.html
index 35f5d824..68ab5418 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -133,691 +133,6 @@
             </script>
         </div>
 
-        <!-- Template for the connect modal -->
-        <script class="jsrender-template" id="tmpl_connect" type="text/html">
-            <div class="container-connect-input">
-                <div class="row container-address-password">
-                    <div class="form-group container-address">
-                        <label>{{tr "Server Address" /}}</label>
-                        <input type="text" class="form-control" aria-describedby="input-connect-address-help"
-                               placeholder="ts.teaspeak.de" autocomplete="off">
-                        <div class="invalid-feedback">{{tr "Please enter a valid server address" /}}</div>
-                    </div>
-                    <div class="form-group container-password">
-                        <label class="bmd-label-floating">{{tr "Server password" /}}</label>
-                        <form autocomplete="off" onsubmit="return false;">
-                            <input id="input-connect-password-{{>password_id}}" type="password" class="form-control"
-                                   autocomplete="off">
-                        </form>
-                    </div>
-                </div>
-                <div class="row container-profile-name">
-                    <div class="form-group container-nickname">
-                        <label>{{tr "Nickname" /}}</label>
-                        <input type="text" class="form-control" aria-describedby="input-connect-nickname-help"
-                               placeholder="Another TeaSpeak user">
-                        <div class="invalid-feedback">{{tr "Please enter a valid server nickname" /}}</div>
-                        <!-- <small id="input-connect-nickname-help" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
-                    </div>
-                    <div class="container-profile-manage">
-                        <div class="form-group container-select-profile">
-                            <label for="select-connect-profile">{{tr "Connect Profile" /}}</label>
-                            <select class="form-control" id="select-connect-profile"> </select>
-                            <div class="invalid-feedback">{{tr "Selected profile is invalid. Select another one or fix the profile." /}}
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <button type="button" class="btn btn-raised button-manage-profiles">{{tr "Profiles" /}}
-                            </button>
-                        </div>
-                    </div>
-                </div>
-                <div class="container-buttons">
-                    <button type="button" class="btn btn-raised button-toggle-last-servers"><a>{{tr "Show last servers"
-                        /}}</a>
-                        <div class="arrow down"></div>
-                    </button>
-
-                    <div class="container-buttons-connect">
-                        {{if default_connect_new_tab}}
-                        <button type="button" class="btn btn-raised btn-success button-connect button-left">{{tr
-                            "Connect in same tab" /}}
-                        </button>
-                        <button type="button" class="btn btn-raised btn-success button-connect-new-tab button-right">
-                            {{tr "Connect" /}}
-                        </button>
-                        {{else}}
-                        {{if multi_tab}}
-                        <button type="button" class="btn btn-raised btn-success button-connect-new-tab button-left">{{tr
-                            "Connect in a new tab" /}}
-                        </button>
-                        {{/if}}
-                        <button type="button" class="btn btn-raised btn-success button-connect button-right">{{tr
-                            "Connect" /}}
-                        </button>
-                        {{/if}}
-                    </div>
-                </div>
-            </div>
-            <div class="container-last-servers">
-                <hr>
-                <div class="table">
-                    <div class="head">
-                        <div class="column delete">Nr</div>
-                        <div class="column name">{{tr "Name" /}}</div>
-                        <div class="column address">{{tr "Address" /}}</div>
-                        <div class="column password">{{tr "Password" /}}</div>
-                        <div class="column country-name">{{tr "Country" /}}</div>
-                        <div class="column clients">{{tr "Clients" /}}</div>
-                        <div class="column connections">{{tr "Connections" /}}</div>
-                    </div>
-                    <div class="body">
-                        <div class="body-empty">
-                            <a>{{tr "No connections yet made" /}}</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </script>
-
-
-        <!-- Template for channel create & edit-->
-        <script class="jsrender-template" id="tmpl_server_edit" type="text/html">
-            <div> <!-- Only for rendering -->
-                <div class="container-general">
-                    <div class="container-name-icon">
-                        <input type="text" class="input-boxed virtualserver_name" placeholder="{{tr 'Virtual Server name' /}}" value="{{>virtualserver_name}}"/>
-                        <div class="container-icon-select">
-                            <div class="button-select-icon icon-preview">
-                                <node key="server_icon"/>
-                            </div>
-                            <div class="container-dropdown">
-                                <div class="button">
-                                    <div class="arrow down"></div>
-                                </div>
-                                <div class="dropdown">
-                                    <div class="entry button-select-icon">{{tr "Edit icon" /}}</div>
-                                    <div class="entry button-icon-remove">{{tr "Remove icon" /}}</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="container-password">
-                        <input class="input-boxed virtualserver_password" placeholder="{{tr 'Password' /}}" type="password"
-                               id="field_server_password_{{rnd '0~13377331'/}}" {{if virtualserver_flag_password}}
-                               value="WolverinDEV" {{/if}}/>
-                    </div>
-                    <div class="container-slots">
-                        <div class="input-boxed">
-                            <a class="prefix">{{tr "Slots:" /}}</a>
-                            <input type="number" class="virtualserver_maxclients" value="{{:virtualserver_maxclients}}">
-                            <div class="container-tooltip tooltip-slots-max">
-                                <img src="img/icon_tooltip.svg"/>
-                                <div class="tooltip">
-                                    <a>{{tr "Max amount of simultaneously connected clients." /}}</a>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="input-boxed">
-                            <a class="prefix">{{tr "Reserved slots:" /}}</a>
-                            <input type="number" class="virtualserver_reserved_slots" value="{{:virtualserver_reserved_slots}}">
-                            <div class="container-tooltip tooltip-slots-reserved">
-                                <img src="img/icon_tooltip.svg"/>
-                                <div class="tooltip">
-                                    <a>{{tr "Reserved server slots for admins." /}}</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="container-welcome-message">
-                        <div class="toolbar">
-                            <div class="button button-bold">B</div>
-                            <div class="button button-italic">I</div>
-                            <div class="button button-underline">U</div>
-                            <label class="button button-color">
-                                <input type="color" value="#FF0000">
-                                <a class="rainbow-letter">C</a>
-                            </label>
-                        </div>
-                        <textarea class="input-boxed virtualserver_welcomemessage" placeholder="{{tr 'Welcome message' /}}">{{>virtualserver_welcomemessage}}</textarea>
-                    </div>
-                </div>
-
-                <div class="container-categories">
-                    <div class="categories">
-                        <div class="entry" container="container-host">{{tr "Host" /}}</div>
-                        <div class="entry" container="container-network">{{tr "Networking" /}}</div>
-                        <div class="entry" container="container-security">{{tr "Security" /}}</div>
-                        <div class="entry" container="container-messages">{{tr "Messages" /}}</div>
-                        <div class="entry" container="container-misc">{{tr "Misc" /}}</div>
-                    </div>
-                    <div class="bodies">
-                        <div class="body container-host">
-                            <div class="container-top container-host-message">
-                                <div class="header">{{tr "Host Message" /}}</div>
-                                <div class="content">
-                                    <div class="container-message">
-                                        <div class="container-title">
-                                            <a>{{tr "Message" /}}</a>
-                                        </div>
-                                        <textarea class="input-boxed virtualserver_hostmessage" placeholder="{{tr 'Enter a message...' /}}">{{>virtualserver_hostmessage}}</textarea>
-                                    </div>
-                                    <div class="container-mode">
-                                        <div class="container-title">
-                                            <a>{{tr "Message Mode" /}}</a>
-                                        </div>
-                                        <select class="input-boxed virtualserver_hostmessage_mode">
-                                            <option value="0" {{if virtualserver_hostmessage_mode == 0}}selected{{/if}}>{{tr "No message" /}}</option>
-                                            <option value="1" {{if virtualserver_hostmessage_mode == 1}}selected{{/if}}>{{tr "Show message in log" /}}</option>
-                                            <option value="2" {{if virtualserver_hostmessage_mode == 2}}selected{{/if}}>{{tr "Show message as modal" /}}</option>
-                                            <option value="3" {{if virtualserver_hostmessage_mode == 3}}selected{{/if}}>{{tr "Show message as modal and disconnect the client" /}}
-                                            </option>
-                                        </select>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="container-bottom">
-                                <div class="container-left container-host-banner">
-                                    <div class="header">{{tr "Host Banner" /}}</div>
-                                    <div class="content">
-                                        <div class="container-url">
-                                            <a>{{tr "URL" /}}</a>
-                                            <div class="input-boxed">
-                                                <input class="virtualserver_hostbanner_url" value="{{>virtualserver_hostbanner_url}}">
-                                                <div class="container-tooltip tooltip-host-banner-url">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "URL which will be opened when the client clicks on the host banner" /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-gfx-url">
-                                            <a>{{tr "Image URL" /}}</a>
-                                            <div class="input-boxed">
-                                                <input class="virtualserver_hostbanner_gfx_url" value="{{>virtualserver_hostbanner_gfx_url}}">
-                                                <div class="container-tooltip tooltip-host-banner-gfx-url">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "URL of the image which will be displayed" /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-refresh">
-                                            <a>{{tr "Refresh Interval" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="0" class="virtualserver_hostbanner_gfx_interval" value="{{>virtualserver_hostbanner_gfx_interval}}">
-                                                <div class="container-tooltip tooltip-host-banner-gfx-refresh">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Time in seconds which determine in which interval the client reloads the hostbanner. A value of 0 means no reload." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-resize">
-                                            <a>{{tr "Resize Mode" /}}</a>
-                                            <div class="input-boxed">
-                                                <select class="virtualserver_hostbanner_mode">
-                                                    <option value="0" {{if virtualserver_hostbanner_mode == 0}}selected{{/if}}>{{tr "Do not adjust" /}}</option>
-                                                    <option value="1" {{if virtualserver_hostbanner_mode == 1}}selected{{/if}}>{{tr "Adjust but ignore ratio aspect" /}}</option>
-                                                    <option value="2" {{if virtualserver_hostbanner_mode == 2}}selected{{/if}}>{{tr "Adjust and keep ratio aspect" /}}</option>
-                                                </select>
-                                                <div class="container-tooltip tooltip-host-banner-gfx-refresh">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Time in seconds which determine in which interval the client reloads the hostbanner.<br>A value of 0 means no reload." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-gfx-preview">
-                                            <div class="container-title">
-                                                <a>{{tr "Image Preview" /}}</a>
-                                            </div>
-                                            <a class="container-image">
-                                                <img src="{{:virtualserver_hostbanner_gfx_url}}"
-                                                     alt="&nbsp;{{tr 'Hostbanner Preview' /}}"
-                                                     title="{{tr 'Hostbanner Preview' /}}"
-                                                     {{if !virtualserver_hostbanner_gfx_url}}style="display: none;"{{/if}}
-                                                >
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="container-right container-host-button">
-                                    <div class="header">{{tr "Host Button" /}}</div>
-                                    <div class="content">
-                                        <div class="container-url">
-                                            <a>{{tr "URL" /}}</a>
-                                            <div class="input-boxed">
-                                                <input class="virtualserver_hostbutton_url" value="{{:virtualserver_hostbutton_url}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "URL which will be opened when the client clicks on the host button" /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-tooltip-button">
-                                            <a>{{tr "Tooltip" /}}</a>
-                                            <div class="input-boxed">
-                                                <input class="virtualserver_hostbutton_tooltip" value="{{:virtualserver_hostbutton_tooltip}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Text for the tooltip on button hover" /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-gfx-url">
-                                            <a>{{tr "Icon URL" /}}</a>
-                                            <div class="input-boxed">
-                                                <input class="virtualserver_hostbutton_gfx_url" value="{{:virtualserver_hostbutton_gfx_url}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "URL of the image which will be displayed" /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-gfx-preview">
-                                            <div class="container-title">
-                                                <a>{{tr "Icon Preview" /}}</a>
-                                            </div>
-                                            <a class="container-image">
-                                                <img src="{{:virtualserver_hostbutton_gfx_url}}"
-                                                     alt="&nbsp;{{tr 'Hostbutton Preview' /}}"
-                                                     title="{{tr 'Hostbutton Preview' /}}"
-                                                     {{if !virtualserver_hostbutton_gfx_url}}style="display: none;"{{/if}}
-                                                >
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="body container-network">
-                            <div class="container-top container-binding">
-                                <div class="header">{{tr "Binding" /}}</div>
-                                <div class="content">
-                                    <div class="container-host">
-                                        <a>{{tr "Host" /}}</a>
-                                        <div class="input-boxed">
-                                            <input class="virtualserver_host" value="{{:virtualserver_host}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>
-                                                        {{tr "A comma separated set of IP's where the server is listening on." /}}<br>
-                                                        {{tr "IPv4 and IPv6 is supported!" /}}<br>
-                                                        {{tr "Note: If you change this you need to restart the virtual server!" /}}
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="container-port">
-                                        <a>{{tr "Port" /}}</a>
-                                        <div class="input-boxed">
-                                            <input type="number" min="1" max="65535" class="virtualserver_port" value="{{:virtualserver_port}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>
-                                                        {{tr "The port where the server should be listening to." /}}<br>
-                                                        {{tr "Note: If you change this you need to restart the virtual server!" /}}
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <label class="container-weblist">
-                                        <div class="checkbox">
-                                            <input type="checkbox" class="virtualserver_weblist_enabled" {{if virtualserver_weblist_enabled}}checked{{/if}}>
-                                            <div class="mark"></div>
-                                        </div>
-                                        <a>{{tr "Enable reporting to the TeamSpeak server list" /}}</a>
-                                    </label>
-                                </div>
-                            </div>
-                            <div class="container-bottom">
-                                <div class="container-left container-download">
-                                    <div class="header">{{tr "File Download" /}}</div>
-                                    <div class="content">
-                                        <div class="container-bandwidth">
-                                            <a>{{tr "Bandwidth limit" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="-1" class="virtualserver_max_download_total_bandwidth" value="{{:virtualserver_max_download_total_bandwidth}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Max bandwidth used by all file transfer clients." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <a class="unit">{{tr "Bytes/s" /}}</a>
-                                        </div>
-                                        <div class="container-quota">
-                                            <a>{{tr "Quota" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="0" class="virtualserver_download_quota" value="{{:virtualserver_download_quota}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>
-                                                            {{tr "Max amount of data in megabytes which could be downloaded." /}}<br>
-                                                            {{tr "The quota will be reset on every new month" /}}
-                                                        </a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <a class="unit">{{tr "MiB/mo" /}}</a>
-                                        </div>
-                                        <div class="container-used-quota">
-                                            <a>{{tr "Quota this month" /}}</a>
-                                            <div class="value virtualserver_month_bytes_downloaded">{{>virtualserver_month_bytes_downloaded}}</div>
-                                        </div>
-                                        <div class="container-used-quota">
-                                            <a>{{tr "Quota total" /}}</a>
-                                            <div class="value virtualserver_total_bytes_downloaded">{{>virtualserver_total_bytes_downloaded}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="container-right container-upload">
-                                    <div class="header">{{tr "File Upload" /}}</div>
-                                    <div class="content">
-                                        <div class="container-bandwidth">
-                                            <a>{{tr "Bandwidth limit" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="-1" class="virtualserver_max_upload_total_bandwidth" value="{{:virtualserver_max_upload_total_bandwidth}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Max bandwidth used by all file transfer clients." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <a class="unit">{{tr "Bytes/s" /}}</a>
-                                        </div>
-                                        <div class="container-quota">
-                                            <a>{{tr "Quota" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="0" class="virtualserver_upload_quota" value="{{:virtualserver_upload_quota}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>
-                                                            {{tr "Max amount of data in megabytes which could be downloaded." /}}<br>
-                                                            {{tr "The quota will be reset on every new month" /}}
-                                                        </a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <a class="unit">{{tr "MiB/mo" /}}</a>
-                                        </div>
-                                        <div class="container-used-quota">
-                                            <a>{{tr "Quota this month" /}}</a>
-                                            <div class="value virtualserver_month_bytes_uploaded">{{>virtualserver_month_bytes_uploaded}}</div>
-                                        </div>
-                                        <div class="container-used-quota">
-                                            <a>{{tr "Quota total" /}}</a>
-                                            <div class="value virtualserver_total_bytes_uploaded">{{>virtualserver_total_bytes_uploaded}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="body container-security">
-                            <div class="container-top container-antiflood">
-                                <div class="header">{{tr "Anti Flood" /}}</div>
-                                <div class="content">
-                                    <div class="container-reduce">
-                                        <a>{{tr "Reduced points every ½ seconds." /}}</a>
-                                        <div class="input-boxed">
-                                            <input type="number" min="0" class="virtualserver_antiflood_points_tick_reduce" value="{{:virtualserver_antiflood_points_tick_reduce}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>{{tr "Flood point count which will be reduced each server tick." /}}</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="container-block-commands">
-                                        <a>{{tr "Points needed to block commands" /}}</a>
-                                        <div class="input-boxed">
-                                            <input type="number" min="0" class="virtualserver_antiflood_points_needed_command_block" value="{{:virtualserver_antiflood_points_needed_command_block}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>{{tr "If the value has been reached, the users command will be rejected." /}}</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="container-block-ip">
-                                        <a>{{tr "Points needed to ban IP" /}}</a>
-                                        <div class="input-boxed">
-                                            <input type="number" min="0" class="virtualserver_antiflood_points_needed_ip_block" value="{{:virtualserver_antiflood_points_needed_ip_block}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>{{tr "If the value has been reached, the user will be temporally banned from the server." /}}</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="container-bottom container-security">
-                                <div class="header">{{tr "Misc" /}}</div>
-                                <div class="content">
-                                    <div class="container-encryption">
-                                        <a>{{tr "Channel voice data encryption" /}}</a>
-                                        <div class="input-boxed">
-                                            <select class="virtualserver_codec_encryption_mode">
-                                                <option value="0" {{if virtualserver_codec_encryption_mode == 0}}selected{{/if}}>{{tr "Edit per channel individually" /}}</option>
-                                                <option value="1" {{if virtualserver_codec_encryption_mode == 1}}selected{{/if}}>{{tr "Globally disabled" /}}</option>
-                                                <option value="2" {{if virtualserver_codec_encryption_mode == 2}}selected{{/if}}>{{tr "Globally enabled (recommended)" /}}</option>
-                                            </select>
-                                        </div>
-                                    </div>
-                                    <div class="container-security-level">
-                                        <a>{{tr "Needed Security Level" /}}</a>
-                                        <div class="input-boxed">
-                                            <input type="number" min="8" class="virtualserver_needed_identity_security_level" value="{{:virtualserver_needed_identity_security_level}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>{{tr "Required security level to join the server. (Only applies to TeamSpeak identities)" /}}</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="container-security-level-description">
-                                        <a></a>
-                                        <div class="container-description">
-                                            <a>{{tr "Level &nbsp;<b>0 - 23</b> generated in seconds" /}}</a>
-                                            <a>{{tr "Level <b>24 - 29</b> generated in minutes" /}}</a>
-                                            <a>{{tr "Level <b>29 - 34</b> generated in hours" /}}</a>
-                                            <a>{{tr "Level <b>35 - 39</b> generated in days" /}}</a>
-                                            <a>{{tr "Level <b>40 - 43</b> generated in months" /}}</a>
-                                            <a>{{tr "Level <b>44 - 23</b> generated in years" /}}</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="body container-messages">
-                            <div class="container-top container-channel">
-                                <div class="header">{{tr "Channel" /}}</div>
-                                <div class="content">
-                                    <div class="container-topic">
-                                        <div class="container-title">
-                                            <a>{{tr "Topic" /}}</a>
-                                        </div>
-                                        <div class="input-boxed">
-                                            <input class="virtualserver_default_channel_topic" value="{{:virtualserver_default_channel_topic}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>{{tr "The default server channel topic" /}}</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                    <div class="container-description">
-                                        <div class="container-title">
-                                            <a>{{tr "Description" /}}</a>
-                                        </div>
-                                        <textarea class="input-boxed virtualserver_default_channel_description" placeholder="{{tr 'Enter a message...' /}}">{{>virtualserver_default_channel_description}}</textarea>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="container-bottom container-client">
-                                <div class="header">{{tr "Client" /}}</div>
-                                <div class="content">
-                                    <div class="container-description">
-                                        <a>{{tr "Description" /}}</a>
-                                        <div class="input-boxed">
-                                            <input class="virtualserver_default_client_description" value="{{:virtualserver_default_client_description}}">
-                                            <div class="container-tooltip">
-                                                <img src="img/icon_tooltip.svg"/>
-                                                <div class="tooltip">
-                                                    <a>{{tr "The default client description" /}}</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="body container-misc">
-                            <div class="container-top container-default-groups">
-                                <div class="header">{{tr "Default groups" /}}</div>
-                                <div class="content">
-                                    <div class="container-default-group">
-                                        <a>{{tr "Server Group" /}}</a>
-                                        <select class="input-boxed virtualserver_default_server_group">
-                                        </select>
-                                    </div>
-                                    <div class="container-default-group">
-                                        <a>{{tr "Music Bot Group" /}}</a>
-                                        <select class="input-boxed virtualserver_default_music_group">
-                                        </select>
-                                    </div>
-                                    <div class="container-default-group">
-                                        <a>{{tr "Channel Admin Group" /}}</a>
-                                        <select class="input-boxed virtualserver_default_channel_admin_group">
-                                        </select>
-                                    </div>
-                                    <div class="container-default-group">
-                                        <a>{{tr "Channel Group" /}}</a>
-                                        <select class="input-boxed virtualserver_default_channel_group">
-                                        </select>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="container-bottom">
-                                <div class="container-left container-complains">
-                                    <div class="header">{{tr "Complains" /}}</div>
-                                    <div class="content">
-                                        <div class="container-ban-threshold">
-                                            <a>{{tr "Complains until ban" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="0" class="virtualserver_complain_autoban_count" value="{{:virtualserver_complain_autoban_count}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Amount of complains against one user until he receives an automated ban." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-ban-time">
-                                            <a>{{tr "Autoban time" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="0" class="virtualserver_complain_autoban_time" value="{{:virtualserver_complain_autoban_time}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Amount of complains against one user until he receives an automated ban." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-cooldown">
-                                            <a>{{tr "Complain auto remove" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="0" class="virtualserver_complain_remove_time" value="{{:virtualserver_complain_remove_time}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Time in seconds after a complain expires." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="container-right container-others">
-                                    <div class="header">{{tr "Others" /}}</div>
-                                    <div class="content">
-                                        <div class="container-silence">
-                                            <a>{{tr "Clients before silence" /}}</a>
-                                            <div class="input-boxed">
-                                                <input type="number" min="0" class="virtualserver_min_clients_in_channel_before_forced_silence" value="{{:virtualserver_min_clients_in_channel_before_forced_silence}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Minimum clients within a channel to enforce silence." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-dim">
-                                            <a>{{tr "Priority speaker dim factor" /}}</a>
-                                            <div class="input-boxed">
-                                                <input min="-100" max="100" class="virtualserver_priority_speaker_dimm_modificator" value="{{:virtualserver_priority_speaker_dimm_modificator}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "Dim factor in '%' for priority speakers." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="container-gfx-url">
-                                            <a>{{tr "Default delete delay" /}}</a>
-                                            <div class="input-boxed">
-                                                <input class="virtualserver_channel_temp_delete_delay_default" value="{{:virtualserver_channel_temp_delete_delay_default}}">
-                                                <div class="container-tooltip">
-                                                    <img src="img/icon_tooltip.svg"/>
-                                                    <div class="tooltip">
-                                                        <a>{{tr "The default temporary channel delete delay." /}}</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="container-buttons">
-                    <button class="btn btn-danger button-cancel">{{tr "Cancel" /}}</button>
-                    <button class="btn btn-success button-save">{{tr "Save Changes" /}}</button>
-                </div>
-            </div>
-        </script>
-
         <!-- Template for the settings -->
         <script class="jsrender-template" id="tmpl_settings" type="text/html">
             <div class="inner-container">
@@ -1094,7 +409,6 @@
             </div>
         </script>
 
-
         <script class="jsrender-template" id="tmpl_settings-profiles" type="text/html">
             <div class="container-settings-identity-profile">
                 <div class="left highlight-profile-list highlightable">
@@ -1897,44 +1211,6 @@
                 </div>
             </div>
         </script>
-        <script class="jsrender-template" id="tmpl_invite" type="text/html">
-            <div class="general-properties">
-                <div class="form-group property-type">
-                    <label>{{tr "Link type:" /}}</label>
-                    <select class="form-control">
-                        <option value="tea-web">{{tr "TeaWeb" /}}</option>
-                        <option value="tea-client">{{tr "TeaClient" /}}</option>
-                        <option value="teamspeak">{{tr "TeamSpeak" /}}</option>
-                    </select>
-                </div>
-                <div class="container-settings">
-                    <label>
-                        <div class="checkbox flag-direct-connect">
-                            <input type="checkbox">
-                            <div class="mark"></div>
-                        </div>
-
-                        <a>{{tr "Connect directly" /}}</a>
-                    </label>
-                    <label>
-                        <div class="checkbox flag-resolved-address">
-                            <input type="checkbox">
-                            <div class="mark"></div>
-                        </div>
-
-                        <a>{{tr "Use resolved address" /}}</a>
-                    </label>
-                </div>
-            </div>
-            <textarea class="text-output" readonly></textarea>
-            <div class="buttons">
-                <button class="btn btn-primary button-copy">
-                    <div class="icon client-copy"></div>
-                    {{tr "Copy" /}}
-                </button>
-                <button class="btn btn-primary button-close">{{tr "Close" /}}</button>
-            </div>
-        </script>
 
         <script class="jsrender-template" id="tmpl_query_create" type="text/html">
             <div class="query-create">

From 66021b125bee29a4bf6517c18ca2ea0c991806f5 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 16 Mar 2021 16:40:17 +0100
Subject: [PATCH 016/128] Some more minor updates

---
 .../js/ui/modal/video-source/Controller.tsx   |  2 +-
 tools/trgen/ts_generator.ts                   |  2 +-
 tools/trgen/ts_transformer.ts                 |  3 +-
 tools/trgen/tsconfig.json                     |  4 +-
 tsbaseconfig.json                             |  3 +-
 web/app/index.ts                              |  2 -
 webpack.config.ts                             | 40 ++++++++-----------
 7 files changed, 24 insertions(+), 32 deletions(-)

diff --git a/shared/js/ui/modal/video-source/Controller.tsx b/shared/js/ui/modal/video-source/Controller.tsx
index e640b313..94c65317 100644
--- a/shared/js/ui/modal/video-source/Controller.tsx
+++ b/shared/js/ui/modal/video-source/Controller.tsx
@@ -103,7 +103,7 @@ export async function spawnVideoSourceSelectModal(type: VideoBroadcastType, mode
             });
         }
 
-        modal.events.one(["destroy", "close"], resolve);
+        modal.getEvents().one(["destroy", "close"], resolve);
     });
 
     controller.destroy();
diff --git a/tools/trgen/ts_generator.ts b/tools/trgen/ts_generator.ts
index ee2d8bf4..fa0911b4 100644
--- a/tools/trgen/ts_generator.ts
+++ b/tools/trgen/ts_generator.ts
@@ -1,6 +1,6 @@
 import * as ts from "typescript";
 import {SyntaxKind} from "typescript";
-import * as sha256 from "sha256";
+import sha256 from "sha256";
 import {TranslationEntry} from "./generator";
 
 export function generate(file: ts.SourceFile, config: Configuration) : TranslationEntry[] {
diff --git a/tools/trgen/ts_transformer.ts b/tools/trgen/ts_transformer.ts
index 5b00475a..096c2ec2 100644
--- a/tools/trgen/ts_transformer.ts
+++ b/tools/trgen/ts_transformer.ts
@@ -41,8 +41,7 @@ export default function(program: ts.Program, config?: Config) : (context: ts.Tra
 
 let processed = [];
 const translations: TranslationEntry[] = [];
-const transformer = (context: ts.TransformationContext) =>
-(rootNode: ts.Node) => {
+const transformer = (context: ts.TransformationContext) => (rootNode: ts.Node) => {
     const handler = (rootNode: ts.Node) => {
         if(rootNode.kind == ts.SyntaxKind.Bundle) {
             const bundle = rootNode as ts.Bundle;
diff --git a/tools/trgen/tsconfig.json b/tools/trgen/tsconfig.json
index 0229e46b..d4815f28 100644
--- a/tools/trgen/tsconfig.json
+++ b/tools/trgen/tsconfig.json
@@ -6,7 +6,9 @@
     "lib": ["es6"],
 
     "typeRoots": [],
-    "types": []
+    "types": [],
+
+    "esModuleInterop": true
   },
   "files": [
     "generator.ts",
diff --git a/tsbaseconfig.json b/tsbaseconfig.json
index 99f06205..8252103a 100644
--- a/tsbaseconfig.json
+++ b/tsbaseconfig.json
@@ -5,7 +5,8 @@
     "module": "commonjs",
     "sourceMap": true,
     "lib": ["es6", "dom"],
-    "removeComments": false
+    "removeComments": false,
+    "esModuleInterop": true
   },
   "include": [
     "webpack.config.ts",
diff --git a/web/app/index.ts b/web/app/index.ts
index 1e389d0e..53b343d5 100644
--- a/web/app/index.ts
+++ b/web/app/index.ts
@@ -4,8 +4,6 @@ import "webcrypto-liner";
 import "./index.scss";
 import "./FileTransfer";
 
-import "./legacy/audio-lib";
-
 import "./hooks/ServerConnection";
 import "./hooks/ExternalModal";
 import "./hooks/AudioRecorder";
diff --git a/webpack.config.ts b/webpack.config.ts
index 3d610a2d..850eb891 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -20,23 +20,28 @@ const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 
 export let isDevelopment = process.env.NODE_ENV === 'development';
 console.log("Webpacking for %s (%s)", isDevelopment ? "development" : "production", process.env.NODE_ENV || "NODE_ENV not specified");
+
 const generateDefinitions = async (target: string) => {
-    const git_rev = fs.readFileSync(path.join(__dirname, ".git", "HEAD")).toString();
+    const gitRevision = fs.readFileSync(path.join(__dirname, ".git", "HEAD")).toString();
     let version;
-    if(git_rev.indexOf("/") === -1)
-        version = (git_rev || "0000000").substr(0, 7);
-    else
-        version = fs.readFileSync(path.join(__dirname, ".git", git_rev.substr(5).trim())).toString().substr(0, 7);
+    if(gitRevision.indexOf("/") === -1) {
+        version = (gitRevision || "0000000").substr(0, 7);
+    } else {
+        version = fs.readFileSync(path.join(__dirname, ".git", gitRevision.substr(5).trim())).toString().substr(0, 7);
+    }
 
     let timestamp;
     try {
         const { stdout } = await util.promisify(exec)("git show -s --format=%ct");
         timestamp = parseInt(stdout.toString());
-        if(isNaN(timestamp)) throw "failed to parse timestamp '" + stdout.toString() + "'";
+        if(isNaN(timestamp)) {
+            throw "failed to parse timestamp '" + stdout.toString() + "'";
+        }
     } catch (error) {
         console.error("Failed to get commit timestamp: %o", error);
         throw "failed to get commit timestamp";
     }
+
     return {
         "__build": {
             target: JSON.stringify(target),
@@ -45,7 +50,7 @@ const generateDefinitions = async (target: string) => {
             timestamp: timestamp,
             entry_chunk_name: JSON.stringify(target === "web" ? "shared-app" : "client-app")
         } as BuildDefinitions
-    } as any;
+    };
 };
 
 const isLoaderFile = (file: string) => {
@@ -58,11 +63,11 @@ const isLoaderFile = (file: string) => {
     return false;
 };
 
-export const config = async (target: "web" | "client"): Promise<Configuration> => { return {
+export const config = async (target: "web" | "client"): Promise<Configuration> => ({
     entry: {
         "loader": "./loader/app/index.ts",
         "modal-external": "./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts",
-        "devel-main": "./shared/js/devel_main.ts"
+        //"devel-main": "./shared/js/devel_main.ts"
     },
 
     devtool: isDevelopment ? "inline-source-map" : undefined,
@@ -133,14 +138,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
                 test: /\.(s[ac]|c)ss$/,
                 loader: [
                     'style-loader',
-                    /*
-                    {
-                        loader: MiniCssExtractPlugin.loader,
-                        options: {
-                            esModule: true,
-                        },
-                    },
-                    */
+                    //MiniCssExtractPlugin.loader,
                     {
                         loader: 'css-loader',
                         options: {
@@ -180,12 +178,6 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
                             },
                             transpileOnly: isDevelopment
                         }
-                    },
-                    {
-                        loader: "./webpack/DevelBlocks.js",
-                        options: {
-                            enabled: true
-                        }
                     }
                 ]
             },
@@ -258,4 +250,4 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
         minimize: !isDevelopment,
         minimizer: [new TerserPlugin()]
     }
-}};
\ No newline at end of file
+});
\ No newline at end of file

From 61da22895f97923b51f3d7df56ae07a7ee1689f4 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 13:28:27 +0100
Subject: [PATCH 017/128] Mostly using direct assets instead of stored files
 somewhere within the project.

---
 file.ts                                       |   52 +-
 loader/IndexGenerator.ts                      |   31 -
 loader/{ => app}/css/index.scss               |    5 +-
 loader/app/css/index.ts                       |    3 +
 loader/{ => app}/css/loader.scss              |    2 +-
 loader/{ => app}/css/overlay.scss             |    0
 .../loader => loader/app/images}/steam.png    |  Bin
 loader/app/index.ts                           |    4 +
 loader/app/loader/loader.ts                   |    6 +-
 loader/app/loader/style_loader.ts             |  142 +
 loader/app/loader/template_loader.ts          |   90 -
 loader/app/maifest.ts                         |   18 +-
 loader/app/polifill.ts                        |   12 +-
 loader/app/targets/app.ts                     |   64 +-
 loader/app/targets/maifest-target.ts          |   13 -
 loader/app/targets/shared.ts                  |    4 -
 loader/css/.gitignore                         |    2 -
 loader/{html/index.html.ejs => index.ejs}     |   25 +-
 package-lock.json                             | 5475 ++++++++++-------
 package.json                                  |   28 +-
 scripts/cleanup.sh                            |    2 +
 shared/css/generate_packed.sh                 |   74 -
 shared/js/global.d.ts                         |    5 +
 shared/js/main.tsx                            |    2 +-
 .../profiles/identities/TeamSpeakIdentity.ts  |    3 +-
 shared/js/proto.ts                            |   24 +-
 shared/js/ui/AppRenderer.tsx                  |    1 -
 shared/js/ui/jsrender.ts                      |   29 +-
 tsbaseconfig.json                             |    7 +-
 web/app/ui/FaviconRenderer.tsx                |    1 +
 webpack-client.config.ts                      |    4 +-
 webpack-web.config.ts                         |    6 +-
 webpack.config.ts                             |  125 +-
 webpack/EJSGenerator.ts                       |  107 -
 webpack/ManifestPlugin.ts                     |   91 +-
 webpack/WatLoader.ts                          |    7 +-
 36 files changed, 3709 insertions(+), 2755 deletions(-)
 delete mode 100644 loader/IndexGenerator.ts
 rename loader/{ => app}/css/index.scss (77%)
 create mode 100644 loader/app/css/index.ts
 rename loader/{ => app}/css/loader.scss (97%)
 rename loader/{ => app}/css/overlay.scss (100%)
 rename {shared/img/loader => loader/app/images}/steam.png (100%)
 create mode 100644 loader/app/loader/style_loader.ts
 delete mode 100644 loader/app/loader/template_loader.ts
 delete mode 100644 loader/css/.gitignore
 rename loader/{html/index.html.ejs => index.ejs} (86%)
 delete mode 100644 shared/css/generate_packed.sh
 delete mode 100644 webpack/EJSGenerator.ts

diff --git a/file.ts b/file.ts
index 03143b7a..f8eb49d8 100644
--- a/file.ts
+++ b/file.ts
@@ -30,49 +30,26 @@ type ProjectResource = {
 }
 
 const APP_FILE_LIST_SHARED_SOURCE: ProjectResource[] = [
+    { /* javascript files as manifest.json */
+        "type": "js",
+        "search-pattern": /.*\.(js|json|svg|png|css|html)$/,
+        "build-target": "dev|rel",
+
+        "path": "js/",
+        "local-path": "./dist/"
+    },
+
     { /* shared html files */
         "type": "html",
         "search-pattern": /^.*([a-zA-Z]+)\.(html|json)$/,
         "build-target": "dev|rel",
 
         "path": "./",
-        "local-path": "./shared/html/"
-    },
-    { /* javascript files as manifest.json */
-        "type": "js",
-        "search-pattern": /.*\.(js|json|svg|png)$/,
-        "build-target": "dev|rel",
-
-        "path": "js/",
         "local-path": "./dist/"
     },
-    { /* javascript files as manifest.json */
-        "type": "html",
-        "search-pattern": /.*\.html$/,
-        "build-target": "dev|rel",
-
-        "path": "./",
-        "local-path": "./dist/"
-    },
-    { /* Loader css file (only required in dev mode. In release it gets inlined) */
-        "type": "css",
-        "search-pattern": /.*\.css$/,
-        "build-target": "dev",
-
-        "path": "css/",
-        "local-path": "./loader/css/"
-    },
     { /* shared sound files */
         "type": "wav",
-        "search-pattern": /.*\.wav$/,
-        "build-target": "dev|rel",
-
-        "path": "audio/",
-        "local-path": "./shared/audio/"
-    },
-    { /* shared data sound files */
-        "type": "json",
-        "search-pattern": /.*\.json/,
+        "search-pattern": /.*\.(wav|json)$/,
         "build-target": "dev|rel",
 
         "path": "audio/",
@@ -87,15 +64,6 @@ const APP_FILE_LIST_SHARED_SOURCE: ProjectResource[] = [
         "path": "img/",
         "local-path": "./shared/img/"
     },
-    { /* assembly files */
-        "web-only": true,
-        "type": "wasm",
-        "search-pattern": /.*\.(wasm)/,
-        "build-target": "dev|rel",
-
-        "path": "js/",
-        "local-path": "./dist/"
-    }
 ];
 
 const APP_FILE_LIST_SHARED_VENDORS: ProjectResource[] = [];
diff --git a/loader/IndexGenerator.ts b/loader/IndexGenerator.ts
deleted file mode 100644
index 6b049ca8..00000000
--- a/loader/IndexGenerator.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import * as path from "path";
-import EJSGenerator = require("../webpack/EJSGenerator");
-
-class IndexGenerator extends EJSGenerator {
-    constructor(options: {
-        buildTarget: string;
-        output: string,
-        isDevelopment: boolean
-    }) {
-        super({
-            variables: {
-                build_target: options.buildTarget
-            },
-            output: options.output,
-            initialJSEntryChunk: "loader",
-            input: path.join(__dirname, "html/index.html.ejs"),
-            minify: !options.isDevelopment,
-
-            embedInitialJSEntryChunk: !options.isDevelopment,
-            embedInitialCSSFile: !options.isDevelopment,
-
-            initialCSSFile: {
-                localFile: path.join(__dirname, "css/index.css"),
-                publicFile: "css/index.css"
-            }
-        });
-    }
-
-}
-
-export = IndexGenerator;
\ No newline at end of file
diff --git a/loader/css/index.scss b/loader/app/css/index.scss
similarity index 77%
rename from loader/css/index.scss
rename to loader/app/css/index.scss
index d95da3c1..54278fcc 100644
--- a/loader/css/index.scss
+++ b/loader/app/css/index.scss
@@ -8,7 +8,4 @@ body {
 *, :before, :after {
     box-sizing: border-box;
     outline: none;
-}
-
-@import "loader";
-@import "overlay";
+}
\ No newline at end of file
diff --git a/loader/app/css/index.ts b/loader/app/css/index.ts
new file mode 100644
index 00000000..035afdf9
--- /dev/null
+++ b/loader/app/css/index.ts
@@ -0,0 +1,3 @@
+import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./index.scss";
+import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./loader.scss";
+import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./overlay.css";
\ No newline at end of file
diff --git a/loader/css/loader.scss b/loader/app/css/loader.scss
similarity index 97%
rename from loader/css/loader.scss
rename to loader/app/css/loader.scss
index af6b75ae..eda8d424 100644
--- a/loader/css/loader.scss
+++ b/loader/app/css/loader.scss
@@ -80,7 +80,7 @@ $loop-time-halloween: 25s / 24;
 
 			width: 249px;
 			height: 125px;
-			background: url("img/loader/steam.png") 0 0, url("../img/loader/steam.png") 0 0;
+			background: url("../images/steam.png") 0 0;
 
 			animation: sprite-steam 2.5s steps(50) forwards infinite;
 		}
diff --git a/loader/css/overlay.scss b/loader/app/css/overlay.scss
similarity index 100%
rename from loader/css/overlay.scss
rename to loader/app/css/overlay.scss
diff --git a/shared/img/loader/steam.png b/loader/app/images/steam.png
similarity index 100%
rename from shared/img/loader/steam.png
rename to loader/app/images/steam.png
diff --git a/loader/app/index.ts b/loader/app/index.ts
index f976a9e4..0e28f468 100644
--- a/loader/app/index.ts
+++ b/loader/app/index.ts
@@ -1,10 +1,14 @@
 import "core-js/stable";
 import "./polifill";
+import "./css";
 
 import * as loader from "./loader/loader";
 import {ApplicationLoader} from "./loader/loader";
 import {getUrlParameter} from "./loader/utils";
 
+if(window["loader"]) {
+    throw "an loader instance has already been defined";
+}
 window["loader"] = loader;
 /* let the loader register himself at the window first */
 
diff --git a/loader/app/loader/loader.ts b/loader/app/loader/loader.ts
index 6b5bd5b4..4aa0d60b 100644
--- a/loader/app/loader/loader.ts
+++ b/loader/app/loader/loader.ts
@@ -1,5 +1,5 @@
 import * as script_loader from "./script_loader";
-import * as template_loader from "./template_loader";
+import * as style_loader from "./style_loader";
 import * as Animation from "../animation";
 import {getUrlParameter} from "./utils";
 
@@ -111,8 +111,6 @@ export type ModuleMapping = {
 const module_mapping_: ModuleMapping[] = [];
 export function module_mapping() : ModuleMapping[] { return module_mapping_; }
 
-export function get_cache_version() { return cache_tag; }
-
 export function finished() {
     return currentStage == Stage.DONE;
 }
@@ -360,7 +358,7 @@ export type DependSource = {
 export type SourcePath = string | DependSource | string[];
 
 export const scripts = script_loader;
-export const templates = template_loader;
+export const style = style_loader;
 
 /* Hello World message */
 {
diff --git a/loader/app/loader/style_loader.ts b/loader/app/loader/style_loader.ts
new file mode 100644
index 00000000..b3ea670e
--- /dev/null
+++ b/loader/app/loader/style_loader.ts
@@ -0,0 +1,142 @@
+import {config, critical_error, SourcePath} from "./loader";
+import {load_parallel, LoadCallback, LoadSyntaxError, ParallelOptions, script_name} from "./utils";
+
+let _style_promises: {[key: string]: Promise<void>} = {};
+
+function load_style_url(url: string) : Promise<void> {
+    if(typeof _style_promises[url] === "object")
+        return _style_promises[url];
+
+    return (_style_promises[url] = new Promise((resolve, reject) => {
+        const tag: HTMLLinkElement = document.createElement("link");
+
+        let error = false;
+        const error_handler = (event: ErrorEvent) => {
+            if(config.verbose) console.log("msg: %o, url: %o, line: %o, col: %o, error: %o", event.message, event.filename, event.lineno, event.colno, event.error);
+            if(event.filename == tag.href) { //FIXME!
+                window.removeEventListener('error', error_handler as any);
+
+                reject(new SyntaxError(event.error));
+                event.preventDefault();
+                error = true;
+            }
+        };
+        window.addEventListener('error', error_handler as any);
+
+        tag.type = "text/css";
+        tag.rel = "stylesheet";
+
+        const cleanup = () => {
+            tag.onerror = undefined;
+            tag.onload = undefined;
+
+            clearTimeout(timeout_handle);
+            window.removeEventListener('error', error_handler as any);
+        };
+
+        const timeout_handle = setTimeout(() => {
+            cleanup();
+            reject("timeout");
+        }, 5000);
+
+        tag.onerror = error => {
+            cleanup();
+            tag.remove();
+            if(config.error)
+                console.error("File load error for file %s: %o", url, error);
+            reject("failed to load file " + url);
+        };
+        tag.onload = () => {
+            cleanup();
+            {
+                const css: CSSStyleSheet = tag.sheet as CSSStyleSheet;
+                const rules = css.cssRules;
+                const rules_remove: number[] = [];
+                const rules_add: string[] = [];
+
+                for(let index = 0; index < rules.length; index++) {
+                    const rule = rules.item(index);
+                    let rule_text = rule.cssText;
+
+                    if(rule.cssText.indexOf("%%base_path%%") != -1) {
+                        rules_remove.push(index);
+                        rules_add.push(rule_text.replace("%%base_path%%", document.location.origin + document.location.pathname));
+                    }
+                }
+
+                for(const index of rules_remove.sort((a, b) => b > a ? 1 : 0)) {
+                    if(css.removeRule)
+                        css.removeRule(index);
+                    else
+                        css.deleteRule(index);
+                }
+                for(const rule of rules_add)
+                    css.insertRule(rule, rules_remove[0]);
+            }
+
+            if(config.verbose) console.debug("Style sheet %o loaded", url);
+            setTimeout(resolve, 100);
+        };
+
+        document.getElementById("style").appendChild(tag);
+        tag.href = config.baseUrl + url;
+    })).then(result => {
+        /* cleanup memory */
+        _style_promises[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
+        return _style_promises[url];
+    }).catch(error => {
+        /* cleanup memory */
+        _style_promises[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
+        return _style_promises[url];
+    });
+}
+
+export interface Options {
+    cache_tag?: string;
+}
+
+export async function load(path: SourcePath, options: Options) : Promise<void> {
+    if(Array.isArray(path)) { //We have fallback scripts
+        return load(path[0], options).catch(error => {
+            if(error instanceof LoadSyntaxError)
+                return Promise.reject(error);
+
+            if(path.length > 1)
+                return load(path.slice(1), options);
+
+            return Promise.reject(error);
+        });
+    } else {
+        const source = typeof(path) === "string" ? {url: path, depends: []} : path;
+        if(source.url.length == 0) return Promise.resolve();
+
+        /* await depends */
+        for(const depend of source.depends) {
+            if(!_style_promises[depend])
+                throw "Missing dependency " + depend;
+            await _style_promises[depend];
+        }
+        await load_style_url(source.url + (options.cache_tag || ""));
+    }
+}
+
+export type MultipleOptions = Options | ParallelOptions;
+export async function load_multiple(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
+    const result = await load_parallel<SourcePath>(paths, e => load(e, options), e => script_name(e, false), options, callback);
+    if(result.failed.length > 0) {
+        if(config.error) {
+            console.error("Failed to load the following style sheets:");
+            for(const style of result.failed) {
+                const sname = script_name(style.request, false);
+                if(style.error instanceof LoadSyntaxError) {
+                    console.log(" - %s: %o", sname, style.error.source);
+                } else {
+                    console.log(" - %s: %o", sname, style.error);
+                }
+            }
+        }
+
+        critical_error("Failed to load style " + script_name(result.failed[0].request, true) + " <br>" + "View the browser console for more information!");
+        throw "failed to load style " + script_name(result.failed[0].request, false);
+    }
+}
\ No newline at end of file
diff --git a/loader/app/loader/template_loader.ts b/loader/app/loader/template_loader.ts
deleted file mode 100644
index 02ba3646..00000000
--- a/loader/app/loader/template_loader.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import {config, critical_error, SourcePath} from "./loader";
-import {load_parallel, LoadCallback, LoadSyntaxError, ParallelOptions, script_name} from "./utils";
-
-let _template_promises: {[key: string]: Promise<void>} = {};
-
-function load_template_url(url: string) : Promise<void> {
-    if(typeof _template_promises[url] === "object")
-        return _template_promises[url];
-
-    return (_template_promises[url] = (async () => {
-        const response = await (await fetch(config.baseUrl + url)).text();
-
-        let node = document.createElement("html");
-        node.innerHTML = response;
-        let tags: HTMLCollection;
-        if(node.getElementsByTagName("body").length > 0)
-            tags = node.getElementsByTagName("body")[0].children;
-        else
-            tags = node.children;
-
-        let root = document.getElementById("templates");
-        if(!root) {
-            critical_error("Failed to find template tag!");
-            throw "Failed to find template tag";
-        }
-        while(tags.length > 0){
-            let tag = tags.item(0);
-            root.appendChild(tag);
-
-        }
-    })()).then(result => {
-        /* cleanup memory */
-        _template_promises[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
-        return _template_promises[url];
-    }).catch(error => {
-        /* cleanup memory */
-        _template_promises[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
-        return _template_promises[url];
-    });
-}
-
-export interface Options {
-    cache_tag?: string;
-}
-
-export async function load(path: SourcePath, options: Options) : Promise<void> {
-    if(Array.isArray(path)) { //We have fallback scripts
-        return load(path[0], options).catch(error => {
-            if(error instanceof LoadSyntaxError)
-                return Promise.reject(error);
-
-            if(path.length > 1)
-                return load(path.slice(1), options);
-
-            return Promise.reject(error);
-        });
-    } else {
-        const source = typeof(path) === "string" ? {url: path, depends: []} : path;
-        if(source.url.length == 0) return Promise.resolve();
-
-        /* await depends */
-        for(const depend of source.depends) {
-            if(!_template_promises[depend])
-                throw "Missing dependency " + depend;
-            await _template_promises[depend];
-        }
-        await load_template_url(source.url + (options.cache_tag || ""));
-    }
-}
-
-export type MultipleOptions = Options | ParallelOptions;
-export async function load_multiple(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
-    const result = await load_parallel<SourcePath>(paths, e => load(e, options), e => script_name(e, false), options, callback);
-    if(result.failed.length > 0) {
-        if(config.error) {
-            console.error("Failed to load the following template files:");
-            for(const style of result.failed) {
-                const sname = script_name(style.request, false);
-                if(style.error instanceof LoadSyntaxError) {
-                    console.log(" - %s: %o", sname, style.error.source);
-                } else {
-                    console.log(" - %s: %o", sname, style.error);
-                }
-            }
-        }
-
-        critical_error("Failed to load template file " + script_name(result.failed[0].request, true) + " <br>" + "View the browser console for more information!");
-        throw "failed to load template file " + script_name(result.failed[0].request, false);
-    }
-}
\ No newline at end of file
diff --git a/loader/app/maifest.ts b/loader/app/maifest.ts
index a7734125..6462ce16 100644
--- a/loader/app/maifest.ts
+++ b/loader/app/maifest.ts
@@ -11,6 +11,10 @@ export interface TeaManifest {
                 hash: string,
                 file: string
             }[],
+            css_files: {
+                hash: string,
+                file: string
+            }[],
             modules: {
                 id: string,
                 context: string,
@@ -52,12 +56,24 @@ export async function loadManifestTarget(chunkName: string, taskId: number) {
         modules: manifest.chunks[chunkName].modules
     });
 
+    loader.style.load_multiple(manifest.chunks[chunkName].css_files.map(e => "js/" + e.file), {
+        cache_tag: undefined,
+        max_parallel_requests: 4
+    }, (entry, state) => {
+        if(state !== "loading") {
+            return;
+        }
+
+        loader.setCurrentTaskName(taskId, script_name(entry, false));
+    });
+
     await loader.scripts.load_multiple(manifest.chunks[chunkName].files.map(e => "js/" + e.file), {
         cache_tag: undefined,
         max_parallel_requests: 4
     }, (script, state) => {
-        if(state !== "loading")
+        if(state !== "loading") {
             return;
+        }
 
         loader.setCurrentTaskName(taskId, script_name(script, false));
     });
diff --git a/loader/app/polifill.ts b/loader/app/polifill.ts
index 712039bc..27b3f80c 100644
--- a/loader/app/polifill.ts
+++ b/loader/app/polifill.ts
@@ -1,5 +1,5 @@
 /* IE11 and safari */
-if(Element.prototype.remove === undefined)
+if(Element.prototype.remove === undefined) {
     Object.defineProperty(Element.prototype, "remove", {
         enumerable: false,
         configurable: false,
@@ -8,6 +8,7 @@ if(Element.prototype.remove === undefined)
             this.parentElement.removeChild(this);
         }
     });
+}
 
 /* IE11 */
 function ReplaceWithPolyfill() {
@@ -28,14 +29,17 @@ function ReplaceWithPolyfill() {
             parent.insertBefore(currentNode, this.nextSibling);
     }
 }
-if (!Element.prototype.replaceWith)
+if (!Element.prototype.replaceWith) {
     Element.prototype.replaceWith = ReplaceWithPolyfill;
+}
 
-if (!CharacterData.prototype.replaceWith)
+if (!CharacterData.prototype.replaceWith) {
     CharacterData.prototype.replaceWith = ReplaceWithPolyfill;
+}
 
-if (!DocumentType.prototype.replaceWith)
+if (!DocumentType.prototype.replaceWith) {
     DocumentType.prototype.replaceWith = ReplaceWithPolyfill;
+}
 
 // Source: https://github.com/jserz/js_piece/blob/master/DOM/ParentNode/append()/append().md
 (function (arr) {
diff --git a/loader/app/targets/app.ts b/loader/app/targets/app.ts
index a3dd11a9..e3cc952f 100644
--- a/loader/app/targets/app.ts
+++ b/loader/app/targets/app.ts
@@ -1,26 +1,8 @@
 import "./shared";
 import * as loader from "../loader/loader";
-import {ApplicationLoader, SourcePath} from "../loader/loader";
-import {script_name} from "../loader/utils";
+import {ApplicationLoader} from "../loader/loader";
 import {loadManifest, loadManifestTarget} from "../maifest";
 
-declare global {
-    interface Window {
-        native_client: boolean;
-    }
-}
-
-function getCacheTag() {
-    return "?_ts=" + (__build.mode === "debug" ? Date.now() : __build.timestamp);
-}
-
-const LoaderTaskCallback = taskId => (script: SourcePath, state) => {
-    if(state !== "loading")
-        return;
-
-    loader.setCurrentTaskName(taskId, script_name(script, false));
-};
-
 /* all javascript loaders */
 const loader_javascript = {
     load_scripts: async taskId => {
@@ -30,33 +12,12 @@ const loader_javascript = {
     }
 };
 
-const loader_webassembly = {
-    test_webassembly: async () => {
-        /* We dont required WebAssembly anymore for fundamental functions, only for auto decoding
-        if(typeof (WebAssembly) === "undefined" || typeof (WebAssembly.compile) === "undefined") {
-            console.log(navigator.browserSpecs);
-            if (navigator.browserSpecs.name == 'Safari') {
-                if (parseInt(navigator.browserSpecs.version) < 11) {
-                    displayCriticalError("You require Safari 11 or higher to use the web client!<br>Safari " + navigator.browserSpecs.version + " does not support WebAssambly!");
-                    return;
-                }
-            }
-            else {
-                // Do something for all other browsers.
-            }
-            displayCriticalError("You require WebAssembly for TeaSpeak-Web!");
-            throw "Missing web assembly";
-        }
-        */
-    }
-};
-
 loader.register_task(loader.Stage.INITIALIZING, {
     name: "secure tester",
     function: async () => {
         /* we need https or localhost to use some things like the storage API */
         if(typeof isSecureContext === "undefined")
-            (<any>window)["isSecureContext"] = location.protocol !== 'https:' || location.hostname === 'localhost';
+            (window as any)["isSecureContext"] = location.protocol !== 'https:' || location.hostname === 'localhost';
 
         if(!isSecureContext) {
             loader.critical_error("TeaWeb cant run on unsecured sides.", "App requires to be loaded via HTTPS!");
@@ -66,33 +27,12 @@ loader.register_task(loader.Stage.INITIALIZING, {
     priority: 20
 });
 
-loader.register_task(loader.Stage.INITIALIZING, {
-    name: "webassembly tester",
-    function: loader_webassembly.test_webassembly,
-    priority: 20
-});
-
 loader.register_task(loader.Stage.JAVASCRIPT, {
     name: "scripts",
     function: loader_javascript.load_scripts,
     priority: 10
 });
 
-loader.register_task(loader.Stage.TEMPLATES, {
-    name: "templates",
-    function: async taskId => {
-        await loader.templates.load_multiple([
-            "templates.html",
-            "templates/modal/musicmanage.html",
-            "templates/modal/newcomer.html",
-        ], {
-            cache_tag: getCacheTag(),
-            max_parallel_requests: -1
-        }, LoaderTaskCallback(taskId));
-    },
-    priority: 10
-});
-
 loader.register_task(loader.Stage.SETUP, {
     name: "page setup",
     function: async () => {
diff --git a/loader/app/targets/maifest-target.ts b/loader/app/targets/maifest-target.ts
index 2232ffb5..95bbaf48 100644
--- a/loader/app/targets/maifest-target.ts
+++ b/loader/app/targets/maifest-target.ts
@@ -45,19 +45,6 @@ export default class implements ApplicationLoader {
             priority: 10
         });
 
-        loader.register_task(loader.Stage.TEMPLATES, {
-            name: "templates",
-            function: async () => {
-                await loader.templates.load_multiple([
-                    "templates.html"
-                ], {
-                    cache_tag: "?22",
-                    max_parallel_requests: -1
-                });
-            },
-            priority: 10
-        });
-
         loader.execute_managed(false);
     }
 }
\ No newline at end of file
diff --git a/loader/app/targets/shared.ts b/loader/app/targets/shared.ts
index 84cc5518..ba5ff1bc 100644
--- a/loader/app/targets/shared.ts
+++ b/loader/app/targets/shared.ts
@@ -13,14 +13,11 @@ loader.register_task(Stage.SETUP, {
             }
 
             window.__native_client_init_hook();
-            window.native_client = true;
         } else {
             if(__build.target !== "web") {
                 loader.critical_error("App seems not to be compiled for the web.", "This app has been compiled for " + __build.target);
                 return;
             }
-
-            window.native_client = false;
         }
     },
     priority: 1000
@@ -50,7 +47,6 @@ loader.register_task(Stage.SETUP, {
             case "ie":
                 loader.critical_error("Browser not supported", "We're sorry, but your browser isn't supported.");
                 throw "unsupported browser";
-
         }
     },
     priority: 50
diff --git a/loader/css/.gitignore b/loader/css/.gitignore
deleted file mode 100644
index 4de4d8f9..00000000
--- a/loader/css/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-**/*.css
-**/*.css.map
\ No newline at end of file
diff --git a/loader/html/index.html.ejs b/loader/index.ejs
similarity index 86%
rename from loader/html/index.html.ejs
rename to loader/index.ejs
index 3f60c547..aa2289e0 100644
--- a/loader/html/index.html.ejs
+++ b/loader/index.ejs
@@ -1,10 +1,3 @@
-<%
-/* given on compile time */
-var build_target;
-var initial_script;
-var initial_css;
-%>
-
 <!DOCTYPE html>
 <html lang="en">
     <head>
@@ -16,20 +9,20 @@ var initial_css;
 
         <meta name="og:description" content="The TeaSpeak Web client is a in the browser running client for the VoIP communication software TeaSpeak." />
         <meta name="og:url" content="https://web.teaspeak.de/">
-        <%# TODO: Put in an appropirate image <meta name="og:image" content="https://www.whatsapp.com/img/whatsapp-promo.png"> %>
+        <% /* TODO: Put in an appropriate image <meta name="og:image" content="https://www.whatsapp.com/img/whatsapp-promo.png"> */ %>
 
-        <%# Using an absolute path here since the manifest.json works only with such. %>
+        <% /* Using an absolute path here since the manifest.json works only with such. */ %>
         <link rel="manifest" href="/manifest.json">
 
-    <% if(build_target === "client") { %>
+<% if(buildTarget === "client") { %>
         <title>TeaClient</title>
         <meta name='og:title' content='TeaClient'>
-    <% } else { %>
+<% } else { %>
         <title>TeaSpeak-Web</title>
         <meta name='og:title' content='TeaSpeak-Web'>
         <link rel='shortcut icon' href='img/favicon/teacup.png' type='image/x-icon' id="favicon">
-        <%# <link rel="apple-touch-icon" sizes="194x194" href="/apple-touch-icon.png" type="image/png"> %>
-    <% } %>
+        <% /* <link rel="apple-touch-icon" sizes="194x194" href="/apple-touch-icon.png" type="image/png"> */ %>
+<% } %>
 
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
         <meta name="format-detection" content="telephone=no">
@@ -49,10 +42,10 @@ var initial_css;
 
         <link rel="preload" as="image" href="img/loader/initial-sequence.gif">
         <link rel="preload" as="image" href="img/loader/bowl.png">
-        <%# We don't preload the bowl since it's only a div background %>
+        <% /* We don't preload the bowl since it's only a div background */ %>
         <link rel="preload" as="image" href="img/loader/text.png">
 
-        <%- initial_css %>
+        <%= htmlWebpackPlugin.tags.headTags %>
     </head>
     <body>
         <!-- No javascript error -->
@@ -101,6 +94,6 @@ var initial_css;
             </div>
         </div>
 
-        <%- initial_script %>
+        <%= htmlWebpackPlugin.tags.bodyTags %>
     </body>
 </html>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ce942e06..069e0865 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1069,6 +1069,12 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@discoveryjs/json-ext": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.2.tgz",
+      "integrity": "sha512-HyYEUDeIj5rRQU2Hk5HTB2uHsbRQpF70nvMhVzi+VJR0X+xNEhjPui4/kBf3VeH/wqD28PT4sVOm8qqLjBrSZg==",
+      "dev": true
+    },
     "@google-cloud/common": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/@google-cloud/common/-/common-2.4.0.tgz",
@@ -1361,6 +1367,32 @@
       "integrity": "sha512-VxA5je1YYIkIvoCWT2t0bI7+2ID+yxv09YL5BKE6dT0xZMfY+U7EUF8vcasJSBTxjhSf2KV4P5rdDmCdEO9K0A==",
       "dev": true
     },
+    "@types/eslint": {
+      "version": "7.2.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.2.7.tgz",
+      "integrity": "sha512-EHXbc1z2GoQRqHaAT7+grxlTJ3WE2YNeD6jlpPoRc83cCoThRY+NUWjCUZaYmk51OICkPXn2hhphcWcWXgNW0Q==",
+      "dev": true,
+      "requires": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "@types/eslint-scope": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.0.tgz",
+      "integrity": "sha512-O/ql2+rrCUe2W2rs7wMR+GqPRcgB6UiqN5RhrR5xruFlY7l9YLMn0ZkDzjoHLeiFkR8MCQZVudUuuvQ2BLC9Qw==",
+      "dev": true,
+      "requires": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "@types/estree": {
+      "version": "0.0.46",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.46.tgz",
+      "integrity": "sha512-laIjwTQaD+5DukBZaygQ79K1Z0jb1bPEMRrkXSLjtCcZm+abyp5YbrqpSLzD42FwWW6gK/aS4NYpJ804nG2brg==",
+      "dev": true
+    },
     "@types/events": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz",
@@ -1407,9 +1439,9 @@
       }
     },
     "@types/html-minifier-terser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.0.0.tgz",
-      "integrity": "sha512-q95SP4FdkmF0CwO0F2q0H6ZgudsApaY/yCtAQNRn1gduef5fGpyEphzy0YCq/N0UFvDSnLg5V8jFK/YGXlDiCw==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz",
+      "integrity": "sha512-giAlZwstKbmvMk1OO7WXSj4OZ0keXAcl2TQq4LWHiiPH2ByaH7WeUzng+Qej8UPxxv+8lRTuouo0iaNDBuzIBA==",
       "dev": true
     },
     "@types/jquery": {
@@ -1436,16 +1468,6 @@
         "jsrender": "*"
       }
     },
-    "@types/loader-utils": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@types/loader-utils/-/loader-utils-1.1.3.tgz",
-      "integrity": "sha512-euKGFr2oCB3ASBwG39CYJMR3N9T0nanVqXdiH7Zu/Nqddt6SmFRxytq/i2w9LQYNQekEtGBz+pE3qG6fQTNvRg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*",
-        "@types/webpack": "*"
-      }
-    },
     "@types/lodash": {
       "version": "4.14.149",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.149.tgz",
@@ -1494,17 +1516,25 @@
     "@types/prop-types": {
       "version": "15.7.3",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
-      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
+      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==",
+      "dev": true
     },
     "@types/pvutils": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/@types/pvutils/-/pvutils-0.0.2.tgz",
       "integrity": "sha512-CgQAm7pjyeF3Gnv78ty4RBVIfluB+Td+2DR8iPaU0prF18pkzptHHP+DoKPfpsJYknKsVZyVsJEu5AuGgAqQ5w=="
     },
+    "@types/q": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz",
+      "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==",
+      "dev": true
+    },
     "@types/react": {
       "version": "16.9.26",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.26.tgz",
       "integrity": "sha512-dGuSM+B0Pq1MKXYUMlUQWeS6Jj9IhSAUf9v8Ikaimj+YhkBcQrihWBkmyEhK/1fzkJTwZQkhZp5YhmWa2CH+Rw==",
+      "dev": true,
       "requires": {
         "@types/prop-types": "*",
         "csstype": "^2.2.0"
@@ -1533,6 +1563,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@types/react-grid-layout/-/react-grid-layout-1.1.1.tgz",
       "integrity": "sha512-bvPkITzwGGOZKjp01nVSgPrdfGm/uTa5t8Odd8vQRXJsLj7uZLZXSXgWr+TiXBAkUsmHPxhsyswXQCiFeDuZnQ==",
+      "dev": true,
       "requires": {
         "@types/react": "*"
       }
@@ -1541,6 +1572,7 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.0.tgz",
       "integrity": "sha512-/QfLHGpu+2fQOqQaXh8MG9q03bFENooTb/it4jr5kKaZlDQfWvjqWZg48AwzPVMBHlRuTRAY7hRHCEOXz5kV6w==",
+      "dev": true,
       "requires": {
         "@types/react": "*"
       }
@@ -1704,180 +1736,180 @@
       }
     },
     "@webassemblyjs/ast": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
-      "integrity": "sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.0.tgz",
+      "integrity": "sha512-kX2W49LWsbthrmIRMbQZuQDhGtjyqXfEmmHyEi4XWnSZtPmxY0+3anPIzsnRb45VH/J55zlOfWvZuY47aJZTJg==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/helper-module-context": "1.9.0",
-        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
-        "@webassemblyjs/wast-parser": "1.9.0"
+        "@webassemblyjs/helper-numbers": "1.11.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.0"
       }
     },
-    "@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz",
-      "integrity": "sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==",
-      "dev": true
-    },
     "@webassemblyjs/helper-api-error": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz",
-      "integrity": "sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.0.tgz",
+      "integrity": "sha512-baT/va95eXiXb2QflSx95QGT5ClzWpGaa8L7JnJbgzoYeaA27FCvuBXU758l+KXWRndEmUXjP0Q5fibhavIn8w==",
       "dev": true
     },
     "@webassemblyjs/helper-buffer": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz",
-      "integrity": "sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.0.tgz",
+      "integrity": "sha512-u9HPBEl4DS+vA8qLQdEQ6N/eJQ7gT7aNvMIo8AAWvAl/xMrcOSiI2M0MAnMCy3jIFke7bEee/JwdX1nUpCtdyA==",
       "dev": true
     },
-    "@webassemblyjs/helper-code-frame": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz",
-      "integrity": "sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==",
+    "@webassemblyjs/helper-numbers": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.0.tgz",
+      "integrity": "sha512-DhRQKelIj01s5IgdsOJMKLppI+4zpmcMQ3XboFPLwCpSNH6Hqo1ritgHgD0nqHeSYqofA6aBN/NmXuGjM1jEfQ==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/wast-printer": "1.9.0"
-      }
-    },
-    "@webassemblyjs/helper-fsm": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz",
-      "integrity": "sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==",
-      "dev": true
-    },
-    "@webassemblyjs/helper-module-context": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz",
-      "integrity": "sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.9.0"
+        "@webassemblyjs/floating-point-hex-parser": "1.11.0",
+        "@webassemblyjs/helper-api-error": "1.11.0",
+        "@xtuc/long": "4.2.2"
+      },
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": {
+          "version": "1.11.0",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.0.tgz",
+          "integrity": "sha512-Q/aVYs/VnPDVYvsCBL/gSgwmfjeCb4LW8+TMrO3cSzJImgv8lxxEPM2JA5jMrivE7LSz3V+PFqtMbls3m1exDA==",
+          "dev": true
+        },
+        "@webassemblyjs/helper-api-error": {
+          "version": "1.11.0",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.0.tgz",
+          "integrity": "sha512-baT/va95eXiXb2QflSx95QGT5ClzWpGaa8L7JnJbgzoYeaA27FCvuBXU758l+KXWRndEmUXjP0Q5fibhavIn8w==",
+          "dev": true
+        }
       }
     },
     "@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
-      "integrity": "sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.0.tgz",
+      "integrity": "sha512-MbmhvxXExm542tWREgSFnOVo07fDpsBJg3sIl6fSp9xuu75eGz5lz31q7wTLffwL3Za7XNRCMZy210+tnsUSEA==",
       "dev": true
     },
     "@webassemblyjs/helper-wasm-section": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz",
-      "integrity": "sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.0.tgz",
+      "integrity": "sha512-3Eb88hcbfY/FCukrg6i3EH8H2UsD7x8Vy47iVJrP967A9JGqgBVL9aH71SETPx1JrGsOUVLo0c7vMCN22ytJew==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/helper-buffer": "1.9.0",
-        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
-        "@webassemblyjs/wasm-gen": "1.9.0"
+        "@webassemblyjs/ast": "1.11.0",
+        "@webassemblyjs/helper-buffer": "1.11.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.0",
+        "@webassemblyjs/wasm-gen": "1.11.0"
       }
     },
     "@webassemblyjs/ieee754": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz",
-      "integrity": "sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.0.tgz",
+      "integrity": "sha512-KXzOqpcYQwAfeQ6WbF6HXo+0udBNmw0iXDmEK5sFlmQdmND+tr773Ti8/5T/M6Tl/413ArSJErATd8In3B+WBA==",
       "dev": true,
       "requires": {
         "@xtuc/ieee754": "^1.2.0"
       }
     },
     "@webassemblyjs/leb128": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.9.0.tgz",
-      "integrity": "sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.0.tgz",
+      "integrity": "sha512-aqbsHa1mSQAbeeNcl38un6qVY++hh8OpCOzxhixSYgbRfNWcxJNJQwe2rezK9XEcssJbbWIkblaJRwGMS9zp+g==",
       "dev": true,
       "requires": {
         "@xtuc/long": "4.2.2"
       }
     },
     "@webassemblyjs/utf8": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.9.0.tgz",
-      "integrity": "sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.0.tgz",
+      "integrity": "sha512-A/lclGxH6SpSLSyFowMzO/+aDEPU4hvEiooCMXQPcQFPPJaYcPQNKGOCLUySJsYJ4trbpr+Fs08n4jelkVTGVw==",
       "dev": true
     },
     "@webassemblyjs/wasm-edit": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz",
-      "integrity": "sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.0.tgz",
+      "integrity": "sha512-JHQ0damXy0G6J9ucyKVXO2j08JVJ2ntkdJlq1UTiUrIgfGMmA7Ik5VdC/L8hBK46kVJgujkBIoMtT8yVr+yVOQ==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/helper-buffer": "1.9.0",
-        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
-        "@webassemblyjs/helper-wasm-section": "1.9.0",
-        "@webassemblyjs/wasm-gen": "1.9.0",
-        "@webassemblyjs/wasm-opt": "1.9.0",
-        "@webassemblyjs/wasm-parser": "1.9.0",
-        "@webassemblyjs/wast-printer": "1.9.0"
+        "@webassemblyjs/ast": "1.11.0",
+        "@webassemblyjs/helper-buffer": "1.11.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.0",
+        "@webassemblyjs/helper-wasm-section": "1.11.0",
+        "@webassemblyjs/wasm-gen": "1.11.0",
+        "@webassemblyjs/wasm-opt": "1.11.0",
+        "@webassemblyjs/wasm-parser": "1.11.0",
+        "@webassemblyjs/wast-printer": "1.11.0"
       }
     },
     "@webassemblyjs/wasm-gen": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz",
-      "integrity": "sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.0.tgz",
+      "integrity": "sha512-BEUv1aj0WptCZ9kIS30th5ILASUnAPEvE3tVMTrItnZRT9tXCLW2LEXT8ezLw59rqPP9klh9LPmpU+WmRQmCPQ==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
-        "@webassemblyjs/ieee754": "1.9.0",
-        "@webassemblyjs/leb128": "1.9.0",
-        "@webassemblyjs/utf8": "1.9.0"
+        "@webassemblyjs/ast": "1.11.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.0",
+        "@webassemblyjs/ieee754": "1.11.0",
+        "@webassemblyjs/leb128": "1.11.0",
+        "@webassemblyjs/utf8": "1.11.0"
       }
     },
     "@webassemblyjs/wasm-opt": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz",
-      "integrity": "sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.0.tgz",
+      "integrity": "sha512-tHUSP5F4ywyh3hZ0+fDQuWxKx3mJiPeFufg+9gwTpYp324mPCQgnuVKwzLTZVqj0duRDovnPaZqDwoyhIO8kYg==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/helper-buffer": "1.9.0",
-        "@webassemblyjs/wasm-gen": "1.9.0",
-        "@webassemblyjs/wasm-parser": "1.9.0"
+        "@webassemblyjs/ast": "1.11.0",
+        "@webassemblyjs/helper-buffer": "1.11.0",
+        "@webassemblyjs/wasm-gen": "1.11.0",
+        "@webassemblyjs/wasm-parser": "1.11.0"
       }
     },
     "@webassemblyjs/wasm-parser": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz",
-      "integrity": "sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.0.tgz",
+      "integrity": "sha512-6L285Sgu9gphrcpDXINvm0M9BskznnzJTE7gYkjDbxET28shDqp27wpruyx3C2S/dvEwiigBwLA1cz7lNUi0kw==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/helper-api-error": "1.9.0",
-        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
-        "@webassemblyjs/ieee754": "1.9.0",
-        "@webassemblyjs/leb128": "1.9.0",
-        "@webassemblyjs/utf8": "1.9.0"
-      }
-    },
-    "@webassemblyjs/wast-parser": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz",
-      "integrity": "sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/floating-point-hex-parser": "1.9.0",
-        "@webassemblyjs/helper-api-error": "1.9.0",
-        "@webassemblyjs/helper-code-frame": "1.9.0",
-        "@webassemblyjs/helper-fsm": "1.9.0",
-        "@xtuc/long": "4.2.2"
+        "@webassemblyjs/ast": "1.11.0",
+        "@webassemblyjs/helper-api-error": "1.11.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.0",
+        "@webassemblyjs/ieee754": "1.11.0",
+        "@webassemblyjs/leb128": "1.11.0",
+        "@webassemblyjs/utf8": "1.11.0"
       }
     },
     "@webassemblyjs/wast-printer": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz",
-      "integrity": "sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.0.tgz",
+      "integrity": "sha512-Fg5OX46pRdTgB7rKIUojkh9vXaVN6sGYCnEiJN1GYkb0RPwShZXp6KTDqmoMdQPKhcroOXh3fEzmkWmCYaKYhQ==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/wast-parser": "1.9.0",
+        "@webassemblyjs/ast": "1.11.0",
         "@xtuc/long": "4.2.2"
       }
     },
+    "@webpack-cli/configtest": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-1.0.1.tgz",
+      "integrity": "sha512-B+4uBUYhpzDXmwuo3V9yBH6cISwxEI4J+NO5ggDaGEEHb0osY/R7MzeKc0bHURXQuZjMM4qD+bSJCKIuI3eNBQ==",
+      "dev": true
+    },
+    "@webpack-cli/info": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-1.2.2.tgz",
+      "integrity": "sha512-5U9kUJHnwU+FhKH4PWGZuBC1hTEPYyxGSL5jjoBI96Gx8qcYJGOikpiIpFoTq8mmgX3im2zAo2wanv/alD74KQ==",
+      "dev": true,
+      "requires": {
+        "envinfo": "^7.7.3"
+      }
+    },
+    "@webpack-cli/serve": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-1.3.0.tgz",
+      "integrity": "sha512-k2p2VrONcYVX1wRRrf0f3X2VGltLWcv+JzXRBDmvCxGlCeESx4OXw91TsWeKOkp784uNoVQo313vxJFHXPPwfw==",
+      "dev": true
+    },
     "@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -1916,9 +1948,9 @@
       }
     },
     "acorn": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
-      "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.1.0.tgz",
+      "integrity": "sha512-LWCF/Wn0nfHOmJ9rzQApGnxnvgfROzGilS8936rqN/lfcYkY9MYZzdMqN+2NJ4SlTc+m5HiSa+kNfDtI64dwUA==",
       "dev": true
     },
     "acorn-walk": {
@@ -1927,6 +1959,12 @@
       "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==",
       "dev": true
     },
+    "address": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/address/-/address-1.1.2.tgz",
+      "integrity": "sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA==",
+      "dev": true
+    },
     "agent-base": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.0.tgz",
@@ -1995,6 +2033,12 @@
       "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
       "dev": true
     },
+    "alphanum-sort": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+      "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
+      "dev": true
+    },
     "amdefine": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
@@ -2079,6 +2123,12 @@
         "ansi-wrap": "0.1.0"
       }
     },
+    "ansi-html": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "dev": true
+    },
     "ansi-regex": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
@@ -2095,24 +2145,6 @@
       "integrity": "sha1-qCJQ3bABXponyoLoLqYDu/pF768=",
       "dev": true
     },
-    "anymatch": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
-      "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
-      "dev": true,
-      "requires": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "dependencies": {
-        "normalize-path": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-          "dev": true
-        }
-      }
-    },
     "append-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz",
@@ -2305,17 +2337,6 @@
         "safer-buffer": "~2.1.0"
       }
     },
-    "asn1.js": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
-      "integrity": "sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==",
-      "dev": true,
-      "requires": {
-        "bn.js": "^4.0.0",
-        "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0"
-      }
-    },
     "asn1js": {
       "version": "2.0.26",
       "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-2.0.26.tgz",
@@ -2324,33 +2345,6 @@
         "pvutils": "^1.0.17"
       }
     },
-    "assert": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
-      "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
-      "dev": true,
-      "requires": {
-        "object-assign": "^4.1.1",
-        "util": "0.10.3"
-      },
-      "dependencies": {
-        "inherits": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
-          "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=",
-          "dev": true
-        },
-        "util": {
-          "version": "0.10.3",
-          "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
-          "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
-          "dev": true,
-          "requires": {
-            "inherits": "2.0.1"
-          }
-        }
-      }
-    },
     "assert-plus": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
@@ -2362,6 +2356,15 @@
       "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
       "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c="
     },
+    "async": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.14"
+      }
+    },
     "async-done": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/async-done/-/async-done-1.3.2.tgz",
@@ -3382,6 +3385,12 @@
       "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==",
       "dev": true
     },
+    "batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
+      "dev": true
+    },
     "bcrypt-pbkdf": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
@@ -3475,6 +3484,28 @@
         }
       }
     },
+    "bonjour": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+      "integrity": "sha1-jokKGD2O6aI5OzhExpGkK897yfU=",
+      "dev": true,
+      "requires": {
+        "array-flatten": "^2.1.0",
+        "deep-equal": "^1.0.1",
+        "dns-equal": "^1.0.0",
+        "dns-txt": "^2.0.2",
+        "multicast-dns": "^6.0.1",
+        "multicast-dns-service-types": "^1.1.0"
+      },
+      "dependencies": {
+        "array-flatten": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+          "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+          "dev": true
+        }
+      }
+    },
     "boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -3608,15 +3639,6 @@
         "concat-map": "0.0.1"
       }
     },
-    "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
-      "requires": {
-        "fill-range": "^7.0.1"
-      }
-    },
     "broadcastchannel-polyfill": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/broadcastchannel-polyfill/-/broadcastchannel-polyfill-1.0.1.tgz",
@@ -3627,77 +3649,6 @@
       "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
       "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8="
     },
-    "browserify-aes": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
-      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-      "dev": true,
-      "requires": {
-        "buffer-xor": "^1.0.3",
-        "cipher-base": "^1.0.0",
-        "create-hash": "^1.1.0",
-        "evp_bytestokey": "^1.0.3",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "browserify-cipher": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
-      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
-      "dev": true,
-      "requires": {
-        "browserify-aes": "^1.0.4",
-        "browserify-des": "^1.0.0",
-        "evp_bytestokey": "^1.0.0"
-      }
-    },
-    "browserify-des": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
-      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
-      "dev": true,
-      "requires": {
-        "cipher-base": "^1.0.1",
-        "des.js": "^1.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "browserify-rsa": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
-      "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
-      "dev": true,
-      "requires": {
-        "bn.js": "^4.1.0",
-        "randombytes": "^2.0.1"
-      }
-    },
-    "browserify-sign": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.0.4.tgz",
-      "integrity": "sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=",
-      "dev": true,
-      "requires": {
-        "bn.js": "^4.1.1",
-        "browserify-rsa": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "create-hmac": "^1.1.2",
-        "elliptic": "^6.0.0",
-        "inherits": "^2.0.1",
-        "parse-asn1": "^5.0.0"
-      }
-    },
-    "browserify-zlib": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
-      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
-      "dev": true,
-      "requires": {
-        "pako": "~1.0.5"
-      }
-    },
     "browserslist": {
       "version": "4.13.0",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.13.0.tgz",
@@ -3710,17 +3661,6 @@
         "node-releases": "^1.1.58"
       }
     },
-    "buffer": {
-      "version": "4.9.2",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
-      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
-      "dev": true,
-      "requires": {
-        "base64-js": "^1.0.2",
-        "ieee754": "^1.1.4",
-        "isarray": "^1.0.0"
-      }
-    },
     "buffer-equal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.0.tgz",
@@ -3739,16 +3679,10 @@
       "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
       "dev": true
     },
-    "buffer-xor": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=",
-      "dev": true
-    },
-    "builtin-status-codes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
-      "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=",
+    "buffer-indexof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
       "dev": true
     },
     "bytes": {
@@ -3914,6 +3848,40 @@
         }
       }
     },
+    "call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      }
+    },
+    "caller-callsite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+      "integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=",
+      "dev": true,
+      "requires": {
+        "callsites": "^2.0.0"
+      }
+    },
+    "caller-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+      "integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=",
+      "dev": true,
+      "requires": {
+        "caller-callsite": "^2.0.0"
+      }
+    },
+    "callsites": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+      "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
+      "dev": true
+    },
     "camel-case": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.1.tgz",
@@ -3953,10 +3921,22 @@
       "resolved": "https://registry.npmjs.org/can-use-dom/-/can-use-dom-0.1.0.tgz",
       "integrity": "sha1-IsxKNKCrxDlQ9CxkEQJKP2NmtFo="
     },
+    "caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
     "caniuse-lite": {
-      "version": "1.0.30001099",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001099.tgz",
-      "integrity": "sha512-sdS9A+sQTk7wKoeuZBN/YMAHVztUfVnjDi4/UV3sDE8xoh7YR12hKW+pIdB3oqKGwr9XaFL2ovfzt9w8eUI5CA==",
+      "version": "1.0.30001202",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001202.tgz",
+      "integrity": "sha512-ZcijQNqrcF8JNLjzvEiXqX4JUYxoZa7Pvcsd9UD8Kz4TvhTonOSNRsK+qtvpVL4l6+T1Rh4LFtLfnNWg6BGWCQ==",
       "dev": true
     },
     "caseless": {
@@ -3983,67 +3963,6 @@
       "integrity": "sha512-YpeKZngUmG65rLudJ4taU7VLkOCTMhNl/u4ctNC56LQS/zJTyNH0Lrtwm1tfTsbLlwvlfsA2d1c8vCf/Kh2KwQ==",
       "dev": true
     },
-    "chokidar": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz",
-      "integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==",
-      "dev": true,
-      "requires": {
-        "anymatch": "~3.1.1",
-        "braces": "~3.0.2",
-        "fsevents": "~2.1.2",
-        "glob-parent": "~5.1.0",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.4.0"
-      },
-      "dependencies": {
-        "binary-extensions": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz",
-          "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==",
-          "dev": true
-        },
-        "fsevents": {
-          "version": "2.1.3",
-          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
-          "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
-          "dev": true,
-          "optional": true
-        },
-        "is-binary-path": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-          "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-          "dev": true,
-          "requires": {
-            "binary-extensions": "^2.0.0"
-          }
-        },
-        "normalize-path": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-          "dev": true
-        },
-        "readdirp": {
-          "version": "3.4.0",
-          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
-          "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
-          "dev": true,
-          "requires": {
-            "picomatch": "^2.2.1"
-          }
-        }
-      }
-    },
-    "chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
     "chrome-trace-event": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz",
@@ -4053,46 +3972,18 @@
         "tslib": "^1.9.0"
       }
     },
-    "chunk-manifest-webpack-plugin": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/chunk-manifest-webpack-plugin/-/chunk-manifest-webpack-plugin-1.1.2.tgz",
-      "integrity": "sha1-szLvuXwaI7/Tyl3O4TqhIN9y31k=",
-      "dev": true,
-      "requires": {
-        "webpack-core": "^0.6.9"
-      }
-    },
     "ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
       "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
       "dev": true
     },
-    "cipher-base": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
-      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-      "dev": true,
-      "requires": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "circular-dependency-plugin": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/circular-dependency-plugin/-/circular-dependency-plugin-5.2.0.tgz",
       "integrity": "sha512-7p4Kn/gffhQaavNfyDFg7LS5S/UT1JAjyGd4UqR2+jzoYF02eDkj0Ec3+48TsIa4zghjLY87nQHIh/ecK9qLdw==",
       "dev": true
     },
-    "clap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.3.tgz",
-      "integrity": "sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==",
-      "dev": true,
-      "requires": {
-        "chalk": "^1.1.3"
-      }
-    },
     "class-utils": {
       "version": "0.3.6",
       "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
@@ -4223,6 +4114,48 @@
         "readable-stream": "^2.3.5"
       }
     },
+    "coa": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+      "dev": true,
+      "requires": {
+        "@types/q": "^1.5.1",
+        "chalk": "^2.4.1",
+        "q": "^1.1.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
     "code-point-at": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
@@ -4260,6 +4193,16 @@
         "object-visit": "^1.0.0"
       }
     },
+    "color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.1.3.tgz",
+      "integrity": "sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.1",
+        "color-string": "^1.5.4"
+      }
+    },
     "color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -4275,12 +4218,28 @@
       "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
       "dev": true
     },
+    "color-string": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.5.tgz",
+      "integrity": "sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg==",
+      "dev": true,
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
     "color-support": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
       "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
       "dev": true
     },
+    "colorette": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.2.tgz",
+      "integrity": "sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==",
+      "dev": true
+    },
     "combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -4312,6 +4271,38 @@
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
       "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
     },
+    "compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "requires": {
+        "mime-db": ">= 1.43.0 < 2"
+      }
+    },
+    "compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+          "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+          "dev": true
+        }
+      }
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -4343,10 +4334,10 @@
         "xdg-basedir": "^4.0.0"
       }
     },
-    "console-browserify": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
-      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+    "connect-history-api-fallback": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+      "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
       "dev": true
     },
     "console-control-strings": {
@@ -4355,12 +4346,6 @@
       "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
       "dev": true
     },
-    "constants-browserify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
-      "integrity": "sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=",
-      "dev": true
-    },
     "content-disposition": {
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz",
@@ -4408,20 +4393,6 @@
       "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
       "dev": true
     },
-    "copy-concurrently": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
-      "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
-      "dev": true,
-      "requires": {
-        "aproba": "^1.1.1",
-        "fs-write-stream-atomic": "^1.0.8",
-        "iferr": "^0.1.5",
-        "mkdirp": "^0.5.1",
-        "rimraf": "^2.5.4",
-        "run-queue": "^1.0.0"
-      }
-    },
     "copy-descriptor": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
@@ -4465,41 +4436,28 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
       "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
     },
-    "create-ecdh": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.3.tgz",
-      "integrity": "sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==",
+    "cosmiconfig": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+      "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
       "dev": true,
       "requires": {
-        "bn.js": "^4.1.0",
-        "elliptic": "^6.0.0"
-      }
-    },
-    "create-hash": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
-      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-      "dev": true,
-      "requires": {
-        "cipher-base": "^1.0.1",
-        "inherits": "^2.0.1",
-        "md5.js": "^1.3.4",
-        "ripemd160": "^2.0.1",
-        "sha.js": "^2.4.0"
-      }
-    },
-    "create-hmac": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
-      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-      "dev": true,
-      "requires": {
-        "cipher-base": "^1.0.3",
-        "create-hash": "^1.1.0",
-        "inherits": "^2.0.1",
-        "ripemd160": "^2.0.0",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
+        "import-fresh": "^2.0.0",
+        "is-directory": "^0.3.1",
+        "js-yaml": "^3.13.1",
+        "parse-json": "^4.0.0"
+      },
+      "dependencies": {
+        "parse-json": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+          "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+          "dev": true,
+          "requires": {
+            "error-ex": "^1.3.1",
+            "json-parse-better-errors": "^1.0.1"
+          }
+        }
       }
     },
     "cross-spawn": {
@@ -4512,31 +4470,28 @@
         "which": "^1.2.9"
       }
     },
-    "crypto-browserify": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
-      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
-      "dev": true,
-      "requires": {
-        "browserify-cipher": "^1.0.0",
-        "browserify-sign": "^4.0.0",
-        "create-ecdh": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "create-hmac": "^1.1.0",
-        "diffie-hellman": "^5.0.0",
-        "inherits": "^2.0.1",
-        "pbkdf2": "^3.0.3",
-        "public-encrypt": "^4.0.0",
-        "randombytes": "^2.0.0",
-        "randomfill": "^1.0.3"
-      }
-    },
     "crypto-random-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
       "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
       "dev": true
     },
+    "css-color-names": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+      "integrity": "sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=",
+      "dev": true
+    },
+    "css-declaration-sorter": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz",
+      "integrity": "sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.1",
+        "timsort": "^0.3.0"
+      }
+    },
     "css-loader": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.6.0.tgz",
@@ -4601,16 +4556,79 @@
         }
       }
     },
-    "css-select": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
-      "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
+    "css-minimizer-webpack-plugin": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-1.3.0.tgz",
+      "integrity": "sha512-jFa0Siplmfef4ndKglpVaduY47oHQwioAOEGK0f0vAX0s+vc+SmP6cCMoc+8Adau5600RnOEld5VVdC8CQau7w==",
       "dev": true,
       "requires": {
-        "boolbase": "~1.0.0",
-        "css-what": "2.1",
-        "domutils": "1.5.1",
-        "nth-check": "~1.0.1"
+        "cacache": "^15.0.5",
+        "cssnano": "^4.1.10",
+        "find-cache-dir": "^3.3.1",
+        "jest-worker": "^26.3.0",
+        "p-limit": "^3.0.2",
+        "schema-utils": "^3.0.0",
+        "serialize-javascript": "^5.0.1",
+        "source-map": "^0.6.1",
+        "webpack-sources": "^1.4.3"
+      },
+      "dependencies": {
+        "@types/json-schema": {
+          "version": "7.0.7",
+          "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
+          "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
+          "dev": true
+        },
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "dev": true
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "schema-utils": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz",
+          "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.6",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
+    "css-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "dev": true,
+      "requires": {
+        "boolbase": "^1.0.0",
+        "css-what": "^3.2.1",
+        "domutils": "^1.7.0",
+        "nth-check": "^1.0.2"
       },
       "dependencies": {
         "domelementtype": {
@@ -4620,9 +4638,9 @@
           "dev": true
         },
         "domutils": {
-          "version": "1.5.1",
-          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
-          "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
+          "version": "1.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+          "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
           "dev": true,
           "requires": {
             "dom-serializer": "0",
@@ -4631,6 +4649,12 @@
         }
       }
     },
+    "css-select-base-adapter": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
+      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==",
+      "dev": true
+    },
     "css-tree": {
       "version": "1.0.0-alpha.39",
       "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.39.tgz",
@@ -4642,9 +4666,9 @@
       }
     },
     "css-what": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
-      "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
       "dev": true
     },
     "cssesc": {
@@ -4653,6 +4677,83 @@
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
       "dev": true
     },
+    "cssnano": {
+      "version": "4.1.10",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.10.tgz",
+      "integrity": "sha512-5wny+F6H4/8RgNlaqab4ktc3e0/blKutmq8yNlBFXA//nSFFAqAngjNVRzUvCgYROULmZZUoosL/KSoZo5aUaQ==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^5.0.0",
+        "cssnano-preset-default": "^4.0.7",
+        "is-resolvable": "^1.0.0",
+        "postcss": "^7.0.0"
+      }
+    },
+    "cssnano-preset-default": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.7.tgz",
+      "integrity": "sha512-x0YHHx2h6p0fCl1zY9L9roD7rnlltugGu7zXSKQx6k2rYw0Hi3IqxcoAGF7u9Q5w1nt7vK0ulxV8Lo+EvllGsA==",
+      "dev": true,
+      "requires": {
+        "css-declaration-sorter": "^4.0.1",
+        "cssnano-util-raw-cache": "^4.0.1",
+        "postcss": "^7.0.0",
+        "postcss-calc": "^7.0.1",
+        "postcss-colormin": "^4.0.3",
+        "postcss-convert-values": "^4.0.1",
+        "postcss-discard-comments": "^4.0.2",
+        "postcss-discard-duplicates": "^4.0.2",
+        "postcss-discard-empty": "^4.0.1",
+        "postcss-discard-overridden": "^4.0.1",
+        "postcss-merge-longhand": "^4.0.11",
+        "postcss-merge-rules": "^4.0.3",
+        "postcss-minify-font-values": "^4.0.2",
+        "postcss-minify-gradients": "^4.0.2",
+        "postcss-minify-params": "^4.0.2",
+        "postcss-minify-selectors": "^4.0.2",
+        "postcss-normalize-charset": "^4.0.1",
+        "postcss-normalize-display-values": "^4.0.2",
+        "postcss-normalize-positions": "^4.0.2",
+        "postcss-normalize-repeat-style": "^4.0.2",
+        "postcss-normalize-string": "^4.0.2",
+        "postcss-normalize-timing-functions": "^4.0.2",
+        "postcss-normalize-unicode": "^4.0.1",
+        "postcss-normalize-url": "^4.0.1",
+        "postcss-normalize-whitespace": "^4.0.2",
+        "postcss-ordered-values": "^4.1.2",
+        "postcss-reduce-initial": "^4.0.3",
+        "postcss-reduce-transforms": "^4.0.2",
+        "postcss-svgo": "^4.0.2",
+        "postcss-unique-selectors": "^4.0.1"
+      }
+    },
+    "cssnano-util-get-arguments": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz",
+      "integrity": "sha1-7ToIKZ8h11dBsg87gfGU7UnMFQ8=",
+      "dev": true
+    },
+    "cssnano-util-get-match": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz",
+      "integrity": "sha1-wOTKB/U4a7F+xeUiULT1lhNlFW0=",
+      "dev": true
+    },
+    "cssnano-util-raw-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz",
+      "integrity": "sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "cssnano-util-same-parent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz",
+      "integrity": "sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==",
+      "dev": true
+    },
     "csso": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/csso/-/csso-4.0.3.tgz",
@@ -4662,22 +4763,11 @@
         "css-tree": "1.0.0-alpha.39"
       }
     },
-    "csso-cli": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/csso-cli/-/csso-cli-3.0.0.tgz",
-      "integrity": "sha512-j0ytVZ8qHXcFnR3HOvfH8RWOeHtlqwt97mYe32AnJ2yG6noqV0Jsn8OwOQq8wpdavkHr8JOx6drRtY2HoKLjqw==",
-      "dev": true,
-      "requires": {
-        "chokidar": "^3.0.0",
-        "clap": "^1.0.9",
-        "csso": "^4.0.1",
-        "source-map": "^0.6.1"
-      }
-    },
     "csstype": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.9.tgz",
-      "integrity": "sha512-xz39Sb4+OaTsULgUERcCk+TJj8ylkL4aSVDQiX/ksxbELSqwkgt4d4RD7fovIdgJGSuNYqwZEiVjYY5l0ask+Q=="
+      "integrity": "sha512-xz39Sb4+OaTsULgUERcCk+TJj8ylkL4aSVDQiX/ksxbELSqwkgt4d4RD7fovIdgJGSuNYqwZEiVjYY5l0ask+Q==",
+      "dev": true
     },
     "currently-unhandled": {
       "version": "0.4.1",
@@ -4688,12 +4778,6 @@
         "array-find-index": "^1.0.1"
       }
     },
-    "cyclist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
-      "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=",
-      "dev": true
-    },
     "d": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
@@ -4751,6 +4835,20 @@
         "mimic-response": "^1.0.0"
       }
     },
+    "deep-equal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+      "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+      "dev": true,
+      "requires": {
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.1",
+        "is-regex": "^1.0.4",
+        "object-is": "^1.0.1",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.2.0"
+      }
+    },
     "deep-extend": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
@@ -4779,6 +4877,88 @@
         }
       }
     },
+    "default-gateway": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
+      "integrity": "sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==",
+      "dev": true,
+      "requires": {
+        "execa": "^1.0.0",
+        "ip-regex": "^2.1.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "execa": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+          "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+          "dev": true,
+          "requires": {
+            "cross-spawn": "^6.0.0",
+            "get-stream": "^4.0.0",
+            "is-stream": "^1.1.0",
+            "npm-run-path": "^2.0.0",
+            "p-finally": "^1.0.0",
+            "signal-exit": "^3.0.0",
+            "strip-eof": "^1.0.0"
+          }
+        },
+        "ip-regex": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
+          "integrity": "sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=",
+          "dev": true
+        },
+        "is-stream": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+          "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+          "dev": true
+        },
+        "npm-run-path": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+          "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+          "dev": true,
+          "requires": {
+            "path-key": "^2.0.0"
+          }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        }
+      }
+    },
     "default-resolution": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/default-resolution/-/default-resolution-2.0.0.tgz",
@@ -4922,15 +5102,20 @@
         "repeating": "^2.0.0"
       }
     },
-    "diffie-hellman": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
-      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+    "detect-node": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.0.5.tgz",
+      "integrity": "sha512-qi86tE6hRcFHy8jI1m2VG+LaPUR1LhqDa5G8tVjuUXmOrpuAgqsA1pN0+ldgr3aKUH+QLI9hCY/OcRYisERejw==",
+      "dev": true
+    },
+    "detect-port-alt": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/detect-port-alt/-/detect-port-alt-1.1.6.tgz",
+      "integrity": "sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==",
       "dev": true,
       "requires": {
-        "bn.js": "^4.1.0",
-        "miller-rabin": "^4.0.0",
-        "randombytes": "^2.0.0"
+        "address": "^1.0.1",
+        "debug": "^2.6.0"
       }
     },
     "dir-glob": {
@@ -4950,6 +5135,31 @@
         }
       }
     },
+    "dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha1-s55/HabrCnW6nBcySzR1PEfgZU0=",
+      "dev": true
+    },
+    "dns-packet": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
+      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "dev": true,
+      "requires": {
+        "ip": "^1.1.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "dns-txt": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+      "integrity": "sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=",
+      "dev": true,
+      "requires": {
+        "buffer-indexof": "^1.0.0"
+      }
+    },
     "dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -4985,12 +5195,6 @@
         "entities": "^2.0.0"
       }
     },
-    "domain-browser": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
-      "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
-      "dev": true
-    },
     "domelementtype": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.0.1.tgz",
@@ -5100,12 +5304,6 @@
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
       "dev": true
     },
-    "ejs": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.0.2.tgz",
-      "integrity": "sha512-IncmUpn1yN84hy2shb0POJ80FWrfGNY0cxO9f4v+/sG7qcBvAtVWUA1IdzY/8EYUmOVhoKJVdJjNd3AZcnxOjA==",
-      "dev": true
-    },
     "electron-to-chromium": {
       "version": "1.3.496",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.496.tgz",
@@ -5171,6 +5369,23 @@
         "tapable": "^1.0.0"
       }
     },
+    "enquirer": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
+      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^4.1.1"
+      },
+      "dependencies": {
+        "ansi-colors": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+          "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+          "dev": true
+        }
+      }
+    },
     "ent": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz",
@@ -5183,6 +5398,12 @@
       "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==",
       "dev": true
     },
+    "envinfo": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.7.4.tgz",
+      "integrity": "sha512-TQXTYFVVwwluWSFis6K2XKxgrD22jEv0FTuLCQI+OjH7rn93+iY0fSSFM5lrSxFY+H1+B0/cvvlamr3UsBivdQ==",
+      "dev": true
+    },
     "errno": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
@@ -5202,24 +5423,55 @@
       }
     },
     "es-abstract": {
-      "version": "1.17.5",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.5.tgz",
-      "integrity": "sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0.tgz",
+      "integrity": "sha512-LJzK7MrQa8TS0ja2w3YNLzUgJCGPdPOV1yVvezjNnS89D+VR08+Szt2mz3YB2Dck/+w5tfIq/RoUAFqJJGM2yw==",
       "dev": true,
       "requires": {
+        "call-bind": "^1.0.2",
         "es-to-primitive": "^1.2.1",
         "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.1.1",
         "has": "^1.0.3",
-        "has-symbols": "^1.0.1",
-        "is-callable": "^1.1.5",
-        "is-regex": "^1.0.5",
-        "object-inspect": "^1.7.0",
+        "has-symbols": "^1.0.2",
+        "is-callable": "^1.2.3",
+        "is-negative-zero": "^2.0.1",
+        "is-regex": "^1.1.2",
+        "is-string": "^1.0.5",
+        "object-inspect": "^1.9.0",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.0",
-        "string.prototype.trimleft": "^2.1.1",
-        "string.prototype.trimright": "^2.1.1"
+        "object.assign": "^4.1.2",
+        "string.prototype.trimend": "^1.0.4",
+        "string.prototype.trimstart": "^1.0.4",
+        "unbox-primitive": "^1.0.0"
+      },
+      "dependencies": {
+        "has-symbols": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
+          "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
+          "dev": true
+        },
+        "object.assign": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
+          "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
+          "dev": true,
+          "requires": {
+            "call-bind": "^1.0.0",
+            "define-properties": "^1.1.3",
+            "has-symbols": "^1.0.1",
+            "object-keys": "^1.1.1"
+          }
+        }
       }
     },
+    "es-module-lexer": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.4.1.tgz",
+      "integrity": "sha512-ooYciCUtfw6/d2w56UVeqHPcoCFAiJdz5XOkYpv/Txl1HMUozpXjz/2RIQgqwKdXNDPSF1W7mJCFse3G+HDyAA==",
+      "dev": true
+    },
     "es-to-primitive": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
@@ -5410,22 +5662,36 @@
       "dev": true
     },
     "eslint-scope": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
-      "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
       "dev": true,
       "requires": {
-        "esrecurse": "^4.1.0",
+        "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
       }
     },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
+    },
     "esrecurse": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz",
-      "integrity": "sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
       "requires": {
-        "estraverse": "^4.1.0"
+        "estraverse": "^5.2.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
+          "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+          "dev": true
+        }
       }
     },
     "estraverse": {
@@ -5451,48 +5717,68 @@
       "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
       "dev": true
     },
-    "events": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.1.0.tgz",
-      "integrity": "sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==",
+    "eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
       "dev": true
     },
-    "evp_bytestokey": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
-      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+    "events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true
+    },
+    "eventsource": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.0.7.tgz",
+      "integrity": "sha512-4Ln17+vVT0k8aWq+t/bF5arcS3EpT9gYtW66EPacdj/mAFevznsnyoHLPy2BA8gbIQeIHoPsvwmfBftfcG//BQ==",
       "dev": true,
       "requires": {
-        "md5.js": "^1.3.4",
-        "safe-buffer": "^5.1.1"
+        "original": "^1.0.0"
       }
     },
     "execa": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
-      "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.0.0.tgz",
+      "integrity": "sha512-ov6w/2LCiuyO4RLYGdpFGjkcs0wMTgGE8PrkTHikeUy5iJekXyPIKUjifk5CsE0pt7sMCrMZ3YNqoCj6idQOnQ==",
       "dev": true,
       "requires": {
-        "cross-spawn": "^6.0.0",
-        "get-stream": "^4.0.0",
-        "is-stream": "^1.1.0",
-        "npm-run-path": "^2.0.0",
-        "p-finally": "^1.0.0",
-        "signal-exit": "^3.0.0",
-        "strip-eof": "^1.0.0"
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
       },
       "dependencies": {
         "cross-spawn": {
-          "version": "6.0.5",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
           "dev": true,
           "requires": {
-            "nice-try": "^1.0.4",
-            "path-key": "^2.0.1",
-            "semver": "^5.5.0",
-            "shebang-command": "^1.2.0",
-            "which": "^1.2.9"
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
+        },
+        "get-stream": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.0.tgz",
+          "integrity": "sha512-A1B3Bh1UmL0bidM/YX2NsCOTnGJePL9rO/M+Mw3m9f2gUpfokS0hi5Eah0WSUEWZdZhIZtMjkIYS7mDfOqNHbg==",
+          "dev": true
+        },
+        "which": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
           }
         }
       }
@@ -5885,6 +6171,12 @@
       "integrity": "sha512-qudnQuyYBgnvzf5Lj/yxMcf4L9NcVWihXJg7CiU1L+oUCq8MUnFEfH2/nXR/W5uq+yvUN1h7z6s7vs2v1WkL1A==",
       "dev": true
     },
+    "fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
     "fastq": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.8.0.tgz",
@@ -5894,11 +6186,14 @@
         "reusify": "^1.0.4"
       }
     },
-    "figgy-pudding": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
-      "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
-      "dev": true
+    "faye-websocket": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
+      "integrity": "sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==",
+      "dev": true,
+      "requires": {
+        "websocket-driver": ">=0.5.1"
+      }
     },
     "file-loader": {
       "version": "6.0.0",
@@ -5950,26 +6245,6 @@
       "integrity": "sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==",
       "dev": true
     },
-    "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "requires": {
-        "to-regex-range": "^5.0.1"
-      },
-      "dependencies": {
-        "to-regex-range": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-          "dev": true,
-          "requires": {
-            "is-number": "^7.0.0"
-          }
-        }
-      }
-    },
     "finalhandler": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
@@ -6383,6 +6658,12 @@
         "readable-stream": "^2.3.6"
       }
     },
+    "follow-redirects": {
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.3.tgz",
+      "integrity": "sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==",
+      "dev": true
+    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
@@ -6403,6 +6684,52 @@
       "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
       "dev": true
     },
+    "fork-ts-checker-webpack-plugin": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-4.1.6.tgz",
+      "integrity": "sha512-DUxuQaKoqfNne8iikd14SAkh5uw4+8vNifp6gmA73yYNS6ywLIWSLD/n/mBzHQRpW3J7rbATEakmiA8JvkTyZw==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.5.5",
+        "chalk": "^2.4.1",
+        "micromatch": "^3.1.10",
+        "minimatch": "^3.0.4",
+        "semver": "^5.6.0",
+        "tapable": "^1.0.0",
+        "worker-rpc": "^0.1.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
     "form-data": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
@@ -6434,16 +6761,6 @@
       "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
       "dev": true
     },
-    "from2": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
-      "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=",
-      "dev": true,
-      "requires": {
-        "inherits": "^2.0.1",
-        "readable-stream": "^2.0.0"
-      }
-    },
     "fs-extra": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz",
@@ -6488,18 +6805,6 @@
       "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
       "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
     },
-    "fs-write-stream-atomic": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
-      "integrity": "sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.2",
-        "iferr": "^0.1.5",
-        "imurmurhash": "^0.1.4",
-        "readable-stream": "1 || 2"
-      }
-    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -7075,6 +7380,17 @@
       "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
       "dev": true
     },
+    "get-intrinsic": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
+      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      }
+    },
     "get-stdin": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -7165,15 +7481,6 @@
         }
       }
     },
-    "glob-parent": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
-      "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
-      "dev": true,
-      "requires": {
-        "is-glob": "^4.0.1"
-      }
-    },
     "glob-stream": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-6.1.0.tgz",
@@ -7219,6 +7526,12 @@
         }
       }
     },
+    "glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true
+    },
     "glob-watcher": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.3.tgz",
@@ -7846,6 +8159,12 @@
         }
       }
     },
+    "handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true
+    },
     "har-schema": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
@@ -7885,6 +8204,12 @@
         "ansi-regex": "^2.0.0"
       }
     },
+    "has-bigints": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
+      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
+      "dev": true
+    },
     "has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -7963,16 +8288,6 @@
       "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==",
       "dev": true
     },
-    "hash-base": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz",
-      "integrity": "sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=",
-      "dev": true,
-      "requires": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "hash.js": {
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
@@ -7988,6 +8303,12 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "hex-color-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
+      "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==",
+      "dev": true
+    },
     "highlight.js": {
       "version": "10.1.1",
       "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.1.1.tgz",
@@ -8033,6 +8354,42 @@
       "integrity": "sha512-kssjab8CvdXfcXMXVcvsXum4Hwdq9XGtRD3TteMEvEbq0LXyiNQr6AprqKqfeaDXze7SxWvRxdpwE6ku7ikLkg==",
       "dev": true
     },
+    "hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "hsl-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-regex/-/hsl-regex-1.0.0.tgz",
+      "integrity": "sha1-1JMwx4ntgZ4nakwNJy3/owsY/m4=",
+      "dev": true
+    },
+    "hsla-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsla-regex/-/hsla-regex-1.0.0.tgz",
+      "integrity": "sha1-wc56MWjIxmFAM6S194d/OyJfnDg=",
+      "dev": true
+    },
+    "html-comment-regex": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.2.tgz",
+      "integrity": "sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==",
+      "dev": true
+    },
+    "html-entities": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
+      "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==",
+      "dev": true
+    },
     "html-loader": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/html-loader/-/html-loader-1.0.0.tgz",
@@ -8154,21 +8511,50 @@
       "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==",
       "dev": true
     },
+    "html-webpack-inline-source-plugin": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/html-webpack-inline-source-plugin/-/html-webpack-inline-source-plugin-0.0.10.tgz",
+      "integrity": "sha512-0ZNU57u7283vrXSF5a4VDnVOMWiSwypKIp1z/XfXWoVHLA1r3Xmyxx5+Lz+mnthz/UvxL1OAf41w5UIF68Jngw==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5",
+        "slash": "^1.0.0",
+        "source-map-url": "^0.4.0"
+      },
+      "dependencies": {
+        "slash": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+          "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=",
+          "dev": true
+        }
+      }
+    },
     "html-webpack-plugin": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-4.0.3.tgz",
-      "integrity": "sha512-XCm5MGK6Yv/ey30fbhqjKIGm1r6G1HxmNorJ/xUdL/Zj3mOLtb9ZHEEIw0e4h3VzgyUrp8szCJh3VN9z1LNx7A==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.3.1.tgz",
+      "integrity": "sha512-rZsVvPXUYFyME0cuGkyOHfx9hmkFa4pWfxY/mdY38PsBEaVNsRoA+Id+8z6DBDgyv3zaw6XQszdF8HLwfQvcdQ==",
       "dev": true,
       "requires": {
         "@types/html-minifier-terser": "^5.0.0",
-        "@types/tapable": "^1.0.5",
-        "@types/webpack": "^4.41.8",
         "html-minifier-terser": "^5.0.1",
-        "loader-utils": "^1.2.3",
-        "lodash": "^4.17.15",
+        "lodash": "^4.17.20",
         "pretty-error": "^2.1.1",
-        "tapable": "^1.1.3",
-        "util.promisify": "1.0.0"
+        "tapable": "^2.0.0"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "4.17.21",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+          "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+          "dev": true
+        },
+        "tapable": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.0.tgz",
+          "integrity": "sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==",
+          "dev": true
+        }
       }
     },
     "htmlparser2": {
@@ -8189,6 +8575,12 @@
       "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==",
       "dev": true
     },
+    "http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=",
+      "dev": true
+    },
     "http-errors": {
       "version": "1.7.2",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
@@ -8210,6 +8602,23 @@
         }
       }
     },
+    "http-parser-js": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.3.tgz",
+      "integrity": "sha512-t7hjvef/5HEK7RWTdUzVUhl8zkEu+LlaE0IYzdMuvbSDipxBRpOn4Uhw8ZyECEa808iVT8XCjzo6xmYt4CiLZg==",
+      "dev": true
+    },
+    "http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      }
+    },
     "http-proxy-agent": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
@@ -8238,6 +8647,18 @@
         }
       }
     },
+    "http-proxy-middleware": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
+      "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+      "dev": true,
+      "requires": {
+        "http-proxy": "^1.17.0",
+        "is-glob": "^4.0.0",
+        "lodash": "^4.17.11",
+        "micromatch": "^3.1.10"
+      }
+    },
     "http-signature": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
@@ -8249,12 +8670,6 @@
         "sshpk": "^1.7.0"
       }
     },
-    "https-browserify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
-      "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=",
-      "dev": true
-    },
     "https-proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
@@ -8282,6 +8697,12 @@
         }
       }
     },
+    "human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true
+    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -8300,24 +8721,36 @@
         "postcss": "^7.0.14"
       }
     },
-    "ieee754": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
-      "integrity": "sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==",
-      "dev": true
-    },
-    "iferr": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
-      "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE=",
-      "dev": true
-    },
     "ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
       "dev": true
     },
+    "immer": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-8.0.1.tgz",
+      "integrity": "sha512-aqXhGP7//Gui2+UrEtvxZxSquQVXTpZ7KDxfCcKAF3Vysvw0CViVaW9RZ1j1xlIYqaaaipBoqdqeibkc18PNvA==",
+      "dev": true
+    },
+    "import-fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+      "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
+      "dev": true,
+      "requires": {
+        "caller-path": "^2.0.0",
+        "resolve-from": "^3.0.0"
+      },
+      "dependencies": {
+        "resolve-from": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+          "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+          "dev": true
+        }
+      }
+    },
     "import-lazy": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
@@ -8325,13 +8758,58 @@
       "dev": true
     },
     "import-local": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
-      "integrity": "sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.0.2.tgz",
+      "integrity": "sha512-vjL3+w0oulAVZ0hBHnxa/Nm5TAurf9YLQJDhqRZyqb+VKGOB6LU8t9H1Nr5CIo16vh9XfJTOoHwU0B71S557gA==",
       "dev": true,
       "requires": {
-        "pkg-dir": "^3.0.0",
-        "resolve-cwd": "^2.0.0"
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "pkg-dir": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+          "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+          "dev": true,
+          "requires": {
+            "find-up": "^4.0.0"
+          }
+        }
       }
     },
     "imurmurhash": {
@@ -8387,6 +8865,25 @@
       "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
       "dev": true
     },
+    "inline-chunks-html-webpack-plugin": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/inline-chunks-html-webpack-plugin/-/inline-chunks-html-webpack-plugin-1.3.1.tgz",
+      "integrity": "sha512-Yo+SGazfMf7S72lSfRv14eb1Lh9tPkRYEsn8Vwz+i/lj6htClRklgevy7AP9X3jVfRs7XNK8YQRfIThlEVcCDg==",
+      "dev": true,
+      "requires": {
+        "source-map-url": "^0.4.0"
+      }
+    },
+    "internal-ip": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
+      "integrity": "sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==",
+      "dev": true,
+      "requires": {
+        "default-gateway": "^4.2.0",
+        "ipaddr.js": "^1.9.0"
+      }
+    },
     "interpret": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.2.0.tgz",
@@ -8407,6 +8904,12 @@
       "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=",
       "dev": true
     },
+    "ip": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
+      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
+      "dev": true
+    },
     "ip-regex": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.2.0.tgz",
@@ -8440,6 +8943,12 @@
         "is-windows": "^1.0.1"
       }
     },
+    "is-absolute-url": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+      "integrity": "sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=",
+      "dev": true
+    },
     "is-accessor-descriptor": {
       "version": "0.1.6",
       "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
@@ -8448,12 +8957,27 @@
         "kind-of": "^3.0.2"
       }
     },
+    "is-arguments": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.0.tgz",
+      "integrity": "sha512-1Ij4lOMPl/xB5kBDn7I+b2ttPMKa8szhEIrXDuXQD/oe3HJLTLhqhgGspwgyGd6MOywBUqVvYicF72lkgDnIHg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0"
+      }
+    },
     "is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
       "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
       "dev": true
     },
+    "is-bigint": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.1.tgz",
+      "integrity": "sha512-J0ELF4yHFxHy0cmSxZuheDOz2luOdVvqjwmEcj8H/L1JHeuEDSDbeRP+Dk9kFVk5RTFzbucJ2Kb9F7ixY2QaCg==",
+      "dev": true
+    },
     "is-binary-path": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
@@ -8462,15 +8986,24 @@
         "binary-extensions": "^1.0.0"
       }
     },
+    "is-boolean-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.0.tgz",
+      "integrity": "sha512-a7Uprx8UtD+HWdyYwnD1+ExtTgqQtD2k/1yJgtXP6wnMm8byhkoTZRl+95LLThpzNZJ5aEvi46cdH+ayMFRwmA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0"
+      }
+    },
     "is-buffer": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
       "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
     },
     "is-callable": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.5.tgz",
-      "integrity": "sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.3.tgz",
+      "integrity": "sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==",
       "dev": true
     },
     "is-ci": {
@@ -8482,6 +9015,20 @@
         "ci-info": "^2.0.0"
       }
     },
+    "is-color-stop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
+      "integrity": "sha1-z/9HGu5N1cnhWFmPvhKWe1za00U=",
+      "dev": true,
+      "requires": {
+        "css-color-names": "^0.0.4",
+        "hex-color-regex": "^1.1.0",
+        "hsl-regex": "^1.0.0",
+        "hsla-regex": "^1.0.0",
+        "rgb-regex": "^1.0.1",
+        "rgba-regex": "^1.0.0"
+      }
+    },
     "is-data-descriptor": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
@@ -8513,6 +9060,18 @@
         }
       }
     },
+    "is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
+      "dev": true
+    },
+    "is-docker": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.1.1.tgz",
+      "integrity": "sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw==",
+      "dev": true
+    },
     "is-dotfile": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
@@ -8595,16 +9154,22 @@
       "integrity": "sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI=",
       "dev": true
     },
+    "is-negative-zero": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
+      "integrity": "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==",
+      "dev": true
+    },
     "is-npm": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-4.0.0.tgz",
       "integrity": "sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==",
       "dev": true
     },
-    "is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+    "is-number-object": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.4.tgz",
+      "integrity": "sha512-zohwelOAur+5uXtk8O3GPQ1eAcu4ZX3UwxQhUlfFFMNpUd83gXgjbhJh6HmB6LUNV/ieOLQuDwJO3dWJosUeMw==",
       "dev": true
     },
     "is-obj": {
@@ -8671,12 +9236,13 @@
       "optional": true
     },
     "is-regex": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.5.tgz",
-      "integrity": "sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.2.tgz",
+      "integrity": "sha512-axvdhb5pdhEVThqJzYXwMlVuZwC+FF2DpcOhTS+y/8jVq4trxyPgfcwIxIKiyeuLlSQYKkmUaPQJ8ZE4yNKXDg==",
       "dev": true,
       "requires": {
-        "has": "^1.0.3"
+        "call-bind": "^1.0.2",
+        "has-symbols": "^1.0.1"
       }
     },
     "is-relative": {
@@ -8688,10 +9254,22 @@
         "is-unc-path": "^1.0.0"
       }
     },
-    "is-stream": {
+    "is-resolvable": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
-      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+      "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz",
+      "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==",
+      "dev": true
+    },
+    "is-root": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-root/-/is-root-2.1.0.tgz",
+      "integrity": "sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==",
+      "dev": true
+    },
+    "is-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.0.tgz",
+      "integrity": "sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw==",
       "dev": true
     },
     "is-stream-ended": {
@@ -8700,6 +9278,21 @@
       "integrity": "sha512-xj0XPvmr7bQFTvirqnFr50o0hQIh6ZItDqloxt5aJrR4NQsYeSsyFQERYGCAzfindAcnKjINnwEEgLx4IqVzQw==",
       "dev": true
     },
+    "is-string": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz",
+      "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==",
+      "dev": true
+    },
+    "is-svg": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-3.0.0.tgz",
+      "integrity": "sha512-gi4iHK53LR2ujhLVVj+37Ykh9GLqYHX6JOVXbLAucaG/Cqw9xwdFOjDM2qeifLs1sF1npXXFvDu0r5HNgCMrzQ==",
+      "dev": true,
+      "requires": {
+        "html-comment-regex": "^1.1.0"
+      }
+    },
     "is-symbol": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz",
@@ -8820,6 +9413,16 @@
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
+    "js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
     "jsbn": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
@@ -8877,6 +9480,12 @@
       "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
       "dev": true
     },
+    "json3": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
+      "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==",
+      "dev": true
+    },
     "json5": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
@@ -8984,6 +9593,12 @@
         "json-buffer": "3.0.0"
       }
     },
+    "killable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+      "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==",
+      "dev": true
+    },
     "kind-of": {
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
@@ -8992,6 +9607,12 @@
         "is-buffer": "^1.1.5"
       }
     },
+    "kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "dev": true
+    },
     "last-run": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz",
@@ -9094,9 +9715,9 @@
       "integrity": "sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ="
     },
     "loader-runner": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
-      "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
+      "integrity": "sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==",
       "dev": true
     },
     "loader-utils": {
@@ -9171,6 +9792,12 @@
       "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
       "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
     },
+    "lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
+      "dev": true
+    },
     "log-symbols": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz",
@@ -9232,6 +9859,12 @@
         }
       }
     },
+    "loglevel": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.7.1.tgz",
+      "integrity": "sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==",
+      "dev": true
+    },
     "long": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/long/-/long-4.0.0.tgz",
@@ -9315,15 +9948,6 @@
         }
       }
     },
-    "map-age-cleaner": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
-      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
-      "dev": true,
-      "requires": {
-        "p-defer": "^1.0.0"
-      }
-    },
     "map-cache": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
@@ -9664,17 +10288,6 @@
       "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==",
       "optional": true
     },
-    "md5.js": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
-      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-      "dev": true,
-      "requires": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
     "mdn-data": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.6.tgz",
@@ -9687,17 +10300,6 @@
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
       "dev": true
     },
-    "mem": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
-      "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
-      "dev": true,
-      "requires": {
-        "map-age-cleaner": "^0.1.1",
-        "mimic-fn": "^2.0.0",
-        "p-is-promise": "^2.0.0"
-      }
-    },
     "memoize-one": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.1.1.tgz",
@@ -9755,6 +10357,12 @@
       "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
       "dev": true
     },
+    "microevent.ts": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/microevent.ts/-/microevent.ts-0.1.1.tgz",
+      "integrity": "sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g==",
+      "dev": true
+    },
     "micromatch": {
       "version": "3.1.10",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
@@ -9856,16 +10464,6 @@
         }
       }
     },
-    "miller-rabin": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
-      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
-      "dev": true,
-      "requires": {
-        "bn.js": "^4.0.0",
-        "brorand": "^1.0.1"
-      }
-    },
     "mime": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
@@ -9906,26 +10504,69 @@
       "dev": true
     },
     "mini-css-extract-plugin": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",
-      "integrity": "sha512-lp3GeY7ygcgAmVIcRPBVhIkf8Us7FZjA+ILpal44qLdSu11wmjKQ3d9k15lfD7pO4esu9eUIAW7qiYIBppv40A==",
+      "version": "1.3.9",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-1.3.9.tgz",
+      "integrity": "sha512-Ac4s+xhVbqlyhXS5J/Vh/QXUz3ycXlCqoCPpg0vdfhsIBH9eg/It/9L1r1XhSCH737M1lqcWnMuWL13zcygn5A==",
       "dev": true,
       "requires": {
-        "loader-utils": "^1.1.0",
-        "normalize-url": "1.9.1",
-        "schema-utils": "^1.0.0",
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0",
         "webpack-sources": "^1.1.0"
       },
       "dependencies": {
-        "schema-utils": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
-          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+        "@types/json-schema": {
+          "version": "7.0.7",
+          "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
+          "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
+          "dev": true
+        },
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
           "dev": true,
           "requires": {
-            "ajv": "^6.1.0",
-            "ajv-errors": "^1.0.0",
-            "ajv-keywords": "^3.1.0"
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "dev": true
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
+          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "schema-utils": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz",
+          "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.6",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
           }
         }
       }
@@ -10040,36 +10681,6 @@
         }
       }
     },
-    "mississippi": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz",
-      "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==",
-      "dev": true,
-      "requires": {
-        "concat-stream": "^1.5.0",
-        "duplexify": "^3.4.2",
-        "end-of-stream": "^1.1.0",
-        "flush-write-stream": "^1.0.0",
-        "from2": "^2.1.0",
-        "parallel-transform": "^1.1.0",
-        "pump": "^3.0.0",
-        "pumpify": "^1.3.3",
-        "stream-each": "^1.1.0",
-        "through2": "^2.0.0"
-      },
-      "dependencies": {
-        "pump": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-          "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-          "dev": true,
-          "requires": {
-            "end-of-stream": "^1.1.0",
-            "once": "^1.3.1"
-          }
-        }
-      }
-    },
     "mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
@@ -10102,25 +10713,27 @@
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
       "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
     },
-    "move-concurrently": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
-      "integrity": "sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=",
-      "dev": true,
-      "requires": {
-        "aproba": "^1.1.1",
-        "copy-concurrently": "^1.0.0",
-        "fs-write-stream-atomic": "^1.0.8",
-        "mkdirp": "^0.5.1",
-        "rimraf": "^2.5.4",
-        "run-queue": "^1.0.3"
-      }
-    },
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
     },
+    "multicast-dns": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+      "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
+      "dev": true,
+      "requires": {
+        "dns-packet": "^1.3.1",
+        "thunky": "^1.0.2"
+      }
+    },
+    "multicast-dns-service-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+      "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=",
+      "dev": true
+    },
     "mute-stdout": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-1.0.1.tgz",
@@ -10241,45 +10854,6 @@
         }
       }
     },
-    "node-libs-browser": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
-      "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
-      "dev": true,
-      "requires": {
-        "assert": "^1.1.1",
-        "browserify-zlib": "^0.2.0",
-        "buffer": "^4.3.0",
-        "console-browserify": "^1.1.0",
-        "constants-browserify": "^1.0.0",
-        "crypto-browserify": "^3.11.0",
-        "domain-browser": "^1.1.1",
-        "events": "^3.0.0",
-        "https-browserify": "^1.0.0",
-        "os-browserify": "^0.3.0",
-        "path-browserify": "0.0.1",
-        "process": "^0.11.10",
-        "punycode": "^1.2.4",
-        "querystring-es3": "^0.2.0",
-        "readable-stream": "^2.3.3",
-        "stream-browserify": "^2.0.1",
-        "stream-http": "^2.7.2",
-        "string_decoder": "^1.0.0",
-        "timers-browserify": "^2.0.4",
-        "tty-browserify": "0.0.0",
-        "url": "^0.11.0",
-        "util": "^0.11.0",
-        "vm-browserify": "^1.0.1"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
-          "dev": true
-        }
-      }
-    },
     "node-releases": {
       "version": "1.1.59",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.59.tgz",
@@ -10341,16 +10915,10 @@
       }
     },
     "normalize-url": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
-      "integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
-      "dev": true,
-      "requires": {
-        "object-assign": "^4.0.1",
-        "prepend-http": "^1.0.0",
-        "query-string": "^4.1.0",
-        "sort-keys": "^1.0.0"
-      }
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz",
+      "integrity": "sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==",
+      "dev": true
     },
     "now-and-later": {
       "version": "2.0.1",
@@ -10362,12 +10930,12 @@
       }
     },
     "npm-run-path": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
-      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
       "dev": true,
       "requires": {
-        "path-key": "^2.0.0"
+        "path-key": "^3.0.0"
       }
     },
     "npmlog": {
@@ -10429,11 +10997,21 @@
       }
     },
     "object-inspect": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.7.0.tgz",
-      "integrity": "sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz",
+      "integrity": "sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw==",
       "dev": true
     },
+    "object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
     "object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -10497,13 +11075,14 @@
       }
     },
     "object.getownpropertydescriptors": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz",
-      "integrity": "sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.2.tgz",
+      "integrity": "sha512-WtxeKSzfBjlzL+F9b7M7hewDzMwy+C8NRssHd1YrNlzHzIDrXcXiNOMrezdAEM4UXixgV+vvnyBeN7Rygl2ttQ==",
       "dev": true,
       "requires": {
+        "call-bind": "^1.0.2",
         "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.0-next.1"
+        "es-abstract": "^1.18.0-next.2"
       }
     },
     "object.map": {
@@ -10573,6 +11152,24 @@
         }
       }
     },
+    "object.values": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.3.tgz",
+      "integrity": "sha512-nkF6PfDB9alkOUxpf1HNm/QlkeW3SReqL5WXeBLpEJJnlPSvRaDQpW3gQTksTN3fgJX4hL42RzKyOin6ff3tyw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.2",
+        "has": "^1.0.3"
+      }
+    },
+    "obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true
+    },
     "on-finished": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
@@ -10582,6 +11179,12 @@
         "ee-first": "1.1.1"
       }
     },
+    "on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true
+    },
     "once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -10590,12 +11193,51 @@
         "wrappy": "1"
       }
     },
+    "onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
+    "open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "dev": true,
+      "requires": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "dependencies": {
+        "is-wsl": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+          "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+          "dev": true,
+          "requires": {
+            "is-docker": "^2.0.0"
+          }
+        }
+      }
+    },
     "opener": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.1.tgz",
       "integrity": "sha512-goYSy5c2UXE4Ra1xixabeVh1guIX/ZV/YokJksb6q2lubWu6UbvPQ20p542/sFIll1nl8JnCyK9oBaOcCWXwvA==",
       "dev": true
     },
+    "opn": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+      "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "^1.1.0"
+      }
+    },
     "ordered-read-streams": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz",
@@ -10605,11 +11247,14 @@
         "readable-stream": "^2.0.1"
       }
     },
-    "os-browserify": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
-      "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
-      "dev": true
+    "original": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
+      "integrity": "sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==",
+      "dev": true,
+      "requires": {
+        "url-parse": "^1.4.3"
+      }
     },
     "os-homedir": {
       "version": "1.0.2",
@@ -10656,24 +11301,12 @@
       "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
       "dev": true
     },
-    "p-defer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
-      "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=",
-      "dev": true
-    },
     "p-finally": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
       "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
       "dev": true
     },
-    "p-is-promise": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
-      "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==",
-      "dev": true
-    },
     "p-limit": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
@@ -10698,6 +11331,15 @@
       "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
       "dev": true
     },
+    "p-retry": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-3.0.1.tgz",
+      "integrity": "sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==",
+      "dev": true,
+      "requires": {
+        "retry": "^0.12.0"
+      }
+    },
     "p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -10724,23 +11366,6 @@
         }
       }
     },
-    "pako": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-      "dev": true
-    },
-    "parallel-transform": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",
-      "integrity": "sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==",
-      "dev": true,
-      "requires": {
-        "cyclist": "^1.0.1",
-        "inherits": "^2.0.3",
-        "readable-stream": "^2.1.5"
-      }
-    },
     "param-case": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.3.tgz",
@@ -10751,20 +11376,6 @@
         "tslib": "^1.10.0"
       }
     },
-    "parse-asn1": {
-      "version": "5.1.5",
-      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.5.tgz",
-      "integrity": "sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==",
-      "dev": true,
-      "requires": {
-        "asn1.js": "^4.0.0",
-        "browserify-aes": "^1.0.0",
-        "create-hash": "^1.1.0",
-        "evp_bytestokey": "^1.0.0",
-        "pbkdf2": "^3.0.3",
-        "safe-buffer": "^5.1.1"
-      }
-    },
     "parse-filepath": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
@@ -10853,39 +11464,6 @@
       "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
       "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ="
     },
-    "path": {
-      "version": "0.12.7",
-      "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz",
-      "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=",
-      "dev": true,
-      "requires": {
-        "process": "^0.11.1",
-        "util": "^0.10.3"
-      },
-      "dependencies": {
-        "inherits": {
-          "version": "2.0.3",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
-          "dev": true
-        },
-        "util": {
-          "version": "0.10.4",
-          "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz",
-          "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==",
-          "dev": true,
-          "requires": {
-            "inherits": "2.0.3"
-          }
-        }
-      }
-    },
-    "path-browserify": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
-      "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
-      "dev": true
-    },
     "path-dirname": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
@@ -10913,9 +11491,9 @@
       "dev": true
     },
     "path-key": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true
     },
     "path-parse": {
@@ -10956,19 +11534,6 @@
         "pinkie-promise": "^2.0.0"
       }
     },
-    "pbkdf2": {
-      "version": "3.0.17",
-      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.17.tgz",
-      "integrity": "sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==",
-      "dev": true,
-      "requires": {
-        "create-hash": "^1.1.2",
-        "create-hmac": "^1.1.4",
-        "ripemd160": "^2.0.1",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      }
-    },
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -11022,6 +11587,26 @@
         }
       }
     },
+    "pkg-up": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz",
+      "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==",
+      "dev": true,
+      "requires": {
+        "find-up": "^3.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        }
+      }
+    },
     "plur": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/plur/-/plur-4.0.0.tgz",
@@ -11031,6 +11616,34 @@
         "irregular-plurals": "^3.2.0"
       }
     },
+    "portfinder": {
+      "version": "1.0.28",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
+      "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.5"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        }
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -11089,6 +11702,224 @@
         }
       }
     },
+    "postcss-calc": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz",
+      "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.27",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "postcss-colormin": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
+      "integrity": "sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "color": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-convert-values": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz",
+      "integrity": "sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-discard-comments": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz",
+      "integrity": "sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-duplicates": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz",
+      "integrity": "sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-empty": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz",
+      "integrity": "sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-overridden": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz",
+      "integrity": "sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-merge-longhand": {
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz",
+      "integrity": "sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==",
+      "dev": true,
+      "requires": {
+        "css-color-names": "0.0.4",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "stylehacks": "^4.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-merge-rules": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz",
+      "integrity": "sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "cssnano-util-same-parent": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0",
+        "vendors": "^1.0.0"
+      },
+      "dependencies": {
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
+    "postcss-minify-font-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz",
+      "integrity": "sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-minify-gradients": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz",
+      "integrity": "sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "is-color-stop": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-minify-params": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz",
+      "integrity": "sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "browserslist": "^4.0.0",
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "uniqs": "^2.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-minify-selectors": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz",
+      "integrity": "sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
     "postcss-modules-extract-imports": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz",
@@ -11130,6 +11961,220 @@
         "postcss": "^7.0.6"
       }
     },
+    "postcss-normalize-charset": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz",
+      "integrity": "sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-normalize-display-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz",
+      "integrity": "sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-positions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz",
+      "integrity": "sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-repeat-style": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz",
+      "integrity": "sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz",
+      "integrity": "sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-timing-functions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz",
+      "integrity": "sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-unicode": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz",
+      "integrity": "sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-url": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz",
+      "integrity": "sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==",
+      "dev": true,
+      "requires": {
+        "is-absolute-url": "^2.0.0",
+        "normalize-url": "^3.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-whitespace": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz",
+      "integrity": "sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-ordered-values": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz",
+      "integrity": "sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-reduce-initial": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
+      "integrity": "sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-reduce-transforms": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz",
+      "integrity": "sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
     "postcss-selector-parser": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz",
@@ -11141,6 +12186,37 @@
         "uniq": "^1.0.1"
       }
     },
+    "postcss-svgo": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.2.tgz",
+      "integrity": "sha512-C6wyjo3VwFm0QgBy+Fu7gCYOkCmgmClghO+pjcxvrcBKtiKt0uCF+hvbMO1fyv5BMImRK90SMb+dwUnfbGd+jw==",
+      "dev": true,
+      "requires": {
+        "is-svg": "^3.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "svgo": "^1.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-unique-selectors": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz",
+      "integrity": "sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "postcss": "^7.0.0",
+        "uniqs": "^2.0.0"
+      }
+    },
     "postcss-value-parser": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
@@ -11153,12 +12229,6 @@
       "integrity": "sha512-15vItUAbViaYrmaB/Pbw7z6qX2xENbFSTA7Ii4tgbPtasxm5v6ryKhKtL91tpWovDJzTiZqdwzhcFBCwiMVdVw==",
       "dev": true
     },
-    "prepend-http": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
-      "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
-      "dev": true
-    },
     "preserve": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
@@ -11166,13 +12236,21 @@
       "optional": true
     },
     "pretty-error": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.1.tgz",
-      "integrity": "sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
+      "integrity": "sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==",
       "dev": true,
       "requires": {
-        "renderkid": "^2.0.1",
-        "utila": "~0.4"
+        "lodash": "^4.17.20",
+        "renderkid": "^2.0.4"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "4.17.21",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+          "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+          "dev": true
+        }
       }
     },
     "pretty-hrtime": {
@@ -11186,12 +12264,6 @@
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
       "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg=="
     },
-    "process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
-      "dev": true
-    },
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -11203,6 +12275,16 @@
       "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
       "dev": true
     },
+    "prompts": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.0.tgz",
+      "integrity": "sha512-awZAKrk3vN6CroQukBL+R9051a4R3zCZBlJm/HBfrSZ8iTpYix3VX1vU4mveiLpiwmOJT4wokTF9m6HUk4KqWQ==",
+      "dev": true,
+      "requires": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      }
+    },
     "prop-types": {
       "version": "15.7.2",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
@@ -11270,20 +12352,6 @@
       "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
       "dev": true
     },
-    "public-encrypt": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
-      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
-      "dev": true,
-      "requires": {
-        "bn.js": "^4.1.0",
-        "browserify-rsa": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "parse-asn1": "^5.0.0",
-        "randombytes": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
     "pump": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
@@ -11340,32 +12408,28 @@
       "resolved": "https://registry.npmjs.org/pvutils/-/pvutils-1.0.17.tgz",
       "integrity": "sha512-wLHYUQxWaXVQvKnwIDWFVKDJku9XDCvyhhxoq8dc5MFdIlRenyPI9eSfEtcvgHgD7FlvCyGAlWgOzRnZD99GZQ=="
     },
+    "q": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+      "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=",
+      "dev": true
+    },
     "qs": {
       "version": "6.5.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
       "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
       "dev": true
     },
-    "query-string": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
-      "integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=",
-      "dev": true,
-      "requires": {
-        "object-assign": "^4.1.0",
-        "strict-uri-encode": "^1.0.0"
-      }
-    },
     "querystring": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
       "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
       "dev": true
     },
-    "querystring-es3": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
-      "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
+    "querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
       "dev": true
     },
     "quick-lru": {
@@ -11408,16 +12472,6 @@
         "safe-buffer": "^5.1.0"
       }
     },
-    "randomfill": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
-      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
-      "dev": true,
-      "requires": {
-        "randombytes": "^2.0.5",
-        "safe-buffer": "^5.1.0"
-      }
-    },
     "range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -11468,6 +12522,265 @@
         "prop-types": "^15.6.2"
       }
     },
+    "react-dev-utils": {
+      "version": "11.0.4",
+      "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-11.0.4.tgz",
+      "integrity": "sha512-dx0LvIGHcOPtKbeiSUM4jqpBl3TcY7CDjZdfOIcKeznE7BWr9dg0iPG90G5yfVQ+p/rGNMXdbfStvzQZEVEi4A==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "7.10.4",
+        "address": "1.1.2",
+        "browserslist": "4.14.2",
+        "chalk": "2.4.2",
+        "cross-spawn": "7.0.3",
+        "detect-port-alt": "1.1.6",
+        "escape-string-regexp": "2.0.0",
+        "filesize": "6.1.0",
+        "find-up": "4.1.0",
+        "fork-ts-checker-webpack-plugin": "4.1.6",
+        "global-modules": "2.0.0",
+        "globby": "11.0.1",
+        "gzip-size": "5.1.1",
+        "immer": "8.0.1",
+        "is-root": "2.1.0",
+        "loader-utils": "2.0.0",
+        "open": "^7.0.2",
+        "pkg-up": "3.1.0",
+        "prompts": "2.4.0",
+        "react-error-overlay": "^6.0.9",
+        "recursive-readdir": "2.2.2",
+        "shell-quote": "1.7.2",
+        "strip-ansi": "6.0.0",
+        "text-table": "0.2.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "array-union": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+          "dev": true
+        },
+        "browserslist": {
+          "version": "4.14.2",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.2.tgz",
+          "integrity": "sha512-HI4lPveGKUR0x2StIz+2FXfDk9SfVMrxn6PLh1JeGUwcuoDkdKZebWiyLRJ68iIPDpMI4JLVDf7S7XzslgWOhw==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001125",
+            "electron-to-chromium": "^1.3.564",
+            "escalade": "^3.0.2",
+            "node-releases": "^1.1.61"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "escape-string-regexp": {
+              "version": "1.0.5",
+              "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+              "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+              "dev": true
+            }
+          }
+        },
+        "cross-spawn": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "dev": true,
+          "requires": {
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
+        },
+        "electron-to-chromium": {
+          "version": "1.3.690",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.690.tgz",
+          "integrity": "sha512-zPbaSv1c8LUKqQ+scNxJKv01RYFkVVF1xli+b+3Ty8ONujHjAMg+t/COmdZqrtnS1gT+g4hbSodHillymt1Lww==",
+          "dev": true
+        },
+        "escalade": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+          "dev": true
+        },
+        "escape-string-regexp": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+          "dev": true
+        },
+        "filesize": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz",
+          "integrity": "sha512-LpCHtPQ3sFx67z+uh2HnSyWSLLu5Jxo21795uRDuar/EOuYWXib5EmPaGIBuSnRqH2IODiKA2k5re/K9OnN/Yg==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "global-modules": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+          "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+          "dev": true,
+          "requires": {
+            "global-prefix": "^3.0.0"
+          }
+        },
+        "global-prefix": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+          "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+          "dev": true,
+          "requires": {
+            "ini": "^1.3.5",
+            "kind-of": "^6.0.2",
+            "which": "^1.3.1"
+          },
+          "dependencies": {
+            "which": {
+              "version": "1.3.1",
+              "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+              "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+              "dev": true,
+              "requires": {
+                "isexe": "^2.0.0"
+              }
+            }
+          }
+        },
+        "globby": {
+          "version": "11.0.1",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.1.tgz",
+          "integrity": "sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==",
+          "dev": true,
+          "requires": {
+            "array-union": "^2.1.0",
+            "dir-glob": "^3.0.1",
+            "fast-glob": "^3.1.1",
+            "ignore": "^5.1.4",
+            "merge2": "^1.3.0",
+            "slash": "^3.0.0"
+          }
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
+          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "kind-of": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+          "dev": true
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "node-releases": {
+          "version": "1.1.71",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        },
+        "which": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
     "react-dom": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.13.1.tgz",
@@ -11488,6 +12801,12 @@
         "prop-types": "^15.6.0"
       }
     },
+    "react-error-overlay": {
+      "version": "6.0.9",
+      "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
+      "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==",
+      "dev": true
+    },
     "react-fast-compare": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
@@ -11846,6 +13165,15 @@
         "resolve": "^1.1.6"
       }
     },
+    "recursive-readdir": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
+      "integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
+      "dev": true,
+      "requires": {
+        "minimatch": "3.0.4"
+      }
+    },
     "redent": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
@@ -11902,6 +13230,16 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "regexp.prototype.flags": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.1.tgz",
+      "integrity": "sha512-JiBdRBq91WlY7uRJ0ds7R+dU02i6LKi8r3BuQhNXn+kmeLN+EfHhfjqMRis1zJxnlu88hq/4dx0P2OP3APRTOA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
     "regexpu-core": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.0.tgz",
@@ -11999,16 +13337,16 @@
       "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8="
     },
     "renderkid": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.3.tgz",
-      "integrity": "sha512-z8CLQp7EZBPCwCnncgf9C4XAi3WR0dv+uWu/PjIyhhAb5d6IJ/QZqlHFprHeKT+59//V6BNUsLbvN8+2LarxGA==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.5.tgz",
+      "integrity": "sha512-ccqoLg+HLOHq1vdfYNm4TBeaCDIi1FLt3wGojTDSvdewUv65oTmI3cnT2E4hRjl1gzKZIPK+KZrXzlUYKnR+vQ==",
       "dev": true,
       "requires": {
-        "css-select": "^1.1.0",
+        "css-select": "^2.0.2",
         "dom-converter": "^0.2",
-        "htmlparser2": "^3.3.0",
-        "strip-ansi": "^3.0.0",
-        "utila": "^0.4.0"
+        "htmlparser2": "^3.10.1",
+        "lodash": "^4.17.20",
+        "strip-ansi": "^3.0.0"
       },
       "dependencies": {
         "domelementtype": {
@@ -12056,6 +13394,12 @@
             "readable-stream": "^3.1.1"
           }
         },
+        "lodash": {
+          "version": "4.17.21",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+          "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+          "dev": true
+        },
         "readable-stream": {
           "version": "3.6.0",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -12144,6 +13488,12 @@
       "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=",
       "dev": true
     },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
     "resize-observer-polyfill": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
@@ -12159,12 +13509,12 @@
       }
     },
     "resolve-cwd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
-      "integrity": "sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
       "dev": true,
       "requires": {
-        "resolve-from": "^3.0.0"
+        "resolve-from": "^5.0.0"
       }
     },
     "resolve-dir": {
@@ -12178,9 +13528,9 @@
       }
     },
     "resolve-from": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
-      "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
       "dev": true
     },
     "resolve-options": {
@@ -12211,6 +13561,12 @@
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
       "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg=="
     },
+    "retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=",
+      "dev": true
+    },
     "retry-request": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-4.1.1.tgz",
@@ -12253,6 +13609,18 @@
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
       "dev": true
     },
+    "rgb-regex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz",
+      "integrity": "sha1-wODWiC3w4jviVKR16O3UGRX+rrE=",
+      "dev": true
+    },
+    "rgba-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz",
+      "integrity": "sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=",
+      "dev": true
+    },
     "rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -12262,16 +13630,6 @@
         "glob": "^7.1.3"
       }
     },
-    "ripemd160": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
-      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-      "dev": true,
-      "requires": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1"
-      }
-    },
     "rtcpeerconnection-shim": {
       "version": "1.2.15",
       "resolved": "https://registry.npmjs.org/rtcpeerconnection-shim/-/rtcpeerconnection-shim-1.2.15.tgz",
@@ -12286,15 +13644,6 @@
       "integrity": "sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==",
       "dev": true
     },
-    "run-queue": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
-      "integrity": "sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=",
-      "dev": true,
-      "requires": {
-        "aproba": "^1.1.1"
-      }
-    },
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -12618,6 +13967,12 @@
         }
       }
     },
+    "sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
     "scheduler": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
@@ -12668,6 +14023,29 @@
       "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.0.tgz",
       "integrity": "sha512-8ZYOau/o9PzRhY0aMuRzvmiM6/YVQR8yjnBScvZHSdBnywK5oZzAJK+412ZKkDq29naBmR3bRw8MFu0C01Gehg=="
     },
+    "select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=",
+      "dev": true
+    },
+    "selfsigned": {
+      "version": "1.10.8",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.8.tgz",
+      "integrity": "sha512-2P4PtieJeEwVgTU9QEcwIRDQ/mXJLX8/+I3ur+Pg16nS8oNbrGxEso9NyYWy8NAmXiNl4dlAp5MwoNeCWzON4w==",
+      "dev": true,
+      "requires": {
+        "node-forge": "^0.10.0"
+      },
+      "dependencies": {
+        "node-forge": {
+          "version": "0.10.0",
+          "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+          "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
+          "dev": true
+        }
+      }
+    },
     "semver": {
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
@@ -12730,10 +14108,54 @@
       }
     },
     "serialize-javascript": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
-      "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
-      "dev": true
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz",
+      "integrity": "sha512-SaaNal9imEO737H2c05Og0/8LUXG7EnsZyMa8MzkmuHoELfT6txuj0cMqRj6zfPKnmQ1yasR4PCJc8x+M4JSPA==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "dependencies": {
+        "http-errors": {
+          "version": "1.6.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+          "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.0",
+            "statuses": ">= 1.4.0 < 2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+          "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+          "dev": true
+        }
+      }
     },
     "serve-static": {
       "version": "1.14.1",
@@ -12774,28 +14196,12 @@
         }
       }
     },
-    "setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
-      "dev": true
-    },
     "setprototypeof": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
       "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==",
       "dev": true
     },
-    "sha.js": {
-      "version": "2.4.11",
-      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
-      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
-      "dev": true,
-      "requires": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "sha256": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/sha256/-/sha256-0.2.0.tgz",
@@ -12824,18 +14230,24 @@
       }
     },
     "shebang-command": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
       "requires": {
-        "shebang-regex": "^1.0.0"
+        "shebang-regex": "^3.0.0"
       }
     },
     "shebang-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true
+    },
+    "shell-quote": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
+      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==",
       "dev": true
     },
     "signal-exit": {
@@ -12859,6 +14271,23 @@
         "babel-preset-es2015": "6"
       }
     },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      },
+      "dependencies": {
+        "is-arrayish": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+          "dev": true
+        }
+      }
+    },
     "simplebar": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/simplebar/-/simplebar-5.2.0.tgz",
@@ -12881,6 +14310,12 @@
         "simplebar": "^5.2.0"
       }
     },
+    "sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "dev": true
+    },
     "slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -12989,13 +14424,46 @@
         "kind-of": "^3.2.0"
       }
     },
-    "sort-keys": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
-      "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
+    "sockjs": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.21.tgz",
+      "integrity": "sha512-DhbPFGpxjc6Z3I+uX07Id5ZO2XwYsWOrYjaSeieES78cq+JaJvVe5q/m1uvjIQhXinhIeCFRH6JgXe+mvVMyXw==",
       "dev": true,
       "requires": {
-        "is-plain-obj": "^1.0.0"
+        "faye-websocket": "^0.11.3",
+        "uuid": "^3.4.0",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "sockjs-client": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.0.tgz",
+      "integrity": "sha512-8Dt3BDi4FYNrCFGTL/HtwVzkARrENdwOUf1ZoW/9p3M8lZdFT35jVdrHza+qgxuG9H3/shR4cuX/X9umUrjP8Q==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.6",
+        "eventsource": "^1.0.7",
+        "faye-websocket": "^0.11.3",
+        "inherits": "^2.0.4",
+        "json3": "^3.3.3",
+        "url-parse": "^1.4.7"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        }
       }
     },
     "source-list-map": {
@@ -13073,6 +14541,78 @@
       "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==",
       "dev": true
     },
+    "spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
+      }
+    },
+    "spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
@@ -13112,6 +14652,12 @@
         "minipass": "^3.1.1"
       }
     },
+    "stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "dev": true
+    },
     "stack-trace": {
       "version": "0.0.10",
       "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz",
@@ -13152,26 +14698,6 @@
         "readable-stream": "^2.0.1"
       }
     },
-    "stream-browserify": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
-      "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
-      "dev": true,
-      "requires": {
-        "inherits": "~2.0.1",
-        "readable-stream": "^2.0.2"
-      }
-    },
-    "stream-each": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.3.tgz",
-      "integrity": "sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==",
-      "dev": true,
-      "requires": {
-        "end-of-stream": "^1.1.0",
-        "stream-shift": "^1.0.0"
-      }
-    },
     "stream-events": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/stream-events/-/stream-events-1.0.5.tgz",
@@ -13187,19 +14713,6 @@
       "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==",
       "dev": true
     },
-    "stream-http": {
-      "version": "2.8.3",
-      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
-      "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
-      "dev": true,
-      "requires": {
-        "builtin-status-codes": "^3.0.0",
-        "inherits": "^2.0.1",
-        "readable-stream": "^2.3.6",
-        "to-arraybuffer": "^1.0.0",
-        "xtend": "^4.0.0"
-      }
-    },
     "stream-shift": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
@@ -13223,45 +14736,23 @@
       }
     },
     "string.prototype.trimend": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.0.tgz",
-      "integrity": "sha512-EEJnGqa/xNfIg05SxiPSqRS7S9qwDhYts1TSLR1BQfYUfPe1stofgGKvwERK9+9yf+PpfBMlpBaCHucXGPQfUA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz",
+      "integrity": "sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==",
       "dev": true,
       "requires": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
-      }
-    },
-    "string.prototype.trimleft": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.2.tgz",
-      "integrity": "sha512-gCA0tza1JBvqr3bfAIFJGqfdRTyPae82+KTnm3coDXkZN9wnuW3HjGgN386D7hfv5CHQYCI022/rJPVlqXyHSw==",
-      "dev": true,
-      "requires": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5",
-        "string.prototype.trimstart": "^1.0.0"
-      }
-    },
-    "string.prototype.trimright": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimright/-/string.prototype.trimright-2.1.2.tgz",
-      "integrity": "sha512-ZNRQ7sY3KroTaYjRS6EbNiiHrOkjihL9aQE/8gfQ4DtAC/aEBRHFJa44OmoWxGGqXuJlfKkZW4WcXErGr+9ZFg==",
-      "dev": true,
-      "requires": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5",
-        "string.prototype.trimend": "^1.0.0"
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
       }
     },
     "string.prototype.trimstart": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.0.tgz",
-      "integrity": "sha512-iCP8g01NFYiiBOnwG1Xc3WZLyoo+RuBymwIlWncShXDDJYWN6DbnM3odslBJdgCdRlq94B5s63NWAZlcn2CS4w==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz",
+      "integrity": "sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==",
       "dev": true,
       "requires": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
       }
     },
     "string_decoder": {
@@ -13295,6 +14786,12 @@
       "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
       "dev": true
     },
+    "strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true
+    },
     "strip-indent": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
@@ -13326,6 +14823,30 @@
         "schema-utils": "^2.6.4"
       }
     },
+    "stylehacks": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
+      "integrity": "sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
     "supports-color": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
@@ -13379,6 +14900,74 @@
         "simple-html-tokenizer": "^0.1.1"
       }
     },
+    "svgo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.1",
+        "coa": "^2.0.2",
+        "css-select": "^2.0.0",
+        "css-select-base-adapter": "^0.1.1",
+        "css-tree": "1.0.0-alpha.37",
+        "csso": "^4.0.2",
+        "js-yaml": "^3.13.1",
+        "mkdirp": "~0.5.1",
+        "object.values": "^1.1.0",
+        "sax": "~1.2.4",
+        "stable": "^0.1.8",
+        "unquote": "~1.1.1",
+        "util.promisify": "~1.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "css-tree": {
+          "version": "1.0.0-alpha.37",
+          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+          "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+          "dev": true,
+          "requires": {
+            "mdn-data": "2.0.4",
+            "source-map": "^0.6.1"
+          }
+        },
+        "mdn-data": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+          "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -13535,6 +15124,12 @@
         }
       }
     },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -13555,20 +15150,23 @@
         "xtend": "~4.0.0"
       }
     },
+    "thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true
+    },
     "time-stamp": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-1.1.0.tgz",
       "integrity": "sha1-dkpaEa9QVhkhsTPztE5hhofg9cM=",
       "dev": true
     },
-    "timers-browserify": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.11.tgz",
-      "integrity": "sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==",
-      "dev": true,
-      "requires": {
-        "setimmediate": "^1.0.4"
-      }
+    "timsort": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
+      "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
+      "dev": true
     },
     "to-absolute-glob": {
       "version": "2.0.2",
@@ -13580,12 +15178,6 @@
         "is-negated-glob": "^1.0.0"
       }
     },
-    "to-arraybuffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
-      "integrity": "sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=",
-      "dev": true
-    },
     "to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
@@ -14013,12 +15605,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.11.1.tgz",
       "integrity": "sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA=="
     },
-    "tty-browserify": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
-      "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=",
-      "dev": true
-    },
     "tunnel-agent": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
@@ -14134,6 +15720,18 @@
         "source-map": "~0.6.1"
       }
     },
+    "unbox-primitive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.0.tgz",
+      "integrity": "sha512-P/51NX+JXyxK/aigg1/ZgyccdAxm5K1+n8+tvqSntjOivPt19gvm1VC49RWYetsiub8WViUchdxl/KWHHB0kzA==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has-bigints": "^1.0.0",
+        "has-symbols": "^1.0.0",
+        "which-boxed-primitive": "^1.0.1"
+      }
+    },
     "unc-path-regex": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
@@ -14208,6 +15806,12 @@
       "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
       "dev": true
     },
+    "uniqs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+      "integrity": "sha1-/+3ks2slKQaW5uFl1KWe25mOawI=",
+      "dev": true
+    },
     "unique-filename": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
@@ -14256,6 +15860,12 @@
       "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
       "dev": true
     },
+    "unquote": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+      "integrity": "sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=",
+      "dev": true
+    },
     "unset-value": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
@@ -14517,6 +16127,16 @@
         }
       }
     },
+    "url-parse": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.1.tgz",
+      "integrity": "sha512-HOfCOUJt7iSYzEx/UqgtwKRMC6EU91NFhsCHMv9oM03VJcVo2Qrp8T8kI9D7amFf1cu+/3CEhgb3rF9zL7k85Q==",
+      "dev": true,
+      "requires": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
     "url-parse-lax": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
@@ -14544,36 +16164,21 @@
       "resolved": "https://registry.npmjs.org/user-home/-/user-home-1.1.1.tgz",
       "integrity": "sha1-K1viOjK2Onyd640PKNSFcko98ZA="
     },
-    "util": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
-      "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
-      "dev": true,
-      "requires": {
-        "inherits": "2.0.3"
-      },
-      "dependencies": {
-        "inherits": {
-          "version": "2.0.3",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
-          "dev": true
-        }
-      }
-    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
     "util.promisify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
-      "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
+      "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
       "dev": true,
       "requires": {
-        "define-properties": "^1.1.2",
-        "object.getownpropertydescriptors": "^2.0.3"
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.2",
+        "has-symbols": "^1.0.1",
+        "object.getownpropertydescriptors": "^2.1.0"
       }
     },
     "utila": {
@@ -14595,9 +16200,9 @@
       "dev": true
     },
     "v8-compile-cache": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz",
-      "integrity": "sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
       "dev": true
     },
     "v8flags": {
@@ -14631,6 +16236,12 @@
       "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
       "dev": true
     },
+    "vendors": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
+      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
+      "dev": true
+    },
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -14696,12 +16307,6 @@
         "vinyl": "^2.0.0"
       }
     },
-    "vm-browserify": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
-      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
-      "dev": true
-    },
     "wabt": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/wabt/-/wabt-1.0.13.tgz",
@@ -15084,142 +16689,13 @@
         }
       }
     },
-    "watchpack-chokidar2": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.0.tgz",
-      "integrity": "sha512-9TyfOyN/zLUbA288wZ8IsMZ+6cbzvsNyEzSBp6e/zkifi6xxbl8SmQ/CxQq32k8NNqrdVEVUVSEf56L4rQ/ZxA==",
+    "wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
       "dev": true,
-      "optional": true,
       "requires": {
-        "chokidar": "^2.1.8"
-      },
-      "dependencies": {
-        "anymatch": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
-          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "micromatch": "^3.1.4",
-            "normalize-path": "^2.1.1"
-          },
-          "dependencies": {
-            "normalize-path": {
-              "version": "2.1.1",
-              "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
-              "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
-              "dev": true,
-              "optional": true,
-              "requires": {
-                "remove-trailing-separator": "^1.0.1"
-              }
-            }
-          }
-        },
-        "braces": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
-          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "arr-flatten": "^1.1.0",
-            "array-unique": "^0.3.2",
-            "extend-shallow": "^2.0.1",
-            "fill-range": "^4.0.0",
-            "isobject": "^3.0.1",
-            "repeat-element": "^1.1.2",
-            "snapdragon": "^0.8.1",
-            "snapdragon-node": "^2.0.1",
-            "split-string": "^3.0.2",
-            "to-regex": "^3.0.1"
-          }
-        },
-        "chokidar": {
-          "version": "2.1.8",
-          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
-          "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "anymatch": "^2.0.0",
-            "async-each": "^1.0.1",
-            "braces": "^2.3.2",
-            "fsevents": "^1.2.7",
-            "glob-parent": "^3.1.0",
-            "inherits": "^2.0.3",
-            "is-binary-path": "^1.0.0",
-            "is-glob": "^4.0.0",
-            "normalize-path": "^3.0.0",
-            "path-is-absolute": "^1.0.0",
-            "readdirp": "^2.2.1",
-            "upath": "^1.1.1"
-          }
-        },
-        "extend-shallow": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "is-extendable": "^0.1.0"
-          }
-        },
-        "fill-range": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
-          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "extend-shallow": "^2.0.1",
-            "is-number": "^3.0.0",
-            "repeat-string": "^1.6.1",
-            "to-regex-range": "^2.1.0"
-          }
-        },
-        "glob-parent": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
-          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "is-glob": "^3.1.0",
-            "path-dirname": "^1.0.0"
-          },
-          "dependencies": {
-            "is-glob": {
-              "version": "3.1.0",
-              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
-              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
-              "dev": true,
-              "optional": true,
-              "requires": {
-                "is-extglob": "^2.1.0"
-              }
-            }
-          }
-        },
-        "is-number": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
-          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "kind-of": "^3.0.2"
-          }
-        },
-        "normalize-path": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-          "dev": true,
-          "optional": true
-        }
+        "minimalistic-assert": "^1.0.0"
       }
     },
     "webcrypto-core": {
@@ -15266,442 +16742,216 @@
       }
     },
     "webpack": {
-      "version": "4.42.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.42.1.tgz",
-      "integrity": "sha512-SGfYMigqEfdGchGhFFJ9KyRpQKnipvEvjc1TwrXEPCM6H5Wywu10ka8o3KGrMzSMxMQKt8aCHUFh5DaQ9UmyRg==",
+      "version": "5.26.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.26.1.tgz",
+      "integrity": "sha512-yepddlLlSfXq9NEIl5udTbETC4kG4UMzdeY4KJfaznFbN1SEIobj89aVVfh/Xei/pKPofGmC8hVT2CJ3Hl/8VQ==",
       "dev": true,
       "requires": {
-        "@webassemblyjs/ast": "1.9.0",
-        "@webassemblyjs/helper-module-context": "1.9.0",
-        "@webassemblyjs/wasm-edit": "1.9.0",
-        "@webassemblyjs/wasm-parser": "1.9.0",
-        "acorn": "^6.2.1",
-        "ajv": "^6.10.2",
-        "ajv-keywords": "^3.4.1",
+        "@types/eslint-scope": "^3.7.0",
+        "@types/estree": "^0.0.46",
+        "@webassemblyjs/ast": "1.11.0",
+        "@webassemblyjs/wasm-edit": "1.11.0",
+        "@webassemblyjs/wasm-parser": "1.11.0",
+        "acorn": "^8.0.4",
+        "browserslist": "^4.14.5",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^4.1.0",
-        "eslint-scope": "^4.0.3",
+        "enhanced-resolve": "^5.7.0",
+        "es-module-lexer": "^0.4.0",
+        "eslint-scope": "^5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.4",
         "json-parse-better-errors": "^1.0.2",
-        "loader-runner": "^2.4.0",
-        "loader-utils": "^1.2.3",
-        "memory-fs": "^0.4.1",
-        "micromatch": "^3.1.10",
-        "mkdirp": "^0.5.3",
-        "neo-async": "^2.6.1",
-        "node-libs-browser": "^2.2.1",
-        "schema-utils": "^1.0.0",
-        "tapable": "^1.1.3",
-        "terser-webpack-plugin": "^1.4.3",
-        "watchpack": "^1.6.0",
-        "webpack-sources": "^1.4.1"
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.0.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.1.1",
+        "watchpack": "^2.0.0",
+        "webpack-sources": "^2.1.1"
       },
       "dependencies": {
-        "arr-diff": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
-          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+        "@types/json-schema": {
+          "version": "7.0.7",
+          "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
+          "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
           "dev": true
         },
-        "array-unique": {
-          "version": "0.3.2",
-          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
-          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
           "dev": true
         },
-        "braces": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
-          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+        "browserslist": {
+          "version": "4.16.3",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+          "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
           "dev": true,
           "requires": {
-            "arr-flatten": "^1.1.0",
-            "array-unique": "^0.3.2",
-            "extend-shallow": "^2.0.1",
-            "fill-range": "^4.0.0",
-            "isobject": "^3.0.1",
-            "repeat-element": "^1.1.2",
-            "snapdragon": "^0.8.1",
-            "snapdragon-node": "^2.0.1",
-            "split-string": "^3.0.2",
-            "to-regex": "^3.0.1"
-          },
-          "dependencies": {
-            "extend-shallow": {
-              "version": "2.0.1",
-              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-              "dev": true,
-              "requires": {
-                "is-extendable": "^0.1.0"
-              }
-            }
+            "caniuse-lite": "^1.0.30001181",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.649",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.70"
           }
         },
-        "cacache": {
-          "version": "12.0.4",
-          "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
-          "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
+        "electron-to-chromium": {
+          "version": "1.3.690",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.690.tgz",
+          "integrity": "sha512-zPbaSv1c8LUKqQ+scNxJKv01RYFkVVF1xli+b+3Ty8ONujHjAMg+t/COmdZqrtnS1gT+g4hbSodHillymt1Lww==",
+          "dev": true
+        },
+        "enhanced-resolve": {
+          "version": "5.7.0",
+          "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.7.0.tgz",
+          "integrity": "sha512-6njwt/NsZFUKhM6j9U8hzVyD4E4r0x7NQzhTCbcWOJ0IQjNSAoalWmb0AE51Wn+fwan5qVESWi7t2ToBxs9vrw==",
           "dev": true,
           "requires": {
-            "bluebird": "^3.5.5",
-            "chownr": "^1.1.1",
-            "figgy-pudding": "^3.5.1",
-            "glob": "^7.1.4",
-            "graceful-fs": "^4.1.15",
-            "infer-owner": "^1.0.3",
-            "lru-cache": "^5.1.1",
-            "mississippi": "^3.0.0",
-            "mkdirp": "^0.5.1",
-            "move-concurrently": "^1.0.1",
-            "promise-inflight": "^1.0.1",
-            "rimraf": "^2.6.3",
-            "ssri": "^6.0.1",
-            "unique-filename": "^1.1.1",
-            "y18n": "^4.0.0"
+            "graceful-fs": "^4.2.4",
+            "tapable": "^2.2.0"
           }
         },
-        "expand-brackets": {
-          "version": "2.1.4",
-          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
-          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+        "escalade": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+          "dev": true
+        },
+        "graceful-fs": {
+          "version": "4.2.6",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz",
+          "integrity": "sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==",
+          "dev": true
+        },
+        "mime-db": {
+          "version": "1.46.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.46.0.tgz",
+          "integrity": "sha512-svXaP8UQRZ5K7or+ZmfNhg2xX3yKDMUzqadsSqi4NCH/KomcH75MAMYAGVlvXn4+b/xOPhS3I2uHKRUzvjY7BQ==",
+          "dev": true
+        },
+        "mime-types": {
+          "version": "2.1.29",
+          "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.29.tgz",
+          "integrity": "sha512-Y/jMt/S5sR9OaqteJtslsFZKWOIIqMACsJSiHghlCAyhf7jfVYjKBmLiX8OgpWeW+fjJ2b+Az69aPFPkUOY6xQ==",
           "dev": true,
           "requires": {
-            "debug": "^2.3.3",
-            "define-property": "^0.2.5",
-            "extend-shallow": "^2.0.1",
-            "posix-character-classes": "^0.1.0",
-            "regex-not": "^1.0.0",
-            "snapdragon": "^0.8.1",
-            "to-regex": "^3.0.1"
+            "mime-db": "1.46.0"
+          }
+        },
+        "neo-async": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+          "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.71",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "schema-utils": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz",
+          "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.6",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        },
+        "source-map-support": {
+          "version": "0.5.19",
+          "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
+          "integrity": "sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==",
+          "dev": true,
+          "requires": {
+            "buffer-from": "^1.0.0",
+            "source-map": "^0.6.0"
+          }
+        },
+        "tapable": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.0.tgz",
+          "integrity": "sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==",
+          "dev": true
+        },
+        "terser": {
+          "version": "5.6.0",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-5.6.0.tgz",
+          "integrity": "sha512-vyqLMoqadC1uR0vywqOZzriDYzgEkNJFK4q9GeyOBHIbiECHiWLKcWfbQWAUaPfxkjDhapSlZB9f7fkMrvkVjA==",
+          "dev": true,
+          "requires": {
+            "commander": "^2.20.0",
+            "source-map": "~0.7.2",
+            "source-map-support": "~0.5.19"
           },
           "dependencies": {
-            "define-property": {
-              "version": "0.2.5",
-              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
-              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
-              "dev": true,
-              "requires": {
-                "is-descriptor": "^0.1.0"
-              }
-            },
-            "extend-shallow": {
-              "version": "2.0.1",
-              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-              "dev": true,
-              "requires": {
-                "is-extendable": "^0.1.0"
-              }
-            },
-            "is-accessor-descriptor": {
-              "version": "0.1.6",
-              "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
-              "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
-              "dev": true,
-              "requires": {
-                "kind-of": "^3.0.2"
-              },
-              "dependencies": {
-                "kind-of": {
-                  "version": "3.2.2",
-                  "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-                  "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
-                  "dev": true,
-                  "requires": {
-                    "is-buffer": "^1.1.5"
-                  }
-                }
-              }
-            },
-            "is-data-descriptor": {
-              "version": "0.1.4",
-              "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
-              "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
-              "dev": true,
-              "requires": {
-                "kind-of": "^3.0.2"
-              },
-              "dependencies": {
-                "kind-of": {
-                  "version": "3.2.2",
-                  "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-                  "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
-                  "dev": true,
-                  "requires": {
-                    "is-buffer": "^1.1.5"
-                  }
-                }
-              }
-            },
-            "is-descriptor": {
-              "version": "0.1.6",
-              "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
-              "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
-              "dev": true,
-              "requires": {
-                "is-accessor-descriptor": "^0.1.6",
-                "is-data-descriptor": "^0.1.4",
-                "kind-of": "^5.0.0"
-              }
-            },
-            "kind-of": {
-              "version": "5.1.0",
-              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
-              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+            "source-map": {
+              "version": "0.7.3",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+              "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
               "dev": true
             }
           }
         },
-        "extglob": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
-          "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
-          "dev": true,
-          "requires": {
-            "array-unique": "^0.3.2",
-            "define-property": "^1.0.0",
-            "expand-brackets": "^2.1.4",
-            "extend-shallow": "^2.0.1",
-            "fragment-cache": "^0.2.1",
-            "regex-not": "^1.0.0",
-            "snapdragon": "^0.8.1",
-            "to-regex": "^3.0.1"
-          },
-          "dependencies": {
-            "define-property": {
-              "version": "1.0.0",
-              "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
-              "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
-              "dev": true,
-              "requires": {
-                "is-descriptor": "^1.0.0"
-              }
-            },
-            "extend-shallow": {
-              "version": "2.0.1",
-              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-              "dev": true,
-              "requires": {
-                "is-extendable": "^0.1.0"
-              }
-            }
-          }
-        },
-        "fill-range": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
-          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
-          "dev": true,
-          "requires": {
-            "extend-shallow": "^2.0.1",
-            "is-number": "^3.0.0",
-            "repeat-string": "^1.6.1",
-            "to-regex-range": "^2.1.0"
-          },
-          "dependencies": {
-            "extend-shallow": {
-              "version": "2.0.1",
-              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-              "dev": true,
-              "requires": {
-                "is-extendable": "^0.1.0"
-              }
-            }
-          }
-        },
-        "find-cache-dir": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
-          "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
-          "dev": true,
-          "requires": {
-            "commondir": "^1.0.1",
-            "make-dir": "^2.0.0",
-            "pkg-dir": "^3.0.0"
-          }
-        },
-        "is-accessor-descriptor": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-          "dev": true,
-          "requires": {
-            "kind-of": "^6.0.0"
-          }
-        },
-        "is-data-descriptor": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-          "dev": true,
-          "requires": {
-            "kind-of": "^6.0.0"
-          }
-        },
-        "is-descriptor": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
-          "dev": true,
-          "requires": {
-            "is-accessor-descriptor": "^1.0.0",
-            "is-data-descriptor": "^1.0.0",
-            "kind-of": "^6.0.2"
-          }
-        },
-        "is-number": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
-          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
-          "dev": true,
-          "requires": {
-            "kind-of": "^3.0.2"
-          },
-          "dependencies": {
-            "kind-of": {
-              "version": "3.2.2",
-              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
-              "dev": true,
-              "requires": {
-                "is-buffer": "^1.1.5"
-              }
-            }
-          }
-        },
-        "isobject": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
-          "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
-          "dev": true
-        },
-        "kind-of": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-          "dev": true
-        },
-        "lru-cache": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-          "dev": true,
-          "requires": {
-            "yallist": "^3.0.2"
-          }
-        },
-        "make-dir": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-          "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-          "dev": true,
-          "requires": {
-            "pify": "^4.0.1",
-            "semver": "^5.6.0"
-          }
-        },
-        "memory-fs": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
-          "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
-          "dev": true,
-          "requires": {
-            "errno": "^0.1.3",
-            "readable-stream": "^2.0.1"
-          }
-        },
-        "micromatch": {
-          "version": "3.1.10",
-          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
-          "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
-          "dev": true,
-          "requires": {
-            "arr-diff": "^4.0.0",
-            "array-unique": "^0.3.2",
-            "braces": "^2.3.1",
-            "define-property": "^2.0.2",
-            "extend-shallow": "^3.0.2",
-            "extglob": "^2.0.4",
-            "fragment-cache": "^0.2.1",
-            "kind-of": "^6.0.2",
-            "nanomatch": "^1.2.9",
-            "object.pick": "^1.3.0",
-            "regex-not": "^1.0.0",
-            "snapdragon": "^0.8.1",
-            "to-regex": "^3.0.2"
-          }
-        },
-        "minimist": {
-          "version": "1.2.5",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
-          "dev": true
-        },
-        "mkdirp": {
-          "version": "0.5.4",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.4.tgz",
-          "integrity": "sha512-iG9AK/dJLtJ0XNgTuDbSyNS3zECqDlAhnQW4CsNxBG3LQJBbHmRX1egw39DmtOdCAqY+dKXV+sgPgilNWUKMVw==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.5"
-          }
-        },
-        "pify": {
-          "version": "4.0.1",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-          "dev": true
-        },
-        "schema-utils": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
-          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.1.0",
-            "ajv-errors": "^1.0.0",
-            "ajv-keywords": "^3.1.0"
-          }
-        },
-        "ssri": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
-          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
-          "dev": true,
-          "requires": {
-            "figgy-pudding": "^3.5.1"
-          }
-        },
         "terser-webpack-plugin": {
-          "version": "1.4.3",
-          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz",
-          "integrity": "sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==",
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.1.1.tgz",
+          "integrity": "sha512-5XNNXZiR8YO6X6KhSGXfY0QrGrCRlSwAEjIIrlRQR4W8nP69TaJUlh3bkuac6zzgspiGPfKEHcY295MMVExl5Q==",
           "dev": true,
           "requires": {
-            "cacache": "^12.0.2",
-            "find-cache-dir": "^2.1.0",
-            "is-wsl": "^1.1.0",
-            "schema-utils": "^1.0.0",
-            "serialize-javascript": "^2.1.2",
+            "jest-worker": "^26.6.2",
+            "p-limit": "^3.1.0",
+            "schema-utils": "^3.0.0",
+            "serialize-javascript": "^5.0.1",
             "source-map": "^0.6.1",
-            "terser": "^4.1.2",
-            "webpack-sources": "^1.4.0",
-            "worker-farm": "^1.7.0"
+            "terser": "^5.5.1"
           }
         },
-        "y18n": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
-          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
-          "dev": true
+        "watchpack": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.1.1.tgz",
+          "integrity": "sha512-Oo7LXCmc1eE1AjyuSBmtC3+Wy4HcV8PxWh2kP6fOl8yTlNS7r0K9l1ao2lrrUza7V39Y3D/BbJgY8VeSlc5JKw==",
+          "dev": true,
+          "requires": {
+            "glob-to-regexp": "^0.4.1",
+            "graceful-fs": "^4.1.2"
+          }
         },
-        "yallist": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-          "dev": true
+        "webpack-sources": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-2.2.0.tgz",
+          "integrity": "sha512-bQsA24JLwcnWGArOKUxYKhX3Mz/nK1Xf6hxullKERyktjNMC4x8koOeaDNTA2fEJ09BdWLbM/iTW0ithREUP0w==",
+          "dev": true,
+          "requires": {
+            "source-list-map": "^2.0.1",
+            "source-map": "^0.6.1"
+          }
         }
       }
     },
@@ -15770,22 +17020,120 @@
       }
     },
     "webpack-cli": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-3.3.11.tgz",
-      "integrity": "sha512-dXlfuml7xvAFwYUPsrtQAA9e4DOe58gnzSxhgrO/ZM/gyXTBowrsYeubyN4mqGhYdpXMFNyQ6emjJS9M7OBd4g==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.5.0.tgz",
+      "integrity": "sha512-wXg/ef6Ibstl2f50mnkcHblRPN/P9J4Nlod5Hg9HGFgSeF8rsqDGHJeVe4aR26q9l62TUJi6vmvC2Qz96YJw1Q==",
       "dev": true,
       "requires": {
-        "chalk": "2.4.2",
-        "cross-spawn": "6.0.5",
-        "enhanced-resolve": "4.1.0",
-        "findup-sync": "3.0.0",
-        "global-modules": "2.0.0",
-        "import-local": "2.0.0",
-        "interpret": "1.2.0",
-        "loader-utils": "1.2.3",
-        "supports-color": "6.1.0",
-        "v8-compile-cache": "2.0.3",
-        "yargs": "13.2.4"
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^1.0.1",
+        "@webpack-cli/info": "^1.2.2",
+        "@webpack-cli/serve": "^1.3.0",
+        "colorette": "^1.2.1",
+        "commander": "^7.0.0",
+        "enquirer": "^2.3.6",
+        "execa": "^5.0.0",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^2.2.0",
+        "rechoir": "^0.7.0",
+        "v8-compile-cache": "^2.2.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-7.1.0.tgz",
+          "integrity": "sha512-pRxBna3MJe6HKnBGsDyMv8ETbptw3axEdYHoqNh7gu5oDcew8fs0xnivZGm06Ogk8zGAJ9VX+OPEr2GXEQK4dg==",
+          "dev": true
+        },
+        "interpret": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
+          "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
+          "dev": true
+        },
+        "rechoir": {
+          "version": "0.7.0",
+          "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.7.0.tgz",
+          "integrity": "sha512-ADsDEH2bvbjltXEP+hTIAmeFekTFK0V2BTxMkok6qILyAJEXV0AFfoWcAq4yfll5VdIMd/RVXq0lR+wQi5ZU3Q==",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.9.0"
+          }
+        }
+      }
+    },
+    "webpack-dev-middleware": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.7.3.tgz",
+      "integrity": "sha512-djelc/zGiz9nZj/U7PTBi2ViorGJXEWo/3ltkPbDyxCXhhEXkW0ce99falaok4TPj+AsxLiXJR0EBOb0zh9fKQ==",
+      "dev": true,
+      "requires": {
+        "memory-fs": "^0.4.1",
+        "mime": "^2.4.4",
+        "mkdirp": "^0.5.1",
+        "range-parser": "^1.2.1",
+        "webpack-log": "^2.0.0"
+      },
+      "dependencies": {
+        "memory-fs": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+          "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
+          "dev": true,
+          "requires": {
+            "errno": "^0.1.3",
+            "readable-stream": "^2.0.1"
+          }
+        },
+        "mime": {
+          "version": "2.5.2",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz",
+          "integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==",
+          "dev": true
+        }
+      }
+    },
+    "webpack-dev-server": {
+      "version": "3.11.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.2.tgz",
+      "integrity": "sha512-A80BkuHRQfCiNtGBS1EMf2ChTUs0x+B3wGDFmOeT4rmJOHhHTCH2naNxIHhmkr0/UillP4U3yeIyv1pNp+QDLQ==",
+      "dev": true,
+      "requires": {
+        "ansi-html": "0.0.7",
+        "bonjour": "^3.5.0",
+        "chokidar": "^2.1.8",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^1.6.0",
+        "debug": "^4.1.1",
+        "del": "^4.1.1",
+        "express": "^4.17.1",
+        "html-entities": "^1.3.1",
+        "http-proxy-middleware": "0.19.1",
+        "import-local": "^2.0.0",
+        "internal-ip": "^4.3.0",
+        "ip": "^1.1.5",
+        "is-absolute-url": "^3.0.3",
+        "killable": "^1.0.1",
+        "loglevel": "^1.6.8",
+        "opn": "^5.5.0",
+        "p-retry": "^3.0.1",
+        "portfinder": "^1.0.26",
+        "schema-utils": "^1.0.0",
+        "selfsigned": "^1.10.8",
+        "semver": "^6.3.0",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.21",
+        "sockjs-client": "^1.5.0",
+        "spdy": "^4.0.2",
+        "strip-ansi": "^3.0.1",
+        "supports-color": "^6.1.0",
+        "url": "^0.11.0",
+        "webpack-dev-middleware": "^3.7.2",
+        "webpack-log": "^2.0.0",
+        "ws": "^6.2.1",
+        "yargs": "^13.3.2"
       },
       "dependencies": {
         "ansi-regex": {
@@ -15803,32 +17151,69 @@
             "color-convert": "^1.9.0"
           }
         },
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "^3.1.4",
+            "normalize-path": "^2.1.1"
+          },
+          "dependencies": {
+            "normalize-path": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+              "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+              "dev": true,
+              "requires": {
+                "remove-trailing-separator": "^1.0.1"
+              }
+            }
+          }
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.1.0",
+            "array-unique": "^0.3.2",
+            "extend-shallow": "^2.0.1",
+            "fill-range": "^4.0.0",
+            "isobject": "^3.0.1",
+            "repeat-element": "^1.1.2",
+            "snapdragon": "^0.8.1",
+            "snapdragon-node": "^2.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          }
+        },
         "camelcase": {
           "version": "5.3.1",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
           "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
           "dev": true
         },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+        "chokidar": {
+          "version": "2.1.8",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+          "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
           "dev": true,
           "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          },
-          "dependencies": {
-            "supports-color": {
-              "version": "5.5.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-              "dev": true,
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
+            "anymatch": "^2.0.0",
+            "async-each": "^1.0.1",
+            "braces": "^2.3.2",
+            "fsevents": "^1.2.7",
+            "glob-parent": "^3.1.0",
+            "inherits": "^2.0.3",
+            "is-binary-path": "^1.0.0",
+            "is-glob": "^4.0.0",
+            "normalize-path": "^3.0.0",
+            "path-is-absolute": "^1.0.0",
+            "readdirp": "^2.2.1",
+            "upath": "^1.1.1"
           }
         },
         "cliui": {
@@ -15840,36 +17225,53 @@
             "string-width": "^3.1.0",
             "strip-ansi": "^5.2.0",
             "wrap-ansi": "^5.1.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
           }
         },
-        "cross-spawn": {
-          "version": "6.0.5",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+        "debug": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
           "dev": true,
           "requires": {
-            "nice-try": "^1.0.4",
-            "path-key": "^2.0.1",
-            "semver": "^5.5.0",
-            "shebang-command": "^1.2.0",
-            "which": "^1.2.9"
+            "ms": "2.1.2"
           }
         },
-        "emojis-list": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
           "dev": true
         },
-        "enhanced-resolve": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz",
-          "integrity": "sha512-F/7vkyTtyc/llOIn8oWclcB25KdRaiPBpZYDgJHgh/UHtpgT2p2eldQgtQnLtUvfMKPKxbRaQM/hHkvLHt1Vng==",
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
           "dev": true,
           "requires": {
-            "graceful-fs": "^4.1.2",
-            "memory-fs": "^0.4.0",
-            "tapable": "^1.0.0"
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1",
+            "to-regex-range": "^2.1.0"
           }
         },
         "find-up": {
@@ -15887,30 +17289,41 @@
           "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
           "dev": true
         },
-        "global-modules": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-          "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
           "dev": true,
           "requires": {
-            "global-prefix": "^3.0.0"
+            "is-glob": "^3.1.0",
+            "path-dirname": "^1.0.0"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "^2.1.0"
+              }
+            }
           }
         },
-        "global-prefix": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-          "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+        "import-local": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
+          "integrity": "sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==",
           "dev": true,
           "requires": {
-            "ini": "^1.3.5",
-            "kind-of": "^6.0.2",
-            "which": "^1.3.1"
+            "pkg-dir": "^3.0.0",
+            "resolve-cwd": "^2.0.0"
           }
         },
-        "invert-kv": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
-          "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
+        "is-absolute-url": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
+          "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
           "dev": true
         },
         "is-fullwidth-code-point": {
@@ -15919,52 +17332,26 @@
           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
           "dev": true
         },
-        "kind-of": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         },
-        "lcid": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
-          "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
-          "dev": true,
-          "requires": {
-            "invert-kv": "^2.0.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.2.3",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-          "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^2.0.0",
-            "json5": "^1.0.1"
-          }
-        },
-        "memory-fs": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
-          "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
-          "dev": true,
-          "requires": {
-            "errno": "^0.1.3",
-            "readable-stream": "^2.0.1"
-          }
-        },
-        "os-locale": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
-          "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
-          "dev": true,
-          "requires": {
-            "execa": "^1.0.0",
-            "lcid": "^2.0.0",
-            "mem": "^4.0.0"
-          }
+        "normalize-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+          "dev": true
         },
         "require-main-filename": {
           "version": "2.0.0",
@@ -15972,6 +17359,38 @@
           "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
           "dev": true
         },
+        "resolve-cwd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+          "integrity": "sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=",
+          "dev": true,
+          "requires": {
+            "resolve-from": "^3.0.0"
+          }
+        },
+        "resolve-from": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+          "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+          "dev": true
+        },
+        "schema-utils": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-errors": "^1.0.0",
+            "ajv-keywords": "^3.1.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
         "string-width": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -15983,23 +17402,17 @@
             "strip-ansi": "^5.1.0"
           },
           "dependencies": {
-            "emoji-regex": {
-              "version": "7.0.3",
-              "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-              "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-              "dev": true
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
             }
           }
         },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        },
         "supports-color": {
           "version": "6.1.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
@@ -16024,31 +17437,41 @@
             "ansi-styles": "^3.2.0",
             "string-width": "^3.0.0",
             "strip-ansi": "^5.0.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
           }
         },
         "y18n": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
-          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.1.tgz",
+          "integrity": "sha512-wNcy4NvjMYL8gogWWYAO7ZFWFfHcbdbE57tZO8e4cbpj8tfUcwrwqSl3ad8HxpYWCdXcJUCeKKZS62Av1affwQ==",
           "dev": true
         },
         "yargs": {
-          "version": "13.2.4",
-          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.4.tgz",
-          "integrity": "sha512-HG/DWAJa1PAnHT9JAhNa8AbAv3FPaiLzioSjCcmuXXhP8MlpHO5vwls4g4j6n30Z74GVQj8Xa62dWVx1QCGklg==",
+          "version": "13.3.2",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+          "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
           "dev": true,
           "requires": {
             "cliui": "^5.0.0",
             "find-up": "^3.0.0",
             "get-caller-file": "^2.0.1",
-            "os-locale": "^3.1.0",
             "require-directory": "^2.1.1",
             "require-main-filename": "^2.0.0",
             "set-blocking": "^2.0.0",
             "string-width": "^3.0.0",
             "which-module": "^2.0.0",
             "y18n": "^4.0.0",
-            "yargs-parser": "^13.1.0"
+            "yargs-parser": "^13.1.2"
           }
         },
         "yargs-parser": {
@@ -16063,30 +17486,21 @@
         }
       }
     },
-    "webpack-core": {
-      "version": "0.6.9",
-      "resolved": "https://registry.npmjs.org/webpack-core/-/webpack-core-0.6.9.tgz",
-      "integrity": "sha1-/FcViMhVjad76e+23r3Fo7FyvcI=",
+    "webpack-log": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-2.0.0.tgz",
+      "integrity": "sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==",
       "dev": true,
       "requires": {
-        "source-list-map": "~0.1.7",
-        "source-map": "~0.4.1"
+        "ansi-colors": "^3.0.0",
+        "uuid": "^3.3.2"
       },
       "dependencies": {
-        "source-list-map": {
-          "version": "0.1.8",
-          "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-0.1.8.tgz",
-          "integrity": "sha1-xVCyq1Qn9rPyH1r+rYjE9Vh7IQY=",
+        "ansi-colors": {
+          "version": "3.2.4",
+          "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
+          "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==",
           "dev": true
-        },
-        "source-map": {
-          "version": "0.4.4",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
-          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
-          "dev": true,
-          "requires": {
-            "amdefine": ">=0.0.4"
-          }
         }
       }
     },
@@ -16115,6 +17529,16 @@
         }
       }
     },
+    "webpack-merge": {
+      "version": "5.7.3",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.7.3.tgz",
+      "integrity": "sha512-6/JUQv0ELQ1igjGDzHkXbVDRxkfA57Zw7PfiupdLFJYrgFqY5ZP8xxbpp2lU3EPwYx89ht5Z/aDkD40hFCm5AA==",
+      "dev": true,
+      "requires": {
+        "clone-deep": "^4.0.1",
+        "wildcard": "^2.0.0"
+      }
+    },
     "webpack-sources": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
@@ -16126,297 +17550,10 @@
       }
     },
     "webpack-svg-sprite-generator": {
-      "version": "1.0.17",
-      "resolved": "https://registry.npmjs.org/webpack-svg-sprite-generator/-/webpack-svg-sprite-generator-1.0.17.tgz",
-      "integrity": "sha512-yk9ANOyoE+w/M6L1KAcBVwMguBN3JRZyCCOmPTtBCGV2Y8yHKDp0NCTDh5iw3ueanOua39kcZQr8RHW5wtQQ6Q==",
-      "dev": true,
-      "requires": {
-        "fs-extra": "^9.0.1",
-        "path": "^0.12.7",
-        "potpack": "^1.0.1",
-        "webpack": "^4.44.1"
-      },
-      "dependencies": {
-        "binary-extensions": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz",
-          "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==",
-          "dev": true,
-          "optional": true
-        },
-        "cacache": {
-          "version": "12.0.4",
-          "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
-          "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
-          "dev": true,
-          "requires": {
-            "bluebird": "^3.5.5",
-            "chownr": "^1.1.1",
-            "figgy-pudding": "^3.5.1",
-            "glob": "^7.1.4",
-            "graceful-fs": "^4.1.15",
-            "infer-owner": "^1.0.3",
-            "lru-cache": "^5.1.1",
-            "mississippi": "^3.0.0",
-            "mkdirp": "^0.5.1",
-            "move-concurrently": "^1.0.1",
-            "promise-inflight": "^1.0.1",
-            "rimraf": "^2.6.3",
-            "ssri": "^6.0.1",
-            "unique-filename": "^1.1.1",
-            "y18n": "^4.0.0"
-          }
-        },
-        "chokidar": {
-          "version": "3.4.2",
-          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.2.tgz",
-          "integrity": "sha512-IZHaDeBeI+sZJRX7lGcXsdzgvZqKv6sECqsbErJA4mHWfpRrD8B97kSFN4cQz6nGBGiuFia1MKR4d6c1o8Cv7A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "anymatch": "~3.1.1",
-            "braces": "~3.0.2",
-            "fsevents": "~2.1.2",
-            "glob-parent": "~5.1.0",
-            "is-binary-path": "~2.1.0",
-            "is-glob": "~4.0.1",
-            "normalize-path": "~3.0.0",
-            "readdirp": "~3.4.0"
-          }
-        },
-        "enhanced-resolve": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.3.0.tgz",
-          "integrity": "sha512-3e87LvavsdxyoCfGusJnrZ5G8SLPOFeHSNpZI/ATL9a5leXo2k0w6MKnbqhdBad9qTobSfB20Ld7UmgoNbAZkQ==",
-          "dev": true,
-          "requires": {
-            "graceful-fs": "^4.1.2",
-            "memory-fs": "^0.5.0",
-            "tapable": "^1.0.0"
-          },
-          "dependencies": {
-            "memory-fs": {
-              "version": "0.5.0",
-              "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
-              "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
-              "dev": true,
-              "requires": {
-                "errno": "^0.1.3",
-                "readable-stream": "^2.0.1"
-              }
-            }
-          }
-        },
-        "find-cache-dir": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
-          "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
-          "dev": true,
-          "requires": {
-            "commondir": "^1.0.1",
-            "make-dir": "^2.0.0",
-            "pkg-dir": "^3.0.0"
-          }
-        },
-        "fs-extra": {
-          "version": "9.0.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz",
-          "integrity": "sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==",
-          "dev": true,
-          "requires": {
-            "at-least-node": "^1.0.0",
-            "graceful-fs": "^4.2.0",
-            "jsonfile": "^6.0.1",
-            "universalify": "^1.0.0"
-          }
-        },
-        "fsevents": {
-          "version": "2.1.3",
-          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
-          "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
-          "dev": true,
-          "optional": true
-        },
-        "is-binary-path": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-          "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "binary-extensions": "^2.0.0"
-          }
-        },
-        "jsonfile": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.0.1.tgz",
-          "integrity": "sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==",
-          "dev": true,
-          "requires": {
-            "graceful-fs": "^4.1.6",
-            "universalify": "^1.0.0"
-          }
-        },
-        "lru-cache": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-          "dev": true,
-          "requires": {
-            "yallist": "^3.0.2"
-          }
-        },
-        "make-dir": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-          "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-          "dev": true,
-          "requires": {
-            "pify": "^4.0.1",
-            "semver": "^5.6.0"
-          }
-        },
-        "memory-fs": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
-          "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
-          "dev": true,
-          "requires": {
-            "errno": "^0.1.3",
-            "readable-stream": "^2.0.1"
-          }
-        },
-        "normalize-path": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-          "dev": true,
-          "optional": true
-        },
-        "pify": {
-          "version": "4.0.1",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-          "dev": true
-        },
-        "readdirp": {
-          "version": "3.4.0",
-          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
-          "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "picomatch": "^2.2.1"
-          }
-        },
-        "schema-utils": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
-          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.1.0",
-            "ajv-errors": "^1.0.0",
-            "ajv-keywords": "^3.1.0"
-          }
-        },
-        "serialize-javascript": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
-          "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
-          "dev": true,
-          "requires": {
-            "randombytes": "^2.1.0"
-          }
-        },
-        "ssri": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
-          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
-          "dev": true,
-          "requires": {
-            "figgy-pudding": "^3.5.1"
-          }
-        },
-        "terser-webpack-plugin": {
-          "version": "1.4.5",
-          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz",
-          "integrity": "sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==",
-          "dev": true,
-          "requires": {
-            "cacache": "^12.0.2",
-            "find-cache-dir": "^2.1.0",
-            "is-wsl": "^1.1.0",
-            "schema-utils": "^1.0.0",
-            "serialize-javascript": "^4.0.0",
-            "source-map": "^0.6.1",
-            "terser": "^4.1.2",
-            "webpack-sources": "^1.4.0",
-            "worker-farm": "^1.7.0"
-          }
-        },
-        "universalify": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/universalify/-/universalify-1.0.0.tgz",
-          "integrity": "sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==",
-          "dev": true
-        },
-        "watchpack": {
-          "version": "1.7.4",
-          "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.4.tgz",
-          "integrity": "sha512-aWAgTW4MoSJzZPAicljkO1hsi1oKj/RRq/OJQh2PKI2UKL04c2Bs+MBOB+BBABHTXJpf9mCwHN7ANCvYsvY2sg==",
-          "dev": true,
-          "requires": {
-            "chokidar": "^3.4.1",
-            "graceful-fs": "^4.1.2",
-            "neo-async": "^2.5.0",
-            "watchpack-chokidar2": "^2.0.0"
-          }
-        },
-        "webpack": {
-          "version": "4.44.2",
-          "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.44.2.tgz",
-          "integrity": "sha512-6KJVGlCxYdISyurpQ0IPTklv+DULv05rs2hseIXer6D7KrUicRDLFb4IUM1S6LUAKypPM/nSiVSuv8jHu1m3/Q==",
-          "dev": true,
-          "requires": {
-            "@webassemblyjs/ast": "1.9.0",
-            "@webassemblyjs/helper-module-context": "1.9.0",
-            "@webassemblyjs/wasm-edit": "1.9.0",
-            "@webassemblyjs/wasm-parser": "1.9.0",
-            "acorn": "^6.4.1",
-            "ajv": "^6.10.2",
-            "ajv-keywords": "^3.4.1",
-            "chrome-trace-event": "^1.0.2",
-            "enhanced-resolve": "^4.3.0",
-            "eslint-scope": "^4.0.3",
-            "json-parse-better-errors": "^1.0.2",
-            "loader-runner": "^2.4.0",
-            "loader-utils": "^1.2.3",
-            "memory-fs": "^0.4.1",
-            "micromatch": "^3.1.10",
-            "mkdirp": "^0.5.3",
-            "neo-async": "^2.6.1",
-            "node-libs-browser": "^2.2.1",
-            "schema-utils": "^1.0.0",
-            "tapable": "^1.1.3",
-            "terser-webpack-plugin": "^1.4.3",
-            "watchpack": "^1.7.4",
-            "webpack-sources": "^1.4.1"
-          }
-        },
-        "y18n": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
-          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
-          "dev": true
-        },
-        "yallist": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-          "dev": true
-        }
-      }
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/webpack-svg-sprite-generator/-/webpack-svg-sprite-generator-5.0.2.tgz",
+      "integrity": "sha512-i3b4aKgy2VZI7uYYEteKvnv3+mRtG+UfFSCYvnvoGs4dLJ++pDwbGGZL1XaYXN8qbePsHD88JQEvhfkChtx3aw==",
+      "dev": true
     },
     "webrtc-adapter": {
       "version": "7.5.1",
@@ -16427,6 +17564,23 @@
         "sdp": "^2.12.0"
       }
     },
+    "websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "requires": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true
+    },
     "which": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@@ -16436,6 +17590,19 @@
         "isexe": "^2.0.0"
       }
     },
+    "which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "requires": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      }
+    },
     "which-module": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
@@ -16500,22 +17667,19 @@
         }
       }
     },
-    "worker-farm": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
-      "integrity": "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==",
-      "dev": true,
-      "requires": {
-        "errno": "~0.1.7"
-      }
+    "wildcard": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
+      "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
+      "dev": true
     },
-    "worker-plugin": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/worker-plugin/-/worker-plugin-4.0.3.tgz",
-      "integrity": "sha512-7hFDYWiKcE3yHZvemsoM9lZis/PzurHAEX1ej8PLCu818Rt6QqUAiDdxHPCKZctzmhqzPpcFSgvMCiPbtooqAg==",
+    "worker-rpc": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/worker-rpc/-/worker-rpc-0.1.1.tgz",
+      "integrity": "sha512-P1WjMrUB3qgJNI9jfmpZ/htmBEjFh//6l/5y8SD9hg1Ef5zTTVVoRjTrTEzPrNBQvmhMxkoTsjOXN10GWU7aCg==",
       "dev": true,
       "requires": {
-        "loader-utils": "^1.1.0"
+        "microevent.ts": "~0.1.1"
       }
     },
     "wrap-ansi": {
@@ -16560,15 +17724,6 @@
       "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
       "dev": true
     },
-    "xml-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/xml-parser/-/xml-parser-1.2.1.tgz",
-      "integrity": "sha1-wx9MNPKXXbgq0BMiISBZJzYVb80=",
-      "dev": true,
-      "requires": {
-        "debug": "^2.2.0"
-      }
-    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index dba78d4b..d49e298e 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
     "build-client": "webpack --config webpack-client.config.js",
     "webpack-web": "webpack --config webpack-web.config.js",
     "webpack-client": "webpack --config webpack-client.config.js",
-    "generate-i18n-gtranslate": "node shared/generate_i18n_gtranslate.js"
+    "generate-i18n-gtranslate": "node shared/generate_i18n_gtranslate.js",
+    "dev-server": "webpack serve --config webpack-web.config.js"
   },
   "author": "TeaSpeak (WolverinDEV)",
   "license": "ISC",
@@ -29,12 +30,13 @@
     "@types/html-minifier": "^3.5.3",
     "@types/jquery": "^3.3.34",
     "@types/jsrender": "^1.0.5",
-    "@types/loader-utils": "^1.1.3",
     "@types/lodash": "^4.14.149",
     "@types/moment": "^2.13.0",
     "@types/node": "^12.7.2",
     "@types/react-color": "^3.0.4",
     "@types/react-dom": "^16.9.5",
+    "@types/react-grid-layout": "^1.1.1",
+    "@types/react-transition-group": "^4.4.0",
     "@types/remarkable": "^1.7.4",
     "@types/sdp-transform": "^2.4.4",
     "@types/sha256": "^0.2.0",
@@ -43,13 +45,11 @@
     "@types/xml-parser": "^1.2.29",
     "@wasm-tool/wasm-pack-plugin": "^1.3.1",
     "babel-loader": "^8.1.0",
-    "chunk-manifest-webpack-plugin": "^1.1.2",
     "circular-dependency-plugin": "^5.2.0",
     "clean-css": "^4.2.1",
     "clean-webpack-plugin": "^3.0.0",
     "css-loader": "^3.6.0",
-    "csso-cli": "^3.0.0",
-    "ejs": "^3.0.2",
+    "css-minimizer-webpack-plugin": "^1.3.0",
     "exports-loader": "^0.7.0",
     "fast-xml-parser": "^3.17.4",
     "file-loader": "^6.0.0",
@@ -57,13 +57,16 @@
     "gulp": "^4.0.2",
     "html-loader": "^1.0.0",
     "html-minifier": "^4.0.0",
-    "html-webpack-plugin": "^4.0.3",
+    "html-webpack-inline-source-plugin": "0.0.10",
+    "html-webpack-plugin": "^5.3.1",
+    "inline-chunks-html-webpack-plugin": "^1.3.1",
     "mime-types": "^2.1.24",
-    "mini-css-extract-plugin": "^0.9.0",
+    "mini-css-extract-plugin": "^1.3.9",
     "mkdirp": "^0.5.1",
     "node-sass": "^4.14.1",
     "potpack": "^1.0.1",
     "raw-loader": "^4.0.0",
+    "react-dev-utils": "^11.0.4",
     "sass": "1.22.10",
     "sass-loader": "^8.0.2",
     "sha256": "^0.2.0",
@@ -76,12 +79,11 @@
     "typescript": "^3.7.0",
     "url-loader": "^4.1.1",
     "wabt": "^1.0.13",
-    "webpack": "^4.42.1",
+    "webpack": "^5.26.1",
     "webpack-bundle-analyzer": "^3.6.1",
-    "webpack-cli": "^3.3.11",
-    "webpack-svg-sprite-generator": "^1.0.17",
-    "worker-plugin": "^4.0.3",
-    "xml-parser": "^1.2.1"
+    "webpack-cli": "^4.5.0",
+    "webpack-dev-server": "^3.11.2",
+    "webpack-svg-sprite-generator": "^5.0.2"
   },
   "repository": {
     "type": "git",
@@ -92,8 +94,6 @@
   },
   "homepage": "https://www.teaspeak.de",
   "dependencies": {
-    "@types/react-grid-layout": "^1.1.1",
-    "@types/react-transition-group": "^4.4.0",
     "broadcastchannel-polyfill": "^1.0.1",
     "detect-browser": "^5.2.0",
     "dompurify": "^2.0.8",
diff --git a/scripts/cleanup.sh b/scripts/cleanup.sh
index 2d51502d..3ef26a0b 100644
--- a/scripts/cleanup.sh
+++ b/scripts/cleanup.sh
@@ -43,6 +43,8 @@ if [[ "$1" == "full" ]]; then
     echo "Full cleanup. Deleting generated javascript and css files"
     cleanup_files "shared/js" "*.js" "JavaScript"
     cleanup_files "shared/js" "*.js.map" "JavaScript-Mapping"
+    cleanup_files "shared/js" "*.css" "JavaScript - CSS"
+    cleanup_files "shared/js" "*.css.map" "JavaScript - CSS - Mapping"
     cleanup_files "shared/css/static/" "*.css" "CSS" # We only use SCSS, not CSS
     cleanup_files "shared/css/static/" "*.css.map" "CSS-Mapping"
 
diff --git a/shared/css/generate_packed.sh b/shared/css/generate_packed.sh
deleted file mode 100644
index c31d58c3..00000000
--- a/shared/css/generate_packed.sh
+++ /dev/null
@@ -1,74 +0,0 @@
-#!/usr/bin/env bash
-
-cd "$(dirname "$0")" || exit 1
-#find css/static/ -name '*.css' -exec cat {} \; | npm run csso -- --output `pwd`/generated/static/base.css
-
-
-#File order
-files=(
-    "css/static/properties.css"
-    "css/static/main-layout.css"
-    "css/static/general.css"
-    "css/static/channel-tree.css"
-    "css/static/connection_handlers.css"
-    "css/static/context_menu.css"
-    "css/static/frame-chat.css"
-    "css/static/server-log.css"
-    "css/static/scroll.css"
-    "css/static/hostbanner.css"
-    "css/static/htmltags.css"
-    "css/static/menu-bar.css"
-    "css/static/mixin.css"
-    "css/static/modal.css"
-    "css/static/modals.css"
-    "css/static/modal-about.css"
-    "css/static/modal-avatar.css"
-    "css/static/modal-banclient.css"
-    "css/static/modal-banlist.css"
-    "css/static/modal-bookmarks.css"
-    "css/static/modal-channel.css"
-    "css/static/modal-channelinfo.css"
-    "css/static/modal-clientinfo.css"
-    "css/static/modal-connect.css"
-    "css/static/modal-group-assignment.css"
-    "css/static/modal-icons.css"
-    "css/static/modal-identity.css"
-    "css/static/modal-newcomer.css"
-    "css/static/modal-invite.css"
-    "css/static/modal-keyselect.css"
-    "css/static/modal-poke.css"
-    "css/static/modal-query.css"
-    "css/static/modal-server.css"
-    "css/static/modal-musicmanage.css"
-    "css/static/modal-serverinfobandwidth.css"
-    "css/static/modal-serverinfo.css"
-    "css/static/modal-settings.css"
-    "css/static/overlay-image-preview.css"
-
-    "css/static/ts/tab.css"
-    "css/static/ts/chat.css"
-    "css/static/ts/icons.css"
-    "css/static/ts/icons_em.css"
-    "css/static/ts/country.css"
-)
-
-target_file=`pwd`/../generated/static/base.css
-
-if [[ ! -d $(dirname ${target_file}) ]]; then
-    echo "Creating target path ($(dirname "${target_file}"))"
-    mkdir -p $(dirname "${target_file}")
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to create target path!"
-        exit 1
-    fi
-fi
-
-echo "/* Auto generated merged CSS file */" > "${target_file}"
-for file in "${files[@]}"; do
-    if [[ ${file} =~ css/* ]]; then
-        file="./${file:4}"
-    fi
-    cat "${file}" >> "${target_file}"
-done
-
-cat "${target_file}" | npm run csso -- --output "$(pwd)/../generated/static/base.css"
\ No newline at end of file
diff --git a/shared/js/global.d.ts b/shared/js/global.d.ts
index 819d17bb..8ea2302d 100644
--- a/shared/js/global.d.ts
+++ b/shared/js/global.d.ts
@@ -1,4 +1,9 @@
 declare module "*.png" {
     const value: any;
     export = value;
+}
+
+declare module "*.html" {
+    const value: any;
+    export = value;
 }
\ No newline at end of file
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index 99808c41..afbf6984 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -583,4 +583,4 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING,{
         }
     },
     priority: 100
-});
+});
\ No newline at end of file
diff --git a/shared/js/profiles/identities/TeamSpeakIdentity.ts b/shared/js/profiles/identities/TeamSpeakIdentity.ts
index a8e72aad..3e7f808e 100644
--- a/shared/js/profiles/identities/TeamSpeakIdentity.ts
+++ b/shared/js/profiles/identities/TeamSpeakIdentity.ts
@@ -294,7 +294,8 @@ class IdentityPOWWorker {
     private _initialized = false;
 
     async initialize(key: string) {
-        this._worker = new Worker("tc-shared/workers/pow", { type: "module" });
+        // @ts-ignore
+        this._worker = new Worker(new URL("tc-shared/workers/pow", import.meta.url));
 
         /* initialize */
         await new Promise<void>((resolve, reject) => {
diff --git a/shared/js/proto.ts b/shared/js/proto.ts
index 7bfd45dc..6af27fc2 100644
--- a/shared/js/proto.ts
+++ b/shared/js/proto.ts
@@ -228,21 +228,17 @@ if(typeof ($) !== "undefined") {
     if(!$.fn.renderTag) {
         $.fn.renderTag = function (this: JQuery, values?: any) : JQuery {
             let result;
-            if(this.render) {
-                result = $(this.render(values));
-            } else {
-                const template = jsrender.render[this.attr("id")];
-                if(!template) {
-                    console.error("Tried to render template %o, but template is not available!", this.attr("id"));
-                    throw "missing template " + this.attr("id");
-                }
-                /*
-                result = window.jsrender.templates("tmpl_permission_entry", $("#tmpl_permission_entry").html());
-                result = window.jsrender.templates("xxx", this.html());
-                */
-                result = template(values);
-                result = $(result);
+            const template = $.views.templates[this.attr("id")];
+            if(!template) {
+                console.error("Tried to render template %o, but template is not available!", this.attr("id"));
+                throw "missing template " + this.attr("id");
             }
+            /*
+            result = window.jsrender.templates("tmpl_permission_entry", $("#tmpl_permission_entry").html());
+            result = window.jsrender.templates("xxx", this.html());
+            */
+            result = template(values);
+            result = $(result);
             result.find("node").each((index, element) => {
                 $(element).replaceWith(values[$(element).attr("key")] || (values[0] || [])[$(element).attr("key")]);
             });
diff --git a/shared/js/ui/AppRenderer.tsx b/shared/js/ui/AppRenderer.tsx
index 529ca799..6ca22a60 100644
--- a/shared/js/ui/AppRenderer.tsx
+++ b/shared/js/ui/AppRenderer.tsx
@@ -20,7 +20,6 @@ import {ChannelTreeRenderer} from "tc-shared/ui/tree/Renderer";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 
 const cssStyle = require("./AppRenderer.scss");
-
 const VideoFrame = React.memo((props: { events: Registry<AppUiEvents> }) => {
     const refElement = React.useRef<HTMLDivElement>();
     const [ container, setContainer ] = useState<HTMLDivElement | undefined>(() => {
diff --git a/shared/js/ui/jsrender.ts b/shared/js/ui/jsrender.ts
index 198036b2..4089b488 100644
--- a/shared/js/ui/jsrender.ts
+++ b/shared/js/ui/jsrender.ts
@@ -2,6 +2,26 @@ import * as loader from "tc-loader";
 import moment from "moment";
 import {LogCategory, logError, logTrace} from "../log";
 import {tr} from "tc-shared/i18n/localize";
+import TemplateFile from "../../html/templates.html";
+import TemplateMusicManage from "../../html/templates/modal/musicmanage.html";
+import TemplateNewComer from "../../html/templates/modal/newcomer.html";
+
+function initializeHtml(html: string) {
+    const hangingPoint = document.getElementById("templates");
+
+    const node = document.createElement("html");
+    node.innerHTML = html;
+    for(const element of node.getElementsByClassName("jsrender-template")) {
+        if(!$.templates(element.id, element.innerHTML)) {
+            logError(LogCategory.GENERAL, tr("Failed to setup cache for js renderer template %s!"), element.id);
+        } else {
+            logTrace(LogCategory.GENERAL, tr("Successfully loaded jsrender template %s"), element.id);
+
+            const elem = document.createElement("div");
+            elem.id = element.id;
+            hangingPoint?.appendChild(elem);        }
+    }
+}
 
 export function setupJSRender() : boolean {
     if(!$.views) {
@@ -25,11 +45,8 @@ export function setupJSRender() : boolean {
         return /* @tr-ignore */ tr(args[0]);
     });
 
-    $(".jsrender-template").each((idx, _entry) => {
-        if(!$.templates(_entry.id, _entry.innerHTML)) {
-            logError(LogCategory.GENERAL, tr("Failed to setup cache for js renderer template %s!"), _entry.id);
-        } else
-            logTrace(LogCategory.GENERAL, tr("Successfully loaded jsrender template %s"), _entry.id);
-    });
+    initializeHtml(TemplateFile);
+    initializeHtml(TemplateMusicManage);
+    initializeHtml(TemplateNewComer);
     return true;
 }
\ No newline at end of file
diff --git a/tsbaseconfig.json b/tsbaseconfig.json
index 8252103a..da896b8c 100644
--- a/tsbaseconfig.json
+++ b/tsbaseconfig.json
@@ -14,12 +14,9 @@
     "webpack-web.config.ts",
 
     "webpack/build-definitions.d.ts",
-    "webpack/ManifestPlugin.ts",
-    "webpack/EJSGenerator.ts",
+    "webpack/HtmlWebpackInlineSource.ts",
     "webpack/WatLoader.ts",
-    "webpack/DevelBlocks.ts",
-
-    "loader/IndexGenerator.ts",
+    "webpack/ManifestPlugin.ts",
 
     "babel.config.ts",
     "file.ts"
diff --git a/web/app/ui/FaviconRenderer.tsx b/web/app/ui/FaviconRenderer.tsx
index aeed7121..6c66027e 100644
--- a/web/app/ui/FaviconRenderer.tsx
+++ b/web/app/ui/FaviconRenderer.tsx
@@ -25,6 +25,7 @@ async function initializeFaviconRenderer() {
 
     iconImage = new Image();
     iconImage.src = kClientSpriteUrl;
+
     await new Promise((resolve, reject) => {
         iconImage.onload = resolve;
         iconImage.onerror = () => reject("failed to load client icon sprite");
diff --git a/webpack-client.config.ts b/webpack-client.config.ts
index 0661607e..04be2197 100644
--- a/webpack-client.config.ts
+++ b/webpack-client.config.ts
@@ -3,7 +3,7 @@ import * as config_base from "./webpack.config";
 
 export = () => config_base.config("client").then(config => {
     Object.assign(config.entry, {
-        "client-app": "./client/app/index.ts"
+        "client-app": ["./client/app/index.ts"]
     });
 
     Object.assign(config.resolve.alias, {
@@ -15,7 +15,7 @@ export = () => config_base.config("client").then(config => {
     if(!Array.isArray(config.externals))
         throw "invalid config";
 
-    config.externals.push((context, request, callback) => {
+    config.externals.push(({ context, request }, callback) => {
         if (request.startsWith("tc-backend/")) {
             return callback(null, `window["backend-loader"].require("${request}")`);
         }
diff --git a/webpack-web.config.ts b/webpack-web.config.ts
index 308558dd..757886c6 100644
--- a/webpack-web.config.ts
+++ b/webpack-web.config.ts
@@ -3,8 +3,8 @@ import * as config_base from "./webpack.config";
 
 export = () => config_base.config("web").then(config => {
     Object.assign(config.entry, {
-        "shared-app": "./web/app/index.ts",
-        "modal-external": "./web/app/index-external.ts"
+        "shared-app": ["./web/app/index.ts"],
+        "modal-external": ["./web/app/index-external.ts"]
     });
 
     Object.assign(config.resolve.alias, {
@@ -13,7 +13,5 @@ export = () => config_base.config("web").then(config => {
         "tc-backend": path.resolve(__dirname, "web/app"),
     });
 
-    config.node = config.node || {};
-    config.node["fs"] = "empty";
     return Promise.resolve(config);
 });
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index 850eb891..29260b19 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -3,20 +3,23 @@ import * as fs from "fs";
 import trtransformer from "./tools/trgen/ts_transformer";
 import {exec} from "child_process";
 import * as util from "util";
-import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
 
-import LoaderIndexGenerator from "./loader/IndexGenerator";
 import {Configuration} from "webpack";
 
 const path = require('path');
 const webpack = require("webpack");
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
 const ManifestGenerator = require("./webpack/ManifestPlugin");
-const WorkerPlugin = require('worker-plugin');
+const InlineChunkHtmlPlugin = require("react-dev-utils/InlineChunkHtmlPlugin");
+
+import HtmlWebpackPlugin from "html-webpack-plugin";
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
+
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 
 export let isDevelopment = process.env.NODE_ENV === 'development';
 console.log("Webpacking for %s (%s)", isDevelopment ? "development" : "production", process.env.NODE_ENV || "NODE_ENV not specified");
@@ -63,34 +66,60 @@ const isLoaderFile = (file: string) => {
     return false;
 };
 
-export const config = async (target: "web" | "client"): Promise<Configuration> => ({
+const generateIndexPlugin = (target: "web" | "client"): HtmlWebpackPlugin => {
+    const options: HtmlWebpackPlugin.Options & { inlineSource?: RegExp | string } = {};
+
+    options.cache = true;
+    options.chunks = ["loader"];
+    options.inject = false;
+    options.template = path.join(__dirname, "loader", "index.ejs");
+    options.templateParameters = { buildTarget: target };
+    options.scriptLoading = "defer";
+
+    if(!isDevelopment) {
+        options.minify = {
+            html5: true,
+
+            collapseWhitespace: true,
+            removeComments: true,
+            removeRedundantAttributes: true,
+            removeScriptTypeAttributes: true,
+            removeTagWhitespace: true,
+            minifyCSS: true,
+            minifyJS: true,
+            minifyURLs: true,
+        };
+
+        options.inlineSource = /\.(js|css)$/;
+    }
+    return new HtmlWebpackPlugin(options);
+}
+
+export const config = async (target: "web" | "client"): Promise<Configuration & { devServer: any }> => ({
     entry: {
-        "loader": "./loader/app/index.ts",
-        "modal-external": "./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts",
+        "loader": ["./loader/app/index.ts"],
+        "modal-external": ["./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts"],
         //"devel-main": "./shared/js/devel_main.ts"
     },
 
     devtool: isDevelopment ? "inline-source-map" : undefined,
     mode: isDevelopment ? "development" : "production",
     plugins: [
-        //new CleanWebpackPlugin(),
+        new CleanWebpackPlugin(),
         new MiniCssExtractPlugin({
-            filename: isDevelopment ? '[name].css' : '[name].[hash].css',
-            chunkFilename: isDevelopment ? '[id].css' : '[id].[hash].css'
+            filename: isDevelopment ? '[name].css' : '[name].[contenthash].css',
+            chunkFilename: isDevelopment ? '[id].css' : '[id].[contenthash].css',
+            ignoreOrder: true
         }),
         new ManifestGenerator({
-            file: path.join(__dirname, "dist/manifest.json"),
-            base: __dirname
+            outputFileName: "manifest.json",
+            context: __dirname
         }),
-        new WorkerPlugin(),
         //new BundleAnalyzerPlugin(),
-        isDevelopment ? undefined : new webpack.optimize.AggressiveSplittingPlugin({
-            minSize: 1024 * 8,
-            maxSize: 1024 * 128
-        }),
         new webpack.DefinePlugin(await generateDefinitions(target)),
         new SvgSpriteGenerator({
             dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
+            publicPath: "js/",
             configurations: {
                 "client-icons": {
                     folder: path.join(__dirname, "shared", "img", "client-icons"),
@@ -125,20 +154,22 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
                 }
             }
         }),
-        new LoaderIndexGenerator({
-            buildTarget: target,
-            output: path.join(__dirname, "dist/index.html"),
-            isDevelopment: isDevelopment
-        })
+        generateIndexPlugin(target),
+        new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/.*/]),
     ].filter(e => !!e),
 
     module: {
         rules: [
             {
                 test: /\.(s[ac]|c)ss$/,
-                loader: [
-                    'style-loader',
-                    //MiniCssExtractPlugin.loader,
+                use: [
+                    //'style-loader',
+                    {
+                        loader: MiniCssExtractPlugin.loader,
+                        options: {
+                            esModule: false
+                        }
+                    },
                     {
                         loader: 'css-loader',
                         options: {
@@ -161,7 +192,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
                 test: (module: string) => module.match(/\.tsx?$/) && !isLoaderFile(module),
                 exclude: /node_modules/,
 
-                loader: [
+                use: [
                     {
                         loader: 'ts-loader',
                         options: {
@@ -185,7 +216,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
                 test: (module: string) => module.match(/\.tsx?$/) && isLoaderFile(module),
                 exclude: /(node_modules|bower_components)/,
 
-                loader: [
+                use: [
                     {
                         loader: "babel-loader",
                         options: {
@@ -202,24 +233,26 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
             },
             {
                 test: /\.was?t$/,
-                loader: [
+                use: [
                     "./webpack/WatLoader.js"
                 ]
             },
             {
                 test: /\.svg$/,
-                loader: 'svg-inline-loader'
+                use: 'svg-inline-loader'
             },
             {
-                test: /ChangeLog\.md$/i,
-                loader: "raw-loader",
-                options: {
-                    esModule: false
-                }
+                test: /ChangeLog\.md$|\.html$/i,
+                use: {
+                    loader: "raw-loader",
+                    options: {
+                        esModule: false
+                    }
+                },
             },
             {
                 test: /\.(png|jpg|jpeg|gif)?$/,
-                loader: 'file-loader',
+                use: 'file-loader',
             },
         ]
     } as any,
@@ -245,9 +278,19 @@ export const config = async (target: "web" | "client"): Promise<Configuration> =
     },
     optimization: {
         splitChunks: {
-            chunks: "all"
+            chunks: "all",
+            maxSize: 512 * 1024
         },
         minimize: !isDevelopment,
-        minimizer: [new TerserPlugin()]
-    }
+        minimizer: [
+            new TerserPlugin(),
+            new CssMinimizerPlugin()
+        ]
+    },
+    devServer: {
+        publicPath: "/",
+        contentBase: path.join(__dirname, 'dist'),
+        writeToDisk: true,
+        compress: true
+    },
 });
\ No newline at end of file
diff --git a/webpack/EJSGenerator.ts b/webpack/EJSGenerator.ts
deleted file mode 100644
index 8ebeb8dd..00000000
--- a/webpack/EJSGenerator.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import * as webpack from "webpack";
-import * as ejs from "ejs";
-import * as fs from "fs";
-import * as util from "util";
-import * as minifier from "html-minifier";
-import * as path from "path";
-import Compilation = webpack.compilation.Compilation;
-
-interface Options {
-    input: string,
-    output: string,
-
-    minify?: boolean,
-
-    initialJSEntryChunk: string,
-    embedInitialJSEntryChunk?: boolean,
-
-    initialCSSFile: {
-        localFile: string,
-        publicFile: string
-    },
-    embedInitialCSSFile?: boolean,
-
-    variables?: {[name: string]: any};
-}
-
-class EJSGenerator {
-    readonly options: Options;
-
-    constructor(options: Options) {
-        this.options = options;
-    }
-
-    private async generateEntryJsTag(compilation: Compilation) {
-        const entry_group = compilation.chunkGroups.find(e => e.options.name === this.options.initialJSEntryChunk);
-        if(!entry_group) return; /* not the correct compilation */
-
-        const tags = entry_group.chunks.map(chunk => {
-            if(chunk.files.length !== 1)
-                throw "invalid chunk file count";
-
-            const file = chunk.files[0];
-            if(path.extname(file) !== ".js")
-                throw "Entry chunk file has unknown extension";
-
-            if(!this.options.embedInitialJSEntryChunk) {
-                return '<script type="application/javascript" src=' + compilation.compiler.options.output.publicPath + file + ' async defer></script>';
-            } else {
-                const script = fs.readFileSync(path.join(compilation.compiler.outputPath, file));
-                return `<script type="application/javascript">${script}</script>`;
-            }
-        });
-        return tags.join("\n");
-    }
-
-    private async generateEntryCssTag() {
-        if(this.options.embedInitialCSSFile) {
-            const style = await util.promisify(fs.readFile)(this.options.initialCSSFile.localFile);
-            return `<style>${style}</style>`
-        } else {
-            return `<link rel="stylesheet" href="${this.options.initialCSSFile.publicFile}">`
-        }
-    }
-
-    apply(compiler: webpack.Compiler) {
-        compiler.hooks.afterEmit.tapPromise(this.constructor.name, async compilation => {
-            const input = await util.promisify(fs.readFile)(this.options.input);
-            const variables = Object.assign({}, this.options.variables);
-
-            variables["initial_script"] = await this.generateEntryJsTag(compilation);
-            variables["initial_css"] = await this.generateEntryCssTag();
-
-            let generated = await ejs.render(input.toString(), variables, {
-                beautify: false, /* uglify is a bit dump and does not understands ES6 */
-                context: this
-            });
-
-            if(this.options.minify) {
-                generated = minifier.minify(generated, {
-                    html5: true,
-
-                    collapseWhitespace: true,
-                    removeComments: true,
-                    removeRedundantAttributes: true,
-                    removeScriptTypeAttributes: true,
-                    removeTagWhitespace: true,
-                    minifyCSS: true,
-                    minifyJS: true,
-                    minifyURLs: true,
-                });
-            }
-
-            await util.promisify(fs.writeFile)(this.options.output, generated);
-        });
-
-        compiler.hooks.afterCompile.tapPromise(this.constructor.name, async compilation => {
-            const file = path.resolve(this.options.input);
-            if(compilation.fileDependencies.has(file))
-                return;
-
-            console.log("Adding additional watch to %s", file);
-            compilation.fileDependencies.add(file);
-        });
-    }
-}
-
-export = EJSGenerator;
\ No newline at end of file
diff --git a/webpack/ManifestPlugin.ts b/webpack/ManifestPlugin.ts
index 6aefde2d..3d8874ab 100644
--- a/webpack/ManifestPlugin.ts
+++ b/webpack/ManifestPlugin.ts
@@ -1,65 +1,64 @@
 import * as webpack from "webpack";
-import * as fs from "fs-extra";
 import * as path from "path";
 
 interface Options {
-    file?: string;
-    base: string;
+    outputFileName?: string;
+    context: string;
 }
 
 class ManifestGenerator {
-    private manifest_content;
+    private readonly options: Options;
 
-    readonly options: Options;
     constructor(options: Options) {
-        this.options = options || { base: __dirname };
+        this.options = options || { context: __dirname };
     }
 
     apply(compiler: webpack.Compiler) {
-        compiler.hooks.afterCompile.tap(this.constructor.name,  compilation => {
-            const chunks_data = {};
+        compiler.hooks.emit.tap(this.constructor.name,  compilation => {
+            const chunkData = {};
             for(const chunkGroup of compilation.chunkGroups) {
                 const fileJs = [];
                 const filesCss = [];
                 const modules = [];
 
                 for(const chunk of chunkGroup.chunks) {
-                    if(!chunk.files.length)
+                    if(!chunk.files.size) {
                         continue;
-
-                    /*
-                    if(chunk.files.length !== 1) {
-                        console.error("Expected only one file per chunk but got " + chunk.files.length);
-                        chunk.files.forEach(e => console.log(" - %s", e));
-                        throw "expected only one file per chunk";
                     }
-                    */
 
                     for(const file of chunk.files) {
                         const extension = path.extname(file);
-                        if(extension === ".js") {
-                            fileJs.push({
-                                hash: chunk.hash,
-                                file: file
-                            });
-                        } else if(extension === ".css") {
-                            filesCss.push({
-                                hash: chunk.hash,
-                                file: file
-                            });
-                        } else if(extension === ".wasm") {
-                            /* do nothing */
-                        } else {
-                            throw "Unknown chunk file with extension " + extension;
+                        switch (extension) {
+                            case ".js":
+                                fileJs.push({
+                                    hash: chunk.hash,
+                                    file: file
+                                });
+                                break;
+
+                            case ".css":
+                                filesCss.push({
+                                    hash: chunk.hash,
+                                    file: file
+                                });
+                                break;
+
+                            case ".wasm":
+                                break;
+
+                            default:
+                                throw "Unknown chunk file with extension " + extension;
                         }
                     }
 
-                    for(const module of chunk.getModules()) {
-                        if(!module.type.startsWith("javascript/"))
+                    for(const module of chunk.getModules() as any[]) {
+                        if(!module.type.startsWith("javascript/")) {
                             continue;
+                        }
 
-                        if(!module.context)
+                        if(!module.context) {
                             continue;
+                        }
 
                         if(module.context.startsWith("svg-sprites/")) {
                             /* custom svg sprite handler */
@@ -71,37 +70,39 @@ class ManifestGenerator {
                             continue;
                         }
 
-                        if(!module.resource)
+                        if(!module.resource) {
                             continue;
+                        }
 
-                        if(module.context !== path.dirname(module.resource))
+                        if(module.context !== path.dirname(module.resource)) {
                             throw "invalid context/resource relation";
+                        }
 
                         modules.push({
                             id: module.id,
-                            context: path.relative(this.options.base, module.context).replace(/\\/g, "/"),
+                            context: path.relative(this.options.context, module.context).replace(/\\/g, "/"),
                             resource: path.basename(module.resource)
                         });
                     }
                 }
 
-                chunks_data[chunkGroup.options.name] = {
+                chunkData[chunkGroup.options.name] = {
                     files: fileJs,
                     css_files: filesCss,
                     modules: modules
                 };
             }
 
-            this.manifest_content = {
+            const payload = JSON.stringify({
                 version: 2,
-                chunks: chunks_data
-            };
-        });
+                chunks: chunkData
+            });
 
-        compiler.hooks.done.tap(this.constructor.name, () => {
-            const file = this.options.file || "manifest.json";
-            fs.mkdirpSync(path.dirname(file));
-            fs.writeFileSync(this.options.file || "manifest.json", JSON.stringify(this.manifest_content));
+            const fileName = this.options.outputFileName || "manifest.json";
+            compilation.assets[fileName] = {
+                size() { return payload.length; },
+                source() { return payload; }
+            } as any;
         });
     }
 }
diff --git a/webpack/WatLoader.ts b/webpack/WatLoader.ts
index 7597d523..65d6eb7b 100644
--- a/webpack/WatLoader.ts
+++ b/webpack/WatLoader.ts
@@ -1,12 +1,7 @@
-import * as webpack from "webpack";
-import {RawSourceMap} from "source-map";
-import LoaderContext = webpack.loader.LoaderContext;
-
 const wabt = require("wabt")();
-
 const filename = "module.wast";
 
-export default function loader(this: LoaderContext, source: string | Buffer, sourceMap?: RawSourceMap): string | Buffer | void | undefined {
+export default function loader(source: string | Buffer): string | Buffer | void | undefined {
     this.cacheable();
 
     const module = wabt.parseWat(filename, source);

From 503ca5db8bd65853914a99a0682e2adc6fdd8bfa Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 13:41:01 +0100
Subject: [PATCH 018/128] Correctly inlining the global loader style

---
 loader/app/css/index.ts            |   6 +-
 loader/app/css/loader.scss         | 227 +++++++++++++++--------------
 loader/app/css/overlay.scss        | 100 ++++++-------
 package.json                       |   1 -
 webpack.config.ts                  |   4 +-
 webpack/HtmlWebpackInlineSource.ts | 138 ++++++++++++++++++
 6 files changed, 311 insertions(+), 165 deletions(-)
 create mode 100644 webpack/HtmlWebpackInlineSource.ts

diff --git a/loader/app/css/index.ts b/loader/app/css/index.ts
index 035afdf9..bfe4b056 100644
--- a/loader/app/css/index.ts
+++ b/loader/app/css/index.ts
@@ -1,3 +1,3 @@
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./index.scss";
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./loader.scss";
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./overlay.css";
\ No newline at end of file
+import "./index.scss";
+import "./loader.scss";
+import "./overlay.css";
\ No newline at end of file
diff --git a/loader/app/css/loader.scss b/loader/app/css/loader.scss
index eda8d424..af9eabd8 100644
--- a/loader/app/css/loader.scss
+++ b/loader/app/css/loader.scss
@@ -1,138 +1,162 @@
-$setup-time-normal: 80s / 24; /* 24 frames / sec; the initial sequence is 80 frames */
-$setup-time-halloween: 323s / 24;
-$loop-time-halloween: 25s / 24;
+:global {
+	$setup-time-normal: 80s / 24; /* 24 frames / sec; the initial sequence is 80 frames */
+	$setup-time-halloween: 323s / 24;
+	$loop-time-halloween: 25s / 24;
 
-#loader-overlay {
-	position: absolute;
-	overflow: hidden;
-
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-
-	background: #1e1e1e;
-
-	user-select: none;
-
-	z-index: 10000000;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-
-	-webkit-app-region: drag;
-
-	.container {
-		flex-shrink: 0;
-
-		display: block;
-		position: relative;
-
-		width: 1000px;
-		height: 1000px;
-
-		align-self: center;
-		margin-bottom: 10vh;
-
-		transition-duration: .5s;
-
-		img {
-			user-select: none;
-		}
-	}
-
-	.setup, .idle {
+	#loader-overlay {
 		position: absolute;
+		overflow: hidden;
 
 		top: 0;
 		left: 0;
 		right: 0;
 		bottom: 0;
 
-		display: none;
+		background: #1e1e1e;
+
+		user-select: none;
+
+		z-index: 10000000;
+
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+
+		-webkit-app-region: drag;
+
+		.container {
+			flex-shrink: 0;
 
-		&.visible {
 			display: block;
-		}
-	}
+			position: relative;
 
-	.setup.visible {
-		&.normal {
-			animation: loader-initial-sequence 0s cubic-bezier(.81,.01,.65,1.16) $setup-time-normal forwards;
+			width: 1000px;
+			height: 1000px;
+
+			align-self: center;
+			margin-bottom: 10vh;
+
+			transition-duration: .5s;
+
+			img {
+				user-select: none;
+			}
 		}
 
-		&.halloween {
-			animation: loader-initial-sequence 0s cubic-bezier(.81,.01,.65,1.16) $setup-time-halloween forwards;
-		}
-	}
-
-	.idle.animation-normal {
-		img {
-			position: absolute;
-		}
-
-		.steam {
+		.setup, .idle {
 			position: absolute;
 
-			top: 282px;
-			left: 380px;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
 
-			width: 249px;
-			height: 125px;
-			background: url("../images/steam.png") 0 0;
+			display: none;
 
-			animation: sprite-steam 2.5s steps(50) forwards infinite;
+			&.visible {
+				display: block;
+			}
 		}
-	}
 
-	&.finishing {
-		.idle {
+		.setup.visible {
+			&.normal {
+				animation: loader-initial-sequence 0s cubic-bezier(.81,.01,.65,1.16) $setup-time-normal forwards;
+			}
+
+			&.halloween {
+				animation: loader-initial-sequence 0s cubic-bezier(.81,.01,.65,1.16) $setup-time-halloween forwards;
+			}
+		}
+
+		.idle.animation-normal {
+			img {
+				position: absolute;
+			}
+
 			.steam {
-				display: none;
-			}
+				position: absolute;
 
-			.bowl {
-				animation: swipe-out-bowl .5s both;
-			}
+				top: 282px;
+				left: 380px;
 
-			.text {
-				animation: swipe-out-text .5s .12s both;
+				width: 249px;
+				height: 125px;
+				background: url("../images/steam.png") 0 0;
+
+				animation: sprite-steam 2.5s steps(50) forwards infinite;
 			}
 		}
 
-		pointer-events: none;
-		animation: overlay-fade .3s .2s both;
+		&.finishing {
+			.idle {
+				.steam {
+					display: none;
+				}
+
+				.bowl {
+					animation: swipe-out-bowl .5s both;
+				}
+
+				.text {
+					animation: swipe-out-text .5s .12s both;
+				}
+			}
+
+			pointer-events: none;
+			animation: overlay-fade .3s .2s both;
+		}
+
+		.loader-stage {
+			position: absolute;
+
+			left: 5px;
+			bottom: 5px;
+
+			font-size: 12px;
+			font-family: monospace;
+
+			color: #999;
+		}
 	}
 
-	.loader-stage {
-		position: absolute;
+	/* Automated loader timeout */
+	#loader-overlay:not(.initialized) + #critical-load:not(.shown) {
+		display: block !important;
+		opacity: 0;
 
-		left: 5px;
-		bottom: 5px;
+		animation: loader-setup-timeout 0s ease-in $setup-time-normal forwards;
 
-		font-size: 12px;
-		font-family: monospace;
+		.error::before {
+			content: 'Failed to startup loader!';
+		}
 
-		color: #999;
+		.detail::before {
+			content: 'Lookup the console for more details';
+		}
 	}
 }
 
 @media all and (max-width: 850px) {
-	#loader-overlay .container {
-		transform: scale(.5);
+	:global {
+		#loader-overlay .container {
+			transform: scale(.5);
+		}
 	}
 }
 
 @media all and (max-height: 700px) {
-	#loader-overlay .container {
-		transform: scale(.5);
+	:global {
+		#loader-overlay .container {
+			transform: scale(.5);
+		}
 	}
 }
 
 @media all and (max-width: 400px) {
-	#loader-overlay .container {
-		transform: scale(.3);
+	:global {
+		#loader-overlay .container {
+			transform: scale(.3);
+		}
 	}
 }
 
@@ -192,23 +216,6 @@ $loop-time-halloween: 25s / 24;
 	}
 }
 
-/* Automated loader timeout */
-#loader-overlay:not(.initialized) + #critical-load:not(.shown) {
-	display: block !important;
-	opacity: 0;
-
-	animation: loader-setup-timeout 0s ease-in $setup-time-normal forwards;
-
-	.error::before {
-		content: 'Failed to startup loader!';
-	}
-
-	.detail::before {
-		content: 'Lookup the console for more details';
-	}
-}
-
-
 @keyframes loader-setup-timeout {
 	to {
 		opacity: 1;
diff --git a/loader/app/css/overlay.scss b/loader/app/css/overlay.scss
index 3e76ba17..d285c96d 100644
--- a/loader/app/css/overlay.scss
+++ b/loader/app/css/overlay.scss
@@ -1,64 +1,66 @@
-#overlay-no-js, #critical-load {
-    z-index: 100000000;
-    display: none;
-    position: fixed;
+:global {
+    #overlay-no-js, #critical-load {
+        z-index: 100000000;
+        display: none;
+        position: fixed;
 
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
 
-    background: #1e1e1e;
-    text-align: center;
+        background: #1e1e1e;
+        text-align: center;
 
-    -webkit-app-region: drag;
+        -webkit-app-region: drag;
 
-    h1, h3, a {
-        -webkit-app-region: no-drag;
-    }
+        h1, h3, a {
+            -webkit-app-region: no-drag;
+        }
 
-    .container {
-        position: relative;
-        display: inline-block;
+        .container {
+            position: relative;
+            display: inline-block;
 
-        top: 20%;
-    }
+            top: 20%;
+        }
 
-    &.shown {
-        display: block;
-    }
-}
-
-#critical-load {
-    img {
-        height: 12em
-    }
-
-    .error {
-        color: #bd1515;
-        margin-bottom: 0
-    }
-
-    .detail {
-        color: #696363;
-        margin-top: .5em
-    }
-}
-
-
-@media (max-height: 750px) {
-    #critical-load .container {
-        top: unset;
+        &.shown {
+            display: block;
+        }
     }
 
     #critical-load {
-        font-size: .8rem;
+        img {
+            height: 12em
+        }
 
-        flex-direction: column;
-        justify-content: center;
+        .error {
+            color: #bd1515;
+            margin-bottom: 0
+        }
+
+        .detail {
+            color: #696363;
+            margin-top: .5em
+        }
     }
 
-    #critical-load.shown {
-        display: flex;
+
+    @media (max-height: 750px) {
+        #critical-load .container {
+            top: unset;
+        }
+
+        #critical-load {
+            font-size: .8rem;
+
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        #critical-load.shown {
+            display: flex;
+        }
     }
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index d49e298e..d0282a73 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,6 @@
     "node-sass": "^4.14.1",
     "potpack": "^1.0.1",
     "raw-loader": "^4.0.0",
-    "react-dev-utils": "^11.0.4",
     "sass": "1.22.10",
     "sass-loader": "^8.0.2",
     "sha256": "^0.2.0",
diff --git a/webpack.config.ts b/webpack.config.ts
index 29260b19..83654405 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -11,7 +11,7 @@ const webpack = require("webpack");
 
 import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
 const ManifestGenerator = require("./webpack/ManifestPlugin");
-const InlineChunkHtmlPlugin = require("react-dev-utils/InlineChunkHtmlPlugin");
+const HtmlWebpackInlineSourcePlugin = require("./webpack/HtmlWebpackInlineSource");
 
 import HtmlWebpackPlugin from "html-webpack-plugin";
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -155,7 +155,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             }
         }),
         generateIndexPlugin(target),
-        new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/.*/]),
+        new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
     ].filter(e => !!e),
 
     module: {
diff --git a/webpack/HtmlWebpackInlineSource.ts b/webpack/HtmlWebpackInlineSource.ts
new file mode 100644
index 00000000..d25c705f
--- /dev/null
+++ b/webpack/HtmlWebpackInlineSource.ts
@@ -0,0 +1,138 @@
+const escapeRegex = require('escape-string-regexp');
+const path = require('path');
+const slash = require('slash');
+const sourceMapUrl = require('source-map-url');
+
+function HtmlWebpackInlineSourcePlugin (htmlWebpackPlugin) {
+    this.htmlWebpackPlugin = htmlWebpackPlugin;
+}
+
+HtmlWebpackInlineSourcePlugin.prototype.apply = function (compiler) {
+    const self = this;
+
+    // Hook into the html-webpack-plugin processing
+    compiler.hooks.compilation.tap('html-webpack-inline-source-plugin', compilation => {
+        self.htmlWebpackPlugin
+            .getHooks(compilation)
+            .alterAssetTagGroups.tapAsync('html-webpack-inline-source-plugin', (htmlPluginData, callback) => {
+            if (!htmlPluginData.plugin.options.inlineSource) {
+                return callback(null, htmlPluginData);
+            }
+
+            const regexStr = htmlPluginData.plugin.options.inlineSource;
+            const result = self.processTags(compilation, regexStr, htmlPluginData);
+            callback(null, result);
+        });
+    });
+};
+
+HtmlWebpackInlineSourcePlugin.prototype.processTags = function (compilation, regexStr, pluginData) {
+    const self = this;
+
+    const bodyTags = [];
+    const headTags = [];
+
+    const regex = new RegExp(regexStr);
+    const filename = pluginData.plugin.options.filename;
+
+    pluginData.headTags.forEach(function (tag) {
+        headTags.push(self.processTag(compilation, regex, tag, filename));
+    });
+
+    pluginData.bodyTags.forEach(function (tag) {
+        bodyTags.push(self.processTag(compilation, regex, tag, filename));
+    });
+
+    return { headTags: headTags, bodyTags: bodyTags, plugin: pluginData.plugin, outputName: pluginData.outputName };
+};
+
+HtmlWebpackInlineSourcePlugin.prototype.resolveSourceMaps = function (compilation, assetName, asset) {
+    let source = asset.source();
+    const out = compilation.outputOptions;
+    // Get asset file absolute path
+    const assetPath = path.join(out.path, assetName);
+    // Extract original sourcemap URL from source string
+    if (typeof source !== 'string') {
+        source = source.toString();
+    }
+    const mapUrlOriginal = sourceMapUrl.getFrom(source);
+    // Return unmodified source if map is unspecified, URL-encoded, or already relative to site root
+    if (!mapUrlOriginal || mapUrlOriginal.indexOf('data:') === 0 || mapUrlOriginal.indexOf('/') === 0) {
+        return source;
+    }
+    // Figure out sourcemap file path *relative to the asset file path*
+    const assetDir = path.dirname(assetPath);
+    const mapPath = path.join(assetDir, mapUrlOriginal);
+    const mapPathRelative = path.relative(out.path, mapPath);
+    // Starting with Node 6, `path` module throws on `undefined`
+    const publicPath = out.publicPath || '';
+    // Prepend Webpack public URL path to source map relative path
+    // Calling `slash` converts Windows backslashes to forward slashes
+    const mapUrlCorrected = slash(path.join(publicPath, mapPathRelative));
+    // Regex: exact original sourcemap URL, possibly '*/' (for CSS), then EOF, ignoring whitespace
+    const regex = new RegExp(escapeRegex(mapUrlOriginal) + '(\\s*(?:\\*/)?\\s*$)');
+    // Replace sourcemap URL and (if necessary) preserve closing '*/' and whitespace
+    return source.replace(regex, function (match, group) {
+        return mapUrlCorrected + group;
+    });
+};
+
+HtmlWebpackInlineSourcePlugin.prototype.processTag = function (compilation, regex, tag, filename) {
+    let assetUrl;
+    let preTag = tag;
+
+    // inline js
+    if (tag.tagName === 'script' && tag.attributes && regex.test(tag.attributes.src)) {
+        assetUrl = tag.attributes.src;
+        tag = {
+            tagName: 'script',
+            closeTag: true,
+            attributes: {
+                type: 'text/javascript'
+            }
+        };
+
+        // inline css
+    } else if (tag.tagName === 'link' && regex.test(tag.attributes.href)) {
+        assetUrl = tag.attributes.href;
+        tag = {
+            tagName: 'style',
+            closeTag: true,
+            attributes: {
+                type: 'text/css'
+            }
+        };
+    }
+
+    if (assetUrl) {
+        // Strip public URL prefix from asset URL to get Webpack asset name
+        const publicUrlPrefix = compilation.outputOptions.publicPath || '';
+        // if filename is in subfolder, assetUrl should be prepended folder path
+        if (path.basename(filename) !== filename) {
+            assetUrl = path.dirname(filename) + '/' + assetUrl;
+        }
+        const assetName = path.posix.relative(publicUrlPrefix, assetUrl);
+        const asset = getAssetByName(compilation.assets, assetName);
+        if (compilation.assets[assetName] !== undefined) {
+            const updatedSource = this.resolveSourceMaps(compilation, assetName, asset);
+            tag.innerHTML = (tag.tagName === 'script') ? updatedSource.replace(/(<)(\/script>)/g, '\\x3C$2') : updatedSource;
+        }else{
+            return preTag;
+        }
+    }
+
+    return tag;
+};
+
+function getAssetByName (assests, assetName) {
+    for (let key in assests) {
+        if (assests.hasOwnProperty(key)) {
+            let processedKey = path.posix.relative('', key);
+            if (processedKey === assetName) {
+                return assests[key];
+            }
+        }
+    }
+}
+
+module.exports = HtmlWebpackInlineSourcePlugin;
\ No newline at end of file

From ff610bf3eeef9e1d0221a12074a796383fdbeab2 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 14:00:35 +0100
Subject: [PATCH 019/128] Fixed some minor project setup issues

---
 babel.config.ts             |  4 +-
 loader/app/css/index.ts     |  2 +-
 loader/app/css/overlay.scss |  4 +-
 setup_devel_environment.md  |  5 ---
 webpack.config.ts           | 79 +++++++++++++------------------------
 5 files changed, 34 insertions(+), 60 deletions(-)

diff --git a/babel.config.ts b/babel.config.ts
index e6e6d3bc..bdcb598f 100644
--- a/babel.config.ts
+++ b/babel.config.ts
@@ -4,7 +4,7 @@ export = api => {
         [
             "@babel/preset-env",
             {
-                "corejs": { "version":3 },
+                "corejs": {"version": 3},
                 "useBuiltIns": "usage",
                 "targets": {
                     "edge": "17",
@@ -16,10 +16,12 @@ export = api => {
             }
         ]
     ];
+
     const plugins = [
         ["@babel/transform-runtime"],
         ["@babel/plugin-transform-modules-commonjs"]
     ];
+
     return {
         presets,
         plugins
diff --git a/loader/app/css/index.ts b/loader/app/css/index.ts
index bfe4b056..36ac23e4 100644
--- a/loader/app/css/index.ts
+++ b/loader/app/css/index.ts
@@ -1,3 +1,3 @@
 import "./index.scss";
 import "./loader.scss";
-import "./overlay.css";
\ No newline at end of file
+import "./overlay.scss";
\ No newline at end of file
diff --git a/loader/app/css/overlay.scss b/loader/app/css/overlay.scss
index d285c96d..be486a87 100644
--- a/loader/app/css/overlay.scss
+++ b/loader/app/css/overlay.scss
@@ -45,9 +45,11 @@
             margin-top: .5em
         }
     }
+}
 
 
-    @media (max-height: 750px) {
+@media (max-height: 750px) {
+    :global {
         #critical-load .container {
             top: unset;
         }
diff --git a/setup_devel_environment.md b/setup_devel_environment.md
index 8ba98aac..4ecac232 100644
--- a/setup_devel_environment.md
+++ b/setup_devel_environment.md
@@ -5,7 +5,6 @@ The following tools or applications are required to develop the web client:
 - [1.2 NodeJS](#12-nodejs)
 - [1.2.2 NPM](#122-npm)
 - [1.3 Git bash](#13-git-bash)
-- [1.4 Rust (Options)](#14-rust-optional-will-be-installed-automatically)
 
 ### 1.1 IDE
 It does not matter which IDE you use,  
@@ -27,10 +26,6 @@ IMPORTANT: NPM must be available within the PATH environment variable!
 For using the `.sh` build scripts you require Git Bash.  
 A minimum of 4.2 is recommend, but in general every modern version should work.  
 
-### 1.4 Rust (Optional, will be installed automatically)
-For building the web client audio library, you may want to install rust in advance.  
-Since it will be installed when executing the install libraries script, I'm not going into more detail here.  
-  
 ## 2.0 Project initialization
 
 ### 2.1 Cloning the WebClient
diff --git a/webpack.config.ts b/webpack.config.ts
index 83654405..1069183c 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -3,11 +3,9 @@ import * as fs from "fs";
 import trtransformer from "./tools/trgen/ts_transformer";
 import {exec} from "child_process";
 import * as util from "util";
+import * as path from "path";
 
-import {Configuration} from "webpack";
-
-const path = require('path');
-const webpack = require("webpack");
+import { DefinePlugin, Configuration } from "webpack";
 
 import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
 const ManifestGenerator = require("./webpack/ManifestPlugin");
@@ -53,17 +51,7 @@ const generateDefinitions = async (target: string) => {
             timestamp: timestamp,
             entry_chunk_name: JSON.stringify(target === "web" ? "shared-app" : "client-app")
         } as BuildDefinitions
-    };
-};
-
-const isLoaderFile = (file: string) => {
-    if(file.startsWith(__dirname)) {
-        const path = file.substr(__dirname.length).replace(/\\/g, "/");
-        if(path.startsWith("/loader/")) {
-            return true;
-        }
-    }
-    return false;
+    } as any;
 };
 
 const generateIndexPlugin = (target: "web" | "client"): HtmlWebpackPlugin => {
@@ -102,21 +90,23 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
         //"devel-main": "./shared/js/devel_main.ts"
     },
 
-    devtool: isDevelopment ? "inline-source-map" : undefined,
+    devtool: isDevelopment ? "inline-source-map" : "source-map",
     mode: isDevelopment ? "development" : "production",
     plugins: [
         new CleanWebpackPlugin(),
+        new DefinePlugin(await generateDefinitions(target)),
+
         new MiniCssExtractPlugin({
-            filename: isDevelopment ? '[name].css' : '[name].[contenthash].css',
-            chunkFilename: isDevelopment ? '[id].css' : '[id].[contenthash].css',
+            filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
+            chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
             ignoreOrder: true
         }),
+
         new ManifestGenerator({
             outputFileName: "manifest.json",
             context: __dirname
         }),
-        //new BundleAnalyzerPlugin(),
-        new webpack.DefinePlugin(await generateDefinitions(target)),
+
         new SvgSpriteGenerator({
             dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
             publicPath: "js/",
@@ -154,8 +144,11 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                 }
             }
         }),
+
         generateIndexPlugin(target),
         new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
+
+        //new BundleAnalyzerPlugin(),
     ].filter(e => !!e),
 
     module: {
@@ -189,12 +182,18 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                 ]
             },
             {
-                test: (module: string) => module.match(/\.tsx?$/) && !isLoaderFile(module),
+                test: /\.tsx?$/,
                 exclude: /node_modules/,
 
                 use: [
                     {
-                        loader: 'ts-loader',
+                        loader: "babel-loader",
+                        options: {
+                            presets: ["@babel/preset-env"]
+                        }
+                    },
+                    {
+                        loader: "ts-loader",
                         options: {
                             context: __dirname,
                             colors: true,
@@ -212,52 +211,28 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                     }
                 ]
             },
-            {
-                test: (module: string) => module.match(/\.tsx?$/) && isLoaderFile(module),
-                exclude: /(node_modules|bower_components)/,
-
-                use: [
-                    {
-                        loader: "babel-loader",
-                        options: {
-                            presets: ["@babel/preset-env"]  //Preset used for env setup
-                        }
-                    },
-                    {
-                        loader: "ts-loader",
-                        options: {
-                            transpileOnly: true
-                        }
-                    }
-                ]
-            },
             {
                 test: /\.was?t$/,
                 use: [
                     "./webpack/WatLoader.js"
                 ]
             },
+            {
+                test: /ChangeLog\.md$|\.html$/i,
+                type: "asset/source",
+            },
             {
                 test: /\.svg$/,
                 use: 'svg-inline-loader'
             },
-            {
-                test: /ChangeLog\.md$|\.html$/i,
-                use: {
-                    loader: "raw-loader",
-                    options: {
-                        esModule: false
-                    }
-                },
-            },
             {
                 test: /\.(png|jpg|jpeg|gif)?$/,
-                use: 'file-loader',
+                type: "asset/resource"
             },
         ]
     } as any,
     resolve: {
-        extensions: ['.tsx', '.ts', '.js', ".scss", ".css", ".wasm"],
+        extensions: ['.tsx', '.ts', '.js', ".scss"],
         alias: {
             "vendor/xbbcode": path.resolve(__dirname, "vendor/xbbcode/src"),
             "tc-events": path.resolve(__dirname, "vendor/TeaEventBus/src/index.ts"),

From 29639ca836c0c41572fbbb77b82156eef40a9865 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 15:38:56 +0100
Subject: [PATCH 020/128] Improved the translation generator. It now generates
 a up2date translation list

---
 ...er_generator.ts => JsRendererGenerator.ts} |  21 +-
 tools/trgen/JsRendererTranslationLoader.ts    |  19 +
 tools/trgen/TsGenerator.ts                    | 415 ++++++++++++++++
 tools/trgen/TsTransformer.ts                  |  52 ++
 tools/trgen/WebpackPlugin.ts                  |  55 +++
 tools/trgen/compiler.ts                       |   6 +-
 tools/trgen/index.ts                          |  11 +-
 tools/trgen/ts_generator.ts                   | 459 ------------------
 tools/trgen/ts_transformer.ts                 |  75 ---
 tools/trgen/tsconfig.json                     |   5 +-
 webpack.config.ts                             | 352 +++++++-------
 webpack/ManifestPlugin.ts                     |   2 +-
 12 files changed, 742 insertions(+), 730 deletions(-)
 rename tools/trgen/{jsrender_generator.ts => JsRendererGenerator.ts} (70%)
 create mode 100644 tools/trgen/JsRendererTranslationLoader.ts
 create mode 100644 tools/trgen/TsGenerator.ts
 create mode 100644 tools/trgen/TsTransformer.ts
 create mode 100644 tools/trgen/WebpackPlugin.ts
 delete mode 100644 tools/trgen/ts_generator.ts
 delete mode 100644 tools/trgen/ts_transformer.ts

diff --git a/tools/trgen/jsrender_generator.ts b/tools/trgen/JsRendererGenerator.ts
similarity index 70%
rename from tools/trgen/jsrender_generator.ts
rename to tools/trgen/JsRendererGenerator.ts
index 24ef1947..18381ed1 100644
--- a/tools/trgen/jsrender_generator.ts
+++ b/tools/trgen/JsRendererGenerator.ts
@@ -1,8 +1,5 @@
 import {TranslationEntry} from "./generator";
 
-export interface Configuration {
-
-}
 export interface File {
     content: string;
     name: string;
@@ -11,15 +8,15 @@ export interface File {
 /* Well my IDE hates me and does not support groups. By default with ES6 groups are supported... nvm */
 //const regex = /{{ *tr *(?<message_expression>(("([^"]|\\")*")|('([^']|\\')*')|(`([^`]|\\`)+`)|( *\+ *)?)+) *\/ *}}/;
 const regex = /{{ *tr *((("([^"]|\\")*")|('([^']|\\')*')|(`([^`]|\\`)+`)|([\n ]*\+[\n ]*)?)+) *\/ *}}/;
-export function generate(config: Configuration, file: File) : TranslationEntry[] {
+export function extractJsRendererTranslations(file: File) : TranslationEntry[] {
     let result: TranslationEntry[] = [];
 
     const lines = file.content.split('\n');
     let match: RegExpExecArray;
-    let base_index = 0;
+    let baseIndex = 0;
 
-    while(match = regex.exec(file.content.substr(base_index))) {
-        let expression = ((<any>match).groups || {})["message_expression"] || match[1];
+    while(match = regex.exec(file.content.substr(baseIndex))) {
+        let expression = (match.groups || {})["message_expression"] || match[1];
         //expression = expression.replace(/\n/g, "\\n");
 
         let message;
@@ -27,16 +24,18 @@ export function generate(config: Configuration, file: File) : TranslationEntry[]
             message = eval(expression);
         } catch (error) {
             console.error("Failed to evaluate expression:\n%s", expression);
-            base_index += match.index + match[0].length;
+            baseIndex += match.index + match[0].length;
             continue;
         }
 
-        let character = base_index + match.index;
+        let character = baseIndex + match.index;
         let line;
 
         for(line = 0; line < lines.length; line++) {
             const length = lines[line].length + 1;
-            if(length > character) break;
+            if(length > character) {
+                break;
+            }
             character -= length;
         }
 
@@ -48,7 +47,7 @@ export function generate(config: Configuration, file: File) : TranslationEntry[]
             type: "js-template"
         });
 
-        base_index += match.index + match[0].length;
+        baseIndex += match.index + match[0].length;
     }
     return result;
 }
\ No newline at end of file
diff --git a/tools/trgen/JsRendererTranslationLoader.ts b/tools/trgen/JsRendererTranslationLoader.ts
new file mode 100644
index 00000000..32d97850
--- /dev/null
+++ b/tools/trgen/JsRendererTranslationLoader.ts
@@ -0,0 +1,19 @@
+import {extractJsRendererTranslations} from "./JsRendererGenerator";
+import {deltaTranslations} from "./TsTransformer";
+
+export default function (source) {
+    const options = this.getOptions({
+        translations: { type: "array" }
+    });
+    source = typeof source === "object" ? source.toString() : source;
+
+    const timestampBegin = Date.now();
+    const translations = extractJsRendererTranslations({
+        name: this.resourcePath,
+        content: source
+    });
+    const timestampEnd = Date.now();
+
+    deltaTranslations(options.translations, this.resourcePath, timestampEnd - timestampBegin, translations);
+    return source;
+};
\ No newline at end of file
diff --git a/tools/trgen/TsGenerator.ts b/tools/trgen/TsGenerator.ts
new file mode 100644
index 00000000..028cc3d3
--- /dev/null
+++ b/tools/trgen/TsGenerator.ts
@@ -0,0 +1,415 @@
+import * as ts from "typescript";
+import sha256 from "sha256";
+import {SyntaxKind} from "typescript";
+import {TranslationEntry} from "./generator";
+
+const getSourceLocation = (node: ts.Node) => {
+    const sf = node.getSourceFile();
+    let { line, character } = sf ? sf.getLineAndCharacterOfPosition(node.getStart()) : {line: -1, character: -1};
+    return `${(sf || {fileName: "unknown"}).fileName} (${line + 1},${character + 1})`;
+};
+
+function report(node: ts.Node, message: string) {
+    console.log(`${getSourceLocation(node)}: ${message}`);
+}
+
+function generateUniqueCheck(config: Configuration, source_file: ts.SourceFile, variable: ts.Expression, variables: { name: string, node: ts.Node }[]) : ts.Node[] {
+    const nodes: ts.Node[] = [], blockedNodes: ts.Statement[] = [];
+
+    const nodePath = (node: ts.Node) => {
+        const sf = node.getSourceFile();
+        let { line, character } = sf ? sf.getLineAndCharacterOfPosition(node.getStart()) : {line: -1, character: -1};
+        return `${(sf || {fileName: "unknown"}).fileName} (${line + 1},${character + 1})`;
+    };
+
+    const createError = (variable_name: ts.Expression, variable_path: ts.Expression, other_path: ts.Expression) => {
+        return [
+            ts.createLiteral("Translation with generated name \""),
+            variable_name,
+            ts.createLiteral("\" already exists!\nIt has been already defined here: "),
+            other_path,
+            ts.createLiteral("\nAttempted to redefine here: "),
+            variable_path,
+            ts.createLiteral("\nRegenerate and/or fix your program!")
+        ].reduce((a, b) => ts.createBinary(a, SyntaxKind.PlusToken, b));
+    };
+
+    let declarationsFile: ts.Expression;
+    const uniqueCheckLabelName = "unique_translation_check";
+
+    /* initialization */
+    {
+        const declarations = ts.createElementAccess(variable, ts.createLiteral(config.variables.declarations));
+        nodes.push(ts.createAssignment(declarations, ts.createBinary(declarations, SyntaxKind.BarBarToken, ts.createAssignment(declarations, ts.createObjectLiteral()))));
+
+        declarationsFile = ts.createElementAccess(variable, ts.createLiteral(config.variables.declareFiles));
+        nodes.push(ts.createAssignment(declarationsFile, ts.createBinary(declarationsFile, SyntaxKind.BarBarToken, ts.createAssignment(declarationsFile, ts.createObjectLiteral()))));
+
+        variable = declarations;
+    }
+
+    /* test file already loaded */
+    {
+        const uniqueId = sha256(source_file.fileName + " | " + (Date.now() / 1000));
+        const property = ts.createElementAccess(declarationsFile, ts.createLiteral(uniqueId));
+
+        const ifCondition = ts.createBinary(property, SyntaxKind.ExclamationEqualsEqualsToken, ts.createIdentifier("undefined"));
+        //
+        let ifThen: ts.Block;
+        {
+            const elements: ts.Statement[] = [];
+
+            const console = ts.createIdentifier("console.warn");
+            elements.push(ts.createCall(console, [], [ts.createLiteral("This file has already been loaded!\nAre you executing scripts twice?") as any]) as any);
+            elements.push(ts.createBreak(uniqueCheckLabelName));
+
+            ifThen = ts.createBlock(elements);
+        }
+
+        const ifElse = ts.createAssignment(property, ts.createLiteral(uniqueId));
+        blockedNodes.push(ts.createIf(ifCondition, ifThen, ifElse as any));
+    }
+
+    /* test if variable has been defined somewhere else */
+    {
+        const forVariableName = ts.createLoopVariable();
+        const forVariablePath = ts.createLoopVariable();
+        const forDeclaration = ts.createVariableDeclarationList([ts.createVariableDeclaration(ts.createObjectBindingPattern([
+                ts.createBindingElement(undefined, config.optimized ? "n": "name", forVariableName, undefined),
+                ts.createBindingElement(undefined, config.optimized ? "p": "path", forVariablePath, undefined)])
+            , undefined, undefined)]);
+
+        let forBlock: ts.Statement;
+        { //Create the for block
+            const elements: ts.Statement[] = [];
+
+
+            const property = ts.createElementAccess(variable, forVariableName);
+            const ifCondition = ts.createBinary(property, SyntaxKind.ExclamationEqualsEqualsToken, ts.createIdentifier("undefined"));
+
+            //
+            const ifThen = ts.createThrow(createError(forVariableName, forVariablePath, property));
+            const ifElse = ts.createAssignment(property, forVariablePath);
+            const ifValid = ts.createIf(ifCondition, ifThen, ifElse as any);
+
+            elements.push(ifValid);
+
+            forBlock = ts.createBlock(elements);
+        }
+
+        let block = ts.createForOf(undefined,
+            forDeclaration, ts.createArrayLiteral(
+                [...variables.map(e => ts.createObjectLiteral([
+                    ts.createPropertyAssignment(config.optimized ? "n": "name", ts.createLiteral(e.name)),
+                    ts.createPropertyAssignment(config.optimized ? "p": "path", ts.createLiteral(nodePath(e.node)))
+                    ]))
+                ])
+            , forBlock);
+        block = ts.addSyntheticLeadingComment(block, SyntaxKind.MultiLineCommentTrivia, "Auto generated helper for testing if the translation keys are unique", true);
+        blockedNodes.push(block);
+    }
+    return [...nodes, ts.createLabel(uniqueCheckLabelName, ts.createBlock(blockedNodes))];
+}
+
+let globalIdIndex = 0, globalIdTimestamp = Date.now();
+export function transform(config: Configuration, context: ts.TransformationContext, sourceFile: ts.SourceFile) : TransformResult {
+    const cache: VolatileTransformConfig = {} as any;
+    cache.translations = [];
+
+    config.variables = (config.variables || {}) as any;
+    config.variables.base = config.variables.base || (config.optimized ? "__tr" : "_translations");
+    config.variables.declareFiles = config.variables.declareFiles || (config.optimized ? "f" : "declare_files");
+    config.variables.declarations = config.variables.declarations || (config.optimized ? "d" : "definitions");
+
+    //Initialize nodes
+    const extraNodes = [];
+    {
+        cache.nodes = {} as any;
+        if(config.useWindow) {
+            const window = ts.createIdentifier("window");
+            const translationMap = ts.createPropertyAccess(window, ts.createIdentifier(config.variables.base));
+            const newTranslations = ts.createAssignment(translationMap, ts.createObjectLiteral());
+
+            extraNodes.push(ts.createParen(
+                ts.createBinary(translationMap, ts.SyntaxKind.BarBarToken, newTranslations)
+            ));
+
+            cache.nodes = {
+                translationMap: translationMap
+            };
+        } else if(config.module) {
+            cache.nodes = {
+                translationMap: ts.createIdentifier(config.variables.base)
+            };
+
+            extraNodes.push((
+                ts.createVariableDeclarationList([
+                    ts.createVariableDeclaration(config.variables.base, undefined, ts.createObjectLiteral())
+                ], ts.NodeFlags.Const)
+            ), ts.createToken(SyntaxKind.SemicolonToken));
+        } else {
+            const variableMap = ts.createIdentifier(config.variables.base);
+            const inlineIf = ts.createBinary(
+                ts.createBinary(
+                    ts.createTypeOf(variableMap),
+                    SyntaxKind.ExclamationEqualsEqualsToken,
+                    ts.createLiteral("undefined")
+                ),
+                ts.SyntaxKind.BarBarToken,
+                ts.createAssignment(variableMap, ts.createObjectLiteral())
+            );
+
+            cache.nodes = {
+                translationMap: variableMap,
+            };
+
+            extraNodes.push(inlineIf);
+        }
+    }
+
+    const generatedNames: { name: string, node: ts.Node }[] = [];
+    let generatorBase = 0;
+
+    const generateUniqueName = config => {
+        if(config.module) {
+            return "_" + generatorBase++;
+        } else {
+            return "_" + globalIdTimestamp + "-" + ++globalIdIndex;
+        }
+    };
+
+    cache.nameGenerator = (config, node) => {
+        const name = generateUniqueName(config);
+        generatedNames.push({name: name, node: node});
+        return name;
+    };
+
+    cache.tsxNameGenerator = generateUniqueName;
+
+    function visit(node: ts.Node): ts.Node {
+        node = ts.visitEachChild(node, visit, context);
+        return visitNode(config, cache, node, sourceFile);
+    }
+
+    sourceFile = ts.visitNode(sourceFile, visit);
+    if(!config.module) {
+        /* we don't need a unique check because we're just in our scope */
+        extraNodes.push(...generateUniqueCheck(config, sourceFile, cache.nodes.translationMap, generatedNames));
+    }
+
+    if(!config.cacheTranslations) {
+        sourceFile = ts.updateSourceFileNode(sourceFile, [
+            ...extraNodes,
+            ...sourceFile.statements
+        ], sourceFile.isDeclarationFile, sourceFile.referencedFiles, sourceFile.typeReferenceDirectives, sourceFile.hasNoDefaultLib, sourceFile.referencedFiles);
+    }
+
+    return {
+        node: sourceFile,
+        translations: cache.translations
+    };
+}
+
+const generateJsxCacheKey = (cache: VolatileTransformConfig, config: Configuration, element: ts.JsxElement) => ts.updateJsxElement(
+    element,
+    ts.updateJsxOpeningElement(
+        element.openingElement,
+        element.openingElement.tagName,
+        element.openingElement.typeArguments,
+        ts.updateJsxAttributes(element.openingElement.attributes, [
+            ...element.openingElement.attributes.properties,
+            ts.createJsxAttribute(ts.createIdentifier("__cacheKey"), ts.createStringLiteral(cache.tsxNameGenerator(config)))
+        ])
+    ),
+    element.children,
+    element.closingElement
+);
+
+export function visitNode(config: Configuration, cache: VolatileTransformConfig, node: ts.Node, sourceFile: ts.SourceFile) : ts.Node {
+    if(config.verbose) {
+        console.log("Process %s", SyntaxKind[node.kind]);
+    }
+
+    if(!node.getSourceFile()) {
+        /* Node is already artificial */
+        return node;
+    }
+
+    if(ts.isCallExpression(node)) {
+        const call = node as ts.CallExpression;
+        const callName = call.expression["escapedText"] as string;
+        if(callName !== "tr" && callName !== "useTr") {
+            return node;
+        }
+
+        if(call.arguments.length > 1) {
+            throw new Error(getSourceLocation(call) + ": tr(...) has been called with an invalid arguments (" +  (call.arguments.length === 0 ? "too few" : "too many") + ")");
+        }
+
+        const fullText = call.getFullText(sourceFile);
+        if(fullText && fullText.indexOf("@tr-ignore") !== -1) {
+            return node;
+        }
+
+        const object = <ts.StringLiteral>call.arguments[0];
+        if(object.kind != SyntaxKind.StringLiteral) {
+            if(call.getSourceFile()) {
+                throw new Error(getSourceLocation(call) + ": Ignoring tr call because given argument isn't of type string literal. (" + SyntaxKind[object.kind] + ")");
+            }
+
+            report(call, "Ignoring tr call because given argument isn't of type string literal. (" + SyntaxKind[object.kind] + ")");
+        }
+
+        if(config.verbose) {
+            console.log("Message: %o", object.text || object.getText(sourceFile));
+        }
+
+        let { line, character } = sourceFile.getLineAndCharacterOfPosition(node.getStart());
+        cache.translations.push({
+            message: object.text || object.getText(sourceFile),
+            line: line,
+            character: character,
+            filename: sourceFile.fileName,
+            type: "call"
+        });
+
+        if(!config.cacheTranslations) {
+            return node;
+        }
+
+        const variableName = ts.createIdentifier(cache.nameGenerator(config, node, object.text || object.getText(sourceFile)));
+        const variableInit = ts.createPropertyAccess(cache.nodes.translationMap, variableName);
+
+        const variable = ts.createPropertyAccess(cache.nodes.translationMap, variableName);
+        const newVariable = ts.createAssignment(variable, call);
+
+        return ts.createBinary(variableInit, ts.SyntaxKind.BarBarToken, newVariable);
+    } else if(node.kind === SyntaxKind.JsxElement) {
+        const element = node as ts.JsxElement;
+        const tag = element.openingElement.tagName as ts.Identifier;
+
+        if(tag.kind !== SyntaxKind.Identifier) {
+            return node;
+        }
+
+        const properties: any = {};
+        element.openingElement.attributes.properties.forEach((e: ts.JsxAttribute) => {
+            if(e.kind !== SyntaxKind.JsxAttribute) {
+                throw new Error(getSourceLocation(e) + ": Invalid jsx attribute kind " + SyntaxKind[e.kind]);
+            }
+
+            if(e.name.kind !== SyntaxKind.Identifier) {
+                throw new Error(getSourceLocation(e) + ": Key isn't an identifier");
+            }
+
+            properties[e.name.escapedText as string] = e.initializer;
+        });
+
+        if(tag.escapedText === "Translatable") {
+            if('trIgnore' in properties && properties.trIgnore.kind === SyntaxKind.JsxExpression) {
+                const ignoreAttribute = properties.trIgnore as ts.JsxExpression;
+                if(ignoreAttribute.expression.kind === SyntaxKind.TrueKeyword) {
+                    return node;
+                } else if(ignoreAttribute.expression.kind !== SyntaxKind.FalseKeyword) {
+                    throw new Error(getSourceLocation(ignoreAttribute) + ": Invalid attribute value of type " + SyntaxKind[ignoreAttribute.expression.kind]);
+                }
+            }
+
+            if(element.children.length < 1) {
+                throw new Error(getSourceLocation(element) + ": Element has been called with an invalid arguments (too few)");
+            }
+
+            let text = element.children.map(element => {
+                if(element.kind === SyntaxKind.JsxText) {
+                    return element.text;
+                } else if(element.kind === SyntaxKind.JsxSelfClosingElement) {
+                    if(element.tagName.kind !== SyntaxKind.Identifier) {
+                        throw new Error(getSourceLocation(element.tagName) + ": Expected a JsxSelfClosingElement, but received " + SyntaxKind[element.tagName.kind]);
+                    }
+
+                    if(element.tagName.escapedText !== "br") {
+                        throw new Error(getSourceLocation(element.tagName) + ": Expected a br element, but received " + element.tagName.escapedText);
+                    }
+
+                    return "\n";
+                }
+            }).join("");
+
+            let { line, character } = sourceFile.getLineAndCharacterOfPosition(node.getStart());
+            cache.translations.push({
+                message: text,
+                line: line,
+                character: character,
+                filename: sourceFile.fileName,
+                type: "jsx-translatable"
+            });
+
+            if(!config.cacheTranslations) {
+                return node;
+            }
+
+            return generateJsxCacheKey(cache, config, element);
+        } else if(tag.escapedText === "VariadicTranslatable") {
+            if(!('text' in properties)) {
+                throw new Error(getSourceLocation(element) + ": Missing text to translate");
+            }
+
+            const textAttribute = properties["text"] as ts.JsxExpression;
+            if(textAttribute.kind !== SyntaxKind.JsxExpression) {
+                throw new Error(getSourceLocation(element) + ": Text attribute has an invalid type. Expected JsxExpression but received " + SyntaxKind[textAttribute.kind]);
+            }
+
+            if(textAttribute.expression.kind !== SyntaxKind.StringLiteral) {
+                throw new Error(getSourceLocation(element) + ": Text attribute value isn't a string literal. Expected StringLiteral but received " + SyntaxKind[textAttribute.expression.kind]);
+            }
+
+            const literal = textAttribute.expression as ts.StringLiteral;
+
+            let { line, character } = sourceFile.getLineAndCharacterOfPosition(node.getStart());
+            cache.translations.push({
+                message: literal.text,
+                line: line,
+                character: character,
+                filename: sourceFile.fileName,
+                type: "jsx-variadic-translatable"
+            });
+
+            if(!config.cacheTranslations) {
+                return node;
+            }
+
+            return generateJsxCacheKey(cache, config, element);
+        }
+    }
+
+    return node;
+}
+export interface Configuration {
+    useWindow?: boolean;
+    cacheTranslations?: boolean;
+    verbose?: boolean;
+
+    optimized?: boolean;
+    module?: boolean;
+
+    variables?: {
+        base: string,
+        declarations: string,
+        declareFiles: string
+    }
+}
+
+export interface TransformResult {
+    node: ts.SourceFile;
+    translations: TranslationEntry[];
+}
+
+interface VolatileTransformConfig {
+    nodes: {
+        translationMap: ts.Expression;
+    };
+
+    nameGenerator: (config: Configuration, node: ts.Node, message: string) => string;
+    tsxNameGenerator: (config: Configuration) => string;
+    translations: TranslationEntry[];
+}
\ No newline at end of file
diff --git a/tools/trgen/TsTransformer.ts b/tools/trgen/TsTransformer.ts
new file mode 100644
index 00000000..0411fca8
--- /dev/null
+++ b/tools/trgen/TsTransformer.ts
@@ -0,0 +1,52 @@
+import * as ts from "typescript";
+import * as ts_generator from "./TsGenerator";
+import {TranslationEntry} from "./generator";
+
+export interface TransformerConfig {
+    verbose: boolean;
+    optimized: boolean;
+
+    /**
+     * Output array for all gathered translations.
+     */
+    translations?: TranslationEntry[];
+}
+
+export const deltaTranslations = (result: TranslationEntry[], fileName: string, processSpeed: number, newTranslations: TranslationEntry[]) => {
+    let deletedTranslations = 0;
+    for(let index = 0; index < result.length; index++) {
+        if(result[index].filename === fileName) {
+            result.splice(index, 1);
+            index--;
+            deletedTranslations++;
+        }
+    }
+
+    result.push(...newTranslations);
+    if(deletedTranslations === 0 && newTranslations.length === 0) {
+        console.log("Processed %s (%dms). No translations found.", fileName, processSpeed);
+    } else if(deletedTranslations === 0) {
+        console.log("Processed %s (%dms). Found %d translations", fileName, processSpeed, newTranslations.length);
+    } else if(newTranslations.length === 0) {
+        console.log("Processed %s (%dms). %d translations deleted.", fileName, processSpeed, deletedTranslations);
+    } else {
+        console.log("Processed %s (%dms). Old translation count: %d New translation count: %d", fileName, processSpeed, deletedTranslations, newTranslations.length);
+    }
+}
+
+export const createTransformer = (program: ts.Program, config: TransformerConfig) : ts.TransformerFactory<ts.SourceFile> => {
+    return ctx => sourceFile => {
+        const timestampBegin = Date.now();
+        const result = ts_generator.transform({
+            module: true,
+            useWindow: false,
+            /* Note: Even though caching might cause less method calls but if the tr method is performant developed it's faster than having the cache lookup */
+            cacheTranslations: false,
+            optimized: config.optimized,
+        }, ctx, sourceFile);
+        const timestampEnd = Date.now();
+
+        deltaTranslations(config.translations || [], sourceFile.fileName, timestampEnd - timestampBegin, result.translations);
+        return result.node;
+    };
+}
\ No newline at end of file
diff --git a/tools/trgen/WebpackPlugin.ts b/tools/trgen/WebpackPlugin.ts
new file mode 100644
index 00000000..6f1a41f9
--- /dev/null
+++ b/tools/trgen/WebpackPlugin.ts
@@ -0,0 +1,55 @@
+import * as ts from "typescript";
+import {createTransformer, deltaTranslations, TransformerConfig} from "./TsTransformer";
+import * as webpack from "webpack";
+import {extractJsRendererTranslations} from "./JsRendererGenerator";
+import * as path from "path";
+
+export interface TranslateableWebpackPluginConfig {
+    assetName: string,
+}
+
+export class TranslateableWebpackPlugin {
+    private readonly config: TranslateableWebpackPluginConfig;
+    private readonly transformerConfig: TransformerConfig;
+
+    constructor(config: TranslateableWebpackPluginConfig) {
+        this.config = config;
+        this.transformerConfig = {
+            optimized: true,
+            translations: [],
+            verbose: true
+        };
+    }
+
+    createTypeScriptTransformer(program: ts.Program) : ts.TransformerFactory<ts.Node> {
+        return createTransformer(program, this.transformerConfig);
+    }
+
+    createTemplateLoader() {
+        return {
+            loader: path.join(__dirname, "JsRendererTranslationLoader.js"),
+            options: {
+                translations: this.transformerConfig.translations
+            }
+        };
+    }
+
+    apply(compiler: webpack.Compiler) {
+        compiler.hooks.emit.tap("TranslateableWebpackPlugin", compilation => {
+            const payload = JSON.stringify(this.transformerConfig.translations);
+            compilation.assets[this.config.assetName] = {
+                size() { return payload.length; },
+                source() { return payload; }
+            } as any;
+        });
+
+        /*
+        compiler.hooks.normalModuleFactory.tap("TranslateableWebpackPlugin", normalModuleFactory => {
+            normalModuleFactory.hooks.resolve.tap("TranslateableWebpackPlugin", resolveData => {
+                if(resolveData.request === "generated-translations") {
+                }
+            });
+        });
+        */
+    }
+}
\ No newline at end of file
diff --git a/tools/trgen/compiler.ts b/tools/trgen/compiler.ts
index ae2c5cfa..012b32b2 100644
--- a/tools/trgen/compiler.ts
+++ b/tools/trgen/compiler.ts
@@ -1,5 +1,5 @@
 import * as ts from "typescript";
-import * as generator from "./ts_generator";
+import * as generator from "./TsGenerator";
 
 import {readFileSync} from "fs";
 import * as glob from "glob";
@@ -7,8 +7,8 @@ import * as path from "path";
 
 const transformer = <T extends ts.Node>(context: ts.TransformationContext) => (rootNode: T) => {
     return generator.transform({
-        use_window: false,
-        replace_cache: true,
+        useWindow: false,
+        cacheTranslations: true,
         verbose: true
     }, context, rootNode as any).node;
 };
diff --git a/tools/trgen/index.ts b/tools/trgen/index.ts
index 7ec42a7a..b6f8bf8b 100644
--- a/tools/trgen/index.ts
+++ b/tools/trgen/index.ts
@@ -1,6 +1,6 @@
 import * as ts from "typescript";
-import * as ts_generator from "./ts_generator";
-import * as jsrender_generator from "./jsrender_generator";
+import * as ts_generator from "./TsGenerator";
+import * as jsrender_generator from "./JsRendererGenerator";
 import {readFileSync, writeFileSync} from "fs";
 import * as path from "path";
 import * as glob from "glob";
@@ -119,10 +119,11 @@ config.source_files.forEach(file => {
             );
             console.log("Compile " + _file);
 
-            const messages = ts_generator.generate(source, {});
-            translations.push(...messages);
+            throw "not supported";
+            //const messages = ts_generator.generate(source, {});
+            //translations.push(...messages);
         } else if(file_type == ".html") {
-            const messages = jsrender_generator.generate({}, {
+            const messages = jsrender_generator.extractJsRendererTranslations({
                 content: readFileSync(_file).toString(),
                 name: _file
             });
diff --git a/tools/trgen/ts_generator.ts b/tools/trgen/ts_generator.ts
deleted file mode 100644
index fa0911b4..00000000
--- a/tools/trgen/ts_generator.ts
+++ /dev/null
@@ -1,459 +0,0 @@
-import * as ts from "typescript";
-import {SyntaxKind} from "typescript";
-import sha256 from "sha256";
-import {TranslationEntry} from "./generator";
-
-export function generate(file: ts.SourceFile, config: Configuration) : TranslationEntry[] {
-    let result: TranslationEntry[] = [];
-
-    file.forEachChild(n => _generate(config, n, result));
-
-    return result;
-}
-
-const source_location = (node: ts.Node) => {
-    const sf = node.getSourceFile();
-    let { line, character } = sf ? sf.getLineAndCharacterOfPosition(node.getStart()) : {line: -1, character: -1};
-    return `${(sf || {fileName: "unknown"}).fileName} (${line + 1},${character + 1})`;
-};
-
-function report(node: ts.Node, message: string) {
-    console.log(`${source_location(node)}: ${message}`);
-}
-
-function _generate(config: Configuration, node: ts.Node, result: TranslationEntry[]) {
-    //console.log("Node: %s", SyntaxKind[node.kind]);
-
-    call_analize:
-    if(ts.isCallExpression(node)) {
-        const call = node as ts.CallExpression;
-        const call_name = call.expression["escapedText"] as string;
-
-        if(call_name != "tr") {
-            break call_analize;
-        }
-
-        console.dir(call_name);
-        console.log("Parameters: %o", call.arguments.length);
-        if(call.arguments.length > 1) {
-            report(call, "Invalid argument count");
-            break call_analize;
-        }
-
-        const object = <ts.StringLiteral>call.arguments[0];
-        if(object.kind != SyntaxKind.StringLiteral) {
-            report(call, "Invalid argument: " + SyntaxKind[object.kind]);
-            break call_analize;
-        }
-
-        console.log("Message: %o", object.text);
-
-        //FIXME
-        if(config.replace_cache) {
-            console.log("Update!");
-            ts.updateCall(call, call.expression, call.typeArguments, [ts.createLiteral("PENIS!")]);
-        }
-
-        const { line, character } = node.getSourceFile().getLineAndCharacterOfPosition(node.getStart());
-        result.push({
-            filename: node.getSourceFile().fileName,
-            line: line,
-            character: character,
-            message: object.text,
-            type: "call"
-        });
-    } else if(node.kind === SyntaxKind.JsxElement) {
-        const element = node as ts.JsxElement;
-        const tag = element.openingElement.tagName as ts.Identifier;
-
-        if(tag.kind !== SyntaxKind.Identifier)
-            break call_analize;
-
-        if(tag.escapedText === "Translatable") {
-            if(element.children.length !== 1) {
-                report(element, "Invalid child count: " + element.children.length);
-                break call_analize;
-            }
-
-            const text = element.children[0] as ts.JsxText;
-            if(text.kind != SyntaxKind.JsxText) {
-                report(element, "Invalid child type " + SyntaxKind[text.kind]);
-                break call_analize;
-            }
-
-            const { line, character } = node.getSourceFile().getLineAndCharacterOfPosition(node.getStart());
-            result.push({
-                filename: node.getSourceFile().fileName,
-                line: line,
-                character: character,
-                message: text.text,
-                type: "jsx-translatable"
-            });
-        } else if(tag.escapedText === "VariadicTranslatable") {
-
-        }
-    }
-
-    node.forEachChild(n => _generate(config, n, result));
-}
-function generateUniqueCheck(config: Configuration, source_file: ts.SourceFile, variable: ts.Expression, variables: { name: string, node: ts.Node }[]) : ts.Node[] {
-    const nodes: ts.Node[] = [], blocked_nodes: ts.Statement[] = [];
-
-    const node_path = (node: ts.Node) => {
-        const sf = node.getSourceFile();
-        let { line, character } = sf ? sf.getLineAndCharacterOfPosition(node.getStart()) : {line: -1, character: -1};
-        return `${(sf || {fileName: "unknown"}).fileName} (${line + 1},${character + 1})`;
-    };
-
-    const create_error = (variable_name: ts.Expression, variable_path: ts.Expression, other_path: ts.Expression) => {
-        return [
-            ts.createLiteral("Translation with generated name \""),
-            variable_name,
-            ts.createLiteral("\" already exists!\nIt has been already defined here: "),
-            other_path,
-            ts.createLiteral("\nAttempted to redefine here: "),
-            variable_path,
-            ts.createLiteral("\nRegenerate and/or fix your program!")
-        ].reduce((a, b) => ts.createBinary(a, SyntaxKind.PlusToken, b));
-    };
-
-    let declarations_file: ts.Expression;
-    const unique_check_label_name = "unique_translation_check";
-
-    /* initialization */
-    {
-        const declarations = ts.createElementAccess(variable, ts.createLiteral(config.variables.declarations));
-        nodes.push(ts.createAssignment(declarations, ts.createBinary(declarations, SyntaxKind.BarBarToken, ts.createAssignment(declarations, ts.createObjectLiteral()))));
-
-        declarations_file = ts.createElementAccess(variable, ts.createLiteral(config.variables.declare_files));
-        nodes.push(ts.createAssignment(declarations_file, ts.createBinary(declarations_file, SyntaxKind.BarBarToken, ts.createAssignment(declarations_file, ts.createObjectLiteral()))));
-
-        variable = declarations;
-    }
-
-    /* test file already loaded */
-    {
-        const unique_id = sha256(source_file.fileName + " | " + (Date.now() / 1000));
-        const property = ts.createElementAccess(declarations_file, ts.createLiteral(unique_id));
-
-        const if_condition = ts.createBinary(property, SyntaxKind.ExclamationEqualsEqualsToken, ts.createIdentifier("undefined"));
-        //
-        let if_then: ts.Block;
-        {
-            const elements: ts.Statement[] = [];
-
-            const console = ts.createIdentifier("console.warn");
-            elements.push(ts.createCall(console, [], [ts.createLiteral("This file has already been loaded!\nAre you executing scripts twice?") as any]) as any);
-            elements.push(ts.createBreak(unique_check_label_name));
-
-            if_then = ts.createBlock(elements);
-        }
-
-        const if_else = ts.createAssignment(property, ts.createLiteral(unique_id));
-        blocked_nodes.push(ts.createIf(if_condition, if_then, if_else as any));
-    }
-
-    /* test if variable has been defined somewhere else */
-    {
-        const for_variable_name = ts.createLoopVariable();
-        const for_variable_path = ts.createLoopVariable();
-        const for_declaration = ts.createVariableDeclarationList([ts.createVariableDeclaration(ts.createObjectBindingPattern([
-                ts.createBindingElement(undefined, config.optimized ? "n": "name", for_variable_name, undefined),
-                ts.createBindingElement(undefined, config.optimized ? "p": "path", for_variable_path, undefined)])
-            , undefined, undefined)]);
-
-        let for_block: ts.Statement;
-        { //Create the for block
-            const elements: ts.Statement[] = [];
-
-
-            const property = ts.createElementAccess(variable, for_variable_name);
-            const if_condition = ts.createBinary(property, SyntaxKind.ExclamationEqualsEqualsToken, ts.createIdentifier("undefined"));
-
-            //
-            const if_then = ts.createThrow(create_error(for_variable_name, for_variable_path, property));
-            const if_else = ts.createAssignment(property, for_variable_path);
-            const if_valid = ts.createIf(if_condition, if_then, if_else as any);
-
-            elements.push(if_valid);
-
-            for_block = ts.createBlock(elements);
-        }
-
-        let block = ts.createForOf(undefined,
-            for_declaration, ts.createArrayLiteral(
-                [...variables.map(e => ts.createObjectLiteral([
-                    ts.createPropertyAssignment(config.optimized ? "n": "name", ts.createLiteral(e.name)),
-                    ts.createPropertyAssignment(config.optimized ? "p": "path", ts.createLiteral(node_path(e.node)))
-                    ]))
-                ])
-            , for_block);
-        block = ts.addSyntheticLeadingComment(block, SyntaxKind.MultiLineCommentTrivia, "Auto generated helper for testing if the translation keys are unique", true);
-        blocked_nodes.push(block);
-    }
-    return [...nodes, ts.createLabel(unique_check_label_name, ts.createBlock(blocked_nodes))];
-}
-
-let globalIdIndex = 0, globalIdTimestamp = Date.now();
-export function transform(config: Configuration, context: ts.TransformationContext, source_file: ts.SourceFile) : TransformResult {
-    const cache: VolatileTransformConfig = {} as any;
-    cache.translations = [];
-
-    config.variables = (config.variables || {}) as any;
-    config.variables.base = config.variables.base || (config.optimized ? "__tr" : "_translations");
-    config.variables.declare_files = config.variables.declare_files || (config.optimized ? "f" : "declare_files");
-    config.variables.declarations = config.variables.declarations || (config.optimized ? "d" : "definitions");
-
-    //Initialize nodes
-    const extra_nodes: ts.Node[] = [];
-    {
-        cache.nodes = {} as any;
-        if(config.use_window) {
-            const window = ts.createIdentifier("window");
-            let translation_map = ts.createPropertyAccess(window, ts.createIdentifier(config.variables.base));
-            const new_translations = ts.createAssignment(translation_map, ts.createObjectLiteral());
-
-            let translation_map_init: ts.Expression = ts.createBinary(translation_map, ts.SyntaxKind.BarBarToken, new_translations);
-            translation_map_init = ts.createParen(translation_map_init);
-
-            extra_nodes.push(translation_map_init);
-            cache.nodes = {
-                translation_map: translation_map
-            };
-        } else if(config.module) {
-            cache.nodes = {
-                translation_map: ts.createIdentifier(config.variables.base)
-            };
-
-            extra_nodes.push(ts.createVariableDeclarationList([
-                ts.createVariableDeclaration(config.variables.base, undefined, ts.createObjectLiteral())
-            ], ts.NodeFlags.Const), ts.createToken(SyntaxKind.SemicolonToken));
-        } else {
-            const variable_map = ts.createIdentifier(config.variables.base);
-            const inline_if = ts.createBinary(ts.createBinary(ts.createTypeOf(variable_map), SyntaxKind.ExclamationEqualsEqualsToken, ts.createLiteral("undefined")), ts.SyntaxKind.BarBarToken, ts.createAssignment(variable_map, ts.createObjectLiteral()));
-
-            cache.nodes = {
-                translation_map: variable_map,
-            };
-
-            extra_nodes.push(inline_if);
-        }
-    }
-
-    const generated_names: { name: string, node: ts.Node }[] = [];
-    let generator_base = 0;
-
-    const generate_unique_name = config => {
-        if(config.module) {
-            return "_" + generator_base++;
-        } else {
-            return "_" + globalIdTimestamp + "-" + ++globalIdIndex;
-        }
-    };
-
-    cache.name_generator = (config, node, message) => {
-        const name = generate_unique_name(config);
-        generated_names.push({name: name, node: node});
-        return name;
-    };
-
-    cache.tsx_name_generator = generate_unique_name;
-
-    function visit(node: ts.Node): ts.Node {
-        node = ts.visitEachChild(node, visit, context);
-        return replace_processor(config, cache, node, source_file);
-    }
-    source_file = ts.visitNode(source_file, visit);
-    if(!config.module) {
-        /* we don't need a unique check because we're just in our scope */
-        extra_nodes.push(...generateUniqueCheck(config, source_file, cache.nodes.translation_map, generated_names));
-    }
-
-    source_file = ts.updateSourceFileNode(source_file, [...(extra_nodes as any[]), ...source_file.statements], source_file.isDeclarationFile, source_file.referencedFiles, source_file.typeReferenceDirectives, source_file.hasNoDefaultLib, source_file.referencedFiles);
-
-    const result: TransformResult = {} as any;
-    result.node = source_file;
-    result.translations = cache.translations;
-    return result;
-}
-
-const generate_jsx_cache_key = (cache: VolatileTransformConfig, config: Configuration, element: ts.JsxElement) => ts.updateJsxElement(
-    element,
-    ts.updateJsxOpeningElement(
-        element.openingElement,
-        element.openingElement.tagName,
-        element.openingElement.typeArguments,
-        ts.updateJsxAttributes(element.openingElement.attributes, [
-            ...element.openingElement.attributes.properties,
-            ts.createJsxAttribute(ts.createIdentifier("__cacheKey"), ts.createStringLiteral(cache.tsx_name_generator(config)))
-        ])
-    ),
-    element.children,
-    element.closingElement
-);
-
-export function replace_processor(config: Configuration, cache: VolatileTransformConfig, node: ts.Node, source_file: ts.SourceFile) : ts.Node {
-    if(config.verbose)
-        console.log("Process %s", SyntaxKind[node.kind]);
-
-    if(!node.getSourceFile())
-        return node;
-
-    if(ts.isCallExpression(node)) {
-        const call = <ts.CallExpression>node;
-        const call_name = call.expression["escapedText"] as string;
-        if(call_name != "tr") return node;
-        if(config.verbose) {
-            console.dir(call_name);
-            console.log("Parameters: %o", call.arguments.length);
-        }
-
-        if(call.arguments.length > 1)
-            throw new Error(source_location(call) + ": tr(...) has been called with an invalid arguments (" +  (call.arguments.length === 0 ? "too few" : "too many") + ")");
-
-        const fullText = call.getFullText(source_file);
-        if(fullText && fullText.indexOf("@tr-ignore") !== -1)
-            return node;
-
-        const object = <ts.StringLiteral>call.arguments[0];
-        if(object.kind != SyntaxKind.StringLiteral) {
-            if(call.getSourceFile())
-                throw new Error(source_location(call) + ": Ignoring tr call because given argument isn't of type string literal. (" + SyntaxKind[object.kind] + ")");
-            report(call, "Ignoring tr call because given argument isn't of type string literal. (" + SyntaxKind[object.kind] + ")");
-        }
-
-        if(config.verbose)
-            console.log("Message: %o", object.text || object.getText(source_file));
-
-        const variable_name = ts.createIdentifier(cache.name_generator(config, node, object.text || object.getText(source_file)));
-        const variable_init = ts.createPropertyAccess(cache.nodes.translation_map, variable_name);
-
-        const variable = ts.createPropertyAccess(cache.nodes.translation_map, variable_name);
-        const new_variable = ts.createAssignment(variable, call);
-
-        let { line, character } = source_file.getLineAndCharacterOfPosition(node.getStart());
-
-        cache.translations.push({
-            message: object.text || object.getText(source_file),
-            line: line,
-            character: character,
-            filename: (source_file || {fileName: "unknown"}).fileName,
-            type: "call"
-        });
-
-        return ts.createBinary(variable_init, ts.SyntaxKind.BarBarToken, new_variable);
-    } else if(node.kind === SyntaxKind.JsxElement) {
-        const element = node as ts.JsxElement;
-        const tag = element.openingElement.tagName as ts.Identifier;
-
-        if(tag.kind !== SyntaxKind.Identifier)
-            return node;
-
-        const properties = {} as any;
-
-        element.openingElement.attributes.properties.forEach((e: ts.JsxAttribute) => {
-            if(e.kind !== SyntaxKind.JsxAttribute)
-                throw new Error(source_location(e) + ": Invalid jsx attribute kind " + SyntaxKind[e.kind]);
-
-            if(e.name.kind !== SyntaxKind.Identifier)
-                throw new Error(source_location(e) + ": Key isn't an identifier");
-
-            properties[e.name.escapedText as string] = e.initializer;
-        });
-
-        if(tag.escapedText === "Translatable") {
-            if('trIgnore' in properties && properties.trIgnore.kind === SyntaxKind.JsxExpression) {
-                const ignoreAttribute = properties.trIgnore as ts.JsxExpression;
-                if(ignoreAttribute.expression.kind === SyntaxKind.TrueKeyword)
-                    return node;
-                else if(ignoreAttribute.expression.kind !== SyntaxKind.FalseKeyword)
-                    throw new Error(source_location(ignoreAttribute) + ": Invalid attribute value of type " + SyntaxKind[ignoreAttribute.expression.kind]);
-            }
-
-            if(element.children.length < 1) {
-                throw new Error(source_location(element) + ": Element has been called with an invalid arguments (too few)");
-            }
-
-            let text = element.children.map(element => {
-                if(element.kind === SyntaxKind.JsxText) {
-                    return element.text;
-                } else if(element.kind === SyntaxKind.JsxSelfClosingElement) {
-                    if(element.tagName.kind !== SyntaxKind.Identifier) {
-                        throw new Error(source_location(element.tagName) + ": Expected a JsxSelfClosingElement, but received " + SyntaxKind[element.tagName.kind]);
-                    }
-
-                    if(element.tagName.escapedText !== "br") {
-                        throw new Error(source_location(element.tagName) + ": Expected a br element, but received " + element.tagName.escapedText);
-                    }
-
-                    return "\n";
-                }
-            }).join("");
-
-            let { line, character } = source_file.getLineAndCharacterOfPosition(node.getStart());
-            cache.translations.push({
-                message: text,
-                line: line,
-                character: character,
-                filename: (source_file || {fileName: "unknown"}).fileName,
-                type: "jsx-translatable"
-            });
-
-            return generate_jsx_cache_key(cache, config, element);
-        } else if(tag.escapedText === "VariadicTranslatable") {
-            if(!('text' in properties))
-                throw new Error(source_location(element) + ": Missing text to translate");
-
-            const textAttribute = properties["text"] as ts.JsxExpression;
-            if(textAttribute.kind !== SyntaxKind.JsxExpression)
-                throw new Error(source_location(element) + ": Text attribute has an invalid type. Expected JsxExpression but received " + SyntaxKind[textAttribute.kind]);
-
-            if(textAttribute.expression.kind !== SyntaxKind.StringLiteral)
-                throw new Error(source_location(element) + ": Text attribute value isn't a string literal. Expected StringLiteral but received " + SyntaxKind[textAttribute.expression.kind]);
-
-            const literal = textAttribute.expression as ts.StringLiteral;
-
-            let { line, character } = source_file.getLineAndCharacterOfPosition(node.getStart());
-            cache.translations.push({
-                message: literal.text,
-                line: line,
-                character: character,
-                filename: (source_file || {fileName: "unknown"}).fileName,
-                type: "jsx-variadic-translatable"
-            });
-
-            return generate_jsx_cache_key(cache, config, element);
-        }
-    }
-
-    return node;
-}
-export interface Configuration {
-    use_window?: boolean;
-    replace_cache?: boolean;
-    verbose?: boolean;
-
-    optimized?: boolean;
-    module?: boolean;
-
-    variables?: {
-        base: string,
-        declarations: string,
-        declare_files: string
-    }
-}
-
-export interface TransformResult {
-    node: ts.SourceFile;
-    translations: TranslationEntry[];
-}
-
-interface VolatileTransformConfig {
-    nodes: {
-        translation_map: ts.Expression;
-    };
-
-    name_generator: (config: Configuration, node: ts.Node, message: string) => string;
-    tsx_name_generator: (config: Configuration) => string;
-    translations: TranslationEntry[];
-}
\ No newline at end of file
diff --git a/tools/trgen/ts_transformer.ts b/tools/trgen/ts_transformer.ts
deleted file mode 100644
index 096c2ec2..00000000
--- a/tools/trgen/ts_transformer.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import * as ts from "typescript";
-import * as ts_generator from "./ts_generator";
-import * as path from "path";
-import * as mkdirp from "mkdirp";
-
-import {writeFileSync} from "fs";
-import {TranslationEntry} from "./generator";
-
-export interface Config {
-    target_file?: string;
-    verbose?: boolean;
-    optimized?: boolean;
-}
-
-let process_config: Config;
-export default function(program: ts.Program, config?: Config) : (context: ts.TransformationContext) => (sourceFile: ts.SourceFile) => ts.SourceFile {
-    process_config = config as any || {};
-
-    const base_path = path.dirname(program.getCompilerOptions().project || program.getCurrentDirectory());
-    if(process_config.verbose) {
-        console.log("TRGen transformer called");
-        console.log("Base path: %s", base_path);
-    }
-
-    process.on('exit', function () {
-        if(!process_config.target_file) return;
-
-        const target = path.isAbsolute(process_config.target_file) ? process_config.target_file : path.join(base_path, process_config.target_file);
-        if(process_config.target_file) {
-            if(process_config.verbose) {
-                console.log("Writing translation file to " + target);
-            }
-
-            mkdirp.sync(path.dirname(target));
-            writeFileSync(target, JSON.stringify(translations, null, 2));
-        }
-    });
-
-    return ctx => transformer(ctx) as any;
-}
-
-let processed = [];
-const translations: TranslationEntry[] = [];
-const transformer = (context: ts.TransformationContext) => (rootNode: ts.Node) => {
-    const handler = (rootNode: ts.Node) => {
-        if(rootNode.kind == ts.SyntaxKind.Bundle) {
-            const bundle = rootNode as ts.Bundle;
-            const result = [];
-            for(const file of bundle.sourceFiles)
-                result.push(handler(file));
-            return ts.updateBundle(bundle, result as any, bundle.prepends as any);
-        } else if(rootNode.kind == ts.SyntaxKind.SourceFile) {
-            const file = rootNode as ts.SourceFile;
-
-            if(processed.findIndex(e => e === file.fileName) !== -1) {
-                console.log("Skipping %s (already processed)", file.fileName);
-                return rootNode;
-            }
-            processed.push(file.fileName);
-            console.log("Processing " + file.fileName);
-            const result = ts_generator.transform({
-                use_window: false,
-                replace_cache: true,
-                module: true,
-                optimized: process_config.optimized
-            }, context, file);
-            translations.push(...result.translations);
-            return result.node;
-        } else {
-            console.warn("Invalid transform input: %s", ts.SyntaxKind[rootNode.kind]);
-        }
-    };
-
-    return handler(rootNode);
-};
\ No newline at end of file
diff --git a/tools/trgen/tsconfig.json b/tools/trgen/tsconfig.json
index d4815f28..eb3b1f72 100644
--- a/tools/trgen/tsconfig.json
+++ b/tools/trgen/tsconfig.json
@@ -14,7 +14,8 @@
     "generator.ts",
     "index.ts",
     "compiler.ts",
-    "jsrender_generator.ts",
-    "ts_generator.ts"
+    "JsRendererGenerator.ts",
+    "TsGenerator.ts",
+    "JsRendererTranslationLoader.ts"
   ]
 }
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index 1069183c..6d247a99 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -1,9 +1,7 @@
-import * as ts from "typescript";
 import * as fs from "fs";
-import trtransformer from "./tools/trgen/ts_transformer";
-import {exec} from "child_process";
 import * as util from "util";
 import * as path from "path";
+import * as child_process from "child_process";
 
 import { DefinePlugin, Configuration } from "webpack";
 
@@ -12,6 +10,7 @@ const ManifestGenerator = require("./webpack/ManifestPlugin");
 const HtmlWebpackInlineSourcePlugin = require("./webpack/HtmlWebpackInlineSource");
 
 import HtmlWebpackPlugin from "html-webpack-plugin";
+import {TranslateableWebpackPlugin} from "./tools/trgen/WebpackPlugin";
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
@@ -33,7 +32,7 @@ const generateDefinitions = async (target: string) => {
 
     let timestamp;
     try {
-        const { stdout } = await util.promisify(exec)("git show -s --format=%ct");
+        const { stdout } = await util.promisify(child_process.exec)("git show -s --format=%ct");
         timestamp = parseInt(stdout.toString());
         if(isNaN(timestamp)) {
             throw "failed to parse timestamp '" + stdout.toString() + "'";
@@ -83,189 +82,194 @@ const generateIndexPlugin = (target: "web" | "client"): HtmlWebpackPlugin => {
     return new HtmlWebpackPlugin(options);
 }
 
-export const config = async (target: "web" | "client"): Promise<Configuration & { devServer: any }> => ({
-    entry: {
-        "loader": ["./loader/app/index.ts"],
-        "modal-external": ["./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts"],
-        //"devel-main": "./shared/js/devel_main.ts"
-    },
+export const config = async (target: "web" | "client"): Promise<Configuration & { devServer: any }> => {
+    const translateablePlugin = new TranslateableWebpackPlugin({ assetName: "translations.json" });
 
-    devtool: isDevelopment ? "inline-source-map" : "source-map",
-    mode: isDevelopment ? "development" : "production",
-    plugins: [
-        new CleanWebpackPlugin(),
-        new DefinePlugin(await generateDefinitions(target)),
+    return {
+        entry: {
+            "loader": ["./loader/app/index.ts"],
+            "modal-external": ["./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts"],
+            //"devel-main": "./shared/js/devel_main.ts"
+        },
 
-        new MiniCssExtractPlugin({
-            filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
-            chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
-            ignoreOrder: true
-        }),
+        devtool: isDevelopment ? "inline-source-map" : "source-map",
+        mode: isDevelopment ? "development" : "production",
+        plugins: [
+            new CleanWebpackPlugin(),
+            new DefinePlugin(await generateDefinitions(target)),
 
-        new ManifestGenerator({
-            outputFileName: "manifest.json",
-            context: __dirname
-        }),
+            new MiniCssExtractPlugin({
+                filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
+                chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
+                ignoreOrder: true
+            }),
 
-        new SvgSpriteGenerator({
-            dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
-            publicPath: "js/",
-            configurations: {
-                "client-icons": {
-                    folder: path.join(__dirname, "shared", "img", "client-icons"),
-                    cssClassPrefix: "client-",
-                    cssOptions: [
-                        {
-                            scale: 1,
-                            selector: ".icon",
-                            unit: "px"
-                        },
-                        {
-                            scale: 1.5,
-                            selector: ".icon_x24",
-                            unit: "px"
-                        },
-                        {
-                            scale: 2,
-                            selector: ".icon_x32",
-                            unit: "px"
-                        },
-                        {
-                            scale: 1,
-                            selector: ".icon_em",
-                            unit: "em"
+            new ManifestGenerator({
+                outputFileName: "manifest.json",
+                context: __dirname
+            }),
+
+            new SvgSpriteGenerator({
+                dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
+                publicPath: "js/",
+                configurations: {
+                    "client-icons": {
+                        folder: path.join(__dirname, "shared", "img", "client-icons"),
+                        cssClassPrefix: "client-",
+                        cssOptions: [
+                            {
+                                scale: 1,
+                                selector: ".icon",
+                                unit: "px"
+                            },
+                            {
+                                scale: 1.5,
+                                selector: ".icon_x24",
+                                unit: "px"
+                            },
+                            {
+                                scale: 2,
+                                selector: ".icon_x32",
+                                unit: "px"
+                            },
+                            {
+                                scale: 1,
+                                selector: ".icon_em",
+                                unit: "em"
+                            }
+                        ],
+                        dtsOptions: {
+                            enumName: "ClientIcon",
+                            classUnionName: "ClientIconClass",
+                            module: false
                         }
-                    ],
-                    dtsOptions: {
-                        enumName: "ClientIcon",
-                        classUnionName: "ClientIconClass",
-                        module: false
                     }
                 }
-            }
-        }),
+            }),
 
-        generateIndexPlugin(target),
-        new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
+            generateIndexPlugin(target),
+            new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
 
-        //new BundleAnalyzerPlugin(),
-    ].filter(e => !!e),
+            translateablePlugin
+            //new BundleAnalyzerPlugin(),
+        ].filter(e => !!e),
 
-    module: {
-        rules: [
-            {
-                test: /\.(s[ac]|c)ss$/,
-                use: [
-                    //'style-loader',
-                    {
-                        loader: MiniCssExtractPlugin.loader,
-                        options: {
-                            esModule: false
+        module: {
+            rules: [
+                {
+                    test: /\.(s[ac]|c)ss$/,
+                    use: [
+                        //'style-loader',
+                        {
+                            loader: MiniCssExtractPlugin.loader,
+                            options: {
+                                esModule: false
+                            }
+                        },
+                        {
+                            loader: 'css-loader',
+                            options: {
+                                modules: {
+                                    mode: "local",
+                                    localIdentName: isDevelopment ? "[path][name]__[local]--[hash:base64:5]" : "[hash:base64]",
+                                },
+                                sourceMap: isDevelopment
+                            }
+                        },
+                        {
+                            loader: 'sass-loader',
+                            options: {
+                                sourceMap: isDevelopment
+                            }
                         }
-                    },
-                    {
-                        loader: 'css-loader',
-                        options: {
-                            modules: {
-                                mode: "local",
-                                localIdentName: isDevelopment ? "[path][name]__[local]--[hash:base64:5]" : "[hash:base64]",
-                            },
-                            sourceMap: isDevelopment
-                        }
-                    },
-                    {
-                        loader: 'sass-loader',
-                        options: {
-                            sourceMap: isDevelopment
-                        }
-                    }
-                ]
-            },
-            {
-                test: /\.tsx?$/,
-                exclude: /node_modules/,
+                    ]
+                },
+                {
+                    test: /\.tsx?$/,
+                    exclude: /node_modules/,
 
-                use: [
-                    {
-                        loader: "babel-loader",
-                        options: {
-                            presets: ["@babel/preset-env"]
+                    use: [
+                        {
+                            loader: "babel-loader",
+                            options: {
+                                presets: ["@babel/preset-env"]
+                            }
+                        },
+                        {
+                            loader: "ts-loader",
+                            options: {
+                                context: __dirname,
+                                colors: true,
+
+                                getCustomTransformers: program => ({
+                                    before: [translateablePlugin.createTypeScriptTransformer(program)]
+                                }),
+                                transpileOnly: isDevelopment
+                            }
                         }
-                    },
-                    {
-                        loader: "ts-loader",
-                        options: {
-                            context: __dirname,
-                            colors: true,
-                            getCustomTransformers: (prog: ts.Program) => {
-                                return {
-                                    before: [trtransformer(prog, {
-                                        optimized: false,
-                                        verbose: true,
-                                        target_file: path.join(__dirname, "dist", "translations.json")
-                                    })]
-                                };
-                            },
-                            transpileOnly: isDevelopment
-                        }
-                    }
-                ]
+                    ]
+                },
+                {
+                    test: /\.was?t$/,
+                    use: [
+                        "./webpack/WatLoader.js"
+                    ]
+                },
+                {
+                    test: /\.html$/i,
+                    use: [translateablePlugin.createTemplateLoader()],
+                    type: "asset/source",
+                },
+                {
+                    test: /ChangeLog\.md$/i,
+                    type: "asset/source",
+                },
+                {
+                    test: /\.svg$/,
+                    use: 'svg-inline-loader'
+                },
+                {
+                    test: /\.(png|jpg|jpeg|gif)?$/,
+                    type: "asset/resource"
+                },
+            ]
+        } as any,
+        resolve: {
+            extensions: ['.tsx', '.ts', '.js', ".scss"],
+            alias: {
+                "vendor/xbbcode": path.resolve(__dirname, "vendor/xbbcode/src"),
+                "tc-events": path.resolve(__dirname, "vendor/TeaEventBus/src/index.ts"),
+                "tc-services": path.resolve(__dirname, "vendor/TeaClientServices/src/index.ts"),
             },
-            {
-                test: /\.was?t$/,
-                use: [
-                    "./webpack/WatLoader.js"
-                ]
-            },
-            {
-                test: /ChangeLog\.md$|\.html$/i,
-                type: "asset/source",
-            },
-            {
-                test: /\.svg$/,
-                use: 'svg-inline-loader'
-            },
-            {
-                test: /\.(png|jpg|jpeg|gif)?$/,
-                type: "asset/resource"
-            },
-        ]
-    } as any,
-    resolve: {
-        extensions: ['.tsx', '.ts', '.js', ".scss"],
-        alias: {
-            "vendor/xbbcode": path.resolve(__dirname, "vendor/xbbcode/src"),
-            "tc-events": path.resolve(__dirname, "vendor/TeaEventBus/src/index.ts"),
-            "tc-services": path.resolve(__dirname, "vendor/TeaClientServices/src/index.ts"),
         },
-    },
-    externals: [
-        {"tc-loader": "window loader"}
-    ],
-    output: {
-        filename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
-        chunkFilename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
-        path: path.resolve(__dirname, 'dist'),
-        publicPath: "js/"
-    },
-    performance: {
-        hints: false
-    },
-    optimization: {
-        splitChunks: {
-            chunks: "all",
-            maxSize: 512 * 1024
+        externals: [
+            {"tc-loader": "window loader"}
+        ],
+        output: {
+            filename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
+            chunkFilename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
+            path: path.resolve(__dirname, 'dist'),
+            publicPath: "js/"
         },
-        minimize: !isDevelopment,
-        minimizer: [
-            new TerserPlugin(),
-            new CssMinimizerPlugin()
-        ]
-    },
-    devServer: {
-        publicPath: "/",
-        contentBase: path.join(__dirname, 'dist'),
-        writeToDisk: true,
-        compress: true
-    },
-});
\ No newline at end of file
+        performance: {
+            hints: false
+        },
+        optimization: {
+            splitChunks: {
+                chunks: "all",
+                maxSize: 512 * 1024
+            },
+            minimize: !isDevelopment,
+            minimizer: [
+                new TerserPlugin(),
+                new CssMinimizerPlugin()
+            ]
+        },
+        devServer: {
+            publicPath: "/",
+            contentBase: path.join(__dirname, 'dist'),
+            writeToDisk: true,
+            compress: true
+        },
+    };
+};
\ No newline at end of file
diff --git a/webpack/ManifestPlugin.ts b/webpack/ManifestPlugin.ts
index 3d8874ab..fc6c59c8 100644
--- a/webpack/ManifestPlugin.ts
+++ b/webpack/ManifestPlugin.ts
@@ -14,7 +14,7 @@ class ManifestGenerator {
     }
 
     apply(compiler: webpack.Compiler) {
-        compiler.hooks.emit.tap(this.constructor.name,  compilation => {
+        compiler.hooks.emit.tap("ManifestGenerator", compilation => {
             const chunkData = {};
             for(const chunkGroup of compilation.chunkGroups) {
                 const fileJs = [];

From 5b289b15d774662913c1c65b2d040e164a68ac9d Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 16:02:06 +0100
Subject: [PATCH 021/128] Properly import the old global css styles

---
 shared/css/load-css.tsx                       |   65 +-
 shared/css/static/general.scss                |  323 +-
 shared/css/static/hostbanner.scss             |   83 -
 shared/css/static/htmltags.scss               |   10 +-
 shared/css/static/main-layout.scss            |  110 +-
 shared/css/static/menu-bar.scss               |  133 -
 shared/css/static/modal-about.scss            |  102 +-
 shared/css/static/modal-avatar.scss           |  474 +-
 shared/css/static/modal-banclient.scss        |  466 +-
 shared/css/static/modal-banlist.scss          | 1420 +++---
 shared/css/static/modal-channelinfo.scss      |  240 +-
 shared/css/static/modal-clientinfo.scss       |  972 ++---
 shared/css/static/modal-connect.scss          |  353 --
 shared/css/static/modal-group-assignment.scss |  160 +-
 shared/css/static/modal-icons.scss            |  904 ++--
 shared/css/static/modal-identity.scss         |  286 +-
 shared/css/static/modal-invite.scss           |  112 +-
 shared/css/static/modal-keyselect.scss        |   80 +-
 shared/css/static/modal-latency.scss          |  140 +-
 shared/css/static/modal-musicmanage.scss      | 1110 ++---
 shared/css/static/modal-newcomer.scss         |  268 +-
 shared/css/static/modal-poke.scss             |  118 +-
 shared/css/static/modal-query.scss            |  588 +--
 shared/css/static/modal-server.scss           | 1958 ++++-----
 shared/css/static/modal-serverinfo.scss       |  390 +-
 .../css/static/modal-serverinfobandwidth.scss |  274 +-
 shared/css/static/modal-settings.scss         | 3840 +++++++++--------
 shared/css/static/modal.scss                  | 1701 ++++----
 shared/css/static/modals.scss                 |   52 +-
 shared/css/static/overlay-image-preview.scss  |  146 +-
 shared/css/static/scroll.scss                 |   41 -
 shared/css/static/server-log.scss             |   63 -
 shared/css/static/ts/country.scss             | 1518 +++----
 shared/css/static/ts/tab.scss                 |  154 +-
 shared/generate_i18n_gtranslate.ts            |    2 +-
 shared/generate_translations.sh               |    9 -
 .../external-modal/ModalRenderer.scss         |    6 +-
 37 files changed, 9027 insertions(+), 9644 deletions(-)
 delete mode 100644 shared/css/static/hostbanner.scss
 delete mode 100644 shared/css/static/menu-bar.scss
 delete mode 100644 shared/css/static/modal-connect.scss
 delete mode 100644 shared/css/static/scroll.scss
 delete mode 100644 shared/css/static/server-log.scss
 delete mode 100644 shared/generate_translations.sh

diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index 5d600bb8..888a082c 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -1,36 +1,31 @@
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/properties.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/main-layout.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/general.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/frame-chat.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/server-log.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/scroll.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/hostbanner.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/htmltags.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/menu-bar.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/mixin.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modals.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-about.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-avatar.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-banclient.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-banlist.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-channelinfo.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-clientinfo.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-connect.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-group-assignment.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-icons.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-identity.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-newcomer.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-invite.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-keyselect.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-poke.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-query.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-server.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-musicmanage.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-serverinfobandwidth.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-serverinfo.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/modal-settings.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/overlay-image-preview.scss"
+import "./static/properties.scss"
+import "./static/main-layout.scss"
+import "./static/general.scss"
+import "./static/frame-chat.scss"
+import "./static/htmltags.scss"
+import "./static/mixin.scss"
+import "./static/modal.scss"
+import "./static/modals.scss"
+import "./static/modal-about.scss"
+import "./static/modal-avatar.scss"
+import "./static/modal-banclient.scss"
+import "./static/modal-banlist.scss"
+import "./static/modal-channelinfo.scss"
+import "./static/modal-clientinfo.scss"
+import "./static/modal-group-assignment.scss"
+import "./static/modal-icons.scss"
+import "./static/modal-identity.scss"
+import "./static/modal-newcomer.scss"
+import "./static/modal-invite.scss"
+import "./static/modal-keyselect.scss"
+import "./static/modal-poke.scss"
+import "./static/modal-query.scss"
+import "./static/modal-server.scss"
+import "./static/modal-musicmanage.scss"
+import "./static/modal-serverinfobandwidth.scss"
+import "./static/modal-serverinfo.scss"
+import "./static/modal-settings.scss"
+import "./static/overlay-image-preview.scss"
 
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/ts/tab.scss"
-import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!./static/ts/country.scss"
\ No newline at end of file
+import "./static/ts/tab.scss"
+import "./static/ts/country.scss"
\ No newline at end of file
diff --git a/shared/css/static/general.scss b/shared/css/static/general.scss
index d514b03b..4fbf8662 100644
--- a/shared/css/static/general.scss
+++ b/shared/css/static/general.scss
@@ -1,187 +1,188 @@
 @import "mixin";
+:global {
+	/* Avatar/Icon loading animations */
+	.icon_loading {
+		border: 2px solid #f3f3f3; /* Light grey */
+		border-top: 2px solid #3498db; /* Blue */
+		border-radius: 50%;
+		animation: loading_spin 2s linear infinite;
 
-/* Avatar/Icon loading animations */
-.icon_loading {
-	border: 2px solid #f3f3f3; /* Light grey */
-	border-top: 2px solid #3498db; /* Blue */
-	border-radius: 50%;
-	animation: loading_spin 2s linear infinite;
-
-	width: 14px !important;
-	height: 14px !important;
-}
-
-.avatar_loading {
-	border: 2px solid #f3f3f3; /* Light grey */
-	border-top: 2px solid #3498db; /* Blue */
-	border-radius: 50%;
-	animation: loading_spin 2s linear infinite;
-
-	width: 14px !important;
-	height: 14px !important;
-}
-
-@keyframes loading_spin {
-	0% {
-		transform: rotate(0deg);
+		width: 14px !important;
+		height: 14px !important;
 	}
-	100% {
-		transform: rotate(360deg);
+
+	.avatar_loading {
+		border: 2px solid #f3f3f3; /* Light grey */
+		border-top: 2px solid #3498db; /* Blue */
+		border-radius: 50%;
+		animation: loading_spin 2s linear infinite;
+
+		width: 14px !important;
+		height: 14px !important;
 	}
-}
 
-@viewport {
-	width: device-width;
-	user-zoom: fixed;
-}
+	@keyframes loading_spin {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	@viewport {
+		width: device-width;
+		user-zoom: fixed;
+	}
 
 
-html:root {
-	--text: #999;
-}
+	html:root {
+		--text: #999;
+	}
 
-html {
-	font-family: sans-serif;
-	line-height: 1.15;
-	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust: 100%;
-	-ms-overflow-style: scrollbar;
-	-webkit-tap-highlight-color: transparent;
-	background-color: gray;
-}
+	html {
+		font-family: sans-serif;
+		line-height: 1.15;
+		-webkit-text-size-adjust: 100%;
+		-ms-text-size-adjust: 100%;
+		-ms-overflow-style: scrollbar;
+		-webkit-tap-highlight-color: transparent;
+		background-color: gray;
+	}
 
-body {
-	height: 100vh;
-	width: 100vw;
-	top: 0;
-	left: 0;
-	right: 0;
-	padding: 0;
-	margin: 0;
+	body {
+		height: 100vh;
+		width: 100vw;
+		top: 0;
+		left: 0;
+		right: 0;
+		padding: 0;
+		margin: 0;
 
 
-	font-family: Roboto, Helvetica, Arial, sans-serif;
-	font-size: 1rem;
-	line-height: 1.5;
-	color: #212529;
-	text-align: left;
-	background-color: #fafafa;
+		font-family: Roboto, Helvetica, Arial, sans-serif;
+		font-size: 1rem;
+		line-height: 1.5;
+		color: #212529;
+		text-align: left;
+		background-color: #fafafa;
 
-	font-weight: 400;
-}
+		font-weight: 400;
+	}
 
-button, input, optgroup, select, textarea {
-	margin: 0;
-	font-family: inherit;
-	font-size: inherit;
-	line-height: inherit;
-}
+	button, input, optgroup, select, textarea {
+		margin: 0;
+		font-family: inherit;
+		font-size: inherit;
+		line-height: inherit;
+	}
 
-select {
-	-webkit-border-radius: 1px!important;
-	outline: none;
+	select {
+		-webkit-border-radius: 1px!important;
+		outline: none;
 
-	option {
+		option {
+			color: #999999;
+		}
+
+		&:focus {
+			outline: none !important;
+		}
+	}
+
+
+	fieldset {
+		border: unset;
+		display: unset;
+	}
+
+	code {
+		padding: 2px;
+	}
+
+
+	/* bootstrap materialize fix */
+	.form-row {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	/* New design */
+	a[href] {
+		color: #4d7bff;
+		text-decoration: none;
+
+		&:hover {
+			color: #8aa8ff;
+		}
+
+		&:visited {
+			color: #2752cd;
+		}
+	}
+
+	/* tooltip */
+	#global-tooltip {
 		color: #999999;
+		background-color: #232222;
+
+		position: fixed;
+		z-index: 1000000;
+
+		pointer-events: none;
+
+		padding: .25em;
+		transform: translate(-50%, -100%); /* translate up, center */
+
+		text-align: center;
+		border-right: 3px;
+
+		display: flex;
+		flex-direction: column;
+		justify-content: space-around;
+
+		opacity: 0;
+		@include transition(opacity .5s ease-in-out);
+
+		&:after {
+			content: '';
+			position: absolute;
+
+			width: 0;
+			height: 0;
+
+			left: calc(50% - .5em);
+			bottom: -.4em;
+
+			border-style: solid;
+			border-width: .5em .5em 0 .5em;
+			border-color: #232222 transparent transparent transparent;
+		}
+
+		&.shown {
+			opacity: 1;
+		}
 	}
 
-	&:focus {
-		outline: none !important;
-	}
-}
+	/* colored letters */
+	a.rainbow-letter {
+		background-image: url('data:img/png;base64,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');
+		background-size: 100% 100%;
 
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
 
-fieldset {
-	border: unset;
-	display: unset;
-}
-
-code {
-	padding: 2px;
-}
-
-
-/* bootstrap materialize fix */
-.form-row {
-	margin-left: 0 !important;
-	margin-right: 0 !important;
-}
-
-/* New design */
-a[href] {
-	color: #4d7bff;
-	text-decoration: none;
-
-	&:hover {
-		color: #8aa8ff;
+		font-weight: bold;
+		border-bottom: 1px solid #ab4788;
+		line-height: 1em;
 	}
 
-	&:visited {
-		color: #2752cd;
-	}
-}
-
-/* tooltip */
-#global-tooltip {
-	color: #999999;
-	background-color: #232222;
-
-	position: fixed;
-	z-index: 1000000;
-
-	pointer-events: none;
-
-	padding: .25em;
-	transform: translate(-50%, -100%); /* translate up, center */
-
-	text-align: center;
-	border-right: 3px;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: space-around;
-
-	opacity: 0;
-	@include transition(opacity .5s ease-in-out);
-
-	&:after {
-		content: '';
-		position: absolute;
-
-		width: 0;
-		height: 0;
-
-		left: calc(50% - .5em);
-		bottom: -.4em;
-
-		border-style: solid;
-		border-width: .5em .5em 0 .5em;
-		border-color: #232222 transparent transparent transparent;
+	iframe {
+		border-radius: .2em;
+		border: none;
 	}
 
-	&.shown {
-		opacity: 1;
+	select, input {
+		-webkit-appearance: none;
 	}
-}
-
-/* colored letters */
-a.rainbow-letter {
-	background-image: url('data:img/png;base64,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');
-	background-size: 100% 100%;
-
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
-
-	font-weight: bold;
-	border-bottom: 1px solid #ab4788;
-	line-height: 1em;
-}
-
-iframe {
-	border-radius: .2em;
-	border: none;
-}
-
-select, input {
-	-webkit-appearance: none;
 }
\ No newline at end of file
diff --git a/shared/css/static/hostbanner.scss b/shared/css/static/hostbanner.scss
deleted file mode 100644
index 079c6cb6..00000000
--- a/shared/css/static/hostbanner.scss
+++ /dev/null
@@ -1,83 +0,0 @@
-@import "mixin";
-
-html:root {
-	--hostbanner-background: #2e2e2e;
-}
-
-.hostbanner {
-	.container-hostbanner {
-		position: relative;
-
-		overflow: hidden;
-		height: 1000px; /* allocate some height to be truncated by the flex :) */
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		cursor: pointer;
-
-		&:not(.no-background) {
-			background-color: var(--hostbanner-background);
-			border-top-left-radius: 5px;
-			border-top-right-radius: 5px;
-			-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
-			-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
-			box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
-			padding-bottom: 5px;
-		}
-
-		&.disabled {
-			padding-bottom: 0;
-			height: 0;
-		}
-
-		@include transition(height 0.5s ease-in-out);
-
-		.hostbanner-image-container {
-			height: 100%;
-			width: 100%;
-
-			flex-grow: 1;
-			flex-shrink: 1;
-			min-height: 0;
-
-			text-align: center;
-
-			&.hostbanner-mode-0 {
-				/* do not adjust */
-				display: block;
-			}
-
-			&.hostbanner-mode-1 {
-				/* do adjust and ignore ration */
-				display: flex;
-
-				height: 100%;
-				width: 100%;
-
-				> img {
-					width: 100%;
-					height: 100%;
-				}
-			}
-
-			&.hostbanner-mode-2 {
-				display: flex;
-				flex-direction: row;
-				justify-content: space-around;
-
-				> img {
-					object-fit: contain;
-					max-height: 100%;
-
-					/* "Normal" third more */
-					//max-width: 100%;
-
-					/* better adoptable mode */
-					width: min-content;
-				}
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/css/static/htmltags.scss b/shared/css/static/htmltags.scss
index afe59076..94ce09ba 100644
--- a/shared/css/static/htmltags.scss
+++ b/shared/css/static/htmltags.scss
@@ -1,5 +1,7 @@
-.htmltag-client, .htmltag-channel {
-	color: var(--text);
-	font-weight: bold;
-	cursor: pointer;
+:global {
+	.htmltag-client, .htmltag-channel {
+		color: var(--text);
+		font-weight: bold;
+		cursor: pointer;
+	}
 }
\ No newline at end of file
diff --git a/shared/css/static/main-layout.scss b/shared/css/static/main-layout.scss
index ec1c50a4..09521d9f 100644
--- a/shared/css/static/main-layout.scss
+++ b/shared/css/static/main-layout.scss
@@ -16,77 +16,85 @@ html:root {
 
 	--channel-chat-seperator: #1e1e1e;
 	--channel-chat-seperator-selected: #707070;
+
+	--server-log-text: #6e6e6e;
+	--server-log-error: #e62222;
+	--server-log-tree-entry: #d8d8d8;
+
+	--hostbanner-background: #2e2e2e;
 }
 
-.hide-small {
-	opacity: 1;
-	transition: opacity $animation_length linear;
-}
-
-.show-small {
-	display: none;
-
-	opacity: 0;
-	transition: opacity $animation_length linear;
-}
-
-.app-container {
-	right: 0;
-	left: 0;
-	top: 0;
-
-	overflow: auto;
-	padding: 0;
-}
-
-@media only screen and (max-width: $small_device) {
+:global {
 	.hide-small {
-		display: none;
-		opacity: 0;
+		opacity: 1;
 		transition: opacity $animation_length linear;
 	}
 
 	.show-small {
-		display: block !important;
+		display: none;
 
-		opacity: 1 !important;
+		opacity: 0;
 		transition: opacity $animation_length linear;
 	}
-}
 
-$animation_seperator_length: .1s;
-.container-seperator {
-	@include transition(all $animation_seperator_length ease-in-out);
-	background: var(--channel-chat-seperator);
+	.app-container {
+		right: 0;
+		left: 0;
+		top: 0;
 
-	flex-grow: 0;
-	flex-shrink: 0;
-
-	&.horizontal {
-		height: $separator_thickness;
-		width: 100%;
-
-		cursor: row-resize;
+		overflow: auto;
+		padding: 0;
 	}
 
-	&.vertical {
-		width: $separator_thickness;
-		height: 100%;
+	@media only screen and (max-width: $small_device) {
+		.hide-small {
+			display: none;
+			opacity: 0;
+			transition: opacity $animation_length linear;
+		}
 
-		cursor: col-resize;
+		.show-small {
+			display: block !important;
+
+			opacity: 1 !important;
+			transition: opacity $animation_length linear;
+		}
 	}
 
-	&.seperator-selected {
+	$animation_seperator_length: .1s;
+	.container-seperator {
 		@include transition(all $animation_seperator_length ease-in-out);
+		background: var(--channel-chat-seperator);
 
-		background-color: var(--channel-chat-seperator-selected);
+		flex-grow: 0;
+		flex-shrink: 0;
+
+		&.horizontal {
+			height: $separator_thickness;
+			width: 100%;
+
+			cursor: row-resize;
+		}
+
+		&.vertical {
+			width: $separator_thickness;
+			height: 100%;
+
+			cursor: col-resize;
+		}
+
+		&.seperator-selected {
+			@include transition(all $animation_seperator_length ease-in-out);
+
+			background-color: var(--channel-chat-seperator-selected);
+		}
 	}
-}
 
-html, body {
-	overflow: hidden;
-}
+	html, body {
+		overflow: hidden;
+	}
 
-body {
-	background: var(--app-background)!important;
+	body {
+		background: var(--app-background)!important;
+	}
 }
\ No newline at end of file
diff --git a/shared/css/static/menu-bar.scss b/shared/css/static/menu-bar.scss
deleted file mode 100644
index a1530f9c..00000000
--- a/shared/css/static/menu-bar.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-@import "mixin";
-
-.top-menu-bar {
-	@include user-select(none);
-
-	height: 1.5em;
-	width: 100%;
-
-	background: #fafafa;
-
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-start;
-
-	position: fixed;
-	top: 0;
-	z-index: 201;
-
-	font-family: Arial, serif;
-
-	.container-menu-item {
-		position: relative;
-
-		.menu-item {
-			cursor: pointer;
-
-			padding-left: .4em;
-			padding-right: .4em;
-
-			height: 100%;
-
-			display: flex;
-			flex-direction: row;
-			width: max-content;
-
-			> * {
-				vertical-align: middle;
-			}
-
-			.container-icon {
-				height: 1.2em;
-				width: 1.2em;
-				padding: .1em;
-				font-size: 1em;
-
-				margin-right: .2em;
-				display: inline-block;
-			}
-
-			.container-label {
-				display: inline-block;
-				align-self: center;
-
-				a {
-					white-space: nowrap;
-				}
-			}
-		}
-
-		&:hover:not(.disabled) {
-			background-color: rgba(0, 0, 0, 0.27);
-		}
-
-		&.disabled {
-			background-color: rgba(0, 0, 0, 0.13);
-		}
-
-		&.hidden {
-			display: none;
-		}
-
-		.sub-menu {
-			z-index: 1000;
-			display: none;
-
-			background: white;
-			position: absolute;
-
-			top: 100%;
-			border: 1px solid black;
-
-			> .container-menu-item {
-				padding-right: .5em;
-			}
-		}
-
-		&.type-side {
-			&.sub-entries:after {
-				position: absolute;
-
-				display: block;
-				content: '>';
-
-				top: 0;
-				bottom: 0;
-
-				right: .4em;
-			}
-
-			> .sub-menu {
-				top: -1px; /* border */
-				left: 100%;
-			}
-
-			&:hover {
-				> .sub-menu {
-					display: block;
-				}
-			}
-		}
-
-		&.active {
-			background-color: rgba(0, 0, 0, 0.27);
-
-			> .sub-menu {
-				display: block;
-			}
-		}
-	}
-
-	> .container-menu-item {
-		> .menu-item {
-			.container-icon {
-				display: none;
-			}
-		}
-	}
-
-	hr {
-		margin-top: .125em;
-		margin-bottom: .125em;
-	}
-}
\ No newline at end of file
diff --git a/shared/css/static/modal-about.scss b/shared/css/static/modal-about.scss
index 6c0999e0..76395463 100644
--- a/shared/css/static/modal-about.scss
+++ b/shared/css/static/modal-about.scss
@@ -1,59 +1,61 @@
-.modal-about {
-	display: flex!important;
-	flex-direction: row!important;
+:global {
+	.modal-about {
+		display: flex!important;
+		flex-direction: row!important;
 
-	text-align: center;
-	color: #999999;
+		text-align: center;
+		color: #999999;
 
-	.container-left {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-	}
-
-	.container-right {
-		text-align: left;
-		padding-left: 2em;
-
-		h1 {
-			font-size: 1.5em;
-			margin-block-start: 0.35em;
-			margin-block-end: 0.35em;
+		.container-left {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
 		}
 
-		h2 {
-			font-size: 1.25em;
-			margin-block-start: 0.10em;
-			margin-block-end: 0.10em;
-		}
-
-		p {
-			margin-block-start: .25em;
-			margin-block-end: .25em;
-		}
-	}
-
-	.version {
-		width: 100%;
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		a {
-			width: 50%;
-
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			text-align: right;
-		}
-		.value {
-			padding-left: .25em;
-
+		.container-right {
 			text-align: left;
+			padding-left: 2em;
 
-			flex-grow: 1;
-			flex-shrink: 1;
+			h1 {
+				font-size: 1.5em;
+				margin-block-start: 0.35em;
+				margin-block-end: 0.35em;
+			}
+
+			h2 {
+				font-size: 1.25em;
+				margin-block-start: 0.10em;
+				margin-block-end: 0.10em;
+			}
+
+			p {
+				margin-block-start: .25em;
+				margin-block-end: .25em;
+			}
+		}
+
+		.version {
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			a {
+				width: 50%;
+
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				text-align: right;
+			}
+			.value {
+				padding-left: .25em;
+
+				text-align: left;
+
+				flex-grow: 1;
+				flex-shrink: 1;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-avatar.scss b/shared/css/static/modal-avatar.scss
index bd6f4e10..29942ba1 100644
--- a/shared/css/static/modal-avatar.scss
+++ b/shared/css/static/modal-avatar.scss
@@ -1,289 +1,291 @@
-.modal-avatar-list {
-	display: flex!important;;
-	flex-direction: row!important;;
+:global {
+	.modal-avatar-list {
+		display: flex!important;;
+		flex-direction: row!important;;
 
-	.container-list {
-		width: 50%;
+		.container-list {
+			width: 50%;
 
-		margin-top: 5px;
+			margin-top: 5px;
 
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		.column {
-			&.column-username {
-				width: calc(50% - 100px);
-				overflow: hidden;
-				text-overflow: ellipsis;
-			}
-
-			&.column-unique-id {
-				width: calc(50% - 100px);
-				overflow: hidden;
-				text-overflow: ellipsis;
-			}
-
-			&.column-size {
-				width: 75px;
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				text-align: center;
-			}
-
-			&.column-timestamp {
-				width: 150px;
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				text-align: center;
-			}
-		}
-
-		.list-header {
-			flex-grow: 0;
-			flex-shrink: 0;
-			display: flex;
-			flex-direction: row;
-
-			.column {
-				border: 1px solid lightgray;
-				text-align: center;
-			}
-		}
-
-		.list-entries-container {
-			flex-grow: 1;
 			display: flex;
 			flex-direction: column;
-			justify-content: start;
-			overflow-y: auto;
-			min-height: 250px;
+			justify-content: stretch;
 
-			.entry {
+			.column {
+				&.column-username {
+					width: calc(50% - 100px);
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
+				&.column-unique-id {
+					width: calc(50% - 100px);
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
+				&.column-size {
+					width: 75px;
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					text-align: center;
+				}
+
+				&.column-timestamp {
+					width: 150px;
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					text-align: center;
+				}
+			}
+
+			.list-header {
+				flex-grow: 0;
+				flex-shrink: 0;
 				display: flex;
 				flex-direction: row;
 
 				.column {
-					margin-left: 2px;
-				}
-
-				cursor: pointer;
-
-				&.selected {
-					background-color: lightblue;
+					border: 1px solid lightgray;
+					text-align: center;
 				}
 			}
 
-			&.scrollbar {
-				.column-username {
-					width: calc(50% - 100px + 30px)
-				}
-
-				.column-unique-id {
-					width: calc(50% - 100px + 30px)
-				}
-			}
-		}
-	}
-
-	.container-info {
-		margin-left: 10px;
-
-		position: relative;
-		width: 50%;
-
-		.container-data {
-			width: 100%;
-		}
-
-		.container-preview {
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			.container-image {
-				flex-shrink: 0;
-				flex-grow: 0;
-
-				width: 302px;
-				height: 302px;
-
-				background-color: whitesmoke;
-				border: 1px solid black;
-				border-radius: 2px;
-
-				position: relative;
-				overflow: hidden;
-
-				> div {
-					top: 0;
-					bottom: 0;
-					left: 0;
-					right: 0;
-
-					position: absolute;
-				}
-			}
-
-			.container-image-data {
-				margin-left: 10px;
-
-				flex-shrink: 1;
+			.list-entries-container {
 				flex-grow: 1;
+				display: flex;
+				flex-direction: column;
+				justify-content: start;
+				overflow-y: auto;
+				min-height: 250px;
+
+				.entry {
+					display: flex;
+					flex-direction: row;
+
+					.column {
+						margin-left: 2px;
+					}
+
+					cursor: pointer;
+
+					&.selected {
+						background-color: lightblue;
+					}
+				}
+
+				&.scrollbar {
+					.column-username {
+						width: calc(50% - 100px + 30px)
+					}
+
+					.column-unique-id {
+						width: calc(50% - 100px + 30px)
+					}
+				}
+			}
+		}
+
+		.container-info {
+			margin-left: 10px;
+
+			position: relative;
+			width: 50%;
+
+			.container-data {
+				width: 100%;
+			}
+
+			.container-preview {
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				.container-image {
+					flex-shrink: 0;
+					flex-grow: 0;
+
+					width: 302px;
+					height: 302px;
+
+					background-color: whitesmoke;
+					border: 1px solid black;
+					border-radius: 2px;
+
+					position: relative;
+					overflow: hidden;
+
+					> div {
+						top: 0;
+						bottom: 0;
+						left: 0;
+						right: 0;
+
+						position: absolute;
+					}
+				}
+
+				.container-image-data {
+					margin-left: 10px;
+
+					flex-shrink: 1;
+					flex-grow: 1;
+
+					a {
+						text-align: center;
+					}
+
+					.form-group {
+						width: 100%;
+						margin-bottom: 0px;
+					}
+				}
+			}
+
+			.container-buttons {
+				width: 100%;
+				margin-top: 20px;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+			}
+
+			.disabled-overlay {
+				position: absolute;
+
+				top: 0;
+				bottom: 0;
+				left: 0;
+				right: 0;
+
+				background-color: gray;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
 
 				a {
 					text-align: center;
 				}
-
-				.form-group {
-					width: 100%;
-					margin-bottom: 0px;
-				}
-			}
-		}
-
-		.container-buttons {
-			width: 100%;
-			margin-top: 20px;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-		}
-
-		.disabled-overlay {
-			position: absolute;
-
-			top: 0;
-			bottom: 0;
-			left: 0;
-			right: 0;
-
-			background-color: gray;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: space-around;
-			
-			a {
-				text-align: center;
 			}
 		}
 	}
-}
-
-.modal-avatar-upload {
-	display: flex;
-	flex-direction: column;
-	justify-content: stretch;
-
-	.container-upload {
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-
-		.bmd-form-group {
-			padding-top: 0;
-		}
-
-		input[type="file"] {
-			display: none;
-		}
-	}
-
-	.container-preview {
-		flex-grow: 1;
-		flex-shrink: 1;
 
+	.modal-avatar-upload {
 		display: flex;
 		flex-direction: column;
 		justify-content: stretch;
 
-		.title {
-			font-size: 1.2em;
-			font-weight: bold;
-
-			border-bottom: 1px solid gray;
-		}
-
-		.previews {
+		.container-upload {
 			flex-grow: 0;
 			flex-shrink: 0;
 
 			display: flex;
 			flex-direction: row;
-			justify-content: space-evenly;
+			justify-content: space-between;
 
-			align-self: center;
+			.bmd-form-group {
+				padding-top: 0;
+			}
 
-			.preview {
-				flex-shrink: 1;
-				flex-grow: 1;
+			input[type="file"] {
+				display: none;
+			}
+		}
 
-				width: 11rem;
-				min-width: 11rem;
-				max-width: 11rem;
+		.container-preview {
+			flex-grow: 1;
+			flex-shrink: 1;
 
-				height: 13rem;
-				min-height: 13rem;
-				max-height: 13rem;
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
 
-				text-align: center;
+			.title {
+				font-size: 1.2em;
+				font-weight: bold;
+
+				border-bottom: 1px solid gray;
+			}
+
+			.previews {
+				flex-grow: 0;
+				flex-shrink: 0;
 
 				display: flex;
-				flex-direction: column;
-				justify-content: flex-end;
+				flex-direction: row;
+				justify-content: space-evenly;
+
+				align-self: center;
+
+				.preview {
+					flex-shrink: 1;
+					flex-grow: 1;
+
+					width: 11rem;
+					min-width: 11rem;
+					max-width: 11rem;
+
+					height: 13rem;
+					min-height: 13rem;
+					max-height: 13rem;
+
+					text-align: center;
 
-				.container-avatar {
 					display: flex;
-					flex-direction: row;
-					justify-content: space-around;
+					flex-direction: column;
+					justify-content: flex-end;
 
-					.avatar {
-						position: relative;
+					.container-avatar {
+						display: flex;
+						flex-direction: row;
+						justify-content: space-around;
 
-						height: 1em;
-						width: 1em;
+						.avatar {
+							position: relative;
 
-						overflow: hidden;
-						border-radius: 50%;
+							height: 1em;
+							width: 1em;
 
-						> img {
-							position: absolute;
+							overflow: hidden;
+							border-radius: 50%;
 
-							top: 0;
-							left: 0;
+							> img {
+								position: absolute;
 
-							height: 100%;
-							width: 100%;
+								top: 0;
+								left: 0;
+
+								height: 100%;
+								width: 100%;
+							}
 						}
 					}
-				}
 
-				> a {
-					margin-top: 1em;
-				}
-
-				&.preview-client-info {
-					.container-avatar {
-						font-size: 10rem;
+					> a {
+						margin-top: 1em;
 					}
-				}
 
-				&.preview-chat {
-					.container-avatar {
-						font-size: 2.5rem;
+					&.preview-client-info {
+						.container-avatar {
+							font-size: 10rem;
+						}
 					}
-				}
 
-				&.preview-chat-entry {
-					.container-avatar {
-						font-size: 2rem;
+					&.preview-chat {
+						.container-avatar {
+							font-size: 2.5rem;
+						}
+					}
+
+					&.preview-chat-entry {
+						.container-avatar {
+							font-size: 2rem;
+						}
 					}
 				}
 			}
@@ -292,7 +294,9 @@
 }
 
 @media all and (max-width: 40rem) {
-	.modal-avatar-upload .container-preview .previews {
-		flex-direction: column;
+	:global {
+		.modal-avatar-upload .container-preview .previews {
+			flex-direction: column;
+		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-banclient.scss b/shared/css/static/modal-banclient.scss
index f64b8c56..0c5c44e4 100644
--- a/shared/css/static/modal-banclient.scss
+++ b/shared/css/static/modal-banclient.scss
@@ -1,293 +1,295 @@
 @import "mixin";
 @import "properties";
 
-//TODO: Resize style!
-.modal-body.modal-ban-client {
-	padding: 0!important;
+:global {
+	//TODO: Resize style!
+	.modal-body.modal-ban-client {
+		padding: 0!important;
 
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: stretch!important;
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: stretch!important;
 
-	//min-width: 30em!important;
-	max-height: calc(100vh - 10em);
-	width: 40em;
+		//min-width: 30em!important;
+		max-height: calc(100vh - 10em);
+		width: 40em;
 
-	min-height: 20em;
+		min-height: 20em;
 
-	.container-tooltip {
-		flex-shrink: 0;
-		flex-grow: 0;
+		.container-tooltip {
+			flex-shrink: 0;
+			flex-grow: 0;
 
-		position: relative;
-		width: 1.6em;
+			position: relative;
+			width: 1.6em;
 
-		margin-left: .5em;
-		margin-right: .25em;
+			margin-left: .5em;
+			margin-right: .25em;
 
-		font-size: .9em;
+			font-size: .9em;
 
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
 
-		img {
-			height: 1em;
-			width: 1em;
+			img {
+				height: 1em;
+				width: 1em;
 
-			align-self: center;
-			font-size: 1.2em;
+				align-self: center;
+				font-size: 1.2em;
+			}
+
+			.tooltip {
+				display: none;
+			}
 		}
 
-		.tooltip {
-			display: none;
+		.container-info {
+			flex-shrink: 0;
+			flex-grow: 0;
+
+			padding: .5em;
+
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			.container {
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				min-width: 4em;
+				width: 10em;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				.title {
+					text-transform: uppercase;
+					color: #557edc;
+
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+				}
+
+				.value {
+					flex-grow: 1;
+					flex-shrink: 1;
+					min-height: 2em;
+
+					padding: .5em;
+
+					border-radius: 0.2em;
+					border: 1px solid #111112;
+					background-color: #121213;
+
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+
+					@include chat-scrollbar-vertical();
+				}
+			}
 		}
-	}
 
-	.container-info {
-		flex-shrink: 0;
-		flex-grow: 0;
+		.container-duration {
+			margin: 1em;
+			margin-top: 0em;
 
-		padding: .5em;
+			display: flex;
+			flex-direction: column;
+			justify-content: flex-start;
 
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
+			> a {
+				flex-grow: 0;
+				flex-shrink: 0;
+			}
 
-		.container {
-			flex-grow: 1;
+			.container-value {
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				.input-boxed.value {
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					min-width: 6em;
+
+					margin-right: 1em;
+				}
+
+				select {
+					width: 7em;
+					padding-left: .5em;
+				}
+			}
+		}
+
+		.container-reason {
+			margin: 1em;
+			margin-top: 0em;
+			position: relative;
+
+			flex-grow: 0;
 			flex-shrink: 1;
 
-			min-width: 4em;
-			width: 10em;
+			min-height: 5em;
+			max-height: 22.5em;
+
+			border-radius: .2em;
+			border: 1px solid #111112;
+
+			overflow: hidden;
 
 			display: flex;
 			flex-direction: column;
 			justify-content: stretch;
 
-			.title {
-				text-transform: uppercase;
-				color: #557edc;
+			.toolbar {
+				flex-shrink: 0;
+				flex-grow: 0;
 
-				overflow: hidden;
-				white-space: nowrap;
-				text-overflow: ellipsis;
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-start;
+
+				width: 100%;
+				height: 2.5em;
+
+				background-color: #17171a;
+				font-size: .8em;
+
+				padding: .25em;
+
+				.button {
+					cursor: pointer;
+
+					padding: .5em;
+					&:not(:first-child) {
+						margin-left: .25em;
+					}
+
+					border-radius: .2em;
+					border: 1px solid #111112;
+
+					background-color: #121213;
+
+					height: 2em;
+					width: 2em;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+
+					text-align: center;
+					align-self: center;
+
+					&.button-bold {
+						font-weight: bold;
+					}
+
+					&.button-italic {
+						font-style: italic;
+					}
+
+					&.button-underline {
+						text-decoration: underline;
+					}
+
+					&.button-color {
+						input {
+							position: absolute;
+							width: 0;
+							height: 0;
+							opacity: 0;
+						}
+					}
+
+					&:hover {
+						background-color: #0f0f0f;
+						@include transition(background-color $button_hover_animation_time);
+					}
+				}
 			}
 
-			.value {
-				flex-grow: 1;
+			> .input-boxed {
 				flex-shrink: 1;
-				min-height: 2em;
+				flex-grow: 1;
 
-				padding: .5em;
+				min-height: 2.5em;
+				height: 5em;
+				max-height: 20em;
 
-				border-radius: 0.2em;
-				border: 1px solid #111112;
-				background-color: #121213;
+				border: none;
+				border-radius: 0;
+				border-top: 1px solid #111112;
 
-				overflow: hidden;
-				white-space: nowrap;
-				text-overflow: ellipsis;
+
+				overflow-x: hidden;;
+				overflow-y: auto;
+
+				resize: vertical;
 
 				@include chat-scrollbar-vertical();
 			}
-		}
-	}
 
-	.container-duration {
-		margin: 1em;
-		margin-top: 0em;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: flex-start;
-
-		> a {
-			flex-grow: 0;
-			flex-shrink: 0;
-		}
-
-		.container-value {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			.input-boxed.value {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				min-width: 6em;
-
-				margin-right: 1em;
-			}
-
-			select {
-				width: 7em;
-				padding-left: .5em;
+			&:focus-within {
+				background-color: #131b22;
+				//border-color: #284262;
 			}
 		}
-	}
 
-	.container-reason {
-		margin: 1em;
-		margin-top: 0em;
-		position: relative;
+		.container-criteria {
+			margin: 1em;
+			margin-top: 0em;
+			padding: .5em;
 
-		flex-grow: 0;
-		flex-shrink: 1;
-
-		min-height: 5em;
-		max-height: 22.5em;
-
-		border-radius: .2em;
-		border: 1px solid #111112;
-
-		overflow: hidden;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		.toolbar {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-start;
-
-			width: 100%;
-			height: 2.5em;
-
-			background-color: #17171a;
-			font-size: .8em;
-
-			padding: .25em;
-
-			.button {
-				cursor: pointer;
-
-				padding: .5em;
-				&:not(:first-child) {
-					margin-left: .25em;
-				}
-
-				border-radius: .2em;
-				border: 1px solid #111112;
-
-				background-color: #121213;
-
-				height: 2em;
-				width: 2em;
+			border-radius: 0.2em;
+			border: 1px solid #111112;
+			background-color: #121213;
 
+			.criteria {
 				display: flex;
-				flex-direction: column;
-				justify-content: center;
+				flex-direction: row;
+				justify-content: space-between;
 
-				text-align: center;
-				align-self: center;
+				a {
+					flex-shrink: 1;
+					min-width: 4em;
 
-				&.button-bold {
-					font-weight: bold;
+					text-transform: uppercase;
+					color: #557edc;
+
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
 				}
 
-				&.button-italic {
-					font-style: italic;
-				}
+				label {
 
-				&.button-underline {
-					text-decoration: underline;
-				}
-
-				&.button-color {
-					input {
-						position: absolute;
-						width: 0;
-						height: 0;
-						opacity: 0;
-					}
-				}
-
-				&:hover {
-					background-color: #0f0f0f;
-					@include transition(background-color $button_hover_animation_time);
 				}
 			}
 		}
 
-		> .input-boxed {
-			flex-shrink: 1;
-			flex-grow: 1;
-
-			min-height: 2.5em;
-			height: 5em;
-			max-height: 20em;
-
-			border: none;
-			border-radius: 0;
-			border-top: 1px solid #111112;
-
-
-			overflow-x: hidden;;
-			overflow-y: auto;
-
-			resize: vertical;
-
-			@include chat-scrollbar-vertical();
-		}
-
-		&:focus-within {
-			background-color: #131b22;
-			//border-color: #284262;
-		}
-	}
-
-	.container-criteria {
-		margin: 1em;
-		margin-top: 0em;
-		padding: .5em;
-
-		border-radius: 0.2em;
-		border: 1px solid #111112;
-		background-color: #121213;
-
-		.criteria {
+		.container-buttons {
 			display: flex;
 			flex-direction: row;
-			justify-content: space-between;
+			justify-content: flex-end;
 
-			a {
-				flex-shrink: 1;
-				min-width: 4em;
+			margin: 1em;
+			margin-top: 0em;
 
-				text-transform: uppercase;
-				color: #557edc;
-
-				overflow: hidden;
-				white-space: nowrap;
-				text-overflow: ellipsis;
+			button:not(:first-of-type) {
+				margin-left: 1em;
+				width: 6em;
 			}
-
-			label {
-
-			}
-		}
-	}
-
-	.container-buttons {
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-end;
-
-		margin: 1em;
-		margin-top: 0em;
-
-		button:not(:first-of-type) {
-			margin-left: 1em;
-			width: 6em;
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-banlist.scss b/shared/css/static/modal-banlist.scss
index 84f9bfe9..45228a54 100644
--- a/shared/css/static/modal-banlist.scss
+++ b/shared/css/static/modal-banlist.scss
@@ -3,111 +3,180 @@
 
 $category_slide_animation_length: .25s;
 
-.modal-body.modal-ban-list {
-	padding: 0!important;
+:global {
+	.modal-body.modal-ban-list {
+		padding: 0!important;
 
-	display: flex!important;
-	flex-direction: row!important;
-	justify-content: stretch!important;
+		display: flex!important;
+		flex-direction: row!important;
+		justify-content: stretch!important;
 
-	//min-width: 30em!important;
-	max-height: calc(100vh - 10em);
-	height: 50em;
-	width: 80em;
+		//min-width: 30em!important;
+		max-height: calc(100vh - 10em);
+		height: 50em;
+		width: 80em;
 
-	min-height: 20em;
+		min-height: 20em;
 
-	.container-tooltip {
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		position: relative;
-		width: 1.6em;
-
-		margin-left: .5em;
-		margin-right: .25em;
-
-		font-size: .9em;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-
-		img {
-			height: 1em;
-			width: 1em;
-
-			align-self: center;
-			font-size: 1.2em;
-		}
-
-		.tooltip {
-			display: none;
-		}
-	}
-
-	/* general for shrink */
-	input {
-		min-width: 4em;
-	}
-
-	.left, .right {
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-	}
-
-	.container-seperator {
-		width: 3px;
-		height: unset!important;
-		background-color: #222224!important;
-
-		.top {
-			height: 3.75em;
-			background-color: #303036;
-
-			opacity: 0;
-
-			@include transition($category_slide_animation_length ease-in-out);
-		}
-	}
-
-	.left {
-		background-color: #222226;
-		min-width: 15em;
-
-		.head {
-			flex-grow: 0;
+		.container-tooltip {
 			flex-shrink: 0;
+			flex-grow: 0;
 
-			height: 2.5em;
-			font-size: 1.5em;
+			position: relative;
+			width: 1.6em;
+
+			margin-left: .5em;
+			margin-right: .25em;
+
+			font-size: .9em;
 
 			display: flex;
-			flex-direction: row;
+			flex-direction: column;
+			justify-content: center;
+
+			img {
+				height: 1em;
+				width: 1em;
+
+				align-self: center;
+				font-size: 1.2em;
+			}
+
+			.tooltip {
+				display: none;
+			}
+		}
+
+		/* general for shrink */
+		input {
+			min-width: 4em;
+		}
+
+		.left, .right {
+			flex-grow: 1;
+			flex-shrink: 1;
+
+			display: flex;
+			flex-direction: column;
 			justify-content: stretch;
+		}
 
-			background-color: #303036;
+		.container-seperator {
+			width: 3px;
+			height: unset!important;
+			background-color: #222224!important;
 
-			.category {
+			.top {
+				height: 3.75em;
+				background-color: #303036;
+
+				opacity: 0;
+
+				@include transition($category_slide_animation_length ease-in-out);
+			}
+		}
+
+		.left {
+			background-color: #222226;
+			min-width: 15em;
+
+			.head {
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				height: 2.5em;
+				font-size: 1.5em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				background-color: #303036;
+
+				.category {
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+
+					cursor: pointer;
+
+					text-align: center;
+					color: #fefefe;
+
+					position: relative;
+
+					.background {
+						position: absolute;
+
+						top: 0;
+						left: 0;
+						right: 0;
+						bottom: 0;
+
+						background-color: #222226;
+
+						@include transition($category_slide_animation_length ease-in-out);
+					}
+
+					a {
+						z-index: 1;
+					}
+
+					&.disabled {
+						color: #454545;
+						pointer-events: none!important;
+					}
+				}
+
+				.category-edit {
+					.background {
+						right: 100%;
+					}
+
+					&.selected {
+						.background {
+							right: 0;
+						}
+					}
+				}
+
+				.category-add {
+					.background {
+						left: 100%;
+					}
+
+					&.selected {
+						.background {
+							left: 0;
+						}
+					}
+				}
+			}
+
+			.body {
 				flex-grow: 1;
 				flex-shrink: 1;
 
+				min-height: 6em;
+
 				display: flex;
 				flex-direction: column;
-				justify-content: center;
-
-				cursor: pointer;
-
-				text-align: center;
-				color: #fefefe;
+				justify-content: stretch;
 
 				position: relative;
+				overflow: hidden;
+
+				.container-add, .container-edit {
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					min-height: 6em;
+					overflow-y: auto;
+					overflow-x: hidden;
 
-				.background {
 					position: absolute;
 
 					top: 0;
@@ -115,221 +184,605 @@ $category_slide_animation_length: .25s;
 					right: 0;
 					bottom: 0;
 
-					background-color: #222226;
+					padding: .5em;
 
-					@include transition($category_slide_animation_length ease-in-out);
-				}
+					.container-no-permissions {
+						position: absolute;
 
-				a {
-					z-index: 1;
-				}
-
-				&.disabled {
-					color: #454545;
-					pointer-events: none!important;
-				}
-			}
-
-			.category-edit {
-				.background {
-					right: 100%;
-				}
-
-				&.selected {
-					.background {
-						right: 0;
-					}
-				}
-			}
-
-			.category-add {
-				.background {
-					left: 100%;
-				}
-
-				&.selected {
-					.background {
+						top: 0;
 						left: 0;
-					}
-				}
-			}
-		}
+						right: -1em; /* due to the translateX the padding gets a bit miscalculated */
+						bottom: 0;
 
-		.body {
-			flex-grow: 1;
-			flex-shrink: 1;
+						z-index: 10;
 
-			min-height: 6em;
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
 
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
+						background-color: #222226;
 
-			position: relative;
-			overflow: hidden;
-
-			.container-add, .container-edit {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				min-height: 6em;
-				overflow-y: auto;
-				overflow-x: hidden;
-
-				position: absolute;
-
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
-
-				padding: .5em;
-
-				.container-no-permissions {
-					position: absolute;
-
-					top: 0;
-					left: 0;
-					right: -1em; /* due to the translateX the padding gets a bit miscalculated */
-					bottom: 0;
-
-					z-index: 10;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					background-color: #222226;
-
-					a {
-						align-self: center;
-						color: hsla(0, 0%, 30%, 1);;
-					}
-				}
-
-				.group {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					> a {
-						color: #557edc;
-						text-transform: uppercase;
-					}
-
-					.input-boxed {
-						height: 2em;
-					}
-
-					&:not(:first-of-type) {
-						margin-top: .5em;
-					}
-
-					&.group-reason {
-						textarea {
-							flex-shrink: 1;
-							height: 6em; /* show by default 3 rows */
-							max-height: 12em; /* 6 rows */
+						a {
+							align-self: center;
+							color: hsla(0, 0%, 30%, 1);;
 						}
 					}
 
-					&.group-duration {
-						.container-value {
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							.value {
-								flex-grow: 2;
-								flex-shrink: 2;
-							}
-
-							select {
-								flex-grow: 1;
-								flex-shrink: 1;
-
-								margin-left: .5em;
-								min-width: 2em;
-							}
-						}
-					}
-				}
-
-				.group-enforcements, .group-creator {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					height: 2.5em;
-					padding-top: .5em;
-
-					.key {
+					.group {
 						flex-grow: 0;
-						flex-shrink: 1;
+						flex-shrink: 0;
 
-						min-width: 6em;
+						> a {
+							color: #557edc;
+							text-transform: uppercase;
+						}
 
-						color: #557edc;
-						text-transform: uppercase;
+						.input-boxed {
+							height: 2em;
+						}
 
-						align-self: center;
+						&:not(:first-of-type) {
+							margin-top: .5em;
+						}
 
-						margin-right: .5em;
+						&.group-reason {
+							textarea {
+								flex-shrink: 1;
+								height: 6em; /* show by default 3 rows */
+								max-height: 12em; /* 6 rows */
+							}
+						}
 
-						overflow: hidden;
-						white-space: nowrap;
-						text-overflow: ellipsis;
+						&.group-duration {
+							.container-value {
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								.value {
+									flex-grow: 2;
+									flex-shrink: 2;
+								}
+
+								select {
+									flex-grow: 1;
+									flex-shrink: 1;
+
+									margin-left: .5em;
+									min-width: 2em;
+								}
+							}
+						}
 					}
 
-					.value {
-						flex-grow: 1;
-						flex-shrink: 1;
+					.group-enforcements, .group-creator {
+						flex-grow: 0;
+						flex-shrink: 0;
 
 						display: flex;
 						flex-direction: row;
-						justify-content: flex-end;
+						justify-content: stretch;
 
-						min-width: 4em;
+						height: 2.5em;
+						padding-top: .5em;
 
-						align-self: center;
+						.key {
+							flex-grow: 0;
+							flex-shrink: 1;
+
+							min-width: 6em;
+
+							color: #557edc;
+							text-transform: uppercase;
 
-						button {
-							height: 2em;
-							font-size: .8em;
 							align-self: center;
 
+							margin-right: .5em;
+
 							overflow: hidden;
 							white-space: nowrap;
 							text-overflow: ellipsis;
 						}
 
-						a {
-							align-self: center;
-							margin-right: .5em;
-						}
+						.value {
+							flex-grow: 1;
+							flex-shrink: 1;
 
-						.htmltag-client {
-							color: #999999!important;
-							font-weight: normal!important;
+							display: flex;
+							flex-direction: row;
+							justify-content: flex-end;
+
+							min-width: 4em;
+
+							align-self: center;
+
+							button {
+								height: 2em;
+								font-size: .8em;
+								align-self: center;
+
+								overflow: hidden;
+								white-space: nowrap;
+								text-overflow: ellipsis;
+							}
+
+							a {
+								align-self: center;
+								margin-right: .5em;
+							}
+
+							.htmltag-client {
+								color: #999999!important;
+								font-weight: normal!important;
+							}
 						}
 					}
+
+					.group-global {
+						flex-grow: 0;
+						flex-shrink: 0;
+
+						display: flex;
+						flex-direction: row;
+						justify-content: stretch;
+
+						height: 2.5em;
+						padding-top: .5em;
+
+						.checkbox {
+							align-self: center;
+						}
+
+						a {
+							flex-grow: 1;
+							flex-shrink: 1;
+
+							min-width: 2em;
+
+							align-self: center;
+							margin-left: .5em;
+
+							color: #557edc;
+							text-transform: uppercase;
+
+							overflow: hidden;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+						}
+					}
+
+
+					@include transition($category_slide_animation_length ease-in-out);
+
+					@include transform(translateX(0));
 				}
 
-				.group-global {
-					flex-grow: 0;
+				.container-add.hidden {
+					@include transform(translateX(100%));
+				}
+
+				.container-edit.hidden {
+					@include transform(translateX(-100%));
+				}
+			}
+
+			.buttons {
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				padding: .5em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-end;
+			}
+		}
+
+		.right {
+			position: relative;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
+
+			min-width: 30em;
+
+			.container-filter {
+				flex-shrink: 0;
+				flex-grow: 0;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				/* well this is shit, but thats how it works */
+				.form-group {
+					margin-top: -1em;
+					margin-left: .25em;
+					margin-right: .25em;
+
+					margin-bottom: .5em;
+
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					min-width: 5em;
+				}
+
+				.container-close {
+					cursor: pointer;
+
 					flex-shrink: 0;
+					flex-grow: 0;
+
+					font-size: 5em;
+					opacity: 0.3;
+
+					align-self: center;
+					position: relative;
+
+					margin-right: .125em;
+					margin-left: .125em;
+
+					width: .5em;
+					height: .5em;
+
+					&:hover {
+						opacity: 1;
+					}
+					@include transition(opacity $button_hover_animation_time ease-in-out);
+
+					&:before, &:after {
+						position: absolute;
+						left: .25em;
+						content: ' ';
+						height: .5em;
+						width: .05em;
+						background-color: #5a5a5a;
+					}
+
+					&:before {
+						transform: rotate(45deg);
+					}
+
+					&:after {
+						transform: rotate(-45deg);
+					}
+				}
+			}
+
+			.container-list {
+				flex-shrink: 1;
+				flex-grow: 1;
+
+				min-height: 10em;
+				padding: .25em;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				.entry {
+					flex-shrink: 0;
+					flex-grow: 0;
 
 					display: flex;
 					flex-direction: row;
 					justify-content: stretch;
 
-					height: 2.5em;
-					padding-top: .5em;
+					&.header {
+						color: #557edc;
+
+						margin-right: .5em; /* scroll bar */
+						-moz-margin-end: 12px; /* moz scroll bar */
+					}
+
+					.column {
+						padding: .25em;
+
+						&:not(:first-of-type) {
+							border-left: 0.125em solid transparent;
+						}
+					}
+				}
+
+				.body {
+					flex-shrink: 1;
+					flex-grow: 1;
+
+					min-height: 6em;
+
+					overflow-x: hidden;
+					overflow-y: scroll;
+
+					position: relative;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-start;
+
+					@include chat-scrollbar-vertical();
+
+					.entry {
+						cursor: pointer;
+
+						border: 0.125em solid #222425;
+						border-radius: $border_radius_large;
+
+						background-color: #292a2c;
+
+						&:not(:first-of-type) {
+							margin-top: .3em;
+						}
+
+						.column {
+							border-left-color: #222425;
+						}
+
+						@include transition($button_hover_animation_time ease-in-out);
+					}
+
+					.container-empty, .container-error {
+						position: absolute;
+
+						top: 0;
+						left: 0;
+						right: 0;
+						bottom: 0;
+
+						z-index: 2;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						text-align: center;
+
+						background-color: #303036;
+						color: hsla(0, 0%, 30%, 1);
+
+						font-size: 1.8em;
+
+						> a {
+							margin-top: -1em; /* looks better then totally centered */
+							align-self: center;
+						}
+
+						&.container-error {
+							a {
+								color: red;
+							}
+						}
+					}
+				}
+			}
+
+			/* for the ban list only */
+			.container-banlist {
+				position: absolute;
+
+				top: 0;
+				bottom: 0;
+				left: 0;
+				right: 0;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				background-color: #303036;
+
+				.entry {
+					.column-key {
+						flex-shrink: 1;
+						flex-grow: 0;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						> * {
+							overflow: hidden;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+						}
+
+						min-width: 4em;
+						width: 20em; /* UUID length */
+					}
+
+					.column-reason {
+						flex-shrink: 1;
+						flex-grow: 1;
+
+						min-width: 12em;
+						//width: calc(100% - 28em);
+					}
+
+					.column-expires {
+						flex-shrink: 0;
+						flex-grow: 0;
+
+						width: 10em;
+
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+					}
+
+					.column-delete {
+						flex-shrink: 0;
+						flex-grow: 0;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						width: 1.75em;
+
+						.button-delete {
+							width: 1.25em;
+							height: 1.25em;
+
+							cursor: pointer;
+							align-self: center;
+
+							display: flex;
+							flex-direction: column;
+							justify-content: center;
+
+							> div {
+								align-self: center;
+							}
+
+							&:hover {
+								background-color: #393c40;
+								border-radius: $border_radius_middle;
+
+								@include transition($button_hover_animation_time ease-in-out);
+							}
+						}
+					}
+				}
+
+				.body {
+					.entry {
+						&.selected {
+							background-color: #18191b;
+						}
+
+						&:hover {
+							background-color: #333539;
+						}
+
+						&.global {
+							background-color: #3b2626;
+							border-color: #7d3536;
+
+							&.selected {
+								background-color: #221717;
+							}
+
+							&:hover {
+								background-color: #4e3434;
+							}
+						}
+
+						&.highlight {
+							border-color: #328f33;
+						}
+					}
+				}
+
+			}
+
+			/* for the trigger list only */
+			.container-triggerlist {
+				position: absolute;
+
+				top: 0;
+				bottom: 0;
+				left: 0;
+				right: 0;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				background-color: #303036;
+
+				.entry {
+					.column-properties {
+						flex-shrink: 1;
+						flex-grow: 1;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						> * {
+							overflow: hidden;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+						}
+
+						min-width: 4em;
+						width: 20em;
+
+						.property {
+							display: flex;
+							flex-direction: row;
+							justify-content: stretch;
+
+							.key, .value {
+								overflow: hidden;
+								white-space: nowrap;
+								text-overflow: ellipsis;
+							}
+
+							.key {
+								flex-grow: 0;
+								flex-shrink: 4;
+
+								width: 9em;
+							}
+
+							.value {
+								flex-grow: 1;
+								flex-shrink: 1;
+							}
+
+							@include transition($button_hover_animation_time ease-in-out);
+						}
+					}
+
+					.column-timestamp {
+						flex-shrink: 0;
+						flex-grow: 0;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						width: 10em;
+						text-align: center;
+					}
+				}
+
+				.container-list.highlight {
+					.property.highlighted {
+						color: #328f33;
+					}
+				}
+			}
+
+			.container-options {
+				flex-shrink: 0;
+				flex-grow: 0;
+
+				padding: .5em; //TODO: May use .25 from the list above?
+
+				min-width: 14em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+
+				background-color: #222224;
+
+				.container-option {
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
+
+					min-width: 4em;
 
 					.checkbox {
+						flex-grow: 0;
+						flex-shrink: 0;
+
 						align-self: center;
+						margin-right: .25em;
 					}
 
 					a {
@@ -339,7 +792,6 @@ $category_slide_animation_length: .25s;
 						min-width: 2em;
 
 						align-self: center;
-						margin-left: .5em;
 
 						color: #557edc;
 						text-transform: uppercase;
@@ -350,459 +802,9 @@ $category_slide_animation_length: .25s;
 					}
 				}
 
-
-				@include transition($category_slide_animation_length ease-in-out);
-
-				@include transform(translateX(0));
-			}
-
-			.container-add.hidden {
-				@include transform(translateX(100%));
-			}
-
-			.container-edit.hidden {
-				@include transform(translateX(-100%));
-			}
-		}
-
-		.buttons {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			padding: .5em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-end;
-		}
-	}
-
-	.right {
-		position: relative;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		min-width: 30em;
-
-		.container-filter {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			/* well this is shit, but thats how it works */
-			.form-group {
-				margin-top: -1em;
-				margin-left: .25em;
-				margin-right: .25em;
-
-				margin-bottom: .5em;
-
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				min-width: 5em;
-			}
-
-			.container-close {
-				cursor: pointer;
-
-				flex-shrink: 0;
-				flex-grow: 0;
-
-				font-size: 5em;
-				opacity: 0.3;
-
-				align-self: center;
-				position: relative;
-
-				margin-right: .125em;
-				margin-left: .125em;
-
-				width: .5em;
-				height: .5em;
-
-				&:hover {
-					opacity: 1;
+				button {
+					height: 2em;
 				}
-				@include transition(opacity $button_hover_animation_time ease-in-out);
-
-				&:before, &:after {
-					position: absolute;
-					left: .25em;
-					content: ' ';
-					height: .5em;
-					width: .05em;
-					background-color: #5a5a5a;
-				}
-
-				&:before {
-					transform: rotate(45deg);
-				}
-
-				&:after {
-					transform: rotate(-45deg);
-				}
-			}
-		}
-
-		.container-list {
-			flex-shrink: 1;
-			flex-grow: 1;
-
-			min-height: 10em;
-			padding: .25em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			.entry {
-				flex-shrink: 0;
-				flex-grow: 0;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				&.header {
-					color: #557edc;
-
-					margin-right: .5em; /* scroll bar */
-					-moz-margin-end: 12px; /* moz scroll bar */
-				}
-
-				.column {
-					padding: .25em;
-
-					&:not(:first-of-type) {
-						border-left: 0.125em solid transparent;
-					}
-				}
-			}
-
-			.body {
-				flex-shrink: 1;
-				flex-grow: 1;
-
-				min-height: 6em;
-
-				overflow-x: hidden;
-				overflow-y: scroll;
-
-				position: relative;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				@include chat-scrollbar-vertical();
-
-				.entry {
-					cursor: pointer;
-
-					border: 0.125em solid #222425;
-					border-radius: $border_radius_large;
-
-					background-color: #292a2c;
-
-					&:not(:first-of-type) {
-						margin-top: .3em;
-					}
-
-					.column {
-						border-left-color: #222425;
-					}
-
-					@include transition($button_hover_animation_time ease-in-out);
-				}
-
-				.container-empty, .container-error {
-					position: absolute;
-
-					top: 0;
-					left: 0;
-					right: 0;
-					bottom: 0;
-
-					z-index: 2;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					text-align: center;
-
-					background-color: #303036;
-					color: hsla(0, 0%, 30%, 1);
-
-					font-size: 1.8em;
-
-					> a {
-						margin-top: -1em; /* looks better then totally centered */
-						align-self: center;
-					}
-
-					&.container-error {
-						a {
-							color: red;
-						}
-					}
-				}
-			}
-		}
-
-		/* for the ban list only */
-		.container-banlist {
-			position: absolute;
-
-			top: 0;
-			bottom: 0;
-			left: 0;
-			right: 0;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			background-color: #303036;
-
-			.entry {
-				.column-key {
-					flex-shrink: 1;
-					flex-grow: 0;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					> * {
-						overflow: hidden;
-						white-space: nowrap;
-						text-overflow: ellipsis;
-					}
-
-					min-width: 4em;
-					width: 20em; /* UUID length */
-				}
-
-				.column-reason {
-					flex-shrink: 1;
-					flex-grow: 1;
-
-					min-width: 12em;
-					//width: calc(100% - 28em);
-				}
-
-				.column-expires {
-					flex-shrink: 0;
-					flex-grow: 0;
-
-					width: 10em;
-
-					overflow: hidden;
-					white-space: nowrap;
-					text-overflow: ellipsis;
-				}
-
-				.column-delete {
-					flex-shrink: 0;
-					flex-grow: 0;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					width: 1.75em;
-
-					.button-delete {
-						width: 1.25em;
-						height: 1.25em;
-
-						cursor: pointer;
-						align-self: center;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: center;
-
-						> div {
-							align-self: center;
-						}
-
-						&:hover {
-							background-color: #393c40;
-							border-radius: $border_radius_middle;
-
-							@include transition($button_hover_animation_time ease-in-out);
-						}
-					}
-				}
-			}
-
-			.body {
-				.entry {
-					&.selected {
-						background-color: #18191b;
-					}
-
-					&:hover {
-						background-color: #333539;
-					}
-
-					&.global {
-						background-color: #3b2626;
-						border-color: #7d3536;
-
-						&.selected {
-							background-color: #221717;
-						}
-
-						&:hover {
-							background-color: #4e3434;
-						}
-					}
-
-					&.highlight {
-						border-color: #328f33;
-					}
-				}
-			}
-
-		}
-
-		/* for the trigger list only */
-		.container-triggerlist {
-			position: absolute;
-
-			top: 0;
-			bottom: 0;
-			left: 0;
-			right: 0;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			background-color: #303036;
-
-			.entry {
-				.column-properties {
-					flex-shrink: 1;
-					flex-grow: 1;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					> * {
-						overflow: hidden;
-						white-space: nowrap;
-						text-overflow: ellipsis;
-					}
-
-					min-width: 4em;
-					width: 20em;
-
-					.property {
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
-
-						.key, .value {
-							overflow: hidden;
-							white-space: nowrap;
-							text-overflow: ellipsis;
-						}
-
-						.key {
-							flex-grow: 0;
-							flex-shrink: 4;
-
-							width: 9em;
-						}
-
-						.value {
-							flex-grow: 1;
-							flex-shrink: 1;
-						}
-
-						@include transition($button_hover_animation_time ease-in-out);
-					}
-				}
-
-				.column-timestamp {
-					flex-shrink: 0;
-					flex-grow: 0;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					width: 10em;
-					text-align: center;
-				}
-			}
-
-			.container-list.highlight {
-				.property.highlighted {
-					color: #328f33;
-				}
-			}
-		}
-
-		.container-options {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			padding: .5em; //TODO: May use .25 from the list above?
-
-			min-width: 14em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			background-color: #222224;
-
-			.container-option {
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				min-width: 4em;
-
-				.checkbox {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					align-self: center;
-					margin-right: .25em;
-				}
-
-				a {
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					min-width: 2em;
-
-					align-self: center;
-
-					color: #557edc;
-					text-transform: uppercase;
-
-					overflow: hidden;
-					white-space: nowrap;
-					text-overflow: ellipsis;
-				}
-			}
-
-			button {
-				height: 2em;
 			}
 		}
 	}
diff --git a/shared/css/static/modal-channelinfo.scss b/shared/css/static/modal-channelinfo.scss
index c9c121d9..92c7b36b 100644
--- a/shared/css/static/modal-channelinfo.scss
+++ b/shared/css/static/modal-channelinfo.scss
@@ -1,161 +1,163 @@
 @import "mixin";
 @import "properties";
 
-.modal-body.modal-channel-info {
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: stretch!important;
+:global {
+	.modal-body.modal-channel-info {
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: stretch!important;
 
-	min-width: 30em!important;
-	max-height: calc(100vh - 10em)!important;
-	padding: 0 !important;
+		min-width: 30em!important;
+		max-height: calc(100vh - 10em)!important;
+		padding: 0 !important;
 
-	.row {
-		flex-grow: 0;
-		flex-shrink: 0;
+		.row {
+			flex-grow: 0;
+			flex-shrink: 0;
 
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
 
-		padding-top: 1em;
-		padding-left: .5em;
-		padding-right: .5em;
+			padding-top: 1em;
+			padding-left: .5em;
+			padding-right: .5em;
 
-		.column {
+			.column {
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				min-width: 6em;
+				width: 10em;
+
+				margin-right: .5em;
+				margin-left: .5em;
+
+				.title {
+					text-transform: uppercase;
+					color: #557edc;
+
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
+				.value {
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
+				&.audio-encrypted {
+					/* looks better */
+					.value {
+						height: 1.6em;
+						overflow: visible;
+					}
+				}
+			}
+		}
+
+		.container-description {
 			flex-grow: 1;
 			flex-shrink: 1;
 
-			min-width: 6em;
-			width: 10em;
+			min-height: 8em; /* description plus title */
 
-			margin-right: .5em;
-			margin-left: .5em;
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
+
+			padding-top: 1em;
+			padding-left: 1em;
+			padding-right: 1em;
 
 			.title {
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-start;
+
+				flex-grow: 0;
+				flex-shrink: 0;
+
 				text-transform: uppercase;
 				color: #557edc;
 
 				white-space: nowrap;
 				overflow: hidden;
 				text-overflow: ellipsis;
+
+				.button-copy {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+
+					margin-top: .1em; /* looks a bit better */
+					margin-left: .5em;
+					border-radius: .2em;
+
+					width: 1.3em;
+					height: 1.3em;
+
+					cursor: pointer;
+
+					div {
+						align-self: center;
+					}
+
+					&:hover {
+						background-color: #313135;
+					}
+
+					@include transition($button_hover_animation_time ease-in-out);
+				}
 			}
 
 			.value {
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
+				display: block;
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				border-radius: 0.2em;
+				border: 1px solid #212324;
+				background-color: #3a3b3f;
+
+				padding: .5em;
+
+				height: max-content;
+				min-height: 6em;
+				max-height: 40em;
+
+				overflow-y: auto;
+				overflow-x: hidden;
+				@include chat-scrollbar-vertical();
 			}
 
-			&.audio-encrypted {
-				/* looks better */
-				.value {
-					height: 1.6em;
-					overflow: visible;
-				}
-			}
-		}
-	}
+			.no-value {
+				flex-grow: 0;
+				flex-shrink: 0;
 
-	.container-description {
-		flex-grow: 1;
-		flex-shrink: 1;
+				font-size: 1.25em;
+				height: (6em / 1.25); /* min value height and a bit more */
 
-		min-height: 8em; /* description plus title */
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		padding-top: 1em;
-		padding-left: 1em;
-		padding-right: 1em;
-
-		.title {
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-start;
-
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			text-transform: uppercase;
-			color: #557edc;
-
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-
-			.button-copy {
 				display: flex;
 				flex-direction: column;
 				justify-content: center;
 
-				margin-top: .1em; /* looks a bit better */
-				margin-left: .5em;
-				border-radius: .2em;
-
-				width: 1.3em;
-				height: 1.3em;
-
-				cursor: pointer;
-
-				div {
-					align-self: center;
-				}
-
-				&:hover {
-					background-color: #313135;
-				}
-
-				@include transition($button_hover_animation_time ease-in-out);
+				text-align: center;
+				color: #666666;
 			}
 		}
 
-		.value {
-			display: block;
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			border-radius: 0.2em;
-			border: 1px solid #212324;
-			background-color: #3a3b3f;
-
-			padding: .5em;
-
-			height: max-content;
-			min-height: 6em;
-			max-height: 40em;
-
-			overflow-y: auto;
-			overflow-x: hidden;
-			@include chat-scrollbar-vertical();
-		}
-
-		.no-value {
+		.container-buttons {
 			flex-grow: 0;
 			flex-shrink: 0;
 
-			font-size: 1.25em;
-			height: (6em / 1.25); /* min value height and a bit more */
-
 			display: flex;
-			flex-direction: column;
-			justify-content: center;
+			flex-direction: row;
+			justify-content: flex-end;
 
-			text-align: center;
-			color: #666666;
+			padding: 1em;
 		}
 	}
-
-	.container-buttons {
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-end;
-
-		padding: 1em;
-	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-clientinfo.scss b/shared/css/static/modal-clientinfo.scss
index 6d281273..c31e6f2c 100644
--- a/shared/css/static/modal-clientinfo.scss
+++ b/shared/css/static/modal-clientinfo.scss
@@ -1,612 +1,614 @@
 @import "mixin";
 @import "properties";
 
-.modal-body.modal-client-info {
-	padding: 0!important;
+:global {
+	.modal-body.modal-client-info {
+		padding: 0!important;
 
-	$avatar_size: 12em;
-	.head {
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		z-index: 1;
-
-		height: 7em;
-		background-color: #212125;
-
-		.status-row {
+		$avatar_size: 12em;
+		.head {
 			flex-shrink: 0;
 			flex-grow: 0;
 
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-start;
+			z-index: 1;
 
-			.status-entry {
-				font-size: 1.5em;
+			height: 7em;
+			background-color: #212125;
 
-				margin: .25em;
+			.status-row {
+				flex-shrink: 0;
+				flex-grow: 0;
 
-				width: 1em;
-				height: 1em;
-			}
-		}
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-start;
 
-		.container-away-message {
-			$offset_left: (.25em) * 1.5 /* 1.5 is the font size of the icons */;
+				.status-entry {
+					font-size: 1.5em;
 
-			position: relative;
-			margin-left: $offset_left;
-			margin-top: .25em;
+					margin: .25em;
 
-			background-color: #1c1c1c;
-			border: 1px solid #161515;
-			border-radius: 3px;
-
-			max-width: calc(50% - #{$avatar_size / 2 + $offset_left + 1em}); /* do actual 1em space to the avatar */
-			max-height: 4em; /* else it will overflow the header */
-
-			display: flex;
-			flex-direction: column;
-			justify-content: start;
-
-			width: max-content;
-			padding: .15em;
-
-			overflow: hidden;
-
-			//A verry long away message, because I want to tell a story. There was a child....
-			a {
-				font-size: .85em;
+					width: 1em;
+					height: 1em;
+				}
 			}
 
-			&:hover {
-				max-height: 200em;
-			}
+			.container-away-message {
+				$offset_left: (.25em) * 1.5 /* 1.5 is the font size of the icons */;
 
-			@include transition(.5s ease-in-out);
-		}
-	}
+				position: relative;
+				margin-left: $offset_left;
+				margin-top: .25em;
 
-	.body {
-		flex-shrink: 1;
-		flex-grow: 0;
+				background-color: #1c1c1c;
+				border: 1px solid #161515;
+				border-radius: 3px;
 
-		//TODO: Min height here!
+				max-width: calc(50% - #{$avatar_size / 2 + $offset_left + 1em}); /* do actual 1em space to the avatar */
+				max-height: 4em; /* else it will overflow the header */
 
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
+				display: flex;
+				flex-direction: column;
+				justify-content: start;
 
-		background-color: #2f2f35;
+				width: max-content;
+				padding: .15em;
 
-		.container-avatar {
-			z-index: 2; /* overlay the header */
-
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			position: relative;
-			display: inline-block;
-			margin: calc(#{$avatar_size} / -2) 0.75em 0.5em 0.5em;
-			align-self: center;
-
-			.avatar {
-				height: $avatar_size;
-				width: $avatar_size;
-
-				border-radius: 50%;
 				overflow: hidden;
+
+				//A verry long away message, because I want to tell a story. There was a child....
+				a {
+					font-size: .85em;
+				}
+
+				&:hover {
+					max-height: 200em;
+				}
+
+				@include transition(.5s ease-in-out);
 			}
 		}
 
-		.container-name {
+		.body {
+			flex-shrink: 1;
 			flex-grow: 0;
-			flex-shrink: 0;
 
-			display: flex;
-			flex-direction: row;
-			justify-content: center;
-
-			.htmltag-client {
-				text-align: center;
-				font-size: 1.5em;
-				color: #cccccc;
-				font-weight: bold;
-			}
-		}
-
-		.container-description {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			padding-right: calc(10em / 2);
-			padding-left: calc(10em / 2);
-
-			text-align: center;
+			//TODO: Min height here!
 
 			display: flex;
 			flex-direction: column;
 			justify-content: stretch;
 
-			.client-description {
-				color: #6f6f6f;
-				max-width: 100%;
-				flex-shrink: 1;
-				flex-grow: 1;
-				overflow-wrap: break-word;
+			background-color: #2f2f35;
+
+			.container-avatar {
+				z-index: 2; /* overlay the header */
+
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				position: relative;
+				display: inline-block;
+				margin: calc(#{$avatar_size} / -2) 0.75em 0.5em 0.5em;
+				align-self: center;
+
+				.avatar {
+					height: $avatar_size;
+					width: $avatar_size;
+
+					border-radius: 50%;
+					overflow: hidden;
+				}
 			}
-		}
-
-
-		.container-categories {
-			margin-top: 1em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			min-height: 14em;
-
-			.categories {
-				height: 2.5em;
 
+			.container-name {
 				flex-grow: 0;
 				flex-shrink: 0;
 
 				display: flex;
 				flex-direction: row;
-				justify-content: stretch;
-
-				padding-left: 2.5em;
-				padding-right: 2.5em;
-
-				border-bottom: 1px solid #1d1d1d;
-
-				.entry {
-					padding: .5em;
+				justify-content: center;
 
+				.htmltag-client {
 					text-align: center;
-
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					cursor: pointer;
-
-					&:hover {
-						color: #b6c4d6;
-					}
-
-					&.selected {
-						border-bottom: 3px solid #245184;
-						margin-bottom: -2px;
-
-						color: #245184;
-					}
-
-					@include transition(color $button_hover_animation_time, border-bottom-color $button_hover_animation_time);
+					font-size: 1.5em;
+					color: #cccccc;
+					font-weight: bold;
 				}
 			}
 
-			.bodies {
-				position: relative;
+			.container-description {
+				flex-grow: 0;
+				flex-shrink: 0;
 
-				flex-shrink: 1;
-				flex-grow: 1;
+				padding-right: calc(10em / 2);
+				padding-left: calc(10em / 2);
+
+				text-align: center;
 
 				display: flex;
+				flex-direction: column;
 				justify-content: stretch;
 
-				padding-left: .5em;
-				padding-right: .5em;
+				.client-description {
+					color: #6f6f6f;
+					max-width: 100%;
+					flex-shrink: 1;
+					flex-grow: 1;
+					overflow-wrap: break-word;
+				}
+			}
 
-				min-height: 10em;
-				height: 21em; /* body size 20 + .5 padding */
 
-				.container-tooltip {
-					flex-shrink: 0;
+			.container-categories {
+				margin-top: 1em;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				min-height: 14em;
+
+				.categories {
+					height: 2.5em;
+
 					flex-grow: 0;
-
-					font-size: .8em; /* shrink the tip a bit */
-
-					position: relative;
-					width: 1.6em;
-					margin-left: .5em;
+					flex-shrink: 0;
 
 					display: flex;
-					flex-direction: column;
-					justify-content: center;
+					flex-direction: row;
+					justify-content: stretch;
 
-					img {
-						height: 1em;
-						width: 1em;
+					padding-left: 2.5em;
+					padding-right: 2.5em;
 
-						align-self: center;
-						font-size: 1.2em;
-					}
+					border-bottom: 1px solid #1d1d1d;
 
-					.tooltip {
-						display: none;
+					.entry {
+						padding: .5em;
+
+						text-align: center;
+
+						flex-grow: 1;
+						flex-shrink: 1;
+
+						cursor: pointer;
+
+						&:hover {
+							color: #b6c4d6;
+						}
+
+						&.selected {
+							border-bottom: 3px solid #245184;
+							margin-bottom: -2px;
+
+							color: #245184;
+						}
+
+						@include transition(color $button_hover_animation_time, border-bottom-color $button_hover_animation_time);
 					}
 				}
 
-				.body {
-					position: absolute;
+				.bodies {
+					position: relative;
 
-					top: 0;
-					left: 0;
-					right: 0;
-					bottom: 0;
-
-					padding: .5em;
+					flex-shrink: 1;
+					flex-grow: 1;
 
 					display: flex;
 					justify-content: stretch;
 
-					overflow: auto; /* else the tooltip will trigger the scrollbar */
-					@include chat-scrollbar-vertical();
+					padding-left: .5em;
+					padding-right: .5em;
 
-					&.hidden {
-						display: none;
-					}
+					min-height: 10em;
+					height: 21em; /* body size 20 + .5 padding */
 
-					&.container-basic {
-						flex-direction: row;
+					.container-tooltip {
+						flex-shrink: 0;
+						flex-grow: 0;
 
-						.spacer {
-							flex-grow: 0;
-							flex-shrink: 0;
+						font-size: .8em; /* shrink the tip a bit */
+
+						position: relative;
+						width: 1.6em;
+						margin-left: .5em;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						img {
+							height: 1em;
 							width: 1em;
+
+							align-self: center;
+							font-size: 1.2em;
 						}
 
-						.left, .right {
-							height: 20em;
-							width: calc(50% - .5em); /* the spacer in the middle thats why -.5 em */
+						.tooltip {
+							display: none;
+						}
+					}
 
-							flex-grow: 1;
-							flex-shrink: 1;
+					.body {
+						position: absolute;
 
+						top: 0;
+						left: 0;
+						right: 0;
+						bottom: 0;
 
-							border-radius: .2em;
-							border: 1px solid #1f2122;
-							background-color: #28292b;
-							padding: .5em;
+						padding: .5em;
 
-							.property {
-								flex-shrink: 0;
+						display: flex;
+						justify-content: stretch;
+
+						overflow: auto; /* else the tooltip will trigger the scrollbar */
+						@include chat-scrollbar-vertical();
+
+						&.hidden {
+							display: none;
+						}
+
+						&.container-basic {
+							flex-direction: row;
+
+							.spacer {
 								flex-grow: 0;
-
-								display: flex;
-								flex-direction: column;
-								justify-content: flex-start;
-
-								.title, .value {
-									display: flex;
-									flex-direction: row;
-									justify-content: stretch;
-
-									white-space: nowrap;
-									overflow: hidden;
-
-									> * {
-										flex-shrink: 0;
-										flex-grow: 0;
-
-										align-self: center;
-									}
-
-									a {
-										flex-shrink: 1;
-
-										overflow: hidden;
-										text-overflow: ellipsis;
-									}
-								}
-
-								.title {
-									color: #254d7b;
-									text-transform: uppercase;
-								}
-
-								.value {
-									color: #bdbdbd;
-
-									a, a:visited {
-										color: #bdbdbd!important;
-									}
-
-									.button {
-										width: 1.6em;
-										height: 1.6em;
-
-										display: flex;
-										flex-direction: column;
-										justify-content: space-around;
-
-										cursor: pointer;
-										opacity: .5;
-
-										> div {
-											align-self: center;
-										}
-
-										&:hover {
-											opacity: 1;
-										}
-
-										@include transition($button_hover_animation_time ease-in-out);
-									}
-
-									.country {
-										margin-right: .25em;
-									}
-								}
-
-								&:not(:first-of-type) {
-									margin-top: .5em;
-								}
-
-								&.property-unique-id, &.property-ip {
-									.value {
-										justify-content: space-between;
-									}
-								}
-
-								&.property-version {
-									.a-on {
-										flex-shrink: 0;
-										flex-grow: 0;
-										margin-left: .25em;
-										margin-right: .25em;
-									}
-								}
-							}
-						}
-					}
-
-					&.container-packets {
-						flex-direction: row;
-
-						.spacer {
-							flex-grow: 0;
-							flex-shrink: 0;
-							width: 1em;
-						}
-
-						.left, .right {
-							height: 20em;
-							width: calc(50% - .5em); /* the spacer in the middle thats why -.5 em */
-
-							flex-grow: 1;
-							flex-shrink: 1;
-
-
-							border-radius: .2em;
-							border: 1px solid #1f2122;
-							background-color: #28292b;
-							padding: .5em;
-
-							.statistic {
 								flex-shrink: 0;
-								flex-grow: 0;
-
-								display: flex;
-								flex-direction: column;
-								justify-content: flex-start;
-
-								.title, .upstream, .downstream {
-									display: flex;
-									flex-direction: row;
-									justify-content: stretch;
-
-									white-space: nowrap;
-									overflow: hidden;
-
-									> * {
-										flex-shrink: 0;
-										flex-grow: 0;
-
-										align-self: center;
-									}
-
-									a {
-										flex-shrink: 1;
-
-										overflow: hidden;
-										text-overflow: ellipsis;
-									}
-								}
-
-								.title {
-									color: #254d7b;
-									text-transform: uppercase;
-								}
-
-								.upstream, .downstream {
-									padding-top: .25em;
-
-
-									display: flex;
-									flex-direction: row;
-									justify-content: space-between;
-
-									> a {
-										align-self: center;
-									}
-								}
-
-								.upstream {
-									color: #fd3913;
-								}
-
-								.downstream {
-									color: #0e8afd;
-								}
-
-								&:not(:first-of-type) {
-									margin-top: .5em;
-								}
-							}
-						}
-					}
-
-					&.container-groups {
-						flex-direction: row;
-
-						.spacer {
-							flex-grow: 0;
-							flex-shrink: 0;
-							width: 1em;
-						}
-
-						.left, .right {
-							height: 20em;
-							width: calc(50% - .5em); /* the spacer in the middle thats why -.5 em */
-
-							flex-grow: 1;
-							flex-shrink: 1;
-
-							.title {
-								align-self: center;
-								color: #254d7b;
-								text-transform: uppercase;
+								width: 1em;
 							}
 
-							.container {
-								margin-top: .5em;
-							}
-						}
-
-						.left {
-							display: flex;
-							flex-direction: column;
-							justify-content: stretch;
-
-							.container {
-								border-radius: .2em .2em 0 0;
-								border: 1px solid #1f2122;
-								border-bottom: 0;
-
-								padding: 0!important;
-								background-color: #28292b;
+							.left, .right {
+								height: 20em;
+								width: calc(50% - .5em); /* the spacer in the middle thats why -.5 em */
 
 								flex-grow: 1;
 								flex-shrink: 1;
-								overflow-y: auto;
 
-								min-height: 4em;
-								position: relative;
 
-								@include chat-scrollbar-vertical();
+								border-radius: .2em;
+								border: 1px solid #1f2122;
+								background-color: #28292b;
+								padding: .5em;
 
-								.entries {
-									flex-grow: 1;
-									flex-shrink: 1;
+								.property {
+									flex-shrink: 0;
+									flex-grow: 0;
 
-									min-height: 4em;
+									display: flex;
+									flex-direction: column;
+									justify-content: flex-start;
 
-									.entry {
+									.title, .value {
 										display: flex;
 										flex-direction: row;
 										justify-content: stretch;
 
-										height: 1.6em;
-										padding-left: .5em;
-										padding-right: .5em;
-
-										&:hover {
-											background-color: #232425;
-										}
+										white-space: nowrap;
+										overflow: hidden;
 
 										> * {
+											flex-shrink: 0;
+											flex-grow: 0;
+
 											align-self: center;
 										}
 
-										.icon-container {
-											margin-right: .25em;
-										}
-
-										.name {
-											flex-grow: 1;
+										a {
 											flex-shrink: 1;
 
-											min-width: 1em;
-											line-height: normal;
-
 											overflow: hidden;
-											white-space: nowrap;
 											text-overflow: ellipsis;
 										}
+									}
 
-										.button-delete {
-											height: 1.3em;
-											width: 1.3em;
+									.title {
+										color: #254d7b;
+										text-transform: uppercase;
+									}
 
-											cursor: pointer;
-											border-radius: .2em;
+									.value {
+										color: #bdbdbd;
 
-											&:hover {
-												background-color: #2c2d2e;
-											}
+										a, a:visited {
+											color: #bdbdbd!important;
+										}
+
+										.button {
+											width: 1.6em;
+											height: 1.6em;
 
 											display: flex;
-											flex-direction: row;
+											flex-direction: column;
 											justify-content: space-around;
 
+											cursor: pointer;
+											opacity: .5;
+
 											> div {
 												align-self: center;
 											}
 
+											&:hover {
+												opacity: 1;
+											}
+
 											@include transition($button_hover_animation_time ease-in-out);
 										}
+
+										.country {
+											margin-right: .25em;
+										}
 									}
-								}
 
-								.container-default-groups {
-									position: absolute;
-									top: 0;
-									left: 0;
-									right: 0;
-									bottom: 0;
-									display: flex;
-									flex-direction: column;
-									justify-content: center;
-
-									a {
-										align-self: center;
-										font-size: 1.25em;
-										color: hsla(0, 0%, 30%, 1);
+									&:not(:first-of-type) {
+										margin-top: .5em;
 									}
-								}
-							}
 
-							.buttons {
-								flex-grow: 0;
-								flex-shrink: 0;
+									&.property-unique-id, &.property-ip {
+										.value {
+											justify-content: space-between;
+										}
+									}
 
-								border-radius: 0 0 .2em .2em;
-								border: 1px solid #1f2122;
-								background-color: #28292b;
-
-								padding: .5em;
-
-								display: flex;
-								flex-direction: row;
-								justify-content: space-around;
-
-								.button  {
-									align-self: center;
+									&.property-version {
+										.a-on {
+											flex-shrink: 0;
+											flex-grow: 0;
+											margin-left: .25em;
+											margin-right: .25em;
+										}
+									}
 								}
 							}
 						}
 
-						.right {
-							.container {
-								padding: 0!important;
+						&.container-packets {
+							flex-direction: row;
 
-								select {
-									font-size: .8em;
-									width: 100%;
+							.spacer {
+								flex-grow: 0;
+								flex-shrink: 0;
+								width: 1em;
+							}
+
+							.left, .right {
+								height: 20em;
+								width: calc(50% - .5em); /* the spacer in the middle thats why -.5 em */
+
+								flex-grow: 1;
+								flex-shrink: 1;
+
+
+								border-radius: .2em;
+								border: 1px solid #1f2122;
+								background-color: #28292b;
+								padding: .5em;
+
+								.statistic {
+									flex-shrink: 0;
+									flex-grow: 0;
+
+									display: flex;
+									flex-direction: column;
+									justify-content: flex-start;
+
+									.title, .upstream, .downstream {
+										display: flex;
+										flex-direction: row;
+										justify-content: stretch;
+
+										white-space: nowrap;
+										overflow: hidden;
+
+										> * {
+											flex-shrink: 0;
+											flex-grow: 0;
+
+											align-self: center;
+										}
+
+										a {
+											flex-shrink: 1;
+
+											overflow: hidden;
+											text-overflow: ellipsis;
+										}
+									}
+
+									.title {
+										color: #254d7b;
+										text-transform: uppercase;
+									}
+
+									.upstream, .downstream {
+										padding-top: .25em;
+
+
+										display: flex;
+										flex-direction: row;
+										justify-content: space-between;
+
+										> a {
+											align-self: center;
+										}
+									}
+
+									.upstream {
+										color: #fd3913;
+									}
+
+									.downstream {
+										color: #0e8afd;
+									}
+
+									&:not(:first-of-type) {
+										margin-top: .5em;
+									}
+								}
+							}
+						}
+
+						&.container-groups {
+							flex-direction: row;
+
+							.spacer {
+								flex-grow: 0;
+								flex-shrink: 0;
+								width: 1em;
+							}
+
+							.left, .right {
+								height: 20em;
+								width: calc(50% - .5em); /* the spacer in the middle thats why -.5 em */
+
+								flex-grow: 1;
+								flex-shrink: 1;
+
+								.title {
+									align-self: center;
+									color: #254d7b;
+									text-transform: uppercase;
+								}
+
+								.container {
+									margin-top: .5em;
+								}
+							}
+
+							.left {
+								display: flex;
+								flex-direction: column;
+								justify-content: stretch;
+
+								.container {
+									border-radius: .2em .2em 0 0;
+									border: 1px solid #1f2122;
+									border-bottom: 0;
+
+									padding: 0!important;
+									background-color: #28292b;
+
+									flex-grow: 1;
+									flex-shrink: 1;
+									overflow-y: auto;
+
+									min-height: 4em;
+									position: relative;
+
+									@include chat-scrollbar-vertical();
+
+									.entries {
+										flex-grow: 1;
+										flex-shrink: 1;
+
+										min-height: 4em;
+
+										.entry {
+											display: flex;
+											flex-direction: row;
+											justify-content: stretch;
+
+											height: 1.6em;
+											padding-left: .5em;
+											padding-right: .5em;
+
+											&:hover {
+												background-color: #232425;
+											}
+
+											> * {
+												align-self: center;
+											}
+
+											.icon-container {
+												margin-right: .25em;
+											}
+
+											.name {
+												flex-grow: 1;
+												flex-shrink: 1;
+
+												min-width: 1em;
+												line-height: normal;
+
+												overflow: hidden;
+												white-space: nowrap;
+												text-overflow: ellipsis;
+											}
+
+											.button-delete {
+												height: 1.3em;
+												width: 1.3em;
+
+												cursor: pointer;
+												border-radius: .2em;
+
+												&:hover {
+													background-color: #2c2d2e;
+												}
+
+												display: flex;
+												flex-direction: row;
+												justify-content: space-around;
+
+												> div {
+													align-self: center;
+												}
+
+												@include transition($button_hover_animation_time ease-in-out);
+											}
+										}
+									}
+
+									.container-default-groups {
+										position: absolute;
+										top: 0;
+										left: 0;
+										right: 0;
+										bottom: 0;
+										display: flex;
+										flex-direction: column;
+										justify-content: center;
+
+										a {
+											align-self: center;
+											font-size: 1.25em;
+											color: hsla(0, 0%, 30%, 1);
+										}
+									}
+								}
+
+								.buttons {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									border-radius: 0 0 .2em .2em;
+									border: 1px solid #1f2122;
+									background-color: #28292b;
+
+									padding: .5em;
+
+									display: flex;
+									flex-direction: row;
+									justify-content: space-around;
+
+									.button  {
+										align-self: center;
+									}
+								}
+							}
+
+							.right {
+								.container {
+									padding: 0!important;
+
+									select {
+										font-size: .8em;
+										width: 100%;
+									}
 								}
 							}
 						}
diff --git a/shared/css/static/modal-connect.scss b/shared/css/static/modal-connect.scss
deleted file mode 100644
index 4b7918fa..00000000
--- a/shared/css/static/modal-connect.scss
+++ /dev/null
@@ -1,353 +0,0 @@
-@import "mixin";
-
-.modal .modal-connect {
-	@include user-select(none);
-
-	font-size: 1rem;
-	max-width: 100000px; /* max 100000px width, else we shrink the modal */
-	padding: 0!important; /* override the default padding */
-
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: stretch!important;
-
-	.container-connect-input {
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		/* apply the default padding */
-		padding: .75em 24px;
-
-		border-left: 2px solid #0073d4;
-		overflow: hidden;
-
-		> .row {
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			> *:not(:last-of-type) {
-				margin-right: 3em;
-			}
-		}
-
-		.container-address-password {
-			.container-address {
-				flex-grow: 1;
-				flex-shrink: 1;
-			}
-
-			.container-password {
-				flex-grow: 0;
-				flex-shrink: 4;
-
-				min-width: 21.5em;
-			}
-		}
-
-		.container-profile-manage {
-			flex-grow: 0;
-			flex-shrink: 4;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			.container-select-profile {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				min-width: 14em;
-
-				> .invalid-feedback {
-					width: max-content; /* allow overflow here */
-				}
-			}
-
-			.container-manage {
-				flex-grow: 0;
-				flex-shrink: 4;
-
-				margin-left: 15px;
-			}
-
-			.button-manage-profiles {
-				min-width: 7em;
-				margin-left: 0.5em;
-			}
-		}
-
-		.container-nickname {
-			flex-grow: 1;
-			flex-shrink: 1;
-		}
-
-		.container-buttons {
-			padding-top: 1em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			.container-buttons-connect {
-				display: flex;
-				flex-direction: row;
-
-				flex-shrink: 1;
-				min-width: 6em;
-			}
-
-			.button-right {
-				min-width: 7em;
-				margin-left: 0.5em;
-			}
-
-			.button-left {
-				min-width: 14em;
-			}
-		}
-
-		.arrow {
-			border-color: #7a7a7a;
-			margin-left: .5em;
-		}
-	}
-
-	.container-last-servers {
-		flex-grow: 0;
-		flex-shrink: 1;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		max-height: 0;
-		opacity: 0;
-		overflow: hidden;
-		padding: 0;
-
-		min-width: 0;
-
-
-		border: none;
-		border-left: 2px solid #7a7a7a;
-
-		@include transition(max-height .5s ease-in-out, opacity .5s ease-in-out, padding .5s ease-in-out);
-		&.shown {
-			/* apply the default padding */
-			padding: 0 24px 24px;
-
-			max-height: 100%;
-			opacity: 1;
-
-			@include transition(max-height .5s ease-in-out, opacity .5s ease-in-out, padding .5s ease-in-out)
-		}
-
-		hr {
-			height: 0;
-			width: calc(100% + 46px);
-			min-width: 0;
-
-			margin: 0 0 0 -23px;
-
-			padding: 0;
-
-			border: none;
-			border-top: 1px solid #090909;
-
-			margin-bottom: .75em;
-		}
-
-		color: #7a7a7a;
-
-		/* general table class */
-		.table {
-			width: 100em;
-			max-width: 100%;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			.head {
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				border: none;
-				border-bottom: 1px solid #161618;
-			}
-
-
-			.body {
-				flex-grow: 0;
-				flex-shrink: 1;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: stretch;
-
-				overflow: auto;
-
-				.row {
-					cursor: pointer;
-
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					&:hover {
-						background-color: #202022;
-					}
-
-					&.selected {
-						background-color: #131315;
-					}
-				}
-
-				.body-empty {
-					height: 3em;
-					text-align: center;
-					display: flex;
-					flex-direction: column;
-					justify-content: space-around;
-					font-size: 1.25em;
-					color: rgba(121, 121, 121, 0.5);
-				}
-			}
-
-			.column {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				overflow: hidden;
-				white-space: nowrap;
-
-				padding-right: .25em;
-				padding-left: .25em;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: flex-start;
-
-				&:not(:last-of-type) {
-					border-right: 1px solid #161618;
-				}
-
-				> a {
-					max-width: 100%;
-					text-overflow: ellipsis;
-					overflow: hidden;
-				}
-			}
-		}
-
-		/* connect table */
-		.table {
-			margin-left: -1.5em; /* the delete row */
-
-			.head {
-				margin-left: 1.5em; /* the delete row */
-				.column.delete {
-					display: none;
-				}
-			}
-
-			.column {
-				align-self: center;
-				.country, .icon-container {
-					align-self: center;
-					margin-right: 0.25em;
-				}
-
-
-				@mixin fixed-column($name, $width) {
-					&.#{$name} {
-						flex-grow: 0;
-						flex-shrink: 0;
-
-						width: $width;
-					}
-				}
-
-				@include fixed-column(delete, 1.5em);
-				@include fixed-column(password, 5em);
-				@include fixed-column(country-name, 7em);
-				@include fixed-column(clients, 4em);
-				@include fixed-column(connections, 6.5em);
-
-				&.delete {
-					opacity: 0;
-					border-right: none;
-					border-bottom: none;
-
-					text-align: center;
-					@include transition(opacity .25 ease-in-out);
-
-					&:hover {
-						opacity: 1;
-						@include transition(opacity .25 ease-in-out);
-					}
-				}
-
-				&.address {
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					width: 40%;
-				}
-
-				&.name {
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					width: 60%;
-				}
-			}
-		}
-	}
-}
-
-@media all and (max-width: 55rem) {
-	.modal .modal-connect {
-		min-width: calc(21.25em + 24px * 2)!important;
-		width: 1000em; /* allocate space */
-
-		.container-address-password {
-			.container-password {
-				min-width: unset!important;
-				margin-left: 1em!important;
-			}
-		}
-
-		.container-buttons {
-			justify-content: flex-end!important;
-
-			.button-toggle-last-servers {
-				display: none;
-			}
-		}
-
-		.container-profile-name {
-			flex-direction: column!important;
-		}
-
-		.container-connect-input {
-			> .row {
-				> div {
-					margin-right: 0!important;
-				}
-			}
-		}
-
-		.container-last-servers {
-			display: none;
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/css/static/modal-group-assignment.scss b/shared/css/static/modal-group-assignment.scss
index 96c62af9..b023b84a 100644
--- a/shared/css/static/modal-group-assignment.scss
+++ b/shared/css/static/modal-group-assignment.scss
@@ -1,110 +1,112 @@
 @import "mixin";
 @import "properties";
 
-.modal-server-group-assignments {
-	@include user-select(none);
+:global {
+	.modal-server-group-assignments {
+		@include user-select(none);
 
-	min-width: 25em!important;
-	max-height: calc(100vh - 10rem)!important;
-	min-height: 10em!important;
+		min-width: 25em!important;
+		max-height: calc(100vh - 10rem)!important;
+		min-height: 10em!important;
 
-	width: 30em!important;
+		width: 30em!important;
 
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: stretch!important;
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: stretch!important;
 
-	background-color: #2f2f35;
-	padding: .5em!important;
+		background-color: #2f2f35;
+		padding: .5em!important;
 
-	.group-assignment-list {
-		flex-grow: 1;
-		flex-shrink: 1;
-		min-height: 6em;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		color: #999999;
-
-		a {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			.htmltag-client {
-				display: inline;
-				color: #999999;
-			}
-		}
-
-		.group-list {
-			flex-shrink: 1;
+		.group-assignment-list {
 			flex-grow: 1;
-			min-height: 4em;
+			flex-shrink: 1;
+			min-height: 6em;
 
-			padding: 3px;
-			overflow-y: auto;
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
 
-			border: 1px #161616 solid;
-			border-radius: $border_radius_middle;
-			background-color: #28292b;
+			color: #999999;
 
-			@include chat-scrollbar-vertical();
-
-			.group-entry {
+			a {
 				flex-shrink: 0;
 				flex-grow: 0;
 
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
+				.htmltag-client {
+					display: inline;
+					color: #999999;
+				}
+			}
 
-				height: 1.75em;
+			.group-list {
+				flex-shrink: 1;
+				flex-grow: 1;
+				min-height: 4em;
 
-				> * {
+				padding: 3px;
+				overflow-y: auto;
+
+				border: 1px #161616 solid;
+				border-radius: $border_radius_middle;
+				background-color: #28292b;
+
+				@include chat-scrollbar-vertical();
+
+				.group-entry {
 					flex-shrink: 0;
 					flex-grow: 0;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
+
+					height: 1.75em;
+
+					> * {
+						flex-shrink: 0;
+						flex-grow: 0;
+						align-self: center;
+					}
+
+					a {
+						flex-shrink: 1;
+						flex-grow: 1;
+
+						min-width: 6em;
+
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					label {
+						margin-right: .25em;
+					}
+				}
+
+				.icon-container {
 					align-self: center;
+					margin-right: 4px;
+					margin-left: 2px;
+					margin-top: -2px;
 				}
 
 				a {
-					flex-shrink: 1;
-					flex-grow: 1;
-
-					min-width: 6em;
-
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
+					align-self: center;
 				}
-
-				label {
-					margin-right: .25em;
-				}
-			}
-
-			.icon-container {
-				align-self: center;
-				margin-right: 4px;
-				margin-left: 2px;
-				margin-top: -2px;
-			}
-
-			a {
-				align-self: center;
 			}
 		}
-	}
 
-	.container-buttons {
-		flex-grow: 0;
-		flex-shrink: 0;
+		.container-buttons {
+			flex-grow: 0;
+			flex-shrink: 0;
 
-		padding-top: 1em;
+			padding-top: 1em;
 
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-icons.scss b/shared/css/static/modal-icons.scss
index 7ca1c730..2db79fc2 100644
--- a/shared/css/static/modal-icons.scss
+++ b/shared/css/static/modal-icons.scss
@@ -1,508 +1,512 @@
 @import "properties";
 @import "mixin";
 
-.modal-icon-select {
-	@include user-select(none);
+:global {
+	.modal-icon-select {
+		@include user-select(none);
 
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: stretch!important;
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: stretch!important;
 
-	width: 50em!important;
+		width: 50em!important;
 
-	/*
-	.right, .left {
-		.header {
-			text-transform: uppercase;
-			color: #557edc;
+		/*
+        .right, .left {
+            .header {
+                text-transform: uppercase;
+                color: #557edc;
 
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-	}
-	*/
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+        */
 
-	.container-icons {
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		> div {
-			width: 50%;
-
-			&:not(:first-of-type) {
-				margin-left: 10px;
-			}
-		}
-
-		.content, .container-icons-list {
+		.container-icons {
 			flex-grow: 1;
 			flex-shrink: 1;
 
 			display: flex;
-			flex-direction: column;
-		}
-
-		.container-icons-list {
-			position: relative;
+			flex-direction: row;
+			justify-content: stretch;
 
 			> div {
-				border-radius: 3px;
+				width: 50%;
+
+				&:not(:first-of-type) {
+					margin-left: 10px;
+				}
 			}
 
-			.container-icons-remote, .container-icons-local {
-				width: 100%;
-				min-height: 300px;
+			.content, .container-icons-list {
+				flex-grow: 1;
+				flex-shrink: 1;
 
-				overflow-x: hidden;
+				display: flex;
+				flex-direction: column;
+			}
+
+			.container-icons-list {
+				position: relative;
+
+				> div {
+					border-radius: 3px;
+				}
+
+				.container-icons-remote, .container-icons-local {
+					width: 100%;
+					min-height: 300px;
+
+					overflow-x: hidden;
+					overflow-y: auto;
+
+					background-color: $color_list_background;
+					border: 1px $color_list_border solid;
+
+					border-radius: $border_radius_large;
+
+					padding: .5em;
+
+					flex-direction: row;
+					display: flex;
+					flex-wrap: wrap;
+					align-content: baseline;
+
+					&.container-icons-local {
+						font-size: 16px;
+					}
+
+					.icon-container, .icon {
+						margin-left: 1px;
+						margin-right: 1px;
+					}
+
+					&.icon-select {
+						.icon-container, .icon {
+							cursor: pointer;
+
+							&:hover {
+								border-radius: .1em;
+
+								background-color: rgba(0, 0, 0, 0.07);
+								border: 1px solid black;
+							}
+
+							&.selected {
+								border-radius: .1em;
+
+								background-color: rgba(0, 51, 0, 0.07);
+								border: 1px solid red;
+							}
+
+							&:hover, &.selected {
+								width: 18px;
+								height: 18px;
+
+								margin: -1px 0px;
+							}
+						}
+					}
+				}
+
+				.container-loading, .container-no-permissions, .container-error {
+					top: 0;
+					bottom: 0;
+					left: 0;
+					right: 0;
+
+					font-size: 1.1em;
+					color: hsla(0, 0%, 40%, 1);
+
+					position: absolute;
+					background-color: rgba(0, 0, 0, 0.27);
+
+					cursor: not-allowed;
+
+					text-align: center;
+					display: flex;
+					flex-direction: column;
+					justify-content: space-around;
+
+					> a {
+						padding-bottom: 30px;
+					}
+				}
+
+				.container-loading {
+					z-index: 40;
+				}
+
+				.container-error {
+					z-index: 30;
+				}
+				.container-no-permissions {
+					z-index: 20;
+				}
+			}
+		}
+
+		.container-buttons {
+			margin-top: 20px;
+
+			flex-grow: 0;
+			flex-shrink: 0;
+
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+
+			.spacer {
+				min-width: 0;
+
+				flex-grow: 1;
+				flex-shrink: 1;
+			}
+
+			button {
+				flex-grow: 0;
+				flex-shrink: 1;
+
+				width: 8em;
+				min-width: 4em;
+
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+
+				margin-right: 1em;
+			}
+
+			.button-select {
+				margin-left: 10px;
+
+				display: flex;
+				align-items: center;
+				flex-direction: row;
+				justify-content: center;
+
+				a, div {
+					align-self: center;
+				}
+
+				> div {
+					font-size: 16px;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+
+					margin-left: .5rem;
+
+					> div {
+						display: flex;
+					}
+				}
+			}
+
+			.button-select-no-icon {
+				margin-left: 10px;
+			}
+		}
+	}
+
+	.modal-icon-upload {
+		@include user-select(none);
+
+		width: 50em;
+		min-width: 300px;
+
+		padding: 0!important;
+
+		display: flex;
+		flex-direction: column;
+
+		.container-select {
+			padding: 1em;
+			min-height: 130px;
+
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			.container-icons {
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				width: min-content;
+				min-width: 150px;
+				min-height: 130px;
 				overflow-y: auto;
 
+				margin-right: 1em;
+
 				background-color: $color_list_background;
 				border: 1px $color_list_border solid;
 
 				border-radius: $border_radius_large;
 
 				padding: .5em;
+				display: block;
 
-				flex-direction: row;
-				display: flex;
-				flex-wrap: wrap;
-				align-content: baseline;
+				.icon-container {
+					cursor: pointer;
 
-				&.container-icons-local {
-					font-size: 16px;
-				}
+					&:hover {
+						border-radius: .1em;
 
-				.icon-container, .icon {
-					margin-left: 1px;
-					margin-right: 1px;
-				}
-
-				&.icon-select {
-					.icon-container, .icon {
-						cursor: pointer;
-
-						&:hover {
-							border-radius: .1em;
-
-							background-color: rgba(0, 0, 0, 0.07);
-							border: 1px solid black;
-						}
-
-						&.selected {
-							border-radius: .1em;
-
-							background-color: rgba(0, 51, 0, 0.07);
-							border: 1px solid red;
-						}
-
-						&:hover, &.selected {
-							width: 18px;
-							height: 18px;
-
-							margin: -1px 0px;
-						}
+						background-color: rgba(0, 0, 0, 0.07);
+						border: 1px solid black;
 					}
-				}
-			}
 
-			.container-loading, .container-no-permissions, .container-error {
-				top: 0;
-				bottom: 0;
-				left: 0;
-				right: 0;
+					&.selected {
+						border-radius: .1em;
 
-				font-size: 1.1em;
-				color: hsla(0, 0%, 40%, 1);
+						background-color: rgba(0, 51, 0, 0.07);
+						border: 1px solid red;
+					}
 
-				position: absolute;
-				background-color: rgba(0, 0, 0, 0.27);
+					&:hover, &.selected {
+						width: 18px;
+						height: 18px;
 
-				cursor: not-allowed;
-
-				text-align: center;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-around;
-
-				> a {
-					padding-bottom: 30px;
-				}
-			}
-
-			.container-loading {
-				z-index: 40;
-			}
-
-			.container-error {
-				z-index: 30;
-			}
-			.container-no-permissions {
-				z-index: 20;
-			}
-		}
-	}
-
-	.container-buttons {
-		margin-top: 20px;
-
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-
-		.spacer {
-			min-width: 0;
-
-			flex-grow: 1;
-			flex-shrink: 1;
-		}
-
-		button {
-			flex-grow: 0;
-			flex-shrink: 1;
-
-			width: 8em;
-			min-width: 4em;
-
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-
-			margin-right: 1em;
-		}
-
-		.button-select {
-			margin-left: 10px;
-
-			display: flex;
-			align-items: center;
-			flex-direction: row;
-			justify-content: center;
-
-			a, div {
-				align-self: center;
-			}
-
-			> div {
-				font-size: 16px;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-
-				margin-left: .5rem;
-
-				> div {
-					display: flex;
-				}
-			}
-		}
-
-		.button-select-no-icon {
-			margin-left: 10px;
-		}
-	}
-}
-
-.modal-icon-upload {
-	@include user-select(none);
-
-	width: 50em;
-	min-width: 300px;
-
-	padding: 0!important;
-
-	display: flex;
-	flex-direction: column;
-
-	.container-select {
-		padding: 1em;
-		min-height: 130px;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		.container-icons {
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			width: min-content;
-			min-width: 150px;
-			min-height: 130px;
-			overflow-y: auto;
-
-			margin-right: 1em;
-
-			background-color: $color_list_background;
-			border: 1px $color_list_border solid;
-
-			border-radius: $border_radius_large;
-
-			padding: .5em;
-			display: block;
-
-			.icon-container {
-				cursor: pointer;
-
-				&:hover {
-					border-radius: .1em;
-
-					background-color: rgba(0, 0, 0, 0.07);
-					border: 1px solid black;
-				}
-
-				&.selected {
-					border-radius: .1em;
-
-					background-color: rgba(0, 51, 0, 0.07);
-					border: 1px solid red;
-				}
-
-				&:hover, &.selected {
-					width: 18px;
-					height: 18px;
-
-					margin: -1px 0px;
-				}
-
-				> img {
-					height: 16px;
-					width: 16px;
-				}
-			}
-		}
-
-		.container-buttons {
-			flex-grow: 1;
-			flex-shrink: 2;
-
-			min-width: 50px;
-			max-width: 200px;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: space-between;
-
-			.buttons-manage {
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				> button:not(:first-of-type) {
-					margin-top: .5em;
-				}
-			}
-		}
-	}
-
-	.container-upload {
-		-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.25);
-		-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.25);
-		box-shadow: 0px -5px 2px 0px rgba(0, 0, 0, 0.25);
-
-		display: flex;
-		flex-direction: column;
-
-		padding: .5em 1em 1em;
-
-		.container-error, .container-success {
-			width: 100%;
-			min-height: 60px;
-
-			border: 2px solid;
-			border-radius: $border_radius_middle;
-
-			&.container-error {
-				border-color: rgba(128, 0, 0, 0.5);
-				background-color: rgba(128, 0, 0, 0.25);
-			}
-
-			&.container-success {
-				margin-top: .5em;
-
-				border-color: rgba(50, 143, 51, 0.25);
-				background-color: rgba(50, 143, 51, 0.13);
-			}
-
-			padding: .5em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			> * {
-				align-self: center;
-				display: inline-block;
-			}
-
-			button {
-				width: 6em;
-			}
-
-			&.hidden {
-				opacity: 0;
-				height: 0;
-				min-height: 0;
-				padding: 0;
-				margin: 0;
-			}
-
-			@include transition(.25s ease-in-out);
-		}
-
-		.container-info {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-		}
-
-		.container-process {
-			margin-top: .5em;
-
-			width: 100%;
-			min-height: 100px;
-
-			overflow-y: auto;
-
-			background-color: $color_list_background;
-			border: 1px $color_list_border solid;
-
-			border-radius: $border_radius_large;
-
-			.upload-entry {
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				.container-icon {
-					height: 16px;
-					width: 16px;
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					margin: 1px 1px 1px 4px;
-
-					align-self: center;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
+						margin: -1px 0px;
+					}
 
 					> img {
 						height: 16px;
 						width: 16px;
 					}
 				}
-
-				.progress {
-					position: relative;
-
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: flex-start;
-
-					min-width: 2em;
-
-					margin: 2px 5px 2px 3px;
-					height: 16px;
-
-					overflow: hidden;
-					font-size: .75rem;
-
-					background-color: #222222;
-					border: 1px solid hsla(0, 0%, 10%, 1);
-					border-radius: .25rem;
-
-					.progress-bar {
-						height: 100%;
-
-						&.bg-danger {
-							background-color: rgba(128, 0, 0, 0.5);
-						}
-
-						&.bg-success {
-							background-color: rgba(50, 143, 51, 0.5);
-						}
-
-						@include transition(width 1s ease-in-out, background-color $button_hover_animation_time ease-in-out);
-					}
-
-					.progress-message {
-						position: absolute;
-						width: 100%;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: center;
-
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						min-width: 1em;
-						line-height: normal;
-
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
-					}
-				}
-			}
-		}
-	}
-
-	input[type="file"] {
-		display: none;
-	}
-}
-
-@media screen and (max-width: 650px) {
-	.modal-icon-upload {
-		.container-select {
-			flex-direction: column;
-
-			.container-icons {
-				width: 100%;
-				margin-right: 0;
 			}
 
 			.container-buttons {
-				max-width: unset;
-				margin-top: 5px;
+				flex-grow: 1;
+				flex-shrink: 2;
 
-				> button {
-					width: 100%;
-				}
+				min-width: 50px;
+				max-width: 200px;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
 
 				.buttons-manage {
 					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
+					flex-direction: column;
+					justify-content: flex-start;
 
-					> button {
-						width: 50%;
-						flex-grow: 1;
-						flex-shrink: 1;
-						min-width: 0;
+					> button:not(:first-of-type) {
+						margin-top: .5em;
 					}
 				}
 			}
 		}
 
 		.container-upload {
+			-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.25);
+			-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.25);
+			box-shadow: 0px -5px 2px 0px rgba(0, 0, 0, 0.25);
+
 			display: flex;
 			flex-direction: column;
-			justify-content: flex-start;
+
+			padding: .5em 1em 1em;
+
+			.container-error, .container-success {
+				width: 100%;
+				min-height: 60px;
+
+				border: 2px solid;
+				border-radius: $border_radius_middle;
+
+				&.container-error {
+					border-color: rgba(128, 0, 0, 0.5);
+					background-color: rgba(128, 0, 0, 0.25);
+				}
+
+				&.container-success {
+					margin-top: .5em;
+
+					border-color: rgba(50, 143, 51, 0.25);
+					background-color: rgba(50, 143, 51, 0.13);
+				}
+
+				padding: .5em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+
+				> * {
+					align-self: center;
+					display: inline-block;
+				}
+
+				button {
+					width: 6em;
+				}
+
+				&.hidden {
+					opacity: 0;
+					height: 0;
+					min-height: 0;
+					padding: 0;
+					margin: 0;
+				}
+
+				@include transition(.25s ease-in-out);
+			}
+
+			.container-info {
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+			}
+
+			.container-process {
+				margin-top: .5em;
+
+				width: 100%;
+				min-height: 100px;
+
+				overflow-y: auto;
+
+				background-color: $color_list_background;
+				border: 1px $color_list_border solid;
+
+				border-radius: $border_radius_large;
+
+				.upload-entry {
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
+
+					.container-icon {
+						height: 16px;
+						width: 16px;
+						flex-grow: 0;
+						flex-shrink: 0;
+
+						margin: 1px 1px 1px 4px;
+
+						align-self: center;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						> img {
+							height: 16px;
+							width: 16px;
+						}
+					}
+
+					.progress {
+						position: relative;
+
+						flex-grow: 1;
+						flex-shrink: 1;
+
+						display: flex;
+						flex-direction: row;
+						justify-content: flex-start;
+
+						min-width: 2em;
+
+						margin: 2px 5px 2px 3px;
+						height: 16px;
+
+						overflow: hidden;
+						font-size: .75rem;
+
+						background-color: #222222;
+						border: 1px solid hsla(0, 0%, 10%, 1);
+						border-radius: .25rem;
+
+						.progress-bar {
+							height: 100%;
+
+							&.bg-danger {
+								background-color: rgba(128, 0, 0, 0.5);
+							}
+
+							&.bg-success {
+								background-color: rgba(50, 143, 51, 0.5);
+							}
+
+							@include transition(width 1s ease-in-out, background-color $button_hover_animation_time ease-in-out);
+						}
+
+						.progress-message {
+							position: absolute;
+							width: 100%;
+
+							display: flex;
+							flex-direction: row;
+							justify-content: center;
+
+							flex-grow: 1;
+							flex-shrink: 1;
+
+							min-width: 1em;
+							line-height: normal;
+
+							white-space: nowrap;
+							overflow: hidden;
+							text-overflow: ellipsis;
+						}
+					}
+				}
+			}
+		}
+
+		input[type="file"] {
+			display: none;
+		}
+	}
+}
+
+@media screen and (max-width: 650px) {
+	:global {
+		.modal-icon-upload {
+			.container-select {
+				flex-direction: column;
+
+				.container-icons {
+					width: 100%;
+					margin-right: 0;
+				}
+
+				.container-buttons {
+					max-width: unset;
+					margin-top: 5px;
+
+					> button {
+						width: 100%;
+					}
+
+					.buttons-manage {
+						display: flex;
+						flex-direction: row;
+						justify-content: stretch;
+
+						> button {
+							width: 50%;
+							flex-grow: 1;
+							flex-shrink: 1;
+							min-width: 0;
+						}
+					}
+				}
+			}
+
+			.container-upload {
+				display: flex;
+				flex-direction: column;
+				justify-content: flex-start;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-identity.scss b/shared/css/static/modal-identity.scss
index dc1b729b..3863c599 100644
--- a/shared/css/static/modal-identity.scss
+++ b/shared/css/static/modal-identity.scss
@@ -1,60 +1,85 @@
 @import "mixin";
 
-.modal-body.modal-identity-improve {
-	padding: 0!important;
+:global {
+	.modal-body.modal-identity-improve {
+		padding: 0!important;
 
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: flex-start!important;
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: flex-start!important;
 
-	.container-tooltip {
-		flex-grow: 0!important;
-		flex-shrink: 0!important;
-		min-width: unset!important;
+		.container-tooltip {
+			flex-grow: 0!important;
+			flex-shrink: 0!important;
+			min-width: unset!important;
 
-		position: relative;
-		width: .8em;
-		margin-right: .5em;
-		font-size: .9em;
+			position: relative;
+			width: .8em;
+			margin-right: .5em;
+			font-size: .9em;
 
-		display: inline-flex;
-		flex-direction: column;
-		justify-content: center;
-		vertical-align: middle;
-		margin-bottom: .1em;
+			display: inline-flex;
+			flex-direction: column;
+			justify-content: center;
+			vertical-align: middle;
+			margin-bottom: .1em;
 
-		img {
-			height: 1em;
-			width: 1em;
+			img {
+				height: 1em;
+				width: 1em;
 
-			align-self: center;
-			font-size: 1.2em;
+				align-self: center;
+				font-size: 1.2em;
+			}
+
+			.tooltip {
+				display: none;
+			}
 		}
 
-		.tooltip {
-			display: none;
-		}
-	}
+		.options, .status {
+			flex-grow: 0;
+			flex-shrink: 0;
 
-	.options, .status {
-		flex-grow: 0;
-		flex-shrink: 0;
+			padding: 1em;
 
-		padding: 1em;
+			.title {
+				color: #387fb5;
+			}
 
-		.title {
-			color: #387fb5;
+			.row {
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				div {
+					flex-grow: 1;
+					flex-shrink: 1;
+					min-width: 4em;
+
+					&:not(:first-of-type) {
+						margin-left: 1em;
+					}
+				}
+			}
 		}
 
-		.row {
+		.status {
+			border-top: 3px solid #20262d;
+		}
+
+		.buttons {
+			flex-grow: 0;
+			flex-shrink: 0;
+
+			margin: 0 1em 1em;
+
 			display: flex;
 			flex-direction: row;
-			justify-content: stretch;
+			justify-content: flex-end;
 
-			div {
-				flex-grow: 1;
-				flex-shrink: 1;
-				min-width: 4em;
+			button {
+				min-width: 8em;
 
 				&:not(:first-of-type) {
 					margin-left: 1em;
@@ -63,126 +88,103 @@
 		}
 	}
 
-	.status {
-		border-top: 3px solid #20262d;
-	}
-
-	.buttons {
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		margin: 0 1em 1em;
+	.modal-body.modal-identity-import {
+		padding: 0!important;
 
 		display: flex;
-		flex-direction: row;
-		justify-content: flex-end;
+		flex-direction: column;
+		justify-content: flex-start;
 
-		button {
-			min-width: 8em;
+		@include user-select(none);
 
-			&:not(:first-of-type) {
-				margin-left: 1em;
+		.container-status {
+			display: flex;
+			flex-direction: row;
+			justify-content: center;
+
+			margin: 1em 1em -1em;
+			height: 1.6em;
+
+			overflow: hidden;
+
+			color: #389738;
+			&.error {
+				color: #973838;
+			}
+
+			&.loading {
+				color: #96903a;
+			}
+
+			&.hidden {
+				height: 0;
+			}
+
+			a {
+				align-self: center;
+			}
+
+			@include transition(.2s ease-in-out);
+		}
+
+		.container-text, .container-file {
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			> label {
+				flex-shrink: 0;
+				flex-grow: 0;
+
+				width: 10em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-start;
+
+				padding-left: .25em;
+				align-self: center;
+
+				margin-right: 1em;
+
+				.radio-button {
+					align-self: center;
+					margin-right: .5em;
+				}
+			}
+
+			> * {
+				align-self: center;
+			}
+
+			.form-group {
+				margin-bottom: 1.75em;
+				width: 100%;
+			}
+
+			button {
+				min-width: 8em;
+				margin-right: 1em;
 			}
 		}
-	}
-}
 
-.modal-body.modal-identity-import {
-	padding: 0!important;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-
-	@include user-select(none);
-
-	.container-status {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-
-		margin: 1em 1em -1em;
-		height: 1.6em;
-
-		overflow: hidden;
-
-		color: #389738;
-		&.error {
-			color: #973838;
-		}
-
-		&.loading {
-			color: #96903a;
-		}
-
-		&.hidden {
-			height: 0;
-		}
-
-		a {
-			align-self: center;
-		}
-
-		@include transition(.2s ease-in-out);
-	}
-
-	.container-text, .container-file {
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		> label {
+		.footer {
 			flex-shrink: 0;
 			flex-grow: 0;
 
-			width: 10em;
+			padding: 1em;
 
 			display: flex;
 			flex-direction: row;
-			justify-content: flex-start;
+			justify-content: flex-end;
 
-			padding-left: .25em;
-			align-self: center;
-
-			margin-right: 1em;
-
-			.radio-button {
-				align-self: center;
-				margin-right: .5em;
+			button {
+				min-width: 8em;
 			}
 		}
 
-		> * {
-			align-self: center;
+		.file-selector {
+			display: none;
 		}
-
-		.form-group {
-			margin-bottom: 1.75em;
-			width: 100%;
-		}
-
-		button {
-			min-width: 8em;
-			margin-right: 1em;
-		}
-	}
-
-	.footer {
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		padding: 1em;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-end;
-
-		button {
-			min-width: 8em;
-		}
-	}
-
-	.file-selector {
-		display: none;
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-invite.scss b/shared/css/static/modal-invite.scss
index 7142a560..d9f4f827 100644
--- a/shared/css/static/modal-invite.scss
+++ b/shared/css/static/modal-invite.scss
@@ -1,73 +1,75 @@
 @import "mixin";
 @import "properties";
 
-.modal-invite {
-	padding: .5em!important;
-	@include user-select(none);
+:global {
+	.modal-invite {
+		padding: .5em!important;
+		@include user-select(none);
 
-	.general-properties {
-		flex: 0;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		.form-group {
+		.general-properties {
 			flex: 0;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
+
+			.form-group {
+				flex: 0;
+			}
+
+			.container-settings {
+				flex: 0;
+
+				margin-bottom: .5em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+
+				label {
+					display: flex;
+					flex-direction: row;
+					justify-content: flex-start;
+
+					> * {
+						align-self: center;
+					}
+
+					a {
+						margin-left: .5em;
+					}
+				}
+			}
 		}
 
-		.container-settings {
-			flex: 0;
+		.text-output {
+			background-color: $color_list_background;
+			border: 1px $color_list_border solid;
 
-			margin-bottom: .5em;
+			border-radius: $border_radius_large;
 
+			padding: .5em;
+			min-height: 5em;
+
+			width: 100%;
+			resize: none;
+
+			color: #999999;
+
+			@include user-select(text);
+		}
+
+		.buttons {
 			display: flex;
 			flex-direction: row;
 			justify-content: space-between;
 
-			label {
-				display: flex;
-				flex-direction: row;
-				justify-content: flex-start;
+			margin-top: 5px;
 
-				> * {
-					align-self: center;
-				}
-
-				a {
-					margin-left: .5em;
-				}
+			.icon {
+				vertical-align: middle;
+				margin-right: 5px;
 			}
 		}
 	}
-
-	.text-output {
-		background-color: $color_list_background;
-		border: 1px $color_list_border solid;
-
-		border-radius: $border_radius_large;
-
-		padding: .5em;
-		min-height: 5em;
-
-		width: 100%;
-		resize: none;
-
-		color: #999999;
-
-		@include user-select(text);
-	}
-
-	.buttons {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-
-		margin-top: 5px;
-
-		.icon {
-			vertical-align: middle;
-			margin-right: 5px;
-		}
-	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-keyselect.scss b/shared/css/static/modal-keyselect.scss
index f37be98a..d14c20c5 100644
--- a/shared/css/static/modal-keyselect.scss
+++ b/shared/css/static/modal-keyselect.scss
@@ -1,50 +1,52 @@
-.modal-body.modal-keyselect {
-	width: max-content!important;
-
-	.body {
-		display: flex;
-		flex-direction: column;
-		justify-content: flex-start;
-
-		.container-select {
-			margin-top: .5em;
+:global {
+	.modal-body.modal-keyselect {
+		width: max-content!important;
 
+		.body {
 			display: flex;
-			flex-direction: row;
+			flex-direction: column;
 			justify-content: flex-start;
 
-			a {
-				align-self: center;
-				margin-right: .5em;
-			}
-
-			.container-key {
-				background-color: #272626;
-				border-radius: 0.15em;
-				-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-				-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-				box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-
-				min-width: 12em;
-				height: 2em;
-				padding: 0 .5em;
+			.container-select {
+				margin-top: .5em;
 
 				display: flex;
 				flex-direction: row;
-				justify-content: center;
+				justify-content: flex-start;
+
+				a {
+					align-self: center;
+					margin-right: .5em;
+				}
+
+				.container-key {
+					background-color: #272626;
+					border-radius: 0.15em;
+					-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+					-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+					box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+
+					min-width: 12em;
+					height: 2em;
+					padding: 0 .5em;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: center;
+				}
+			}
+		}
+
+		.container-buttons {
+			display: flex;
+			flex-direction: row;
+			justify-content: flex-end;
+
+			margin-top: 1em;
+
+			button {
+				margin-left: 1em;
 			}
 		}
 	}
-
-	.container-buttons {
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-end;
-
-		margin-top: 1em;
-
-		button {
-			margin-left: 1em;
-		}
-	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-latency.scss b/shared/css/static/modal-latency.scss
index 07d94c71..9c5c232b 100644
--- a/shared/css/static/modal-latency.scss
+++ b/shared/css/static/modal-latency.scss
@@ -1,84 +1,86 @@
 @import "mixin";
 @import "properties";
 
-.modal-body.modal-latency {
-	@include user-select(none);
-	@include transform(all $button_hover_animation_time ease-in-out);
+:global {
+	.modal-body.modal-latency {
+		@include user-select(none);
+		@include transform(all $button_hover_animation_time ease-in-out);
 
-	.info {
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		.htmltag-client {
-			color: #999!important;
-			margin-left: .25em;
-		}
-
-		div {
+		.info {
 			display: flex;
 			flex-direction: row;
 			justify-content: stretch;
-		}
 
-		.value {
-			margin-left: .25em;
-		}
-	}
+			.htmltag-client {
+				color: #999!important;
+				margin-left: .25em;
+			}
 
-	.container-min, .container-max {
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		height: 2em;
-
-		.container-value {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			margin-right: 1em;
-			width: 9em;
-
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-
-			align-self: center;
+			div {
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+			}
 
 			.value {
+				margin-left: .25em;
+			}
+		}
+
+		.container-min, .container-max {
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			height: 2em;
+
+			.container-value {
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+
+				flex-shrink: 0;
+				flex-grow: 0;
+
+				margin-right: 1em;
+				width: 9em;
+
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+
+				align-self: center;
+
+				.value {
+				}
+			}
+		}
+
+		.container-max {
+			padding-top: 1em;
+		}
+
+		.container-slider {
+			align-self: center;
+		}
+
+		.buttons {
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			margin-top: 2em;
+
+			.spacer {
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				min-width: 0;
+			}
+
+			button:not(:last-of-type) {
+				margin-right: 1em;
 			}
 		}
 	}
-
-	.container-max {
-		padding-top: 1em;
-	}
-
-	.container-slider {
-		align-self: center;
-	}
-
-	.buttons {
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		margin-top: 2em;
-
-		.spacer {
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			min-width: 0;
-		}
-
-		button:not(:last-of-type) {
-			margin-right: 1em;
-		}
-	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-musicmanage.scss b/shared/css/static/modal-musicmanage.scss
index 5fe95b9e..621a31fe 100644
--- a/shared/css/static/modal-musicmanage.scss
+++ b/shared/css/static/modal-musicmanage.scss
@@ -1,697 +1,699 @@
 @import "mixin";
 @import "properties";
 
-.modal-body.modal-music-manage {
-    padding: 0 !important;
+:global {
+    .modal-body.modal-music-manage {
+        padding: 0 !important;
 
-    display: flex !important;;
-    flex-direction: column !important;;
-    justify-content: stretch !important;;
+        display: flex !important;;
+        flex-direction: column !important;;
+        justify-content: stretch !important;;
 
-    width: 80em;
-    min-height: 20em; /* Set it here, so we dont have a inner modal scroll */
+        width: 80em;
+        min-height: 20em; /* Set it here, so we dont have a inner modal scroll */
 
-    @include user-select(none);
+        @include user-select(none);
 
-    > .header {
-        flex-grow: 0;
-        flex-shrink: 0;
+        > .header {
+            flex-grow: 0;
+            flex-shrink: 0;
 
-        height: 4em;
-
-        display: flex;
-        flex-direction: row;
-        justify-content: stretch;
-
-        .category {
-            flex-grow: 1;
-            flex-shrink: 1;
-
-            min-width: 0;
-            width: 50%;
-
-            position: relative;
-            overflow: hidden;
-
-            cursor: pointer;
-            padding-bottom: 2px;
+            height: 4em;
 
             display: flex;
-            flex-direction: column;
-            justify-content: center;
+            flex-direction: row;
+            justify-content: stretch;
 
-            a {
-                text-align: center;
-                color: #e1e1e1;
+            .category {
+                flex-grow: 1;
+                flex-shrink: 1;
 
+                min-width: 0;
+                width: 50%;
+
+                position: relative;
                 overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
 
-            &:hover {
-                border: none;
-                border-bottom: 2px solid #4e4e4e;
+                cursor: pointer;
+                padding-bottom: 2px;
 
-                padding-bottom: 0;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
 
-                &:before {
-                    position: absolute;
-                    content: '';
+                a {
+                    text-align: center;
+                    color: #e1e1e1;
 
-                    margin-right: -10em;
-                    margin-left: -10em;
-                    margin-bottom: -.2em;
-                    bottom: 0;
-
-                    height: 100%;
-                    width: calc(100% + 20em);
-
-                    box-shadow: inset 0px -1.2em 3em -20px #424242;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
                 }
-            }
 
-            &.selected {
-                border: none;
-                border-bottom: 2px solid #0073d4;
+                &:hover {
+                    border: none;
+                    border-bottom: 2px solid #4e4e4e;
 
-                padding-bottom: 0;
+                    padding-bottom: 0;
 
-                &:before {
-                    position: absolute;
-                    content: '';
+                    &:before {
+                        position: absolute;
+                        content: '';
 
-                    margin-right: -10em;
-                    margin-left: -10em;
-                    margin-bottom: -.2em;
-                    bottom: 0;
+                        margin-right: -10em;
+                        margin-left: -10em;
+                        margin-bottom: -.2em;
+                        bottom: 0;
 
-                    height: 100%;
-                    width: calc(100% + 20em);
+                        height: 100%;
+                        width: calc(100% + 20em);
 
-                    box-shadow: inset 0px -1.2em 3em -20px #0073d4;
+                        box-shadow: inset 0px -1.2em 3em -20px #424242;
+                    }
+                }
+
+                &.selected {
+                    border: none;
+                    border-bottom: 2px solid #0073d4;
+
+                    padding-bottom: 0;
+
+                    &:before {
+                        position: absolute;
+                        content: '';
+
+                        margin-right: -10em;
+                        margin-left: -10em;
+                        margin-bottom: -.2em;
+                        bottom: 0;
+
+                        height: 100%;
+                        width: calc(100% + 20em);
+
+                        box-shadow: inset 0px -1.2em 3em -20px #0073d4;
+                    }
                 }
             }
         }
-    }
-
-    > .body {
-        display: flex;
-        flex-direction: column;
-        justify-content: stretch;
-
-        min-height: 20em;
-
-        background-color: #303036;
-
-        @include tooltip(1.6em, 1em);
-        .container {
-            flex-grow: 0;
-            flex-shrink: 1;
 
+        > .body {
             display: flex;
             flex-direction: column;
             justify-content: stretch;
 
             min-height: 20em;
-            height: 40.5em;
 
-            .input-boxed, .btn {
-                height: 2em;
-            }
+            background-color: #303036;
 
-            $border_color: #1e2025;
-            &.category-permissions {
-                .column {
-                    flex-shrink: 0;
-                    flex-grow: 0;
+            @include tooltip(1.6em, 1em);
+            .container {
+                flex-grow: 0;
+                flex-shrink: 1;
 
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: flex-start;
+                display: flex;
+                flex-direction: column;
+                justify-content: stretch;
 
-                    &.column-permission {
-                        flex-shrink: 1000;
-                        flex-grow: 1;
-                        min-width: 6em;
+                min-height: 20em;
+                height: 40.5em;
 
-                        a {
-                            @include text-dotdotdot();
-                        }
-
-                        .master {
-                            font-weight: bold;
-                        }
-
-                        .slave {
-                            padding-left: 1em;
-                        }
-                    }
-
-                    &.column-required {
-                        flex-shrink: 1;
-                        flex-grow: 0;
-
-                        a {
-                            @include text-dotdotdot();
-                        }
-
-                        min-width: 6em;
-                        width: 10em;
-                    }
-
-                    &.column-client-specific {
-                        flex-shrink: 1;
-                        flex-grow: 0;
-
-                        min-width: 20em;
-                        width: 30em;
-                    }
+                .input-boxed, .btn {
+                    height: 2em;
                 }
 
-                .table-head {
-                    flex-shrink: 0;
-                    flex-grow: 0;
-
-                    display: flex;
-                    flex-direction: row;
-                    justify-content: stretch;
-
+                $border_color: #1e2025;
+                &.category-permissions {
                     .column {
-                        height: 5.5em;
-                        padding: .5em;
-
-                        justify-content: flex-end!important;
-
-                        &.column-permission, &.column-required {
-                            color: #e1e1e1;
-                            font-weight: bold;
-
-                            border-right: 1px solid $border_color;
-                        }
-                    }
-
-                    .select-client {
-                        padding-top: .5em;
-
-                        display: flex;
-                        flex-direction: row;
-                        justify-content: stretch;
-
-                        input {
-                            flex-grow: 1;
-                            flex-shrink: 1;
-                            min-width: 1em;
-                        }
-
-                        button {
-                            flex-grow: 0;
-                            flex-shrink: 0;
-
-                            width: 5em;
-                            margin-left: 1em;
-                        }
-                    }
-
-                    .client-select, .client-info {
-                        display: flex;
-                        flex-direction: column;
-                        justify-content: stretch;
-
-                        &.hidden {
-                            display: none;
-                        }
-
-                        button {
-                            flex-grow: 0;
-                            flex-shrink: 0;
-                            margin-left: 1em;
-
-                            @include text-dotdotdot();
-
-                            &.button-search {
-                                width: 6em;
-                            }
-
-                            &.button-list-clients, &.button-client-deselect {
-                                width: 8em;
-                            }
-                        }
-
-                        .row {
-                            height: 2em;
-
-                            display: flex;
-                            flex-direction: row;
-                            justify-content: stretch;
-
-                            &:not(:first-of-type) {
-                                margin-top: .5em;
-                            }
-
-                            a {
-                                flex-grow: 1;
-                                flex-shrink: 1;
-                                min-width: 0;
-
-                                align-self: center;
-
-                                @include text-dotdotdot();
-                            }
-
-                            input {
-                                flex-grow: 1;
-                                flex-shrink: 1;
-
-                                min-width: 2em;
-                            }
-                        }
-                    }
-
-                    .client-info {
-                        color: #e1e1e1;
-                        font-weight: bold;
-
-                        a {
-                            flex-shrink: 0;
-                            margin-right: .5em;
-                        }
-
-                        .htmltag-client {
-                            color: #e1e1e1;
-                            align-self: center;
-
-                            @include text-dotdotdot();
-                        }
-                    }
-                }
-
-                .table-body {
-                    flex-shrink: 1;
-                    flex-grow: 1;
-
-                    display: flex;
-                    flex-direction: row;
-                    justify-content: flex-start;
-
-                    min-height: 6em;
-
-                    overflow-x: hidden;
-                    overflow-y: auto;
-
-                    @include chat-scrollbar-vertical();
-
-                    .entry {
-                        height: 2.6em; /* input box + 2 * .5em */
-                        padding: .5em;
-
                         flex-shrink: 0;
                         flex-grow: 0;
 
                         display: flex;
                         flex-direction: column;
-                        justify-content: center;
+                        justify-content: flex-start;
 
-                        background-color: unset;
+                        &.column-permission {
+                            flex-shrink: 1000;
+                            flex-grow: 1;
+                            min-width: 6em;
 
-                        &:nth-of-type(2n) {
-                            background-color: #25252a;
+                            a {
+                                @include text-dotdotdot();
+                            }
+
+                            .master {
+                                font-weight: bold;
+                            }
+
+                            .slave {
+                                padding-left: 1em;
+                            }
                         }
 
-                        border-top: 1px solid $border_color;
-                        border-right: 1px solid $border_color;
+                        &.column-required {
+                            flex-shrink: 1;
+                            flex-grow: 0;
 
-                        .container-input {
-                            color: #e1e1e1;
+                            a {
+                                @include text-dotdotdot();
+                            }
+
+                            min-width: 6em;
+                            width: 10em;
+                        }
+
+                        &.column-client-specific {
+                            flex-shrink: 1;
+                            flex-grow: 0;
+
+                            min-width: 20em;
+                            width: 30em;
+                        }
+                    }
+
+                    .table-head {
+                        flex-shrink: 0;
+                        flex-grow: 0;
+
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: stretch;
+
+                        .column {
+                            height: 5.5em;
+                            padding: .5em;
+
+                            justify-content: flex-end!important;
+
+                            &.column-permission, &.column-required {
+                                color: #e1e1e1;
+                                font-weight: bold;
+
+                                border-right: 1px solid $border_color;
+                            }
+                        }
+
+                        .select-client {
+                            padding-top: .5em;
 
                             display: flex;
                             flex-direction: row;
                             justify-content: stretch;
 
+                            input {
+                                flex-grow: 1;
+                                flex-shrink: 1;
+                                min-width: 1em;
+                            }
+
+                            button {
+                                flex-grow: 0;
+                                flex-shrink: 0;
+
+                                width: 5em;
+                                margin-left: 1em;
+                            }
+                        }
+
+                        .client-select, .client-info {
+                            display: flex;
+                            flex-direction: column;
+                            justify-content: stretch;
+
                             &.hidden {
                                 display: none;
                             }
 
-                            input {
-                                text-align: right;
-
-                                flex-shrink: 1;
-                                flex-grow: 1;
-
-                                min-width: 2em;
-
-                                outline: none;
-                                background: transparent;
-                                border: none;
-
-                                height: 1.6em;
-
-                                /* fix the column padding */
-                                padding-left: 1em;
-                                margin-left: -.5em; /* have a bit of space on both sides */
-
-                                color: #999;
-                            }
-
-                            .container-tooltip {
-                                flex-shrink: 0;
+                            button {
                                 flex-grow: 0;
-                            }
+                                flex-shrink: 0;
+                                margin-left: 1em;
 
-                            border-bottom: 2px solid transparent;
+                                @include text-dotdotdot();
 
-                            &:focus-within {
-                                border-bottom-color: #3f7dbf;
+                                &.button-search {
+                                    width: 6em;
+                                }
 
-                                input {
-                                    color: #e1e1e1;
+                                &.button-list-clients, &.button-client-deselect {
+                                    width: 8em;
                                 }
                             }
-                            @include transition(border-bottom-color $button_hover_animation_time ease-in-out);
+
+                            .row {
+                                height: 2em;
+
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: stretch;
+
+                                &:not(:first-of-type) {
+                                    margin-top: .5em;
+                                }
+
+                                a {
+                                    flex-grow: 1;
+                                    flex-shrink: 1;
+                                    min-width: 0;
+
+                                    align-self: center;
+
+                                    @include text-dotdotdot();
+                                }
+
+                                input {
+                                    flex-grow: 1;
+                                    flex-shrink: 1;
+
+                                    min-width: 2em;
+                                }
+                            }
+                        }
+
+                        .client-info {
+                            color: #e1e1e1;
+                            font-weight: bold;
+
+                            a {
+                                flex-shrink: 0;
+                                margin-right: .5em;
+                            }
+
+                            .htmltag-client {
+                                color: #e1e1e1;
+                                align-self: center;
+
+                                @include text-dotdotdot();
+                            }
                         }
                     }
 
-                    .column-client-specific {
-                        position: relative;
+                    .table-body {
+                        flex-shrink: 1;
+                        flex-grow: 1;
+
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: flex-start;
+
+                        min-height: 6em;
+
+                        overflow-x: hidden;
+                        overflow-y: auto;
+
+                        @include chat-scrollbar-vertical();
 
                         .entry {
-                            border-right: unset;
+                            height: 2.6em; /* input box + 2 * .5em */
+                            padding: .5em;
+
+                            flex-shrink: 0;
+                            flex-grow: 0;
+
+                            display: flex;
+                            flex-direction: column;
+                            justify-content: center;
+
+                            background-color: unset;
+
+                            &:nth-of-type(2n) {
+                                background-color: #25252a;
+                            }
+
+                            border-top: 1px solid $border_color;
+                            border-right: 1px solid $border_color;
+
+                            .container-input {
+                                color: #e1e1e1;
+
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: stretch;
+
+                                &.hidden {
+                                    display: none;
+                                }
+
+                                input {
+                                    text-align: right;
+
+                                    flex-shrink: 1;
+                                    flex-grow: 1;
+
+                                    min-width: 2em;
+
+                                    outline: none;
+                                    background: transparent;
+                                    border: none;
+
+                                    height: 1.6em;
+
+                                    /* fix the column padding */
+                                    padding-left: 1em;
+                                    margin-left: -.5em; /* have a bit of space on both sides */
+
+                                    color: #999;
+                                }
+
+                                .container-tooltip {
+                                    flex-shrink: 0;
+                                    flex-grow: 0;
+                                }
+
+                                border-bottom: 2px solid transparent;
+
+                                &:focus-within {
+                                    border-bottom-color: #3f7dbf;
+
+                                    input {
+                                        color: #e1e1e1;
+                                    }
+                                }
+                                @include transition(border-bottom-color $button_hover_animation_time ease-in-out);
+                            }
                         }
 
-                        .overlay-client-list {
-                            position: absolute;
-                            z-index: 1;
+                        .column-client-specific {
+                            position: relative;
 
-                            top: 0;
-                            bottom: 0;
-                            left: 0;
-                            right: 0;
+                            .entry {
+                                border-right: unset;
+                            }
+
+                            .overlay-client-list {
+                                position: absolute;
+                                z-index: 1;
+
+                                top: 0;
+                                bottom: 0;
+                                left: 0;
+                                right: 0;
+
+                                display: flex;
+                                flex-direction: column;
+                                justify-content: stretch;
+
+                                border-top: 1px solid $border_color;
+                                background-color: #303036;
+                                padding: .5em;
+
+                                opacity: 1;
+                                pointer-events: all;
+
+                                @include transition(all .25s ease-in-out);
+
+                                &.hidden {
+                                    pointer-events: none;
+                                    opacity: 0;
+                                }
+
+                                .title {
+                                    flex-grow: 0;
+                                    flex-shrink: 0;
+                                }
+
+                                .container-client-list {
+                                    flex-grow: 1;
+                                    flex-shrink: 1;
+
+                                    position: relative;
+
+                                    display: flex;
+                                    flex-direction: column;
+                                    justify-content: flex-start;
+
+                                    border: 1px #161616 solid;
+                                    border-radius: 0.2em;
+                                    background-color: #28292b;
+
+                                    overflow-x: hidden;
+                                    overflow-y: auto;
+
+                                    padding-top: 0.25em;
+                                    padding-bottom: 0.25em;
+
+                                    margin-top: .5em;
+                                    margin-bottom: .5em;
+
+                                    @include chat-scrollbar-vertical();
+
+                                    .overlay {
+                                        position: absolute;
+                                        z-index: 1;
+
+                                        top: 0;
+                                        bottom: 0;
+                                        left: 0;
+                                        right: 0;
+
+                                        display: flex;
+                                        flex-direction: column;
+                                        justify-content: center;
+
+                                        background-color: #28292b;
+                                        color: #676468;
+
+                                        text-align: center;
+                                        font-size: 1.3em;
+
+                                        &.hidden {
+                                            display: none;
+                                        }
+                                    }
+
+                                    .client {
+                                        padding-left: .5em;
+                                        padding-right: .5em;
+
+                                        .htmltag-client {
+                                            @include text-dotdotdot();
+                                            color: #999;
+                                            font-weight: unset;
+                                        }
+
+                                        &:hover {
+                                            background-color: #2c2d2f;
+                                        }
+
+                                        &.hidden {
+                                            display: none;
+                                        }
+                                    }
+                                }
+
+                                .container-buttons {
+                                    flex-grow: 0;
+                                    flex-shrink: 0;
+
+                                    display: flex;
+                                    flex-direction: row;
+                                    justify-content: flex-end;
+                                }
+                            }
+                        }
+                    }
+
+                    .container-buttons {
+                        flex-shrink: 0;
+                        flex-grow: 0;
+
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: flex-end;
+
+                        margin-top: .5em;
+                    }
+                }
+
+                &.category-settings {
+                    .container-settings {
+                        flex-grow: 1;
+                        flex-shrink: 1;
+                        min-height: 10em;
+
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: stretch;
+
+                        .settings {
+                            flex-grow: 1;
+                            flex-shrink: 1;
+
+                            width: 50%;
+                            min-width: 15em;
 
                             display: flex;
                             flex-direction: column;
                             justify-content: stretch;
 
-                            border-top: 1px solid $border_color;
-                            background-color: #303036;
                             padding: .5em;
 
-                            opacity: 1;
-                            pointer-events: all;
+                            &.settings-bot {
+                                border-right: 1px solid $border_color;
 
-                            @include transition(all .25s ease-in-out);
-
-                            &.hidden {
-                                pointer-events: none;
-                                opacity: 0;
+                                padding-left: 0;
                             }
 
-                            .title {
-                                flex-grow: 0;
-                                flex-shrink: 0;
+                            &.settings-playlist {
+                                padding-right: 0;
                             }
 
-                            .container-client-list {
-                                flex-grow: 1;
-                                flex-shrink: 1;
-
-                                position: relative;
+                            > a {
+                                color: #e1e1e1;
+                                font-weight: bold;
+                            }
 
+                            .body {
                                 display: flex;
                                 flex-direction: column;
                                 justify-content: flex-start;
 
-                                border: 1px #161616 solid;
-                                border-radius: 0.2em;
-                                background-color: #28292b;
-
-                                overflow-x: hidden;
-                                overflow-y: auto;
-
-                                padding-top: 0.25em;
-                                padding-bottom: 0.25em;
-
-                                margin-top: .5em;
-                                margin-bottom: .5em;
-
-                                @include chat-scrollbar-vertical();
-
-                                .overlay {
-                                    position: absolute;
-                                    z-index: 1;
-
-                                    top: 0;
-                                    bottom: 0;
-                                    left: 0;
-                                    right: 0;
-
+                                > label, > div {
                                     display: flex;
-                                    flex-direction: column;
-                                    justify-content: center;
+                                    justify-content: flex-start;
+                                    flex-direction: row;
 
-                                    background-color: #28292b;
-                                    color: #676468;
+                                    margin-top: .5em;
 
-                                    text-align: center;
-                                    font-size: 1.3em;
-
-                                    &.hidden {
-                                        display: none;
+                                    * {
+                                        align-self: center;
                                     }
                                 }
 
-                                .client {
-                                    padding-left: .5em;
-                                    padding-right: .5em;
-
-                                    .htmltag-client {
-                                        @include text-dotdotdot();
-                                        color: #999;
-                                        font-weight: unset;
-                                    }
-
-                                    &:hover {
-                                        background-color: #2c2d2f;
-                                    }
-
-                                    &.hidden {
-                                        display: none;
-                                    }
-                                }
-                            }
-
-                            .container-buttons {
-                                flex-grow: 0;
-                                flex-shrink: 0;
-
-                                display: flex;
-                                flex-direction: row;
-                                justify-content: flex-end;
-                            }
-                        }
-                    }
-                }
-
-                .container-buttons {
-                    flex-shrink: 0;
-                    flex-grow: 0;
-
-                    display: flex;
-                    flex-direction: row;
-                    justify-content: flex-end;
-
-                    margin-top: .5em;
-                }
-            }
-
-            &.category-settings {
-                .container-settings {
-                    flex-grow: 1;
-                    flex-shrink: 1;
-                    min-height: 10em;
-
-                    display: flex;
-                    flex-direction: row;
-                    justify-content: stretch;
-
-                    .settings {
-                        flex-grow: 1;
-                        flex-shrink: 1;
-
-                        width: 50%;
-                        min-width: 15em;
-
-                        display: flex;
-                        flex-direction: column;
-                        justify-content: stretch;
-
-                        padding: .5em;
-
-                        &.settings-bot {
-                            border-right: 1px solid $border_color;
-
-                            padding-left: 0;
-                        }
-
-                        &.settings-playlist {
-                            padding-right: 0;
-                        }
-
-                        > a {
-                            color: #e1e1e1;
-                            font-weight: bold;
-                        }
-
-                        .body {
-                            display: flex;
-                            flex-direction: column;
-                            justify-content: flex-start;
-
-                            > label, > div {
-                                display: flex;
-                                justify-content: flex-start;
-                                flex-direction: row;
-
-                                margin-top: .5em;
-
-                                * {
-                                    align-self: center;
-                                }
-                            }
-
-                            a {
-                                @include text-dotdotdot();
-                            }
-
-                            .container-name-country {
-                                display: flex;
-                                flex-direction: row;
-                                justify-content: stretch;
-
-                                .option-bot-name {
-                                    flex-grow: 1;
-                                    flex-shrink: 1;
-
-                                    min-width: 6em;
-                                    margin-right: 1em;
+                                a {
+                                    @include text-dotdotdot();
                                 }
 
-                                .container-country {
-                                    flex-grow: 0;
-                                    flex-shrink: 0;
-
+                                .container-name-country {
                                     display: flex;
                                     flex-direction: row;
                                     justify-content: stretch;
 
-                                    width: 5em;
-
-                                    input {
-                                        flex-shrink: 1;
+                                    .option-bot-name {
                                         flex-grow: 1;
-                                        min-width: 0;
+                                        flex-shrink: 1;
+
+                                        min-width: 6em;
+                                        margin-right: 1em;
                                     }
 
-                                    .country {
+                                    .container-country {
                                         flex-grow: 0;
                                         flex-shrink: 0;
 
-                                        margin: .5em;
+                                        display: flex;
+                                        flex-direction: row;
+                                        justify-content: stretch;
+
+                                        width: 5em;
+
+                                        input {
+                                            flex-shrink: 1;
+                                            flex-grow: 1;
+                                            min-width: 0;
+                                        }
+
+                                        .country {
+                                            flex-grow: 0;
+                                            flex-shrink: 0;
+
+                                            margin: .5em;
+                                        }
                                     }
                                 }
-                            }
 
-                            .checkbox {
-                                margin-right: .5em;
-                            }
-
-                            .container-replay-mode, .container-max-playlist-size {
-                                display: flex;
-                                flex-direction: row;
-                                justify-content: stretch;
-
-                                a {
-                                    flex-grow: 1;
-                                    flex-shrink: 1;
-
-                                    min-width: 0;
+                                .checkbox {
+                                    margin-right: .5em;
                                 }
 
-                                select, .input-boxed {
-                                    flex-grow: 0;
-                                    flex-shrink: 0;
-
+                                .container-replay-mode, .container-max-playlist-size {
                                     display: flex;
                                     flex-direction: row;
                                     justify-content: stretch;
 
-                                    width: 10em;
-
-                                    margin-left: .5em;
-
-                                    input {
-                                        flex-shrink: 1;
+                                    a {
                                         flex-grow: 1;
+                                        flex-shrink: 1;
 
                                         min-width: 0;
                                     }
+
+                                    select, .input-boxed {
+                                        flex-grow: 0;
+                                        flex-shrink: 0;
+
+                                        display: flex;
+                                        flex-direction: row;
+                                        justify-content: stretch;
+
+                                        width: 10em;
+
+                                        margin-left: .5em;
+
+                                        input {
+                                            flex-shrink: 1;
+                                            flex-grow: 1;
+
+                                            min-width: 0;
+                                        }
+                                    }
                                 }
                             }
                         }
                     }
+
+                    .container-buttons {
+                        flex-grow: 0;
+                        flex-shrink: 0;
+
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: flex-end;
+                    }
                 }
 
-                .container-buttons {
-                    flex-grow: 0;
-                    flex-shrink: 0;
-
-                    display: flex;
-                    flex-direction: row;
-                    justify-content: flex-end;
+                &.hidden {
+                    display: none;
                 }
             }
-
-            &.hidden {
-                display: none;
-            }
         }
     }
-}
 
-.tooltip-music-permission-overview {
-    padding-left: .25em;
-    padding-right: .25em;
-    text-align: left;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-
-    max-height: 8em;
-
-    .container-title {
-        flex-grow: 0;
-        flex-shrink: 0;
-    }
-
-    .container-groups {
-        flex-grow: 0;
-        flex-shrink: 1;
-
-        min-height: 0;
+    .tooltip-music-permission-overview {
+        padding-left: .25em;
+        padding-right: .25em;
+        text-align: left;
 
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
 
-        overflow-x: hidden;
-        overflow-y: auto;
+        max-height: 8em;
 
-        @include chat-scrollbar-horizontal();
-    }
+        .container-title {
+            flex-grow: 0;
+            flex-shrink: 0;
+        }
 
-    .container-status {
-        &.hidden {
-            display: none;
+        .container-groups {
+            flex-grow: 0;
+            flex-shrink: 1;
+
+            min-height: 0;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+
+            overflow-x: hidden;
+            overflow-y: auto;
+
+            @include chat-scrollbar-horizontal();
+        }
+
+        .container-status {
+            &.hidden {
+                display: none;
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-newcomer.scss b/shared/css/static/modal-newcomer.scss
index b6da49eb..aefa46b1 100644
--- a/shared/css/static/modal-newcomer.scss
+++ b/shared/css/static/modal-newcomer.scss
@@ -6,154 +6,156 @@ html:root {
     --modal-newcomer-divider: #313135;
 }
 
-.modal-body.modal-newcomer {
-    display: flex!important;
-    flex-direction: column!important;
-    justify-content: stretch!important;
+:global {
+    .modal-body.modal-newcomer {
+        display: flex!important;
+        flex-direction: column!important;
+        justify-content: stretch!important;
 
-    padding: 0!important;
+        padding: 0!important;
 
-    min-width: 20em;
-    width: 60em;
+        min-width: 20em;
+        width: 60em;
 
-    @include user-select(none);
+        @include user-select(none);
 
-    .container-header {
-        flex-shrink: 0;
-        flex-grow: 0;
+        .container-header {
+            flex-shrink: 0;
+            flex-grow: 0;
 
-        color: var(--modal-newcommer-header-color);
-        padding: .5em .5em .25em;
+            color: var(--modal-newcommer-header-color);
+            padding: .5em .5em .25em;
 
-        position: relative;
-        font-size: 1.5em;
-        text-transform: uppercase;
-
-        .step {
-            &.hidden {
-                display: none;
-            }
-
-
-            &::after {
-                content: ' ';
-                position: absolute;
-
-                left: 0;
-                right: 0;
-                bottom: 0;
-
-                height: 1.25px;
-                //background: linear-gradient(90deg, rgba(49,49,53,1) 80%, rgba(49,49,53,0) 100%);
-                background: var(--modal-newcomer-divider);
-            }
-
-            &.hidden {
-                &::after {
-                    content: unset;
-                }
-            }
-        }
-    }
-
-    .container-body {
-        //flex-grow: 1;
-        //flex-shrink: 1;
-        flex-shrink: 1;
-        min-height: 18em;
-
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-
-        overflow: auto;
-        @include chat-scrollbar-horizontal();
-        @include chat-scrollbar-vertical();
-
-        background-color: #19191b;
-
-        .body {
-            display: flex;
-            flex-direction: column;
-            justify-content: stretch;
-
-            padding: .5em .5em .5em;
-
-            &.height-transition {
-                @include transition(max-height .25s ease-in-out, min-height .25s ease-in-out);
-                overflow: hidden;
-            }
+            position: relative;
+            font-size: 1.5em;
+            text-transform: uppercase;
 
             .step {
-                &.step-welcome, &.step-finish {
-                    display: flex;
-                    flex-direction: row;
-                    justify-content: center;
-
-                    .text {
-                        align-self: center;
-                        h1 {
-                            line-height: 1.1em;
-
-                            margin-bottom: .8em;
-                            margin-top: 0;
-                        }
-
-                        flex-shrink: 0;
-                    }
-
-                    &.step-welcome h1 {
-                        margin-bottom: 0;
-                    }
-
-                    .logo {
-                        max-height: 15em;
-                        max-width: 15em;
-
-                        align-self: center;
-                        margin-right: 1em;
-
-                        img {
-                            max-height: 100%;
-                            max-width: 100%;
-                        }
-                    }
-                }
-
-                /* for step-identity or step-microphone */
-                .container-settings-identity-profile {
-                    padding: .5em;
-
-                    .left .body {
-                        background-color: #202122;
-                        .overlay {
-                            background-color: #202122;
-                        }
-
-                        .profile.selected {
-                            background-color: #141415;
-                        }
-                    }
-                }
-
-                &.step-identity { }
-
                 &.hidden {
                     display: none;
                 }
+
+
+                &::after {
+                    content: ' ';
+                    position: absolute;
+
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+
+                    height: 1.25px;
+                    //background: linear-gradient(90deg, rgba(49,49,53,1) 80%, rgba(49,49,53,0) 100%);
+                    background: var(--modal-newcomer-divider);
+                }
+
+                &.hidden {
+                    &::after {
+                        content: unset;
+                    }
+                }
             }
         }
-    }
 
-    .buttons {
-        flex-shrink: 0;
-        flex-grow: 0;
+        .container-body {
+            //flex-grow: 1;
+            //flex-shrink: 1;
+            flex-shrink: 1;
+            min-height: 18em;
 
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
 
-        border-top: 1.25px solid var(--modal-newcomer-divider);
-        padding: .5em;
+            overflow: auto;
+            @include chat-scrollbar-horizontal();
+            @include chat-scrollbar-vertical();
+
+            background-color: #19191b;
+
+            .body {
+                display: flex;
+                flex-direction: column;
+                justify-content: stretch;
+
+                padding: .5em .5em .5em;
+
+                &.height-transition {
+                    @include transition(max-height .25s ease-in-out, min-height .25s ease-in-out);
+                    overflow: hidden;
+                }
+
+                .step {
+                    &.step-welcome, &.step-finish {
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: center;
+
+                        .text {
+                            align-self: center;
+                            h1 {
+                                line-height: 1.1em;
+
+                                margin-bottom: .8em;
+                                margin-top: 0;
+                            }
+
+                            flex-shrink: 0;
+                        }
+
+                        &.step-welcome h1 {
+                            margin-bottom: 0;
+                        }
+
+                        .logo {
+                            max-height: 15em;
+                            max-width: 15em;
+
+                            align-self: center;
+                            margin-right: 1em;
+
+                            img {
+                                max-height: 100%;
+                                max-width: 100%;
+                            }
+                        }
+                    }
+
+                    /* for step-identity or step-microphone */
+                    .container-settings-identity-profile {
+                        padding: .5em;
+
+                        .left .body {
+                            background-color: #202122;
+                            .overlay {
+                                background-color: #202122;
+                            }
+
+                            .profile.selected {
+                                background-color: #141415;
+                            }
+                        }
+                    }
+
+                    &.step-identity { }
+
+                    &.hidden {
+                        display: none;
+                    }
+                }
+            }
+        }
+
+        .buttons {
+            flex-shrink: 0;
+            flex-grow: 0;
+
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+
+            border-top: 1.25px solid var(--modal-newcomer-divider);
+            padding: .5em;
+        }
     }
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-poke.scss b/shared/css/static/modal-poke.scss
index 89df1be4..e69dacc4 100644
--- a/shared/css/static/modal-poke.scss
+++ b/shared/css/static/modal-poke.scss
@@ -3,86 +3,88 @@ html:root {
 	--modal-poke-text: #004d00;
 }
 
-.container-poke {
-	display: flex!important;;
-	flex-direction: column!important;;
+:global {
+	.container-poke {
+		display: flex!important;;
+		flex-direction: column!important;;
 
-	.container-servers {
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		.server {
+		.container-servers {
 			display: flex;
 			flex-direction: column;
 			justify-content: stretch;
 
-			.server-name {
-				margin-top: 5px;
-
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				font-weight: bold;
-				text-decoration: underline;
-			}
-
-			.poke-list {
+			.server {
 				display: flex;
 				flex-direction: column;
-				justify-content: flex-start;
+				justify-content: stretch;
 
-				overflow-y: auto;
-				overflow-x: auto;
+				.server-name {
+					margin-top: 5px;
 
-				.entry {
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					font-weight: bold;
+					text-decoration: underline;
+				}
+
+				.poke-list {
 					display: flex;
-					flex-direction: row;
+					flex-direction: column;
 					justify-content: flex-start;
 
-					flex-shrink: 0;
-					flex-grow: 0;
+					overflow-y: auto;
+					overflow-x: auto;
 
-					> * {
-						white-space: nowrap;
-					}
+					.entry {
+						display: flex;
+						flex-direction: row;
+						justify-content: flex-start;
 
-					.date, .user, .text {
-						margin-right: 5px;
-					}
+						flex-shrink: 0;
+						flex-grow: 0;
 
-					.date {
-						color: var(--modal-poke-date);
-					}
-					.text {
-						color: var(--modal-poke-text);
+						> * {
+							white-space: nowrap;
+						}
+
+						.date, .user, .text {
+							margin-right: 5px;
+						}
+
+						.date {
+							color: var(--modal-poke-date);
+						}
+						.text {
+							color: var(--modal-poke-text);
+						}
 					}
 				}
 			}
 		}
-	}
 
-	.buttons {
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		margin-top: 5px;
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		.spacer {
-			flex-grow: 1;
-			flex-shrink: 1;
-		}
-
-		.button-close {
-			flex-grow: 0;
-			flex-shrink: 0;
+		.buttons {
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
 
 			margin-top: 5px;
-			width: 150px;
-			float: right;
+			flex-shrink: 0;
+			flex-grow: 0;
+
+			.spacer {
+				flex-grow: 1;
+				flex-shrink: 1;
+			}
+
+			.button-close {
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				margin-top: 5px;
+				width: 150px;
+				float: right;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-query.scss b/shared/css/static/modal-query.scss
index 3e7759d6..91eceb51 100644
--- a/shared/css/static/modal-query.scss
+++ b/shared/css/static/modal-query.scss
@@ -1,375 +1,377 @@
 @import "properties";
 @import "mixin";
 
-.query-create {
-	display: flex!important;
-	flex-direction: column!important;
+:global {
+	.query-create {
+		display: flex!important;
+		flex-direction: column!important;
 
-	.row-name {
-		width: 100%;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		input {
-			flex-grow: 1;
-			flex-shrink: 1;
-			margin-left: 5px;
-		}
-	}
-
-	.buttons {
-		margin-top: 5px;
-		text-align: right;
-	}
-}
-
-.query-created {
-	display: flex!important;
-	flex-direction: column!important;
-
-	.buttons {
-		text-align: right;
-	}
-
-	.form-row {
-		margin-right: 0!important;
-		margin-left: 0!important;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		.icon_x32 {
-			align-self: center;
-			margin-right: 5px;
-
-			cursor: pointer;
-		}
-
-		.form-group {
-			flex-grow: 1;
-		}
-	}
-}
-
-html:root {
-	--modal-query-title: #e0e0e0;
-
-	--modal-query-list: #28292b;
-	--modal-query-list-border: #1f2122;
-
-	--modal-query-empty: #4d4d4d;
-	--modal-query-error: #732626;
-
-	--modal-query-entry-hover: #2c2d2f;
-	--modal-query-entry-selected: #1a1a1b;
-
-	--modal-query-key: #557edc;
-	--modal-query-copy-hover: #28292b;
-}
-
-.modal-body.modal-query-manage {
-	display: flex!important;
-	flex-direction: row!important;
-	justify-content: stretch!important;
-
-	padding: 1em!important;
-
-	min-width: 25em!important; /* 23em to be exact */
-	min-height: 20em!important;
-
-	width: 60em; /* recommend width */
-	height: 50em;
-
-	@include user-select(none);
-
-	.container {
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		min-width: 20em;
-		min-height: 10em;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-	}
-
-	.left, .right {
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		> .title {
-			flex-grow: 0;
-			flex-shrink: 0;
-			margin-bottom: .5em;
+		.row-name {
+			width: 100%;
 
 			display: flex;
 			flex-direction: row;
 			justify-content: stretch;
 
-			a {
-				font-weight: bold;
-				color: var(--modal-query-title);
-
+			input {
 				flex-grow: 1;
 				flex-shrink: 1;
+				margin-left: 5px;
+			}
+		}
 
-				font-size: 1.05em;
-				min-width: 5em;
+		.buttons {
+			margin-top: 5px;
+			text-align: right;
+		}
+	}
 
-				align-self: flex-end;
-				line-height: normal;
+	.query-created {
+		display: flex!important;
+		flex-direction: column!important;
 
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
+		.buttons {
+			text-align: right;
+		}
+
+		.form-row {
+			margin-right: 0!important;
+			margin-left: 0!important;
+
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			.icon_x32 {
+				align-self: center;
+				margin-right: 5px;
+
+				cursor: pointer;
 			}
 
-			button {
-				flex-grow: 0;
-				flex-shrink: 1;
-
-				height: 2em;
-				font-size: .9em;
-
-				width: 10em;
-				min-width: 5em;
-
-				align-self: center;
-				overflow: hidden;
-				text-overflow: ellipsis;
+			.form-group {
+				flex-grow: 1;
 			}
 		}
 	}
 
-	.left {
-		margin-right: .4em;
-		min-width: 10em;
+	html:root {
+		--modal-query-title: #e0e0e0;
 
-		.container-list {
+		--modal-query-list: #28292b;
+		--modal-query-list-border: #1f2122;
+
+		--modal-query-empty: #4d4d4d;
+		--modal-query-error: #732626;
+
+		--modal-query-entry-hover: #2c2d2f;
+		--modal-query-entry-selected: #1a1a1b;
+
+		--modal-query-key: #557edc;
+		--modal-query-copy-hover: #28292b;
+	}
+
+	.modal-body.modal-query-manage {
+		display: flex!important;
+		flex-direction: row!important;
+		justify-content: stretch!important;
+
+		padding: 1em!important;
+
+		min-width: 25em!important; /* 23em to be exact */
+		min-height: 20em!important;
+
+		width: 60em; /* recommend width */
+		height: 50em;
+
+		@include user-select(none);
+
+		.container {
 			flex-grow: 1;
+			flex-shrink: 1;
+
+			min-width: 20em;
+			min-height: 10em;
+
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+		}
+
+		.left, .right {
+			flex-grow: 1;
+			flex-shrink: 1;
 
 			display: flex;
 			flex-direction: column;
 			justify-content: stretch;
 
-			border-radius: 0.2em;
-			border: 1px solid var(--modal-query-list-border);
-			background-color: var(--modal-query-list);
-
-			.container-entries {
-				flex-shrink: 1;
-				flex-grow: 1;
-
-				min-height: 5em;
-
-				position: relative;
-
-				overflow-x: hidden;
-				overflow-y: auto;
-				@include chat-scrollbar-vertical();
-
-				.container-empty, .container-error {
-					position: absolute;
-
-					top: 0;
-					bottom: 0;
-					left: 0;
-					right: 0;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					text-align: center;
-					font-size: 2em;
-
-					background-color: var(--modal-query-list);
-				}
-
-				.container-empty {
-					color: var(--modal-query-empty);
-				}
-
-				.container-error {
-					color: var(--modal-query-error);
-				}
-
-				.entry {
-					display: flex;
-					flex-direction: row;
-					justify-content: flex-start;
-
-					flex-shrink: 1;
-					min-width: 4em;
-
-					padding-left: .5em;
-					padding-right: .5em;
-
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-
-					cursor: pointer;
-
-					&:hover {
-						background-color: var(--modal-query-entry-hover);
-					}
-
-					&.selected {
-						background-color: var(--modal-query-entry-selected);
-					}
-				}
-			}
-
-			.container-search {
-				flex-shrink: 0;
+			> .title {
 				flex-grow: 0;
-
-				padding: 0 .5em;
-
-				border-top: 1px solid var(--modal-query-list-border);
+				flex-shrink: 0;
+				margin-bottom: .5em;
 
 				display: flex;
 				flex-direction: row;
 				justify-content: stretch;
 
+				a {
+					font-weight: bold;
+					color: var(--modal-query-title);
+
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					font-size: 1.05em;
+					min-width: 5em;
+
+					align-self: flex-end;
+					line-height: normal;
+
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
 				button {
 					flex-grow: 0;
 					flex-shrink: 1;
 
 					height: 2em;
-					min-width: 2em;
+					font-size: .9em;
+
+					width: 10em;
+					min-width: 5em;
 
 					align-self: center;
-					margin-top: .8em;
-
-					margin-right: .5em;
-
-					white-space: nowrap;
 					overflow: hidden;
 					text-overflow: ellipsis;
 				}
-
-				.form-group {
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					min-width: 5em;
-				}
 			}
 		}
-	}
 
-	.right {
-		min-width: 10em;
-		margin-left: .4em;
+		.left {
+			margin-right: .4em;
+			min-width: 10em;
 
-		.container-details {
-			flex-grow: 1;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			.detail {
-				flex-shrink: 0;
+			.container-list {
+				flex-grow: 1;
 
 				display: flex;
 				flex-direction: column;
-				justify-content: flex-start;
+				justify-content: stretch;
 
-				margin-bottom: 1em;
+				border-radius: 0.2em;
+				border: 1px solid var(--modal-query-list-border);
+				background-color: var(--modal-query-list);
 
-				.title, .title a {
-					text-transform: uppercase;
-					color: var(--modal-query-key);
+				.container-entries {
+					flex-shrink: 1;
+					flex-grow: 1;
 
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
+					min-height: 5em;
 
-				.value {
-					@include user-select(text);
+					position: relative;
 
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
+					overflow-x: hidden;
+					overflow-y: auto;
+					@include chat-scrollbar-vertical();
 
-				&.unique-id {
-					.title {
+					.container-empty, .container-error {
+						position: absolute;
+
+						top: 0;
+						bottom: 0;
+						left: 0;
+						right: 0;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						text-align: center;
+						font-size: 2em;
+
+						background-color: var(--modal-query-list);
+					}
+
+					.container-empty {
+						color: var(--modal-query-empty);
+					}
+
+					.container-error {
+						color: var(--modal-query-error);
+					}
+
+					.entry {
 						display: flex;
 						flex-direction: row;
 						justify-content: flex-start;
 
-						.button {
-							display: flex;
-							flex-direction: column;
-							justify-content: center;
+						flex-shrink: 1;
+						min-width: 4em;
 
-							width: 1.2em;
-							height: 1.2em;
+						padding-left: .5em;
+						padding-right: .5em;
 
-							align-self: center;
-							margin-left: .25em;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
 
-							cursor: pointer;
-							border-radius: .2em;
+						cursor: pointer;
 
-							&:hover {
-								background: var(--modal-query-copy-hover);
-							}
+						&:hover {
+							background-color: var(--modal-query-entry-hover);
+						}
 
-							margin-bottom: .2em; /* "text sub" */
-
-							> div {
-								align-self: center;
-							}
-
-							@include transition($button_hover_animation_time ease-in-out);
+						&.selected {
+							background-color: var(--modal-query-entry-selected);
 						}
 					}
 				}
-			}
 
-			.spacer { flex-grow: 1; flex-shrink: 1; min-height: 0; }
+				.container-search {
+					flex-shrink: 0;
+					flex-grow: 0;
 
-			.buttons {
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
+					padding: 0 .5em;
 
-				button {
-					flex-shrink: 1;
-					min-width: 5em;
+					border-top: 1px solid var(--modal-query-list-border);
 
-					height: 2em;
-					font-size: .9em;
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
 
-					width: 14em;
+					button {
+						flex-grow: 0;
+						flex-shrink: 1;
 
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
+						height: 2em;
+						min-width: 2em;
 
-					&:not(:first-of-type) {
-						margin-left: 1em;
+						align-self: center;
+						margin-top: .8em;
+
+						margin-right: .5em;
+
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					.form-group {
+						flex-grow: 1;
+						flex-shrink: 1;
+
+						min-width: 5em;
 					}
 				}
 			}
 		}
-	}
 
-	.container-seperator {
-		background: transparent;
+		.right {
+			min-width: 10em;
+			margin-left: .4em;
+
+			.container-details {
+				flex-grow: 1;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				.detail {
+					flex-shrink: 0;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-start;
+
+					margin-bottom: 1em;
+
+					.title, .title a {
+						text-transform: uppercase;
+						color: var(--modal-query-key);
+
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					.value {
+						@include user-select(text);
+
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					&.unique-id {
+						.title {
+							display: flex;
+							flex-direction: row;
+							justify-content: flex-start;
+
+							.button {
+								display: flex;
+								flex-direction: column;
+								justify-content: center;
+
+								width: 1.2em;
+								height: 1.2em;
+
+								align-self: center;
+								margin-left: .25em;
+
+								cursor: pointer;
+								border-radius: .2em;
+
+								&:hover {
+									background: var(--modal-query-copy-hover);
+								}
+
+								margin-bottom: .2em; /* "text sub" */
+
+								> div {
+									align-self: center;
+								}
+
+								@include transition($button_hover_animation_time ease-in-out);
+							}
+						}
+					}
+				}
+
+				.spacer { flex-grow: 1; flex-shrink: 1; min-height: 0; }
+
+				.buttons {
+					display: flex;
+					flex-direction: row;
+					justify-content: space-between;
+
+					button {
+						flex-shrink: 1;
+						min-width: 5em;
+
+						height: 2em;
+						font-size: .9em;
+
+						width: 14em;
+
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+
+						&:not(:first-of-type) {
+							margin-left: 1em;
+						}
+					}
+				}
+			}
+		}
+
+		.container-seperator {
+			background: transparent;
+		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-server.scss b/shared/css/static/modal-server.scss
index 67c67b6a..3f9e07d8 100644
--- a/shared/css/static/modal-server.scss
+++ b/shared/css/static/modal-server.scss
@@ -1,397 +1,33 @@
 @import "mixin";
 @import "properties";
 
-.modal-body.modal-server-edit {
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: stretch!important;
+:global {
+	.modal-body.modal-server-edit {
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: stretch!important;
 
-	max-height: calc(100vh - 10em);
-	padding: 1em!important;
+		max-height: calc(100vh - 10em);
+		padding: 1em!important;
 
-	min-width: 35em!important;
-	width: 60em; /* recommend width */
+		min-width: 35em!important;
+		width: 60em; /* recommend width */
 
-	@include user-select(none);
+		@include user-select(none);
 
-	input, textarea, select {
-		width: 100%;
-	}
-
-	select {
-		margin-left: 0;
-		height: 2.5em;
-	}
-
-	textarea {
-		padding: .5em;
-	}
-
-	label {
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		/* total height 2.5em */
-		margin-top: .5em;
-		margin-bottom: .5em;
-		height: 1.5em;
-
-		cursor: pointer;
-
-		* {
-			align-self: center;
-		}
-
-		a {
-			margin-left: .5em;
-			margin-right: .5em;
-		}
-
-		.form-group {
-			margin: -.5em 0!important;
-
-			padding: 0!important;
-
-			input {
-				height: 1.5em!important;
-			}
-		}
-	}
-
-	/* radio buttons */
-	$icon_width: 1.7em; /* equal to the label height */
-
-	@mixin tooltip-size($lines, $line_length) {
-		$tooltip_height: $lines * 1.6;
-		$tooltip_width: $line_length + 1;
-		.tooltip {
-			top: -($tooltip_height + .6em);
-			left: ($icon_width - $tooltip_width) / 2;
-
-			height: $tooltip_height * 1em;
-			width: $tooltip_width * 1em;
-
-
-			&:before {
-				left: $tooltip_width / 2 - .5em;
-			}
-		}
-	}
-
-	.input-boxed {
-		position: relative;
-
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		min-width: 4em;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		.container-tooltip {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			position: relative;
-			width: $icon_width;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-
-			img {
-				height: 1em;
-				width: 1em;
-
-				align-self: center;
-				font-size: 1.2em;
-			}
-
-			.tooltip {
-				/* only a container for the actual JS generated tooltip */
-				display: none;
-			}
-		}
-	}
-
-	.container-general {
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		> div:not(:first-of-type) {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			margin-top: 1em;
-		}
-
-		.container-name-icon {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			.container-icon-select {
-				position: relative;
-
-				height: 2.5em;
-				border-radius: .2em;
-
-				margin-left: 1em;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: flex-start;
-
-				cursor: pointer;
-				background-color: #121213;
-				border: 1px solid #0d0d0d;
-
-				.icon-preview {
-					height: 100%;
-					width: 3em;
-
-					border: none;
-					border-right: 1px solid #0d0d0d;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: space-around;
-
-					> div {
-						align-self: center;
-					}
-
-					@include transition(border-color $button_hover_animation_time ease-in-out);
-				}
-
-				.container-dropdown {
-					position: relative;
-					cursor: pointer;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: space-around;
-
-					height: 100%;
-					width: 1.5em;
-
-					.button {
-						text-align: center;
-
-						.arrow {
-							border-color: #999999;
-						}
-					}
-
-					.dropdown {
-						display: none;
-						position: absolute;
-						width: max-content;
-
-						top: calc(2.5em - 1px);
-
-						flex-direction: column;
-						justify-content: flex-start;
-
-						background-color: #121213;
-						border: 1px solid #0d0d0d;
-						border-radius: .2em 0 .2em .2em;
-
-						right: -1px;
-
-						z-index: 2;
-
-						.entry {
-							padding: .5em;
-
-							&:not(:last-of-type) {
-								border: none;
-								border-bottom: 1px solid #0d0d0d;
-							}
-
-							&:hover {
-								background-color: #17171a;
-							}
-						}
-					}
-
-					&:hover {
-						border-bottom-right-radius: 0;
-						.dropdown {
-							display: flex;
-						}
-					}
-				}
-
-				&:hover {
-					background-color: #17171a;
-					border-color: hsla(0, 0%, 20%, 1);
-
-					.icon-preview {
-						border-color: hsla(0, 0%, 20%, 1);
-					}
-				}
-
-				@include transition(border-color $button_hover_animation_time ease-in-out);
-			}
-		}
-
-		.container-slots {
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			> div {
-				width: 50%;
-
-				&:not(:first-child) {
-					margin-left: 1em;
-				}
-			}
-		}
-
-		.container-welcome-message {
-			position: relative;
-
-			flex-grow: 1!important;
-			flex-shrink: 1!important;
-
-			min-height: 5em;
-			max-height: 22.5em;
-
-			border-radius: .2em;
-			border: 1px solid #111112;
-
-			overflow: hidden;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			.toolbar {
-				flex-shrink: 0;
-				flex-grow: 0;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: flex-start;
-
-				width: 100%;
-				height: 2.5em;
-
-				background-color: #17171a;
-				font-size: .8em;
-
-				padding: .25em;
-
-				.button {
-					cursor: pointer;
-
-					padding: .5em;
-					&:not(:first-child) {
-						margin-left: .25em;
-					}
-
-					border-radius: .2em;
-					border: 1px solid #111112;
-
-					background-color: #121213;
-
-					height: 2em;
-					width: 2em;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					text-align: center;
-					align-self: center;
-
-					&.button-bold {
-						font-weight: bold;
-					}
-
-					&.button-italic {
-						font-style: italic;
-					}
-
-					&.button-underline {
-						text-decoration: underline;
-					}
-
-					&.button-color {
-						input {
-							position: absolute;
-							width: 0;
-							height: 0;
-							opacity: 0;
-						}
-					}
-
-					&:hover {
-						background-color: #0f0f0f;
-						@include transition(background-color $button_hover_animation_time);
-					}
-				}
-			}
-
-			> .input-boxed {
-				flex-shrink: 1;
-				flex-grow: 1;
-
-				min-height: 2.5em;
-				height: 5em;
-				max-height: 20em;
-
-				border: none;
-				border-radius: 0;
-				border-top: 1px solid #111112;
-
-
-				overflow-x: hidden;;
-				overflow-y: auto;
-
-				resize: vertical;
-
-				@include chat-scrollbar-vertical();
-			}
-
-			&:focus-within {
-				background-color: #131b22;
-				//border-color: #284262;
-			}
-		}
-	}
-
-	.container-categories {
-		margin-top: 1em;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		min-height: 14em;
-
-		border-radius: .2em;
-		border: 1px solid #111112;
-
-		background-color: #17171a;
-
-		fieldset {
-			padding: 0;
+		input, textarea, select {
 			width: 100%;
 		}
 
+		select {
+			margin-left: 0;
+			height: 2.5em;
+		}
+
+		textarea {
+			padding: .5em;
+		}
+
 		label {
 			display: flex;
 			flex-direction: row;
@@ -424,729 +60,1095 @@
 			}
 		}
 
-		.input-boxed:not(textarea), input, select {
-			height: 1.7em;
+		/* radio buttons */
+		$icon_width: 1.7em; /* equal to the label height */
+
+		@mixin tooltip-size($lines, $line_length) {
+			$tooltip_height: $lines * 1.6;
+			$tooltip_width: $line_length + 1;
+			.tooltip {
+				top: -($tooltip_height + .6em);
+				left: ($icon_width - $tooltip_width) / 2;
+
+				height: $tooltip_height * 1em;
+				width: $tooltip_width * 1em;
+
+
+				&:before {
+					left: $tooltip_width / 2 - .5em;
+				}
+			}
 		}
 
-		textarea {
-			height: 3.4em; /* double the input height */
-			max-height: 17em;
-			min-height: 1.7em;
-		}
+		.input-boxed {
+			position: relative;
 
-		.categories {
-			height: 2.5em;
+			flex-grow: 1;
+			flex-shrink: 1;
 
-			flex-grow: 0;
-			flex-shrink: 0;
+			min-width: 4em;
 
 			display: flex;
 			flex-direction: row;
 			justify-content: stretch;
 
-			border-bottom: 1px solid #1d1d1d;
+			.container-tooltip {
+				flex-shrink: 0;
+				flex-grow: 0;
 
-			.entry {
-				padding: .5em;
+				position: relative;
+				width: $icon_width;
 
-				text-align: center;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
 
-				flex-grow: 1;
-				flex-shrink: 1;
+				img {
+					height: 1em;
+					width: 1em;
 
-				cursor: pointer;
-
-				&:hover {
-					color: #b6c4d6;
+					align-self: center;
+					font-size: 1.2em;
 				}
 
-				&.selected {
-					border-bottom: 3px solid #245184;
-					margin-bottom: -1px;
-
-					color: #245184;
+				.tooltip {
+					/* only a container for the actual JS generated tooltip */
+					display: none;
 				}
-
-				@include transition(color $button_hover_animation_time, border-bottom-color $button_hover_animation_time);
 			}
 		}
 
-		.bodies {
-			position: relative;
-
-			flex-shrink: 1;
-			flex-grow: 1;
+		.container-general {
 			display: flex;
+			flex-direction: column;
 			justify-content: stretch;
 
-			min-height: 10em;
-			height: 30em;
+			flex-shrink: 0;
+			flex-grow: 0;
 
-			.body {
-				position: absolute;
+			> div:not(:first-of-type) {
+				flex-grow: 0;
+				flex-shrink: 0;
 
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
+				margin-top: 1em;
+			}
 
-				padding: .5em;
+			.container-name-icon {
+				flex-grow: 0;
+				flex-shrink: 0;
 
 				display: flex;
+				flex-direction: row;
 				justify-content: stretch;
 
-				overflow: auto; /* else the tooltip will trigger the scrollbar */
-				@include chat-scrollbar-vertical();
+				.container-icon-select {
+					position: relative;
 
-				&.hidden {
-					display: none;
-				}
+					height: 2.5em;
+					border-radius: .2em;
 
-				.header {
-					flex-shrink: 0;
-					flex-grow: 0;
+					margin-left: 1em;
 
-					text-align: center;
-					color: #548abc;
-				}
+					display: flex;
+					flex-direction: row;
+					justify-content: flex-start;
 
-				.content {
-					flex-grow: 1;
-					flex-shrink: 1;
-				}
+					cursor: pointer;
+					background-color: #121213;
+					border: 1px solid #0d0d0d;
 
-				&.container-host {
-					flex-direction: column;
+					.icon-preview {
+						height: 100%;
+						width: 3em;
 
-					.container-top, .container-bottom {
-						flex-grow: 1;
-						flex-shrink: 1;
-						min-height: min-content;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
-					}
-
-					.container-left, .container-right {
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						min-width: 8em;
-						width: 50%;
-					}
-
-					.container-top {
-						flex-direction: column;
-						flex-grow: 0;
-
-						padding-bottom: .5em;
-
-						border-bottom: 2px solid #111113;
-					}
-
-					.container-bottom .container-left {
-						padding-top: .5em;
-						padding-right: .5em;
-
-						border-right: 2px solid #111113;
-					}
-
-					.container-bottom .container-right {
-						padding-top: .5em;
-						padding-left: .5em;
-					}
-
-					.container-host-message {
-						.container-message, .container-mode {
-							padding-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							.container-title {
-								width: 8em;
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								height: 1.7em;
-
-								display: flex;
-								flex-direction: row;
-								justify-content: flex-start;
-
-								a {
-									align-self: center;
-									overflow: hidden;
-									text-overflow: ellipsis;
-								}
-							}
-
-							textarea, select {
-								flex-grow: 1;
-								flex-shrink: 1;
-							}
-
-							textarea {
-								resize: vertical;
-							}
-						}
-					}
-
-					.container-host-banner {
-						.container-url, .container-gfx-url, .container-refresh, .container-resize {
-							margin-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							height: 1.7em;
-
-							a {
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								width: 6em;
-							}
-
-							&.container-refresh, &.container-resize {
-								a {
-									width: 9em;
-								}
-							}
-						}
-
-						.container-gfx-preview {
-							margin-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							.container-title {
-								width: 8em;
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								height: 1.7em;
-
-								display: flex;
-								flex-direction: row;
-								justify-content: flex-start;
-
-								a {
-									align-self: center;
-									overflow: hidden;
-									text-overflow: ellipsis;
-								}
-							}
-
-							.container-image {
-								flex-grow: 1;
-								flex-shrink: 1;
-
-								min-width: 0;
-								max-height: 6em;
-
-								display: flex;
-								flex-direction: column;
-								justify-content: center;
-
-								> img {
-									flex-grow: 0;
-									flex-shrink: 0;
-
-									max-height: 100%;
-									max-width: 100%;
-
-									object-fit: contain;
-								}
-							}
-						}
-					}
-
-					.container-host-button {
-						.container-url, .container-gfx-url, .container-tooltip-button {
-							margin-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							height: 1.7em;
-
-							> a {
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								width: 6em;
-							}
-						}
-
-						.container-gfx-preview {
-							margin-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: space-between;
-
-							.container-title {
-								width: 8em;
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								height: 1.7em;
-
-								display: flex;
-								flex-direction: row;
-								justify-content: flex-start;
-
-								a {
-									align-self: center;
-									overflow: hidden;
-									text-overflow: ellipsis;
-								}
-							}
-
-							.container-image {
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								height: 2em;
-								width: 2em;
-
-								display: flex;
-								flex-direction: column;
-								justify-content: center;
-
-								> img {
-									flex-grow: 0;
-									flex-shrink: 0;
-
-									height: 100%;
-									width: 100%;
-								}
-							}
-						}
-					}
-				}
-
-				&.container-network {
-					flex-direction: column;
-
-					.container-top, .container-bottom {
-						flex-grow: 1;
-						flex-shrink: 1;
-						min-height: min-content;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
-					}
-
-					.container-left, .container-right {
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						min-width: 8em;
-						width: 50%;
-					}
-
-					.container-top {
-						flex-direction: column;
-						flex-grow: 0;
-
-						padding-bottom: .5em;
-
-						border-bottom: 2px solid #111113;
-					}
-
-					.container-bottom .container-left {
-						padding-top: .5em;
-						padding-right: .5em;
-
-						border-right: 2px solid #111113;
-					}
-
-					.container-bottom .container-right {
-						padding-top: .5em;
-						padding-left: .5em;
-					}
-
-					.container-binding {
-						.container-host, .container-port {
-							padding-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							a {
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								width: 6em;
-							}
-						}
-
-						.container-weblist {
-							padding-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-						}
-					}
-
-					.container-download, .container-upload {
-						.container-bandwidth, .container-quota, .container-used-quota {
-							margin-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							a {
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								width: 12em;
-
-								&.unit {
-									width: 4em;
-									text-align: right;
-								}
-							}
-
-							.value {
-								flex-grow: 1;
-								flex-shrink: 1;
-							}
-						}
-					}
-				}
-
-				&.container-security {
-					flex-direction: column;
-
-					.container-top, .container-bottom {
-						flex-grow: 0;
-						flex-shrink: 0;
-
-						min-height: min-content;
+						border: none;
+						border-right: 1px solid #0d0d0d;
 
 						display: flex;
 						flex-direction: column;
-						justify-content: stretch;
-					}
+						justify-content: space-around;
 
-					.container-top {
-						border-bottom: 2px solid #111113;
-
-						padding-bottom: .5em;
-					}
-
-					.container-bottom {
-						padding-top: .5em;
-					}
-
-					.container-antiflood {
-						.container-reduce, .container-block-commands, .container-block-ip {
-							margin-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							height: 1.7em;
-
-							a {
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								width: 17em;
-							}
+						> div {
+							align-self: center;
 						}
+
+						@include transition(border-color $button_hover_animation_time ease-in-out);
 					}
 
-					.container-security {
-						.container-encryption, .container-security-level, .container-security-level-description {
-							margin-top: 1em;
+					.container-dropdown {
+						position: relative;
+						cursor: pointer;
 
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
+						display: flex;
+						flex-direction: column;
+						justify-content: space-around;
 
-							height: 1.7em;
+						height: 100%;
+						width: 1.5em;
 
-							a {
-								flex-grow: 0;
-								flex-shrink: 0;
+						.button {
+							text-align: center;
 
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								width: 17em;
-							}
-
-							&.container-refresh, &.container-resize {
-								a {
-									width: 9em;
-								}
+							.arrow {
+								border-color: #999999;
 							}
 						}
 
-						.container-description {
-							display: flex;
+						.dropdown {
+							display: none;
+							position: absolute;
+							width: max-content;
+
+							top: calc(2.5em - 1px);
+
 							flex-direction: column;
 							justify-content: flex-start;
 
-							a {
-								flex-grow: 0;
-								flex-shrink: 0;
+							background-color: #121213;
+							border: 1px solid #0d0d0d;
+							border-radius: .2em 0 .2em .2em;
 
-								font-size: .85em;
-								color: #3c3c3c;
+							right: -1px;
 
-								width: fit-content;
-								align-self: end;
+							z-index: 2;
+
+							.entry {
+								padding: .5em;
+
+								&:not(:last-of-type) {
+									border: none;
+									border-bottom: 1px solid #0d0d0d;
+								}
+
+								&:hover {
+									background-color: #17171a;
+								}
 							}
 						}
+
+						&:hover {
+							border-bottom-right-radius: 0;
+							.dropdown {
+								display: flex;
+							}
+						}
+					}
+
+					&:hover {
+						background-color: #17171a;
+						border-color: hsla(0, 0%, 20%, 1);
+
+						.icon-preview {
+							border-color: hsla(0, 0%, 20%, 1);
+						}
+					}
+
+					@include transition(border-color $button_hover_animation_time ease-in-out);
+				}
+			}
+
+			.container-slots {
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				> div {
+					width: 50%;
+
+					&:not(:first-child) {
+						margin-left: 1em;
+					}
+				}
+			}
+
+			.container-welcome-message {
+				position: relative;
+
+				flex-grow: 1!important;
+				flex-shrink: 1!important;
+
+				min-height: 5em;
+				max-height: 22.5em;
+
+				border-radius: .2em;
+				border: 1px solid #111112;
+
+				overflow: hidden;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				.toolbar {
+					flex-shrink: 0;
+					flex-grow: 0;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: flex-start;
+
+					width: 100%;
+					height: 2.5em;
+
+					background-color: #17171a;
+					font-size: .8em;
+
+					padding: .25em;
+
+					.button {
+						cursor: pointer;
+
+						padding: .5em;
+						&:not(:first-child) {
+							margin-left: .25em;
+						}
+
+						border-radius: .2em;
+						border: 1px solid #111112;
+
+						background-color: #121213;
+
+						height: 2em;
+						width: 2em;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						text-align: center;
+						align-self: center;
+
+						&.button-bold {
+							font-weight: bold;
+						}
+
+						&.button-italic {
+							font-style: italic;
+						}
+
+						&.button-underline {
+							text-decoration: underline;
+						}
+
+						&.button-color {
+							input {
+								position: absolute;
+								width: 0;
+								height: 0;
+								opacity: 0;
+							}
+						}
+
+						&:hover {
+							background-color: #0f0f0f;
+							@include transition(background-color $button_hover_animation_time);
+						}
 					}
 				}
 
-				&.container-messages {
-					flex-direction: column;
+				> .input-boxed {
+					flex-shrink: 1;
+					flex-grow: 1;
 
-					.container-top, .container-bottom {
-						flex-grow: 0;
+					min-height: 2.5em;
+					height: 5em;
+					max-height: 20em;
+
+					border: none;
+					border-radius: 0;
+					border-top: 1px solid #111112;
+
+
+					overflow-x: hidden;;
+					overflow-y: auto;
+
+					resize: vertical;
+
+					@include chat-scrollbar-vertical();
+				}
+
+				&:focus-within {
+					background-color: #131b22;
+					//border-color: #284262;
+				}
+			}
+		}
+
+		.container-categories {
+			margin-top: 1em;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
+
+			min-height: 14em;
+
+			border-radius: .2em;
+			border: 1px solid #111112;
+
+			background-color: #17171a;
+
+			fieldset {
+				padding: 0;
+				width: 100%;
+			}
+
+			label {
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				/* total height 2.5em */
+				margin-top: .5em;
+				margin-bottom: .5em;
+				height: 1.5em;
+
+				cursor: pointer;
+
+				* {
+					align-self: center;
+				}
+
+				a {
+					margin-left: .5em;
+					margin-right: .5em;
+				}
+
+				.form-group {
+					margin: -.5em 0!important;
+
+					padding: 0!important;
+
+					input {
+						height: 1.5em!important;
+					}
+				}
+			}
+
+			.input-boxed:not(textarea), input, select {
+				height: 1.7em;
+			}
+
+			textarea {
+				height: 3.4em; /* double the input height */
+				max-height: 17em;
+				min-height: 1.7em;
+			}
+
+			.categories {
+				height: 2.5em;
+
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				border-bottom: 1px solid #1d1d1d;
+
+				.entry {
+					padding: .5em;
+
+					text-align: center;
+
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					cursor: pointer;
+
+					&:hover {
+						color: #b6c4d6;
+					}
+
+					&.selected {
+						border-bottom: 3px solid #245184;
+						margin-bottom: -1px;
+
+						color: #245184;
+					}
+
+					@include transition(color $button_hover_animation_time, border-bottom-color $button_hover_animation_time);
+				}
+			}
+
+			.bodies {
+				position: relative;
+
+				flex-shrink: 1;
+				flex-grow: 1;
+				display: flex;
+				justify-content: stretch;
+
+				min-height: 10em;
+				height: 30em;
+
+				.body {
+					position: absolute;
+
+					top: 0;
+					left: 0;
+					right: 0;
+					bottom: 0;
+
+					padding: .5em;
+
+					display: flex;
+					justify-content: stretch;
+
+					overflow: auto; /* else the tooltip will trigger the scrollbar */
+					@include chat-scrollbar-vertical();
+
+					&.hidden {
+						display: none;
+					}
+
+					.header {
 						flex-shrink: 0;
+						flex-grow: 0;
 
-						min-height: min-content;
+						text-align: center;
+						color: #548abc;
+					}
 
-						display: flex;
+					.content {
+						flex-grow: 1;
+						flex-shrink: 1;
+					}
+
+					&.container-host {
 						flex-direction: column;
-						justify-content: stretch;
-					}
 
-					.container-top {
-						border-bottom: 2px solid #111113;
-
-						padding-bottom: .5em;
-					}
-
-					.container-bottom {
-						padding-top: .5em;
-					}
-
-					.container-channel {
-						.container-description, .container-topic {
-							padding-top: 1em;
+						.container-top, .container-bottom {
+							flex-grow: 1;
+							flex-shrink: 1;
+							min-height: min-content;
 
 							display: flex;
 							flex-direction: row;
 							justify-content: stretch;
+						}
 
-							.container-title {
-								width: 8em;
-								flex-grow: 0;
-								flex-shrink: 0;
+						.container-left, .container-right {
+							flex-grow: 1;
+							flex-shrink: 1;
 
-								height: 1.7em;
+							min-width: 8em;
+							width: 50%;
+						}
+
+						.container-top {
+							flex-direction: column;
+							flex-grow: 0;
+
+							padding-bottom: .5em;
+
+							border-bottom: 2px solid #111113;
+						}
+
+						.container-bottom .container-left {
+							padding-top: .5em;
+							padding-right: .5em;
+
+							border-right: 2px solid #111113;
+						}
+
+						.container-bottom .container-right {
+							padding-top: .5em;
+							padding-left: .5em;
+						}
+
+						.container-host-message {
+							.container-message, .container-mode {
+								padding-top: 1em;
 
 								display: flex;
 								flex-direction: row;
-								justify-content: flex-start;
+								justify-content: stretch;
+
+								.container-title {
+									width: 8em;
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									height: 1.7em;
+
+									display: flex;
+									flex-direction: row;
+									justify-content: flex-start;
+
+									a {
+										align-self: center;
+										overflow: hidden;
+										text-overflow: ellipsis;
+									}
+								}
+
+								textarea, select {
+									flex-grow: 1;
+									flex-shrink: 1;
+								}
+
+								textarea {
+									resize: vertical;
+								}
+							}
+						}
+
+						.container-host-banner {
+							.container-url, .container-gfx-url, .container-refresh, .container-resize {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								height: 1.7em;
+
+								a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									width: 6em;
+								}
+
+								&.container-refresh, &.container-resize {
+									a {
+										width: 9em;
+									}
+								}
+							}
+
+							.container-gfx-preview {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								.container-title {
+									width: 8em;
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									height: 1.7em;
+
+									display: flex;
+									flex-direction: row;
+									justify-content: flex-start;
+
+									a {
+										align-self: center;
+										overflow: hidden;
+										text-overflow: ellipsis;
+									}
+								}
+
+								.container-image {
+									flex-grow: 1;
+									flex-shrink: 1;
+
+									min-width: 0;
+									max-height: 6em;
+
+									display: flex;
+									flex-direction: column;
+									justify-content: center;
+
+									> img {
+										flex-grow: 0;
+										flex-shrink: 0;
+
+										max-height: 100%;
+										max-width: 100%;
+
+										object-fit: contain;
+									}
+								}
+							}
+						}
+
+						.container-host-button {
+							.container-url, .container-gfx-url, .container-tooltip-button {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								height: 1.7em;
+
+								> a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									width: 6em;
+								}
+							}
+
+							.container-gfx-preview {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: space-between;
+
+								.container-title {
+									width: 8em;
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									height: 1.7em;
+
+									display: flex;
+									flex-direction: row;
+									justify-content: flex-start;
+
+									a {
+										align-self: center;
+										overflow: hidden;
+										text-overflow: ellipsis;
+									}
+								}
+
+								.container-image {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									height: 2em;
+									width: 2em;
+
+									display: flex;
+									flex-direction: column;
+									justify-content: center;
+
+									> img {
+										flex-grow: 0;
+										flex-shrink: 0;
+
+										height: 100%;
+										width: 100%;
+									}
+								}
+							}
+						}
+					}
+
+					&.container-network {
+						flex-direction: column;
+
+						.container-top, .container-bottom {
+							flex-grow: 1;
+							flex-shrink: 1;
+							min-height: min-content;
+
+							display: flex;
+							flex-direction: row;
+							justify-content: stretch;
+						}
+
+						.container-left, .container-right {
+							flex-grow: 1;
+							flex-shrink: 1;
+
+							min-width: 8em;
+							width: 50%;
+						}
+
+						.container-top {
+							flex-direction: column;
+							flex-grow: 0;
+
+							padding-bottom: .5em;
+
+							border-bottom: 2px solid #111113;
+						}
+
+						.container-bottom .container-left {
+							padding-top: .5em;
+							padding-right: .5em;
+
+							border-right: 2px solid #111113;
+						}
+
+						.container-bottom .container-right {
+							padding-top: .5em;
+							padding-left: .5em;
+						}
+
+						.container-binding {
+							.container-host, .container-port {
+								padding-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
 
 								a {
 									align-self: center;
 									overflow: hidden;
 									text-overflow: ellipsis;
+
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									width: 6em;
 								}
 							}
 
-							textarea, select {
-								flex-grow: 1;
-								flex-shrink: 1;
-							}
+							.container-weblist {
+								padding-top: 1em;
 
-							textarea {
-								resize: vertical;
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+							}
+						}
+
+						.container-download, .container-upload {
+							.container-bandwidth, .container-quota, .container-used-quota {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									width: 12em;
+
+									&.unit {
+										width: 4em;
+										text-align: right;
+									}
+								}
+
+								.value {
+									flex-grow: 1;
+									flex-shrink: 1;
+								}
 							}
 						}
 					}
 
-					.container-client {
-						.container-description {
-							padding-top: 1em;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-
-							a {
-								width: 8em;
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
-							}
-						}
-					}
-				}
-
-				&.container-misc {
-					flex-direction: column;
-
-					.container-top, .container-bottom {
-						flex-grow: 1;
-						flex-shrink: 1;
-						min-height: min-content;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
-					}
-
-					.container-left, .container-right {
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						min-width: 8em;
-						width: 50%;
-					}
-
-					.container-top {
+					&.container-security {
 						flex-direction: column;
-						flex-grow: 0;
 
-						padding-bottom: .5em;
+						.container-top, .container-bottom {
+							flex-grow: 0;
+							flex-shrink: 0;
 
-						border-bottom: 2px solid #111113;
-					}
-
-					.container-bottom .container-left {
-						padding-top: .5em;
-						padding-right: .5em;
-
-						border-right: 2px solid #111113;
-					}
-
-					.container-bottom .container-right {
-						padding-top: .5em;
-						padding-left: .5em;
-					}
-
-					.container-default-groups {
-						.container-default-group {
-							padding-top: 1em;
+							min-height: min-content;
 
 							display: flex;
-							flex-direction: row;
+							flex-direction: column;
 							justify-content: stretch;
+						}
 
-							a {
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
+						.container-top {
+							border-bottom: 2px solid #111113;
 
-								flex-grow: 0;
-								flex-shrink: 0;
+							padding-bottom: .5em;
+						}
 
-								width: 12em;
+						.container-bottom {
+							padding-top: .5em;
+						}
+
+						.container-antiflood {
+							.container-reduce, .container-block-commands, .container-block-ip {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								height: 1.7em;
+
+								a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									width: 17em;
+								}
+							}
+						}
+
+						.container-security {
+							.container-encryption, .container-security-level, .container-security-level-description {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								height: 1.7em;
+
+								a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									width: 17em;
+								}
+
+								&.container-refresh, &.container-resize {
+									a {
+										width: 9em;
+									}
+								}
 							}
 
-							select {
-								flex-grow: 1;
-								flex-shrink: 1;
+							.container-description {
+								display: flex;
+								flex-direction: column;
+								justify-content: flex-start;
+
+								a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									font-size: .85em;
+									color: #3c3c3c;
+
+									width: fit-content;
+									align-self: end;
+								}
 							}
 						}
 					}
 
-					.container-complains {
-						.container-ban-threshold, .container-ban-time, .container-cooldown {
-							margin-top: 1em;
+					&.container-messages {
+						flex-direction: column;
+
+						.container-top, .container-bottom {
+							flex-grow: 0;
+							flex-shrink: 0;
+
+							min-height: min-content;
 
 							display: flex;
-							flex-direction: row;
+							flex-direction: column;
 							justify-content: stretch;
+						}
 
-							a {
-								flex-grow: 0;
-								flex-shrink: 0;
+						.container-top {
+							border-bottom: 2px solid #111113;
 
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
+							padding-bottom: .5em;
+						}
 
-								width: 12em;
+						.container-bottom {
+							padding-top: .5em;
+						}
+
+						.container-channel {
+							.container-description, .container-topic {
+								padding-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								.container-title {
+									width: 8em;
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									height: 1.7em;
+
+									display: flex;
+									flex-direction: row;
+									justify-content: flex-start;
+
+									a {
+										align-self: center;
+										overflow: hidden;
+										text-overflow: ellipsis;
+									}
+								}
+
+								textarea, select {
+									flex-grow: 1;
+									flex-shrink: 1;
+								}
+
+								textarea {
+									resize: vertical;
+								}
+							}
+						}
+
+						.container-client {
+							.container-description {
+								padding-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+
+								a {
+									width: 8em;
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+								}
 							}
 						}
 					}
 
-					.container-others {
-						.container-silence, .container-dim, .container-gfx-url {
-							margin-top: 1em;
+					&.container-misc {
+						flex-direction: column;
+
+						.container-top, .container-bottom {
+							flex-grow: 1;
+							flex-shrink: 1;
+							min-height: min-content;
 
 							display: flex;
 							flex-direction: row;
 							justify-content: stretch;
+						}
 
-							> a {
-								flex-grow: 0;
-								flex-shrink: 0;
+						.container-left, .container-right {
+							flex-grow: 1;
+							flex-shrink: 1;
 
-								align-self: center;
-								overflow: hidden;
-								text-overflow: ellipsis;
+							min-width: 8em;
+							width: 50%;
+						}
 
-								width: 12em;
+						.container-top {
+							flex-direction: column;
+							flex-grow: 0;
+
+							padding-bottom: .5em;
+
+							border-bottom: 2px solid #111113;
+						}
+
+						.container-bottom .container-left {
+							padding-top: .5em;
+							padding-right: .5em;
+
+							border-right: 2px solid #111113;
+						}
+
+						.container-bottom .container-right {
+							padding-top: .5em;
+							padding-left: .5em;
+						}
+
+						.container-default-groups {
+							.container-default-group {
+								padding-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								a {
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									width: 12em;
+								}
+
+								select {
+									flex-grow: 1;
+									flex-shrink: 1;
+								}
+							}
+						}
+
+						.container-complains {
+							.container-ban-threshold, .container-ban-time, .container-cooldown {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									width: 12em;
+								}
+							}
+						}
+
+						.container-others {
+							.container-silence, .container-dim, .container-gfx-url {
+								margin-top: 1em;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: stretch;
+
+								> a {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									align-self: center;
+									overflow: hidden;
+									text-overflow: ellipsis;
+
+									width: 12em;
+								}
 							}
 						}
 					}
 				}
 			}
 		}
-	}
 
-	.container-buttons {
-		flex-grow: 0;
-		flex-shrink: 0;
+		.container-buttons {
+			flex-grow: 0;
+			flex-shrink: 0;
 
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-end;
+			display: flex;
+			flex-direction: row;
+			justify-content: flex-end;
 
-		margin-top: 1em;
+			margin-top: 1em;
 
-		button {
-			margin-left: 1em;
+			button {
+				margin-left: 1em;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-serverinfo.scss b/shared/css/static/modal-serverinfo.scss
index 577c6a67..da83e98b 100644
--- a/shared/css/static/modal-serverinfo.scss
+++ b/shared/css/static/modal-serverinfo.scss
@@ -11,253 +11,257 @@ html:root {
 	--serverinfo-value: #d6d6d7;
 }
 
-.modal-body.modal-server-info {
-	padding: 0!important;
-	width: 55em;
+:global {
+	.modal-body.modal-server-info {
+		padding: 0!important;
+		width: 55em;
 
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: flex-start!important;
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: flex-start!important;
 
-	background-color: var(--serverinfo-background);
+		background-color: var(--serverinfo-background);
 
-	.container-tooltip {
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		position: relative;
-		width: 1.6em;
-		margin-left: .5em;
-		margin-right: .5em;
-		font-size: .9em;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-
-		img {
-			height: 1em;
-			width: 1em;
-
-			align-self: center;
-			font-size: 1.2em;
-		}
-
-		.tooltip {
-			display: none;
-		}
-	}
-
-	.container-top {
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		max-height: 9em;
-		//width: 30em; /* set a default width where we have to grow/shrink */
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		.container-hostbanner {
-			border: none;
-			border-radius: 0;
-			background-color: var(--serverinfo-hostbanner-background);
-		}
-
-		&.hidden {
-			display: none;
-		}
-	}
-
-	.container-body {
-		flex-shrink: 1;
-		min-height: 12em; /* 10em + 2 * 1em margin */
-
-		overflow-y: auto;
-
-		@include chat-scrollbar-vertical();
-	}
-
-	.group {
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		margin: 1em;
-		padding: .5em;
-
-		border-radius: .2em;
-		border: 1px solid var(--serverinfo-group-border);
-
-		background-color: var(--serverinfo-group-background);
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		height: 10em;
-		max-height: 10em;
-
-		.container-image {
-			flex-grow: 0;
+		.container-tooltip {
 			flex-shrink: 0;
+			flex-grow: 0;
 
-			max-width: 15em;
-			max-height: 9em; /* minus one padding */
+			position: relative;
+			width: 1.6em;
+			margin-left: .5em;
+			margin-right: .5em;
+			font-size: .9em;
 
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
 
 			img {
-				object-fit: contain;
-				max-height: 100%;
-				max-width: 100%;
+				height: 1em;
+				width: 1em;
+
+				align-self: center;
+				font-size: 1.2em;
 			}
 
-			margin-right: 2em;
-			@include transition(.25s ease-in-out);
+			.tooltip {
+				display: none;
+			}
 		}
 
-		.container-properties {
-			flex-shrink: 1;
-			flex-grow: 1;
+		.container-top {
+			flex-grow: 0;
+			flex-shrink: 0;
 
-			min-width: 20em;
+			max-height: 9em;
+			//width: 30em; /* set a default width where we have to grow/shrink */
 
 			display: flex;
 			flex-direction: column;
-			justify-content: flex-start;
+			justify-content: stretch;
 
-			height: inherit;
+			.container-hostbanner {
+				border: none;
+				border-radius: 0;
+				background-color: var(--serverinfo-hostbanner-background);
+			}
 
-			.row {
+			&.hidden {
+				display: none;
+			}
+		}
+
+		.container-body {
+			flex-shrink: 1;
+			min-height: 12em; /* 10em + 2 * 1em margin */
+
+			overflow-y: auto;
+
+			@include chat-scrollbar-vertical();
+		}
+
+		.group {
+			flex-grow: 0;
+			flex-shrink: 0;
+
+			margin: 1em;
+			padding: .5em;
+
+			border-radius: .2em;
+			border: 1px solid var(--serverinfo-group-border);
+
+			background-color: var(--serverinfo-group-background);
+
+			display: flex;
+			flex-direction: row;
+			justify-content: stretch;
+
+			height: 10em;
+			max-height: 10em;
+
+			.container-image {
 				flex-grow: 0;
 				flex-shrink: 0;
 
-				height: 1.8em;
+				max-width: 15em;
+				max-height: 9em; /* minus one padding */
 
 				display: flex;
-				flex-direction: row;
-				justify-content: flex-start;
+				flex-direction: column;
+				justify-content: center;
 
-				.key {
-					flex-shrink: 0;
-					flex-grow: 0;
-
-					color: var(--serverinfo-key);
-					text-transform: uppercase;
-					align-self: center;
-
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-
-					width: 15em;
+				img {
+					object-fit: contain;
+					max-height: 100%;
+					max-width: 100%;
 				}
 
-				.value {
-					color: var(--serverinfo-value);
-					align-self: center;
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
+				margin-right: 2em;
+				@include transition(.25s ease-in-out);
+			}
 
-					.country {
-						display: inline-block;
-						margin-right: .25em;
+			.container-properties {
+				flex-shrink: 1;
+				flex-grow: 1;
+
+				min-width: 20em;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: flex-start;
+
+				height: inherit;
+
+				.row {
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					height: 1.8em;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: flex-start;
+
+					.key {
+						flex-shrink: 0;
+						flex-grow: 0;
+
+						color: var(--serverinfo-key);
+						text-transform: uppercase;
+						align-self: center;
+
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+
+						width: 15em;
 					}
 
-					&.server-version {
-						display: flex;
-						flex-direction: row;
-						justify-content: flex-start;
+					.value {
+						color: var(--serverinfo-value);
+						align-self: center;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
 
-						a {
-							flex-shrink: 1;
-							min-width: 0;
+						.country {
+							display: inline-block;
+							margin-right: .25em;
+						}
+
+						&.server-version {
+							display: flex;
+							flex-direction: row;
+							justify-content: flex-start;
+
+							a {
+								flex-shrink: 1;
+								min-width: 0;
+
+								white-space: nowrap;
+								overflow: hidden;
+								text-overflow: ellipsis;
+							}
+						}
+					}
+				}
+
+				.container-network {
+					display: flex;
+					flex-direction: row;
+					justify-content: center;
+
+					.container-button {
+						margin-right: 1em;
+
+						flex-shrink: 1e8;
+						min-width: 5em;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: flex-end;
+
+						button {
+							height: 2.5em;
+							width: 12em;
+
+							max-width: 100%;
 
 							white-space: nowrap;
 							overflow: hidden;
 							text-overflow: ellipsis;
 						}
 					}
-				}
-			}
 
-			.container-network {
-				display: flex;
-				flex-direction: row;
-				justify-content: center;
-
-				.container-button {
-					margin-right: 1em;
-
-					flex-shrink: 1e8;
-					min-width: 5em;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: flex-end;
-
-					button {
-						height: 2.5em;
-						width: 12em;
-
-						max-width: 100%;
-
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
+					.right {
+						flex-grow: 1;
+						flex-shrink: 1;
+						min-width: 10em;
 					}
 				}
+			}
 
-				.right {
-					flex-grow: 1;
-					flex-shrink: 1;
-					min-width: 10em;
+			&.reverse {
+				flex-direction: row-reverse;
+				text-align: right;
+
+				.container-image {
+					margin-right: 0;
+					margin-left: 2em;
+				}
+
+				.container-properties {
+					.row {
+						flex-direction: row-reverse;
+					}
 				}
 			}
 		}
 
-		&.reverse {
-			flex-direction: row-reverse;
-			text-align: right;
+		.container-buttons {
+			margin: 1em;
 
-			.container-image {
-				margin-right: 0;
-				margin-left: 2em;
+			flex-grow: 0;
+			flex-shrink: 0;
+
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+
+			button {
+				min-width: 8em;
 			}
-
-			.container-properties {
-				.row {
-					flex-direction: row-reverse;
-				}
-			}
-		}
-	}
-
-	.container-buttons {
-		margin: 1em;
-
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-
-		button {
-			min-width: 8em;
 		}
 	}
 }
 
 @media all and (max-width: 50em) {
-	.modal-body.modal-server-info {
-		.container-image {
-			margin: 0!important;
-			max-width: 0!important;
+	:global {
+		.modal-body.modal-server-info {
+			.container-image {
+				margin: 0!important;
+				max-width: 0!important;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-serverinfobandwidth.scss b/shared/css/static/modal-serverinfobandwidth.scss
index a8b8505e..e594a194 100644
--- a/shared/css/static/modal-serverinfobandwidth.scss
+++ b/shared/css/static/modal-serverinfobandwidth.scss
@@ -8,211 +8,215 @@ html:root {
 	--serverinfo-statistics-title: #244c78;
 }
 
-.modal-body.modal-server-info-bandwidth {
-	padding: 0!important;
-	width: 55em;
+:global {
+	.modal-body.modal-server-info-bandwidth {
+		padding: 0!important;
+		width: 55em;
 
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: flex-start!important;
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: flex-start!important;
 
-	background-color: #2f2f35;
+		background-color: #2f2f35;
 
-	.container-tooltip {
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		position: relative;
-		width: 1.6em;
-		margin-left: .5em;
-		font-size: .9em;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-
-		img {
-			height: 1em;
-			width: 1em;
-
-			align-self: center;
-			font-size: 1.2em;
-		}
-
-		.tooltip {
-			display: none;
-		}
-	}
-
-	.top {
-		flex-grow: 0;
-		flex-shrink: 0;
-
-		margin: 1em;
-		padding: .5em;
-
-		display: flex;
-		flex-direction: row;
-		justify-content: stretch;
-
-		height: 12em;
-		max-height: 12em;
-
-		.container-image {
-			flex-grow: 0;
+		.container-tooltip {
 			flex-shrink: 0;
+			flex-grow: 0;
 
-			max-width: 18em;
-			max-height: 11em; /* minus one padding */
+			position: relative;
+			width: 1.6em;
+			margin-left: .5em;
+			font-size: .9em;
 
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
 
 			img {
-				object-fit: contain;
-				max-height: 100%;
-				max-width: 100%;
+				height: 1em;
+				width: 1em;
+
+				align-self: center;
+				font-size: 1.2em;
 			}
 
-			margin-right: 2em;
-			@include transition(.25s ease-in-out);
+			.tooltip {
+				display: none;
+			}
 		}
 
-		.container-stats {
-			flex-shrink: 1;
-			flex-grow: 1;
+		.top {
+			flex-grow: 0;
+			flex-shrink: 0;
 
-			min-width: 25em;
+			margin: 1em;
+			padding: .5em;
 
 			display: flex;
-			flex-direction: column;
-			justify-content: space-evenly;
+			flex-direction: row;
+			justify-content: stretch;
+
+			height: 12em;
+			max-height: 12em;
+
+			.container-image {
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				max-width: 18em;
+				max-height: 11em; /* minus one padding */
 
-			.statistic {
 				display: flex;
 				flex-direction: column;
-				justify-content: flex-start;
+				justify-content: center;
 
-				> a {
-					font-size: 1.25em;
-					color: var(--serverinfo-title);
-					line-height: normal;
-
-					text-transform: uppercase;
+				img {
+					object-fit: contain;
+					max-height: 100%;
+					max-width: 100%;
 				}
 
-				.values {
+				margin-right: 2em;
+				@include transition(.25s ease-in-out);
+			}
+
+			.container-stats {
+				flex-shrink: 1;
+				flex-grow: 1;
+
+				min-width: 25em;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: space-evenly;
+
+				.statistic {
 					display: flex;
-					flex-direction: row;
-					justify-content: space-between;
+					flex-direction: column;
+					justify-content: flex-start;
 
 					> a {
-						font-size: 1.2em;
+						font-size: 1.25em;
+						color: var(--serverinfo-title);
 						line-height: normal;
+
+						text-transform: uppercase;
 					}
 
-					.upload {
-						color: var(--serverinfo-bandwidth-upload);
+					.values {
+						display: flex;
+						flex-direction: row;
+						justify-content: space-between;
+
+						> a {
+							font-size: 1.2em;
+							line-height: normal;
+						}
+
+						.upload {
+							color: var(--serverinfo-bandwidth-upload);
+						}
+
+						.download {
+							color: var(--serverinfo-bandwidth-download);
+						}
 					}
 
-					.download {
-						color: var(--serverinfo-bandwidth-download);
+					&:not(:first-of-type) {
+						margin-top: 1em;
 					}
 				}
-
-				&:not(:first-of-type) {
-					margin-top: 1em;
-				}
 			}
 		}
-	}
 
-	.bottom {
-		flex-grow: 0;
-		flex-shrink: 0;
+		.bottom {
+			flex-grow: 0;
+			flex-shrink: 0;
 
-		margin: 1em;
-		padding: .5em;
+			margin: 1em;
+			padding: .5em;
 
-		border-radius: .2em;
-		border: 1px solid #1f2122;
+			border-radius: .2em;
+			border: 1px solid #1f2122;
 
-		background-color: #28292b;
+			background-color: #28292b;
 
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		//height: 15em;
-		//max-height: 10em;
-
-		.statistic {
 			display: flex;
 			flex-direction: column;
 			justify-content: stretch;
 
-			.title {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				color: var(--serverinfo-statistics-title);
-				font-size: 1.25em;
-
-				text-transform: uppercase;
-			}
-
-			.body {
-				flex-grow: 0;
-				flex-shrink: 0;
+			//height: 15em;
+			//max-height: 10em;
 
+			.statistic {
 				display: flex;
-				flex-direction: row;
+				flex-direction: column;
 				justify-content: stretch;
 
-				height: 7em;
+				.title {
+					flex-grow: 0;
+					flex-shrink: 0;
 
-				.container-canvas {
-					flex-grow: 1;
-					flex-shrink: 1;
+					color: var(--serverinfo-statistics-title);
+					font-size: 1.25em;
 
-					min-width: 6em;
-					margin-right: 1em;
+					text-transform: uppercase;
 				}
 
-				.values {
+				.body {
 					flex-grow: 0;
 					flex-shrink: 0;
 
 					display: flex;
-					flex-direction: column;
-					justify-content: center;
+					flex-direction: row;
+					justify-content: stretch;
 
-					width: 8em;
-					text-align: right;
+					height: 7em;
 
-					.upload {
-						color: var(--serverinfo-bandwidth-upload);
+					.container-canvas {
+						flex-grow: 1;
+						flex-shrink: 1;
+
+						min-width: 6em;
+						margin-right: 1em;
 					}
 
-					.download {
-						color: var(--serverinfo-bandwidth-download);
+					.values {
+						flex-grow: 0;
+						flex-shrink: 0;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						width: 8em;
+						text-align: right;
+
+						.upload {
+							color: var(--serverinfo-bandwidth-upload);
+						}
+
+						.download {
+							color: var(--serverinfo-bandwidth-download);
+						}
 					}
 				}
-			}
 
-			&:not(:first-of-type) {
-				margin-top: 1.5em;
+				&:not(:first-of-type) {
+					margin-top: 1.5em;
+				}
 			}
 		}
 	}
 }
 
 @media all and (max-width: 50em) {
-	.modal-body.modal-server-info {
-		.container-image {
-			margin: 0!important;
-			max-width: 0!important;
+	:global {
+		.modal-body.modal-server-info {
+			.container-image {
+				margin: 0!important;
+				max-width: 0!important;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-settings.scss b/shared/css/static/modal-settings.scss
index 1910db06..8d96b0c8 100644
--- a/shared/css/static/modal-settings.scss
+++ b/shared/css/static/modal-settings.scss
@@ -1,420 +1,215 @@
 @import "properties";
 @import "mixin";
 
-.modal-body.modal-settings {
-	padding: 0!important;
+:global {
+	.modal-body.modal-settings {
+		padding: 0!important;
 
-	display: flex!important;
-	flex-direction: column!important;
-	justify-content: stretch!important;
+		display: flex!important;
+		flex-direction: column!important;
+		justify-content: stretch!important;
 
-	@include user-select(none);
-	width: 10000em; /* allocate some space */
+		@include user-select(none);
+		width: 10000em; /* allocate some space */
 
-	.inner-container {
-		flex-grow: 1;
-		flex-shrink: 1;
+		.inner-container {
+			flex-grow: 1;
+			flex-shrink: 1;
 
-		height: 50em;
-		max-height: calc(100vh - 10em);
+			height: 50em;
+			max-height: calc(100vh - 10em);
 
-		display: flex;
-		flex-direction: row !important;
-		justify-content: stretch;
-
-		> .left, > .right {
 			display: flex;
-			flex-direction: column;
+			flex-direction: row !important;
 			justify-content: stretch;
 
-			padding: .5em;
-
-			overflow: auto;
-
-			@include chat-scrollbar-horizontal();
-			@include chat-scrollbar-vertical();
-		}
-
-		.container-seperator {
-			height: unset !important;
-			background-color: #222224!important;
-		}
-
-		> .left {
-			width: 25%;
-			min-width: 10em;
-
-			height: 100%;
-
-			justify-content: flex-start;
-
-			background-color: #212125;
-
-			.entry {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				padding: .5em;
-
-				border-radius: $border_radius_middle;
-
-				color: #e0e0e0;
-
-				&.group {
-					font-size: 1.3em;
-					text-transform: uppercase;
-
-					color: #565656;
-				}
-
-				&:not(.group) {
-					cursor: pointer;
-
-					&:hover {
-						background-color: #2c2d2f;
-					}
-
-					&.selected {
-						background-color: #1a1a1b;
-					}
-				}
-			}
-		}
-
-		> .right {
-			width: 75%;
-			min-width: 12em;
-
-			position: relative;
-
-			background-color: #2f2f35;
-
-			> .container {
-				position: absolute;
-				top: 0;
-				bottom: 0;
-				right: 0;
-				left: 0;
-
+			> .left, > .right {
 				display: flex;
 				flex-direction: column;
 				justify-content: stretch;
 
-				min-height: min-content;
-				min-width: 30em;
+				padding: .5em;
 
-				max-height: 100%;
-				height: 100%;
+				overflow: auto;
 
 				@include chat-scrollbar-horizontal();
+				@include chat-scrollbar-vertical();
+			}
 
-				&.general-chat, &.general-application, &.audio-sounds {
-					label {
-						display: flex;
-						flex-direction: row;
-						justify-content: flex-start;
+			.container-seperator {
+				height: unset !important;
+				background-color: #222224!important;
+			}
 
-						> * {
-							align-self: center;
+			> .left {
+				width: 25%;
+				min-width: 10em;
+
+				height: 100%;
+
+				justify-content: flex-start;
+
+				background-color: #212125;
+
+				.entry {
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
+
+					padding: .5em;
+
+					border-radius: $border_radius_middle;
+
+					color: #e0e0e0;
+
+					&.group {
+						font-size: 1.3em;
+						text-transform: uppercase;
+
+						color: #565656;
+					}
+
+					&:not(.group) {
+						cursor: pointer;
+
+						&:hover {
+							background-color: #2c2d2f;
 						}
 
-						a {
-							margin-left: .5em;
+						&.selected {
+							background-color: #1a1a1b;
 						}
 					}
 				}
+			}
 
-				&.general-application {
-					> div {
-						margin-top: .25em;
-					}
+			> .right {
+				width: 75%;
+				min-width: 12em;
 
-					> label:not(:first-child) {
-						margin-top: 0.25em;
-					}
+				position: relative;
 
-					.container-font-size {
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
+				background-color: #2f2f35;
 
-						a {
-							align-self: center;
-							margin-right: 1em;
-						}
+				> .container {
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					right: 0;
+					left: 0;
 
-						select {
-							height: 1.7em;
-							width: 12em;
-						}
-					}
-				}
-
-				&.general-language {
 					display: flex;
 					flex-direction: column;
 					justify-content: stretch;
 
-					.container-selected {
-						flex-grow: 0;
-						flex-shrink: 0;
+					min-height: min-content;
+					min-width: 30em;
 
-						display: flex;
-						flex-direction: row;
-						justify-content: flex-start;
+					max-height: 100%;
+					height: 100%;
 
-						a, div {
-							text-overflow: ellipsis;
-							white-space: nowrap;
-							overflow: hidden;
-						}
+					@include chat-scrollbar-horizontal();
 
-						a {
-							align-self: center;
-							padding-right: .75em;
-						}
-
-						div {
+					&.general-chat, &.general-application, &.audio-sounds {
+						label {
 							display: flex;
 							flex-direction: row;
 							justify-content: flex-start;
 
-							> .country {
+							> * {
 								align-self: center;
-								margin-right: .3em;
 							}
-						}
-					}
-
-					.container-list {
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: stretch;
-
-						min-height: 6em;
-
-						background-color: $color_list_background;
-						border: 1px $color_list_border solid;
-
-						border-radius: $border_radius_large;
-
-						.entries {
-							flex-grow: 1;
-							flex-shrink: 1;
-
-							display: flex;
-							flex-direction: column;
-							justify-content: flex-start;
-
-							overflow-x: hidden;
-							overflow-y: auto;
-
-							padding-top: .5em;
-							padding-bottom: .5em;
-
-							@include chat-scrollbar-vertical();
-
-							.entry {
-								flex-grow: 0;
-								flex-shrink: 0;
-
-								display: flex;
-								flex-direction: row;
-								justify-content: stretch;
-
-								height: 1.5em;
-
-								padding-left: .5em;
-								padding-right: .5em;
-
-								cursor: pointer;
-
-								&.translation {
-									padding-left: 1.5em;
-								}
-
-								.country {
-									flex-grow: 0;
-									flex-shrink: 0;
-
-									align-self: center;
-									margin-right: .25em;
-									margin-bottom: .1em;
-								}
-
-								.name {
-									flex-grow: 1;
-									flex-shrink: 1;
-
-
-									text-overflow: ellipsis;
-									white-space: nowrap;
-									overflow: hidden;
-								}
-
-								.button {
-									display: flex;
-									flex-direction: column;
-									justify-content: space-around;
-
-									width: 1.2em;
-									height: 1.2em;
-
-									cursor: pointer;
-
-									align-self: center;
-
-									border-radius: $border_radius_middle;
-
-									> div {
-										align-self: center;
-									}
-
-									&:hover {
-										background-color: #3c3d40;
-									}
-
-									> *:not(.spacer) {
-										flex-grow: 0;
-										flex-shrink: 1;
-									}
-
-									.spacer {
-										flex-grow: 1;
-										flex-shrink: 1;
-
-										width: 0;
-									}
-
-									@include transition(background-color $button_hover_animation_time);
-								}
-
-								&:hover {
-									background-color: $color_list_hover;
-								}
-
-								&.selected {
-									background-color: $color_list_selected;
-								}
-							}
-						}
-
-						.buttons {
-							flex-grow: 0;
-							flex-shrink: 0;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: space-between;
-
-							background-color: #242527;
-
-							padding: .5em;
-
-							border: none;
-							border-top: 1px solid #161616;
-						}
-					}
-				}
-
-				&.general-chat {
-					.container-icon-size {
-						.value {
-							margin-left: .5em;
-						}
-					}
-				}
-
-				&.audio-speaker, &.audio-sounds, &.identity-forum {
-					flex-direction: row;
-					justify-content: stretch;
-
-					.left, .right, .fill {
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						width: calc(50% - .5em); /* the .5em for the padding/margin */
-						&.fill {
-							width: calc(100% - 1em);
-						}
-
-						display: flex;
-						flex-direction: column;
-						justify-content: stretch;
-
-						.header {
-							height: 3em;
-
-							flex-grow: 0;
-							flex-shrink: 0;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
-
-							padding-bottom: .5em;
 
 							a {
-								flex-grow: 1;
-								flex-shrink: 1;
-
-								align-self: flex-end;
-
-								font-weight: bold;
-								color: #e0e0e0;
-
-								overflow: hidden;
-								text-overflow: ellipsis;
-								white-space: nowrap;
-							}
-
-							.btn {
-								flex-shrink: 0;
-								flex-grow: 0;
-
-								height: 2em;
-								align-self: flex-end;
-
-								margin-left: 1em;
-								min-width: 8em;
+								margin-left: .5em;
 							}
 						}
 					}
 
-					.left {
-						margin-right: 1em;
+					&.general-application {
+						> div {
+							margin-top: .25em;
+						}
 
-						min-height: 0;
-						max-height: 100%;
+						> label:not(:first-child) {
+							margin-top: 0.25em;
+						}
 
-						.body {
+						.container-font-size {
+							display: flex;
+							flex-direction: row;
+							justify-content: stretch;
+
+							a {
+								align-self: center;
+								margin-right: 1em;
+							}
+
+							select {
+								height: 1.7em;
+								width: 12em;
+							}
+						}
+					}
+
+					&.general-language {
+						display: flex;
+						flex-direction: column;
+						justify-content: stretch;
+
+						.container-selected {
+							flex-grow: 0;
+							flex-shrink: 0;
+
+							display: flex;
+							flex-direction: row;
+							justify-content: flex-start;
+
+							a, div {
+								text-overflow: ellipsis;
+								white-space: nowrap;
+								overflow: hidden;
+							}
+
+							a {
+								align-self: center;
+								padding-right: .75em;
+							}
+
+							div {
+								display: flex;
+								flex-direction: row;
+								justify-content: flex-start;
+
+								> .country {
+									align-self: center;
+									margin-right: .3em;
+								}
+							}
+						}
+
+						.container-list {
 							flex-grow: 1;
 							flex-shrink: 1;
 
-							min-height: 6.5em;
-
 							display: flex;
 							flex-direction: column;
 							justify-content: stretch;
 
-							border: 1px $color_list_border solid;
-							border-radius: $border_radius_large;
+							min-height: 6em;
 
 							background-color: $color_list_background;
+							border: 1px $color_list_border solid;
 
-							&.container-devices, .container-devices {
+							border-radius: $border_radius_large;
+
+							.entries {
 								flex-grow: 1;
 								flex-shrink: 1;
 
-								min-height: 3em;
-
 								display: flex;
 								flex-direction: column;
 								justify-content: flex-start;
@@ -422,105 +217,84 @@
 								overflow-x: hidden;
 								overflow-y: auto;
 
+								padding-top: .5em;
+								padding-bottom: .5em;
+
 								@include chat-scrollbar-vertical();
 
-								.device {
-									flex-shrink: 0;
+								.entry {
 									flex-grow: 0;
+									flex-shrink: 0;
 
 									display: flex;
 									flex-direction: row;
 									justify-content: stretch;
 
+									height: 1.5em;
+
+									padding-left: .5em;
+									padding-right: .5em;
+
 									cursor: pointer;
 
-									height: 3em;
-									width: 100%;
-
-									.container-selected {
-										/* the selected border */
-										margin-top: 1px;
-										margin-bottom: 1px;
-
-										flex-shrink: 0;
-										flex-grow: 0;
-
-										padding: .5em;
-
-										border: none;
-										border-right: 1px solid #242527;
-
-										> .icon_em {
-											font-size: 2em;
-											opacity: 0;
-										}
+									&.translation {
+										padding-left: 1.5em;
 									}
 
-									.container-name {
-										/* the selected border */
-										margin-top: 1px;
-										margin-bottom: 1px;
+									.country {
+										flex-grow: 0;
+										flex-shrink: 0;
 
-										flex-shrink: 1;
+										align-self: center;
+										margin-right: .25em;
+										margin-bottom: .1em;
+									}
+
+									.name {
 										flex-grow: 1;
+										flex-shrink: 1;
 
-										min-width: 4em;
 
-										padding: .5em;
-
-										display: flex;
-										flex-direction: column;
-										justify-content: space-around;
-
-										border: none;
-
-										.device-driver {
-											font-size: .8em;
-											line-height: 1em;
-
-											color: #6a6a6a;
-
-											overflow: hidden;
-											text-overflow: ellipsis;
-											white-space: nowrap;
-										}
-
-										.device-name {
-											line-height: 1em;
-
-											color: #999999;
-
-											overflow: hidden;
-											text-overflow: ellipsis;
-											white-space: nowrap;
-										}
+										text-overflow: ellipsis;
+										white-space: nowrap;
+										overflow: hidden;
 									}
 
-									.container-activity {
-										/* the selected border */
-										margin-top: 1px;
-										margin-bottom: 1px;
-
-										flex-shrink: 0;
-										flex-grow: 0;
-
+									.button {
 										display: flex;
 										flex-direction: column;
 										justify-content: space-around;
 
-										padding: .5em;
+										width: 1.2em;
+										height: 1.2em;
 
-										width: 10em;
+										cursor: pointer;
 
-										border: none;
-										border-left: 1px solid #242527;
+										align-self: center;
 
-										.container-activity-bar {
-											flex-grow: 0;
-											flex-shrink: 0;
+										border-radius: $border_radius_middle;
 
-											width: 8em;
+										> div {
+											align-self: center;
 										}
+
+										&:hover {
+											background-color: #3c3d40;
+										}
+
+										> *:not(.spacer) {
+											flex-grow: 0;
+											flex-shrink: 1;
+										}
+
+										.spacer {
+											flex-grow: 1;
+											flex-shrink: 1;
+
+											width: 0;
+										}
+
+										@include transition(background-color $button_hover_animation_time);
 									}
 
 									&:hover {
@@ -528,24 +302,7 @@
 									}
 
 									&.selected {
-										.container-selected {
-											> .icon_em {
-												opacity: 1;
-											}
-
-											margin-top: 0;
-											margin-bottom: 0;
-
-											border-bottom: 1px solid #242527;
-											border-top: 1px solid #242527;
-										}
-										.container-name, .container-activity {
-											margin-top: 0;
-											margin-bottom: 0;
-
-											border-bottom: 1px solid #242527;
-											border-top: 1px solid #242527;
-										}
+										background-color: $color_list_selected;
 									}
 								}
 							}
@@ -554,513 +311,1879 @@
 								flex-grow: 0;
 								flex-shrink: 0;
 
-								height: 3.5em;
+								display: flex;
+								flex-direction: row;
+								justify-content: space-between;
+
+								background-color: #242527;
+
 								padding: .5em;
 
+								border: none;
+								border-top: 1px solid #161616;
+							}
+						}
+					}
+
+					&.general-chat {
+						.container-icon-size {
+							.value {
+								margin-left: .5em;
+							}
+						}
+					}
+
+					&.audio-speaker, &.audio-sounds, &.identity-forum {
+						flex-direction: row;
+						justify-content: stretch;
+
+						.left, .right, .fill {
+							flex-grow: 1;
+							flex-shrink: 1;
+
+							width: calc(50% - .5em); /* the .5em for the padding/margin */
+							&.fill {
+								width: calc(100% - 1em);
+							}
+
+							display: flex;
+							flex-direction: column;
+							justify-content: stretch;
+
+							.header {
+								height: 3em;
+
+								flex-grow: 0;
+								flex-shrink: 0;
+
 								display: flex;
 								flex-direction: row;
 								justify-content: stretch;
 
-								border: none;
-								border-top: 1px $color_list_border solid;
+								padding-bottom: .5em;
 
-								.spacer {
+								a {
 									flex-grow: 1;
 									flex-shrink: 1;
+
+									align-self: flex-end;
+
+									font-weight: bold;
+									color: #e0e0e0;
+
+									overflow: hidden;
+									text-overflow: ellipsis;
+									white-space: nowrap;
 								}
 
-								:not(.spacer) {
-									flex-grow: 0;
+								.btn {
 									flex-shrink: 0;
-								}
+									flex-grow: 0;
 
-								.container-error {
-									color: #a10000;
-									align-self: center;
-								}
+									height: 2em;
+									align-self: flex-end;
 
-								button {
+									margin-left: 1em;
 									min-width: 8em;
-									height: 2.5em;
 								}
 							}
 						}
-					}
 
-					.right, .fill {
-						padding-right: .5em; /* for the sliders etc*/
-						justify-content: flex-start;
+						.left {
+							margin-right: 1em;
 
-						.body {
-							flex-grow: 0;
-							flex-shrink: 1;
+							min-height: 0;
+							max-height: 100%;
 
-							display: flex;
-							flex-direction: column;
+							.body {
+								flex-grow: 1;
+								flex-shrink: 1;
+
+								min-height: 6.5em;
+
+								display: flex;
+								flex-direction: column;
+								justify-content: stretch;
+
+								border: 1px $color_list_border solid;
+								border-radius: $border_radius_large;
+
+								background-color: $color_list_background;
+
+								&.container-devices, .container-devices {
+									flex-grow: 1;
+									flex-shrink: 1;
+
+									min-height: 3em;
+
+									display: flex;
+									flex-direction: column;
+									justify-content: flex-start;
+
+									overflow-x: hidden;
+									overflow-y: auto;
+
+									@include chat-scrollbar-vertical();
+
+									.device {
+										flex-shrink: 0;
+										flex-grow: 0;
+
+										display: flex;
+										flex-direction: row;
+										justify-content: stretch;
+
+										cursor: pointer;
+
+										height: 3em;
+										width: 100%;
+
+										.container-selected {
+											/* the selected border */
+											margin-top: 1px;
+											margin-bottom: 1px;
+
+											flex-shrink: 0;
+											flex-grow: 0;
+
+											padding: .5em;
+
+											border: none;
+											border-right: 1px solid #242527;
+
+											> .icon_em {
+												font-size: 2em;
+												opacity: 0;
+											}
+										}
+
+										.container-name {
+											/* the selected border */
+											margin-top: 1px;
+											margin-bottom: 1px;
+
+											flex-shrink: 1;
+											flex-grow: 1;
+
+											min-width: 4em;
+
+											padding: .5em;
+
+											display: flex;
+											flex-direction: column;
+											justify-content: space-around;
+
+											border: none;
+
+											.device-driver {
+												font-size: .8em;
+												line-height: 1em;
+
+												color: #6a6a6a;
+
+												overflow: hidden;
+												text-overflow: ellipsis;
+												white-space: nowrap;
+											}
+
+											.device-name {
+												line-height: 1em;
+
+												color: #999999;
+
+												overflow: hidden;
+												text-overflow: ellipsis;
+												white-space: nowrap;
+											}
+										}
+
+										.container-activity {
+											/* the selected border */
+											margin-top: 1px;
+											margin-bottom: 1px;
+
+											flex-shrink: 0;
+											flex-grow: 0;
+
+											display: flex;
+											flex-direction: column;
+											justify-content: space-around;
+
+											padding: .5em;
+
+											width: 10em;
+
+											border: none;
+											border-left: 1px solid #242527;
+
+											.container-activity-bar {
+												flex-grow: 0;
+												flex-shrink: 0;
+
+												width: 8em;
+											}
+										}
+
+										&:hover {
+											background-color: $color_list_hover;
+										}
+
+										&.selected {
+											.container-selected {
+												> .icon_em {
+													opacity: 1;
+												}
+
+												margin-top: 0;
+												margin-bottom: 0;
+
+												border-bottom: 1px solid #242527;
+												border-top: 1px solid #242527;
+											}
+											.container-name, .container-activity {
+												margin-top: 0;
+												margin-bottom: 0;
+
+												border-bottom: 1px solid #242527;
+												border-top: 1px solid #242527;
+											}
+										}
+									}
+								}
+
+								.buttons {
+									flex-grow: 0;
+									flex-shrink: 0;
+
+									height: 3.5em;
+									padding: .5em;
+
+									display: flex;
+									flex-direction: row;
+									justify-content: stretch;
+
+									border: none;
+									border-top: 1px $color_list_border solid;
+
+									.spacer {
+										flex-grow: 1;
+										flex-shrink: 1;
+									}
+
+									:not(.spacer) {
+										flex-grow: 0;
+										flex-shrink: 0;
+									}
+
+									.container-error {
+										color: #a10000;
+										align-self: center;
+									}
+
+									button {
+										min-width: 8em;
+										height: 2.5em;
+									}
+								}
+							}
+						}
+
+						.right, .fill {
+							padding-right: .5em; /* for the sliders etc*/
 							justify-content: flex-start;
 
-							/* microphone */
-							.container-volume {
+							.body {
 								flex-grow: 0;
-								flex-shrink: 0;
+								flex-shrink: 1;
 
 								display: flex;
 								flex-direction: column;
 								justify-content: flex-start;
 
-								height: 3em;
-								width: 100%;
-							}
-
-							/* microphone */
-							.container-select-vad {
-								width: 100%;
-
-								.fieldset {
-									padding: 0;
-									margin: 0;
-
-									flex-shrink: 1;
-									flex-grow: 1;
+								/* microphone */
+								.container-volume {
+									flex-grow: 0;
+									flex-shrink: 0;
 
 									display: flex;
 									flex-direction: column;
+									justify-content: flex-start;
+
+									height: 3em;
+									width: 100%;
+								}
+
+								/* microphone */
+								.container-select-vad {
+									width: 100%;
+
+									.fieldset {
+										padding: 0;
+										margin: 0;
+
+										flex-shrink: 1;
+										flex-grow: 1;
+
+										display: flex;
+										flex-direction: column;
+										justify-content: stretch;
+
+										> .container {
+											padding: 0;
+
+											display: flex;
+											flex-direction: row;
+											justify-content: space-between;
+
+											> label {
+												flex-shrink: 0;
+												min-width: 5em;
+
+												cursor: pointer;
+
+												display: flex;
+												flex-direction: row;
+												justify-content: flex-start;
+
+												height: 1.7em;
+
+												.ratio-button {
+													align-self: center;
+													margin-right: .5em;
+												}
+
+												a {
+													align-self: center;
+													line-height: 1.2em;
+												}
+											}
+
+											button {
+												width: 100%;
+
+												height: 2em;
+												font-size: .75em;
+
+												align-self: center;
+
+												overflow: hidden;
+												white-space: nowrap;
+												text-overflow: ellipsis;
+											}
+
+											.container-button {
+												flex-shrink: 1;
+												margin-left: .5em;
+
+												min-width: 3em;
+												width: 15em;
+											}
+										}
+									}
+								}
+
+								/* microphone */
+								.container-sensitivity {
+									width: 100%;
+
+									display: flex;
+									flex-direction: row;
 									justify-content: stretch;
 
-									> .container {
-										padding: 0;
+									.container-activity-bar {
+										flex-grow: 1;
+										flex-shrink: 1;
+									}
 
+
+
+									.container-activity-bar .thumb {
+										@include transition(background-color $button_hover_animation_time ease-in-out);
+									}
+
+									&.disabled {
+										pointer-events: none;
+
+										.container-activity-bar {
+											.bar-hider {
+												width: 100%!important;
+											}
+
+											.thumb {
+												background-color: #4d4d4d!important;
+												.tooltip {
+													opacity: 0!important;
+												}
+											}
+										}
+									}
+								}
+
+								/* microphone */
+								.container-advanced {
+									display: flex;
+									flex-direction: column;
+									justify-content: flex-start;
+
+									.container-ppt-delay {
 										display: flex;
 										flex-direction: row;
 										justify-content: space-between;
 
-										> label {
-											flex-shrink: 0;
-											min-width: 5em;
-
+										label {
 											cursor: pointer;
 
 											display: flex;
 											flex-direction: row;
 											justify-content: flex-start;
 
-											height: 1.7em;
+											margin-right: .5em;
 
-											.ratio-button {
-												align-self: center;
+											.checkbox {
 												margin-right: .5em;
 											}
 
 											a {
-												align-self: center;
 												line-height: 1.2em;
 											}
 										}
 
-										button {
-											width: 100%;
+										.container-input {
+											display: flex;
+											flex-direction: row;
+											justify-content: stretch;
+
+											cursor: text;
+
+											border-radius: $border_radius_middle;
+											overflow: hidden;
+
+											width: 5em;
+
+											height: 1.8em;
+											font-size: 0.75em;
 
-											height: 2em;
-											font-size: .75em;
 
 											align-self: center;
 
-											overflow: hidden;
-											white-space: nowrap;
-											text-overflow: ellipsis;
-										}
+											color: #464646;
+											background-color: #17171a;
 
-										.container-button {
-											flex-shrink: 1;
-											margin-left: .5em;
+											input {
+												flex-shrink: 1;
+												flex-grow: 1;
 
-											min-width: 3em;
-											width: 15em;
+												min-width: 2em;
+												text-align: right;
+
+												position: relative;
+												outline: none;
+												border: none;
+
+												color: #464646;
+												padding: 0 .3em 0 .5em;
+
+												background-color: transparent;
+
+												-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+												-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+												box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+
+												&::-webkit-inner-spin-button,
+												&::-webkit-outer-spin-button {
+													-webkit-appearance: none;
+													margin: 0;
+												}
+											}
+
+											label {
+												flex-shrink: 0;
+												flex-grow: 0;
+
+												align-self: center;
+											}
+
+											&.disabled {
+												cursor: unset;
+												pointer-events: none;
+
+												background-color: #222227;
+											}
 										}
 									}
 								}
+
+								/* speaker */
+								.container-volume-master {
+									.filler {
+										background-color: #2b8541;
+									}
+								}
+
+								.container-volume-soundpack {
+									padding-top: .75em;
+								}
+							}
+						}
+
+					}
+
+					&.identity-profiles {
+						flex-direction: row;
+						justify-content: stretch;
+					}
+
+					&.identity-forum {
+						.container-login {
+							flex-grow: 0;
+							flex-shrink: 0;
+
+							max-width: 25em;
+
+							.container-button {
+								display: flex;
+								flex-direction: row;
+								justify-content: flex-end;
+
+								button {
+									min-width: 8em;
+								}
 							}
 
-							/* microphone */
-							.container-sensitivity {
-								width: 100%;
+							.container-error {
+								display: block;
+								margin-bottom: -1em;
+								color: red;
+								opacity: 0;
+
+								&.shown {
+									opacity: 1;
+								}
+
+								@include transform(opacity $button_hover_animation_time ease-in-out);
+							}
+						}
+					}
+
+					&.audio-sounds {
+						flex-direction: row;
+
+						min-height: 6em;
+						width: 100%;
+
+						.left {
+							flex-shrink: 1;
+							flex-grow: 1;
+
+							width: 75%;
+							margin-right: 1em;
+
+							.header {
+								flex-shrink: 0;
+								flex-grow: 0;
+
+								height: 3em;
 
 								display: flex;
 								flex-direction: row;
 								justify-content: stretch;
 
-								.container-activity-bar {
+								padding-bottom: .5em;
+
+								a {
 									flex-grow: 1;
 									flex-shrink: 1;
+
+									align-self: flex-end;
+
+									font-weight: bold;
+									color: #e0e0e0;
+
+									overflow: hidden;
+									text-overflow: ellipsis;
+									white-space: nowrap;
 								}
 
+								.btn {
+									flex-shrink: 0;
+									flex-grow: 0;
 
-
-								.container-activity-bar .thumb {
-									@include transition(background-color $button_hover_animation_time ease-in-out);
-								}
-
-								&.disabled {
-									pointer-events: none;
-
-									.container-activity-bar {
-										.bar-hider {
-											width: 100%!important;
-										}
-
-										.thumb {
-											background-color: #4d4d4d!important;
-											.tooltip {
-												opacity: 0!important;
-											}
-										}
-									}
+									margin-left: 1em;
+									min-width: 8em;
 								}
 							}
 
-							/* microphone */
-							.container-advanced {
+
+							.body {
+								flex-grow: 1;
+								flex-shrink: 1;
+
+								min-height: 6em;
+
 								display: flex;
 								flex-direction: column;
-								justify-content: flex-start;
+								justify-content: stretch;
+
+								border: 1px $color_list_border solid;
+								border-radius: $border_radius_large;
+
+								background-color: $color_list_background;
+
+								.container-sounds {
+									flex-grow: 1;
+									flex-shrink: 1;
+
+									min-height: 3em;
 
-								.container-ppt-delay {
 									display: flex;
-									flex-direction: row;
-									justify-content: space-between;
+									flex-direction: column;
+									justify-content: flex-start;
 
-									label {
-										cursor: pointer;
+									overflow-x: hidden;
+									overflow-y: auto;
 
-										display: flex;
-										flex-direction: row;
-										justify-content: flex-start;
+									@include chat-scrollbar-vertical();
 
-										margin-right: .5em;
+									.sound {
+										flex-shrink: 0;
+										flex-grow: 0;
 
-										.checkbox {
-											margin-right: .5em;
-										}
-
-										a {
-											line-height: 1.2em;
-										}
-									}
-
-									.container-input {
 										display: flex;
 										flex-direction: row;
 										justify-content: stretch;
 
-										cursor: text;
+										cursor: pointer;
 
-										border-radius: $border_radius_middle;
-										overflow: hidden;
+										width: 100%;
 
-										width: 5em;
+										padding-left: .5em;
+										padding-right: 1em;
 
-										height: 1.8em;
-										font-size: 0.75em;
+										font-size: .9em;
 
+										.container-button-play_pause {
+											/* the selected border */
+											margin-top: 1px;
+											margin-bottom: 1px;
 
-										align-self: center;
-
-										color: #464646;
-										background-color: #17171a;
-
-										input {
-											flex-shrink: 1;
-											flex-grow: 1;
-
-											min-width: 2em;
-											text-align: right;
-
-											position: relative;
-											outline: none;
-											border: none;
-
-											color: #464646;
-											padding: 0 .3em 0 .5em;
-
-											background-color: transparent;
-
-											-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-											-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-											box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-
-											&::-webkit-inner-spin-button,
-											&::-webkit-outer-spin-button {
-												-webkit-appearance: none;
-												margin: 0;
-											}
-										}
-
-										label {
 											flex-shrink: 0;
 											flex-grow: 0;
 
+											display: flex;
+											flex-direction: column;
+											justify-content: space-around;
+
 											align-self: center;
+											margin-right: .25em;
+
+											padding: .25em;
+
+											border: none;
+
+											/* copy checkmark */
+											position: relative;
+
+											width: 1.3em;
+											height: 1.3em;
+
+											cursor: pointer;
+											pointer-events: all;
+
+											overflow: hidden;
+
+											background-color: #272626;
+											border-radius: $border_radius_middle;
+
+											-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+											-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+											box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+
+											img {
+												height: 100%;
+												width: 100%;
+
+												align-self: center;
+											}
 										}
 
-										&.disabled {
-											cursor: unset;
-											pointer-events: none;
+										.container-name {
+											/* the selected border */
+											margin-top: 1px;
+											margin-bottom: 1px;
 
-											background-color: #222227;
+											flex-shrink: 1;
+											flex-grow: 1;
+
+											min-width: 4em;
+
+											padding: .25em;
+											line-height: 1.2em;
+
+											display: flex;
+											flex-direction: row;
+											justify-content: flex-start;
+
+											border: none;
+											text-align: right;
+										}
+
+										.container-button-toggle {
+											font-size: .8em;
+										}
+
+										&:hover {
+											background-color: $color_list_hover;
+										}
+
+										label {
+											display: flex;
+											flex-direction: column;
+											justify-content: space-around;
 										}
 									}
 								}
-							}
 
-							/* speaker */
-							.container-volume-master {
-								.filler {
-									background-color: #2b8541;
+								.container-filter {
+									border: none;
+									border-top: 1px $color_list_border solid;
+
+									padding-right: 1em;
+									padding-left: 1em;
 								}
 							}
+						}
 
-							.container-volume-soundpack {
-								padding-top: .75em;
-							}
+						.right {
+							flex-grow: 0;
+							flex-shrink: 1;
+
+							width: 25%;
 						}
 					}
 
+					&.hidden {
+						display: none;
+					}
+				}
+			}
+		}
+	}
+
+	/* the microphone stuff */
+	.container-settings-audio-microphone {
+		display: flex;
+		flex-direction: row;
+		justify-content: stretch;
+		flex-shrink: 1;
+		flex-grow: 1;
+
+		min-width: 43em;
+		min-height: 41em;
+
+		position: relative;
+
+		.left, .right {
+			flex-grow: 1;
+			flex-shrink: 1;
+
+			width: calc(50% - .5em); /* the .5em for the padding/margin */
+
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
+
+			.header {
+				height: 3em;
+
+				flex-grow: 0;
+				flex-shrink: 0;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				padding-bottom: .5em;
+
+				a {
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					align-self: flex-end;
+
+					font-weight: bold;
+					color: #e0e0e0;
+
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
 				}
 
-				&.identity-profiles {
-					flex-direction: row;
-					justify-content: stretch;
-				}
+				.btn {
+					flex-shrink: 0;
+					flex-grow: 0;
 
-				&.identity-forum {
-					.container-login {
-						flex-grow: 0;
+					height: 2em;
+					align-self: flex-end;
+
+					margin-left: 1em;
+					min-width: 8em;
+				}
+			}
+		}
+
+		.container-activity-bar {
+			$bar_height: 1em;
+
+			$thumb_width: .6em;
+			$thumb_height: 2em;
+
+			position: relative;
+			align-self: center;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: space-around;
+
+			height: $bar_height;
+			border-radius: $border_radius_large;
+
+			cursor: pointer;
+
+			.bar-hider {
+				position: absolute;
+
+				top: 0;
+				right: 0;
+				bottom: 0;
+
+				background-color: #242527;
+
+				-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.75);
+				-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.75);
+				box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.75);
+
+				border-bottom-right-radius: $border_radius_large;
+				border-top-right-radius: $border_radius_large;
+			}
+
+			&[value] {
+				overflow: visible; /* for the thumb */
+
+				border-bottom-left-radius: $border_radius_large;
+				border-top-left-radius: $border_radius_large;
+			}
+
+			.bar-error {
+				z-index: 2;
+				width: 100%;
+				text-align: center;
+
+				line-height: 1em;
+				font-size: .8em;
+				color: #a10000;
+
+				padding-left: .2em;
+				padding-right: .2em;
+
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.thumb {
+				position: absolute;
+
+				top: 0;
+				right: 0;
+
+				height: $thumb_height;
+				width: $thumb_width;
+
+				margin-left: -($thumb_width / 2);
+				margin-right: -($thumb_width / 2);
+
+				margin-top: -($thumb_height - $bar_height) / 2;
+				margin-bottom: -($thumb_height - $bar_height) / 2;
+
+				background-color: #808080;
+
+				.tooltip {
+					display: none;
+				}
+			}
+
+			-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+			-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+			box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+
+			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70407e+0,45407e+100 */
+			background: rgb(112,64,126); /* Old browsers */
+			background: -moz-linear-gradient(left,  rgba(112,64,126,1) 0%, rgba(69,64,126,1) 100%); /* FF3.6-15 */
+			background: -webkit-linear-gradient(left,  rgba(112,64,126,1) 0%,rgba(69,64,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
+			background: linear-gradient(to right,  rgba(112,64,126,1) 0%,rgba(69,64,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70407e', endColorstr='#45407e',GradientType=1 ); /* IE6-9 */
+		}
+
+		.left {
+			margin-right: 1em;
+
+			min-height: 0;
+			max-height: 100%;
+
+			.body {
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				min-height: 6.5em;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				border: 1px $color_list_border solid;
+				border-radius: $border_radius_large;
+
+				background-color: $color_list_background;
+
+				&.container-devices, .container-devices {
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					min-height: 3em;
+					position: relative;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-start;
+
+					overflow-x: hidden;
+					overflow-y: auto;
+
+					@include chat-scrollbar-vertical();
+
+					.device {
 						flex-shrink: 0;
+						flex-grow: 0;
 
-						max-width: 25em;
+						display: flex;
+						flex-direction: row;
+						justify-content: stretch;
 
-						.container-button {
-							display: flex;
-							flex-direction: row;
-							justify-content: flex-end;
+						cursor: pointer;
 
-							button {
-								min-width: 8em;
-							}
-						}
+						height: 3em;
+						width: 100%;
 
-						.container-error {
-							display: block;
-							margin-bottom: -1em;
-							color: red;
-							opacity: 0;
+						.container-selected {
+							/* the selected border */
+							margin-top: 1px;
+							margin-bottom: 1px;
 
-							&.shown {
-								opacity: 1;
-							}
-
-							@include transform(opacity $button_hover_animation_time ease-in-out);
-						}
-					}
-				}
-
-				&.audio-sounds {
-					flex-direction: row;
-
-					min-height: 6em;
-					width: 100%;
-
-					.left {
-						flex-shrink: 1;
-						flex-grow: 1;
-
-						width: 75%;
-						margin-right: 1em;
-
-						.header {
 							flex-shrink: 0;
 							flex-grow: 0;
 
-							height: 3em;
+							width: 3em;
+							position: relative;
+
+							border: none;
+							border-right: 1px solid #242527;
+
+							> * {
+								padding: .5em;
+								position: absolute;
+
+								top: 0;
+								left: 0;
+								right: 0;
+								bottom: 0;
+
+								margin: auto;
+							}
+
+							> .icon_em {
+								font-size: 2em;
+								opacity: 0;
+							}
+
+							> .icon-loading {
+								opacity: 0;
+
+								img {
+									max-height: 100%;
+									max-width: 100%;
+
+									-webkit-animation:spin 4s linear infinite;
+									-moz-animation:spin 4s linear infinite;
+									animation:spin 4s linear infinite;
+								}
+							}
+						}
+
+						.container-name {
+							/* the selected border */
+							margin-top: 1px;
+							margin-bottom: 1px;
+
+							flex-shrink: 1;
+							flex-grow: 1;
+
+							min-width: 4em;
+
+							padding: .5em;
 
 							display: flex;
-							flex-direction: row;
-							justify-content: stretch;
+							flex-direction: column;
+							justify-content: space-around;
 
-							padding-bottom: .5em;
+							border: none;
 
-							a {
-								flex-grow: 1;
-								flex-shrink: 1;
+							.device-driver {
+								font-size: .8em;
+								line-height: 1em;
 
-								align-self: flex-end;
-
-								font-weight: bold;
-								color: #e0e0e0;
+								color: #6a6a6a;
 
 								overflow: hidden;
 								text-overflow: ellipsis;
 								white-space: nowrap;
 							}
 
-							.btn {
-								flex-shrink: 0;
-								flex-grow: 0;
+							.device-name {
+								line-height: 1em;
 
-								margin-left: 1em;
-								min-width: 8em;
+								color: #999999;
+
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap;
 							}
 						}
 
+						.container-activity {
+							/* the selected border */
+							margin-top: 1px;
+							margin-bottom: 1px;
 
-						.body {
-							flex-grow: 1;
-							flex-shrink: 1;
-
-							min-height: 6em;
+							flex-shrink: 0;
+							flex-grow: 0;
 
 							display: flex;
 							flex-direction: column;
-							justify-content: stretch;
+							justify-content: space-around;
 
-							border: 1px $color_list_border solid;
-							border-radius: $border_radius_large;
+							padding: .5em;
 
-							background-color: $color_list_background;
+							width: 10em;
 
-							.container-sounds {
-								flex-grow: 1;
-								flex-shrink: 1;
+							border: none;
+							border-left: 1px solid #242527;
 
-								min-height: 3em;
+							.container-activity-bar {
+								flex-grow: 0;
+								flex-shrink: 0;
 
-								display: flex;
-								flex-direction: column;
-								justify-content: flex-start;
-
-								overflow-x: hidden;
-								overflow-y: auto;
-
-								@include chat-scrollbar-vertical();
-
-								.sound {
-									flex-shrink: 0;
-									flex-grow: 0;
-
-									display: flex;
-									flex-direction: row;
-									justify-content: stretch;
-
-									cursor: pointer;
-
-									width: 100%;
-
-									padding-left: .5em;
-									padding-right: 1em;
-
-									font-size: .9em;
-
-									.container-button-play_pause {
-										/* the selected border */
-										margin-top: 1px;
-										margin-bottom: 1px;
-
-										flex-shrink: 0;
-										flex-grow: 0;
-
-										display: flex;
-										flex-direction: column;
-										justify-content: space-around;
-
-										align-self: center;
-										margin-right: .25em;
-
-										padding: .25em;
-
-										border: none;
-
-										/* copy checkmark */
-										position: relative;
-
-										width: 1.3em;
-										height: 1.3em;
-
-										cursor: pointer;
-										pointer-events: all;
-
-										overflow: hidden;
-
-										background-color: #272626;
-										border-radius: $border_radius_middle;
-
-										-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-										-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-										box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-
-										img {
-											height: 100%;
-											width: 100%;
-
-											align-self: center;
-										}
-									}
-
-									.container-name {
-										/* the selected border */
-										margin-top: 1px;
-										margin-bottom: 1px;
-
-										flex-shrink: 1;
-										flex-grow: 1;
-
-										min-width: 4em;
-
-										padding: .25em;
-										line-height: 1.2em;
-
-										display: flex;
-										flex-direction: row;
-										justify-content: flex-start;
-
-										border: none;
-										text-align: right;
-									}
-
-									.container-button-toggle {
-										font-size: .8em;
-									}
-
-									&:hover {
-										background-color: $color_list_hover;
-									}
-
-									label {
-										display: flex;
-										flex-direction: column;
-										justify-content: space-around;
-									}
-								}
+								width: 8em;
 							}
+						}
 
-							.container-filter {
-								border: none;
-								border-top: 1px $color_list_border solid;
+						&:hover {
+							background-color: $color_list_hover;
+						}
 
-								padding-right: 1em;
-								padding-left: 1em;
+						&.selected {
+							.container-selected {
+								> .icon_em {
+									opacity: 1;
+								}
+
+								margin-top: 0;
+								margin-bottom: 0;
+
+								border-bottom: 1px solid #242527;
+								border-top: 1px solid #242527;
+							}
+							.container-name, .container-activity {
+								margin-top: 0;
+								margin-bottom: 0;
+
+								border-bottom: 1px solid #242527;
+								border-top: 1px solid #242527;
+							}
+						}
+
+						&.loading {
+							.container-selected {
+								.icon-loading {
+									opacity: 1;
+								}
 							}
 						}
 					}
 
-					.right {
-						flex-grow: 0;
-						flex-shrink: 1;
+					.overlay {
+						position: absolute;
 
-						width: 25%;
+						top: 0;
+						left: 0;
+						right: 0;
+						bottom: 0;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						background-color: #28292b;
+
+						a {
+							font-size: 1.75em;
+							align-self: center;
+							color: #9e9494;
+						}
 					}
 				}
 
-				&.hidden {
+				.buttons {
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					height: 3.5em;
+					padding: .5em;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
+
+					border: none;
+					border-top: 1px $color_list_border solid;
+
+					.spacer {
+						flex-grow: 1;
+						flex-shrink: 1;
+					}
+
+					:not(.spacer) {
+						flex-grow: 0;
+						flex-shrink: 0;
+					}
+
+					.container-error {
+						color: #a10000;
+						align-self: center;
+					}
+
+					button {
+						min-width: 8em;
+						height: 2.5em;
+					}
+				}
+			}
+		}
+
+		.right {
+			padding-right: .5em; /* for the sliders etc*/
+			justify-content: flex-start;
+
+			.body {
+				flex-grow: 0;
+				flex-shrink: 1;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: flex-start;
+
+				/* microphone */
+				.container-volume {
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-start;
+
+					height: 3em;
+					width: 100%;
+				}
+
+				/* microphone */
+				.container-select-vad {
+					width: 100%;
+
+					.fieldset {
+						padding: 0;
+						margin: 0;
+
+						flex-shrink: 1;
+						flex-grow: 1;
+
+						display: flex;
+						flex-direction: column;
+						justify-content: stretch;
+
+						> .container {
+							padding: 0;
+
+							display: flex;
+							flex-direction: row;
+							justify-content: space-between;
+
+							> label {
+								flex-shrink: 0;
+								min-width: 5em;
+
+								cursor: pointer;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: flex-start;
+
+								height: 1.7em;
+
+								.ratio-button {
+									align-self: center;
+									margin-right: .5em;
+								}
+
+								a {
+									align-self: center;
+									line-height: 1.2em;
+								}
+							}
+
+							button {
+								width: 100%;
+
+								height: 2em;
+								font-size: .75em;
+
+								align-self: center;
+
+								overflow: hidden;
+								white-space: nowrap;
+								text-overflow: ellipsis;
+							}
+
+							.container-button {
+								flex-shrink: 1;
+								margin-left: .5em;
+
+								min-width: 3em;
+								width: 15em;
+							}
+						}
+					}
+				}
+
+				/* microphone */
+				.container-sensitivity {
+					width: 100%;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
+
+					.container-activity-bar {
+						flex-grow: 1;
+						flex-shrink: 1;
+					}
+
+
+
+					.container-activity-bar .thumb {
+						@include transition(background-color $button_hover_animation_time ease-in-out);
+					}
+
+					&.disabled {
+						pointer-events: none;
+
+						.container-activity-bar {
+							.bar-hider {
+								width: 100%!important;
+							}
+
+							.thumb {
+								background-color: #4d4d4d!important;
+								.tooltip {
+									opacity: 0!important;
+								}
+							}
+						}
+					}
+				}
+
+				/* microphone */
+				.container-advanced {
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-start;
+
+					.container-ppt-delay {
+						display: flex;
+						flex-direction: row;
+						justify-content: space-between;
+
+						label {
+							cursor: pointer;
+
+							display: flex;
+							flex-direction: row;
+							justify-content: flex-start;
+
+							margin-right: .5em;
+
+							.checkbox {
+								margin-right: .5em;
+							}
+
+							a {
+								line-height: 1.2em;
+							}
+						}
+
+						.container-input {
+							display: flex;
+							flex-direction: row;
+							justify-content: stretch;
+
+							cursor: text;
+
+							border-radius: $border_radius_middle;
+							overflow: hidden;
+
+							width: 5em;
+
+							height: 1.8em;
+							font-size: 0.75em;
+
+
+							align-self: center;
+
+							color: #464646;
+							background-color: #17171a;
+
+							input {
+								flex-shrink: 1;
+								flex-grow: 1;
+
+								min-width: 2em;
+								text-align: right;
+
+								position: relative;
+								outline: none;
+								border: none;
+
+								color: #464646;
+								padding: 0 .3em 0 .5em;
+
+								background-color: transparent;
+
+								-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+								-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+								box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
+
+								&::-webkit-inner-spin-button,
+								&::-webkit-outer-spin-button {
+									-webkit-appearance: none;
+									margin: 0;
+								}
+							}
+
+							label {
+								flex-shrink: 0;
+								flex-grow: 0;
+
+								align-self: center;
+							}
+
+							&.disabled {
+								cursor: unset;
+								pointer-events: none;
+
+								background-color: #222227;
+							}
+						}
+					}
+				}
+
+				/* speaker */
+				.container-volume-master {
+					.filler {
+						background-color: #2b8541;
+					}
+				}
+
+				.container-volume-soundpack {
+					padding-top: .75em;
+				}
+			}
+		}
+	}
+
+	/* the profile stuff */
+	.container-settings-identity-profile {
+		display: flex;
+		flex-direction: row;
+		justify-content: stretch;
+		flex-shrink: 1;
+		flex-grow: 1;
+
+		min-width: 43em;
+		min-height: 41em;
+
+		position: relative;
+
+		.left, .right {
+			flex-grow: 1;
+			flex-shrink: 1;
+
+			width: 50%;
+			min-width: 25em;
+			min-height: min-content;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
+
+			position: relative;
+
+			.header {
+				height: 3em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: stretch;
+
+				padding-bottom: .5em;
+
+				a {
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					align-self: flex-end;
+
+					font-weight: bold;
+					color: #e0e0e0;
+
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+
+				.btn {
+					flex-shrink: 0;
+					flex-grow: 0;
+
+					margin-left: 1em;
+					min-width: 8em;
+				}
+			}
+
+			button {
+				height: 2.2em;
+				align-self: flex-end;
+			}
+		}
+
+		.left {
+			margin-right: 1em;
+			min-width: 15em;
+
+			.body {
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				border: 1px $color_list_border solid;
+				border-radius: $border_radius_large;
+
+				background-color: $color_list_background;
+
+				.container-profiles {
+					flex-grow: 1;
+					flex-shrink: 1;
+
+					min-height: 3em;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-start;
+
+					position: relative;
+
+					overflow-x: hidden;
+					overflow-y: auto;
+
+					@include chat-scrollbar-vertical();
+
+					.overlay {
+						position: absolute;
+						background-color: #28292b;
+
+						top: 0;
+						right: 0;
+						left: 0;
+						bottom: 0;
+
+						z-index: 1;
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+
+						a {
+							align-self: center;
+							font-size: 1.25em;
+						}
+
+						a.error {
+							align-self: center;
+							font-size: 1.75em;
+
+							color: hsla(0, 5%, 60%, 1);
+						}
+
+						button {
+							flex-grow: 0;
+							width: 8em;
+							align-self: center;
+						}
+					}
+
+					.profile {
+						flex-shrink: 0;
+						flex-grow: 0;
+
+						display: flex;
+						flex-direction: row;
+						justify-content: stretch;
+
+						cursor: pointer;
+
+						height: 3em;
+						width: 100%;
+
+						.container-avatar {
+							flex-shrink: 0;
+							flex-grow: 0;
+
+							height: 3em;
+							width: 3em;
+						}
+
+						.container-info {
+							flex-shrink: 1;
+							flex-grow: 1;
+
+							margin-left: .5em;
+							min-width: 4em;
+
+							display: flex;
+							flex-direction: column;
+							justify-content: center;
+
+							.container-type {
+								width: 100%;
+
+								display: flex;
+								flex-direction: row;
+								justify-content: flex-start;
+
+								text-transform: uppercase;
+								font-weight: bold;
+
+								font-size: 0.8em;
+
+								line-height: 1em;
+
+								color: #6a6a6a;
+
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap;
+
+								> *:not(:first-of-type) {
+									margin-left: .25em;
+								}
+								.icon-status {
+									margin-bottom: .2em; /* push it a bit higher than the center */
+								}
+
+								div {
+									align-self: center;
+								}
+							}
+
+							.profile-name {
+								line-height: 1.2em;
+
+								color: #999999;
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap;
+							}
+						}
+
+						&:hover {
+							background-color: $color_list_hover;
+						}
+
+						&.selected {
+							background-color: $color_list_selected;
+						}
+					}
+				}
+
+				.buttons, .buttons-small {
+					flex-grow: 0;
+					flex-shrink: 0;
+
+					height: 3.5em;
+					padding: .5em;
+
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
+
+					border: none;
+					border-top: 1px $color_list_border solid;
+
+					.spacer {
+						flex-grow: 1;
+						flex-shrink: 1000000000;
+					}
+
+					.container-error {
+						color: #a10000;
+						align-self: center;
+					}
+
+					button {
+						flex-shrink: 1;
+						min-width: 2em;
+
+						@include text-dotdotdot();
+
+						&:not(:last-of-type) {
+							margin-right: .5em;
+						}
+					}
+				}
+
+				.buttons {
+					display: none;
+				}
+			}
+		}
+
+		.right {
+			padding-right: .5em; /* for the sliders etc*/
+			justify-content: flex-start;
+
+			.body {
+				flex-grow: 1;
+				flex-shrink: 1;
+
+				display: flex;
+				flex-direction: column;
+				justify-content: stretch;
+
+				> div {
+					flex-shrink: 0;
+				}
+
+				.container-teamspeak {
+					.container-invalid {
+						padding: 1em;
+						text-align: center;
+					}
+					.container-valid {
+						.container-level {
+							display: flex;
+							flex-direction: row;
+							justify-content: stretch;
+
+							.form-group {
+								flex-grow: 1;
+								flex-shrink: 1;
+								min-width: 4em;
+							}
+
+							button {
+								height: 2em;
+
+								align-self: center;
+								margin-left: 1em;
+							}
+						}
+					}
+
+					.buttons {
+						display: flex;
+						flex-direction: row;
+						justify-content: space-between;
+
+						> div {
+							text-align: right;
+
+							width: max-content;
+							margin-left: 1em;
+						}
+
+						button {
+							overflow: hidden;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+
+							text-align: end;
+
+							margin-top: 1em;
+						}
+					}
+				}
+
+				.container-teaforo {
+					.container-valid, .container-invalid {
+						padding: 1em;
+						text-align: center;
+
+						button {
+							margin-top: .5em;
+						}
+					}
+				}
+
+				.container-highlight-dummy {
+					margin-top: 1em;
+					margin-bottom: .5em;
+
+					display: none;
+					flex-grow: 1;
+				}
+			}
+		}
+	}
+
+	/* the highlight stuff for the newcommer modal */
+	.container-settings-identity-profile, .container-settings-audio-microphone {
+		$highlight-time: .5s;
+		$backdrop-color: rgba(0, 0, 0, .9);
+		.help-background {
+			position: absolute;
+
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+
+			display: none;
+			background-color: $backdrop-color;
+			border-radius: .15em;
+
+			padding: .5em;
+		}
+
+		.container-help-text {
+			position: absolute;
+
+			top: 1em;
+			left: 1em;
+			right: 1em;
+			bottom: 1em;
+
+			display: none;
+			z-index: 20;
+
+			a {
+				display: block;
+			}
+		}
+
+		&.help-shown {
+			.help-background {
+				display: flex;
+				z-index: 1;
+
+				opacity: 1;
+			}
+
+			.highlightable {
+				border-radius: .1em;
+				position: relative;
+				z-index: 10;
+
+				background: #19191b;
+
+				@include transition($highlight-time ease-in-out);
+
+				&::after {
+					content: ' ';
+
+					z-index: 5;
+					position: absolute;
+
+					top: 0;
+					left: 0;
+					right: 0;
+					bottom: 0;
+
+					background-color: $backdrop-color;
+
+					@include transition($highlight-time ease-in-out);
+				}
+
+				&.highlighted {
+					padding: .5em;
+
+					&::after {
+						background-color: #00000000;
+					}
+				}
+			}
+
+			.container-help-text {
+				display: block;
+
+				overflow: auto;
+				@include chat-scrollbar();
+				@include transition($highlight-time ease-in-out);
+
+				.help-microphone-settings {
+					ol {
+						margin-top: .5em;
+						margin-bottom: 0;
+					}
+
+					li {
+						margin-bottom: .5em;
+
+						.title {
+							font-weight: bold;
+						}
+					}
+				}
+			}
+
+			.container-teamspeak, .container-teaforo, .container-nickname {
+				display: none;
+			}
+
+			.container-highlight-dummy {
+				display: flex!important;
+			}
+
+			&.hide-help {
+				.help-background {
+					@include transition($highlight-time ease-in-out);
+
+					opacity: 0;
+				}
+
+				.highlightable::after {
+					background-color: #00000000;
+				}
+
+				.container-help-text {
 					display: none;
 				}
 			}
@@ -1068,1135 +2191,16 @@
 	}
 }
 
-/* the microphone stuff */
-.container-settings-audio-microphone {
-	display: flex;
-	flex-direction: row;
-	justify-content: stretch;
-	flex-shrink: 1;
-	flex-grow: 1;
-
-	min-width: 43em;
-	min-height: 41em;
-
-	position: relative;
-
-	.left, .right {
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		width: calc(50% - .5em); /* the .5em for the padding/margin */
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		.header {
-			height: 3em;
-
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			padding-bottom: .5em;
-
-			a {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				align-self: flex-end;
-
-				font-weight: bold;
-				color: #e0e0e0;
-
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-
-			.btn {
-				flex-shrink: 0;
-				flex-grow: 0;
-
-				height: 2em;
-				align-self: flex-end;
-
-				margin-left: 1em;
-				min-width: 8em;
-			}
-		}
-	}
-
-	.container-activity-bar {
-		$bar_height: 1em;
-
-		$thumb_width: .6em;
-		$thumb_height: 2em;
-
-		position: relative;
-		align-self: center;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: space-around;
-
-		height: $bar_height;
-		border-radius: $border_radius_large;
-
-		cursor: pointer;
-
-		.bar-hider {
-			position: absolute;
-
-			top: 0;
-			right: 0;
-			bottom: 0;
-
-			background-color: #242527;
-
-			-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.75);
-			-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.75);
-			box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.75);
-
-			border-bottom-right-radius: $border_radius_large;
-			border-top-right-radius: $border_radius_large;
-		}
-
-		&[value] {
-			overflow: visible; /* for the thumb */
-
-			border-bottom-left-radius: $border_radius_large;
-			border-top-left-radius: $border_radius_large;
-		}
-
-		.bar-error {
-			z-index: 2;
-			width: 100%;
-			text-align: center;
-
-			line-height: 1em;
-			font-size: .8em;
-			color: #a10000;
-
-			padding-left: .2em;
-			padding-right: .2em;
-
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
-
-		.thumb {
-			position: absolute;
-
-			top: 0;
-			right: 0;
-
-			height: $thumb_height;
-			width: $thumb_width;
-
-			margin-left: -($thumb_width / 2);
-			margin-right: -($thumb_width / 2);
-
-			margin-top: -($thumb_height - $bar_height) / 2;
-			margin-bottom: -($thumb_height - $bar_height) / 2;
-
-			background-color: #808080;
-
-			.tooltip {
-				display: none;
-			}
-		}
-
-		-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-		-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-		box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-
-		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70407e+0,45407e+100 */
-		background: rgb(112,64,126); /* Old browsers */
-		background: -moz-linear-gradient(left,  rgba(112,64,126,1) 0%, rgba(69,64,126,1) 100%); /* FF3.6-15 */
-		background: -webkit-linear-gradient(left,  rgba(112,64,126,1) 0%,rgba(69,64,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
-		background: linear-gradient(to right,  rgba(112,64,126,1) 0%,rgba(69,64,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70407e', endColorstr='#45407e',GradientType=1 ); /* IE6-9 */
-	}
-
-	.left {
-		margin-right: 1em;
-
-		min-height: 0;
-		max-height: 100%;
-
-		.body {
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			min-height: 6.5em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			border: 1px $color_list_border solid;
-			border-radius: $border_radius_large;
-
-			background-color: $color_list_background;
-
-			&.container-devices, .container-devices {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				min-height: 3em;
-				position: relative;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				overflow-x: hidden;
-				overflow-y: auto;
-
-				@include chat-scrollbar-vertical();
-
-				.device {
-					flex-shrink: 0;
-					flex-grow: 0;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					cursor: pointer;
-
-					height: 3em;
-					width: 100%;
-
-					.container-selected {
-						/* the selected border */
-						margin-top: 1px;
-						margin-bottom: 1px;
-
-						flex-shrink: 0;
-						flex-grow: 0;
-
-						width: 3em;
-						position: relative;
-
-						border: none;
-						border-right: 1px solid #242527;
-
-						> * {
-							padding: .5em;
-							position: absolute;
-
-							top: 0;
-							left: 0;
-							right: 0;
-							bottom: 0;
-
-							margin: auto;
-						}
-
-						> .icon_em {
-							font-size: 2em;
-							opacity: 0;
-						}
-
-						> .icon-loading {
-							opacity: 0;
-
-							img {
-								max-height: 100%;
-								max-width: 100%;
-
-								-webkit-animation:spin 4s linear infinite;
-								-moz-animation:spin 4s linear infinite;
-								animation:spin 4s linear infinite;
-							}
-						}
-					}
-
-					.container-name {
-						/* the selected border */
-						margin-top: 1px;
-						margin-bottom: 1px;
-
-						flex-shrink: 1;
-						flex-grow: 1;
-
-						min-width: 4em;
-
-						padding: .5em;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: space-around;
-
-						border: none;
-
-						.device-driver {
-							font-size: .8em;
-							line-height: 1em;
-
-							color: #6a6a6a;
-
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-						}
-
-						.device-name {
-							line-height: 1em;
-
-							color: #999999;
-
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-						}
-					}
-
-					.container-activity {
-						/* the selected border */
-						margin-top: 1px;
-						margin-bottom: 1px;
-
-						flex-shrink: 0;
-						flex-grow: 0;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: space-around;
-
-						padding: .5em;
-
-						width: 10em;
-
-						border: none;
-						border-left: 1px solid #242527;
-
-						.container-activity-bar {
-							flex-grow: 0;
-							flex-shrink: 0;
-
-							width: 8em;
-						}
-					}
-
-					&:hover {
-						background-color: $color_list_hover;
-					}
-
-					&.selected {
-						.container-selected {
-							> .icon_em {
-								opacity: 1;
-							}
-
-							margin-top: 0;
-							margin-bottom: 0;
-
-							border-bottom: 1px solid #242527;
-							border-top: 1px solid #242527;
-						}
-						.container-name, .container-activity {
-							margin-top: 0;
-							margin-bottom: 0;
-
-							border-bottom: 1px solid #242527;
-							border-top: 1px solid #242527;
-						}
-					}
-
-					&.loading {
-						.container-selected {
-							.icon-loading {
-								opacity: 1;
-							}
-						}
-					}
-				}
-
-				.overlay {
-					position: absolute;
-
-					top: 0;
-					left: 0;
-					right: 0;
-					bottom: 0;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					background-color: #28292b;
-
-					a {
-						font-size: 1.75em;
-						align-self: center;
-						color: #9e9494;
-					}
-				}
-			}
-
-			.buttons {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				height: 3.5em;
-				padding: .5em;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				border: none;
-				border-top: 1px $color_list_border solid;
-
-				.spacer {
-					flex-grow: 1;
-					flex-shrink: 1;
-				}
-
-				:not(.spacer) {
-					flex-grow: 0;
-					flex-shrink: 0;
-				}
-
-				.container-error {
-					color: #a10000;
-					align-self: center;
-				}
-
-				button {
-					min-width: 8em;
-					height: 2.5em;
-				}
-			}
-		}
-	}
-
-	.right {
-		padding-right: .5em; /* for the sliders etc*/
-		justify-content: flex-start;
-
-		.body {
-			flex-grow: 0;
-			flex-shrink: 1;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: flex-start;
-
-			/* microphone */
-			.container-volume {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				height: 3em;
-				width: 100%;
-			}
-
-			/* microphone */
-			.container-select-vad {
-				width: 100%;
-
-				.fieldset {
-					padding: 0;
-					margin: 0;
-
-					flex-shrink: 1;
-					flex-grow: 1;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: stretch;
-
-					> .container {
-						padding: 0;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: space-between;
-
-						> label {
-							flex-shrink: 0;
-							min-width: 5em;
-
-							cursor: pointer;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: flex-start;
-
-							height: 1.7em;
-
-							.ratio-button {
-								align-self: center;
-								margin-right: .5em;
-							}
-
-							a {
-								align-self: center;
-								line-height: 1.2em;
-							}
-						}
-
-						button {
-							width: 100%;
-
-							height: 2em;
-							font-size: .75em;
-
-							align-self: center;
-
-							overflow: hidden;
-							white-space: nowrap;
-							text-overflow: ellipsis;
-						}
-
-						.container-button {
-							flex-shrink: 1;
-							margin-left: .5em;
-
-							min-width: 3em;
-							width: 15em;
-						}
-					}
-				}
-			}
-
-			/* microphone */
-			.container-sensitivity {
-				width: 100%;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				.container-activity-bar {
-					flex-grow: 1;
-					flex-shrink: 1;
-				}
-
-
-
-				.container-activity-bar .thumb {
-					@include transition(background-color $button_hover_animation_time ease-in-out);
-				}
-
-				&.disabled {
-					pointer-events: none;
-
-					.container-activity-bar {
-						.bar-hider {
-							width: 100%!important;
-						}
-
-						.thumb {
-							background-color: #4d4d4d!important;
-							.tooltip {
-								opacity: 0!important;
-							}
-						}
-					}
-				}
-			}
-
-			/* microphone */
-			.container-advanced {
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				.container-ppt-delay {
-					display: flex;
-					flex-direction: row;
-					justify-content: space-between;
-
-					label {
-						cursor: pointer;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: flex-start;
-
-						margin-right: .5em;
-
-						.checkbox {
-							margin-right: .5em;
-						}
-
-						a {
-							line-height: 1.2em;
-						}
-					}
-
-					.container-input {
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
-
-						cursor: text;
-
-						border-radius: $border_radius_middle;
-						overflow: hidden;
-
-						width: 5em;
-
-						height: 1.8em;
-						font-size: 0.75em;
-
-
-						align-self: center;
-
-						color: #464646;
-						background-color: #17171a;
-
-						input {
-							flex-shrink: 1;
-							flex-grow: 1;
-
-							min-width: 2em;
-							text-align: right;
-
-							position: relative;
-							outline: none;
-							border: none;
-
-							color: #464646;
-							padding: 0 .3em 0 .5em;
-
-							background-color: transparent;
-
-							-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-							-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-							box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25);
-
-							&::-webkit-inner-spin-button,
-							&::-webkit-outer-spin-button {
-								-webkit-appearance: none;
-								margin: 0;
-							}
-						}
-
-						label {
-							flex-shrink: 0;
-							flex-grow: 0;
-
-							align-self: center;
-						}
-
-						&.disabled {
-							cursor: unset;
-							pointer-events: none;
-
-							background-color: #222227;
-						}
-					}
-				}
-			}
-
-			/* speaker */
-			.container-volume-master {
-				.filler {
-					background-color: #2b8541;
-				}
-			}
-
-			.container-volume-soundpack {
-				padding-top: .75em;
-			}
-		}
-	}
-}
-
-/* the profile stuff */
-.container-settings-identity-profile {
-	display: flex;
-	flex-direction: row;
-	justify-content: stretch;
-	flex-shrink: 1;
-	flex-grow: 1;
-
-	min-width: 43em;
-	min-height: 41em;
-
-	position: relative;
-
-	.left, .right {
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		width: 50%;
-		min-width: 25em;
-		min-height: min-content;
-
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		position: relative;
-
-		.header {
-			height: 3em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			padding-bottom: .5em;
-
-			a {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				align-self: flex-end;
-
-				font-weight: bold;
-				color: #e0e0e0;
-
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-
-			.btn {
-				flex-shrink: 0;
-				flex-grow: 0;
-
-				margin-left: 1em;
-				min-width: 8em;
-			}
-		}
-
-		button {
-			height: 2.2em;
-			align-self: flex-end;
-		}
-	}
-
-	.left {
-		margin-right: 1em;
-		min-width: 15em;
-
-		.body {
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			border: 1px $color_list_border solid;
-			border-radius: $border_radius_large;
-
-			background-color: $color_list_background;
-
-			.container-profiles {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				min-height: 3em;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				position: relative;
-
-				overflow-x: hidden;
-				overflow-y: auto;
-
-				@include chat-scrollbar-vertical();
-
-				.overlay {
-					position: absolute;
-					background-color: #28292b;
-
-					top: 0;
-					right: 0;
-					left: 0;
-					bottom: 0;
-
-					z-index: 1;
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					a {
-						align-self: center;
-						font-size: 1.25em;
-					}
-
-					a.error {
-						align-self: center;
-						font-size: 1.75em;
-
-						color: hsla(0, 5%, 60%, 1);
-					}
-
-					button {
-						flex-grow: 0;
-						width: 8em;
-						align-self: center;
-					}
-				}
-
-				.profile {
-					flex-shrink: 0;
-					flex-grow: 0;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					cursor: pointer;
-
-					height: 3em;
-					width: 100%;
-
-					.container-avatar {
-						flex-shrink: 0;
-						flex-grow: 0;
-
-						height: 3em;
-						width: 3em;
-					}
-
-					.container-info {
-						flex-shrink: 1;
-						flex-grow: 1;
-
-						margin-left: .5em;
-						min-width: 4em;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: center;
-
-						.container-type {
-							width: 100%;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: flex-start;
-
-							text-transform: uppercase;
-							font-weight: bold;
-
-							font-size: 0.8em;
-
-							line-height: 1em;
-
-							color: #6a6a6a;
-
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-
-							> *:not(:first-of-type) {
-								margin-left: .25em;
-							}
-							.icon-status {
-								margin-bottom: .2em; /* push it a bit higher than the center */
-							}
-
-							div {
-								align-self: center;
-							}
-						}
-
-						.profile-name {
-							line-height: 1.2em;
-
-							color: #999999;
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-						}
-					}
-
-					&:hover {
-						background-color: $color_list_hover;
-					}
-
-					&.selected {
-						background-color: $color_list_selected;
-					}
-				}
-			}
-
-			.buttons, .buttons-small {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				height: 3.5em;
-				padding: .5em;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: stretch;
-
-				border: none;
-				border-top: 1px $color_list_border solid;
-
-				.spacer {
-					flex-grow: 1;
-					flex-shrink: 1000000000;
-				}
-
-				.container-error {
-					color: #a10000;
-					align-self: center;
-				}
-
-				button {
-					flex-shrink: 1;
-					min-width: 2em;
-
-					@include text-dotdotdot();
-
-					&:not(:last-of-type) {
-						margin-right: .5em;
-					}
-				}
-			}
-
-			.buttons {
-				display: none;
-			}
-		}
-	}
-
-	.right {
-		padding-right: .5em; /* for the sliders etc*/
-		justify-content: flex-start;
-
-		.body {
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			> div {
-				flex-shrink: 0;
-			}
-
-			.container-teamspeak {
-				.container-invalid {
-					padding: 1em;
-					text-align: center;
-				}
-				.container-valid {
-					.container-level {
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
-
-						.form-group {
-							flex-grow: 1;
-							flex-shrink: 1;
-							min-width: 4em;
-						}
-
-						button {
-							height: 2em;
-
-							align-self: center;
-							margin-left: 1em;
-						}
-					}
-				}
-
-				.buttons {
-					display: flex;
-					flex-direction: row;
-					justify-content: space-between;
-
-					> div {
-						text-align: right;
-
-						width: max-content;
-						margin-left: 1em;
-					}
-
-					button {
-						overflow: hidden;
-						text-overflow: ellipsis;
-						white-space: nowrap;
-
-						text-align: end;
-
-						margin-top: 1em;
-					}
-				}
-			}
-
-			.container-teaforo {
-				.container-valid, .container-invalid {
-					padding: 1em;
-					text-align: center;
-
-					button {
-						margin-top: .5em;
-					}
-				}
-			}
-
-			.container-highlight-dummy {
-				margin-top: 1em;
-				margin-bottom: .5em;
-
-				display: none;
-				flex-grow: 1;
-			}
-		}
-	}
-}
-
-/* the highlight stuff for the newcommer modal */
-.container-settings-identity-profile, .container-settings-audio-microphone {
-	$highlight-time: .5s;
-	$backdrop-color: rgba(0, 0, 0, .9);
-	.help-background {
-		position: absolute;
-
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-
-		display: none;
-		background-color: $backdrop-color;
-		border-radius: .15em;
-
-		padding: .5em;
-	}
-
-	.container-help-text {
-		position: absolute;
-
-		top: 1em;
-		left: 1em;
-		right: 1em;
-		bottom: 1em;
-
-		display: none;
-		z-index: 20;
-
-		a {
-			display: block;
-		}
-	}
-
-	&.help-shown {
-		.help-background {
-			display: flex;
-			z-index: 1;
-
-			opacity: 1;
-		}
-
-		.highlightable {
-			border-radius: .1em;
-			position: relative;
-			z-index: 10;
-
-			background: #19191b;
-
-			@include transition($highlight-time ease-in-out);
-
-			&::after {
-				content: ' ';
-
-				z-index: 5;
-				position: absolute;
-
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
-
-				background-color: $backdrop-color;
-
-				@include transition($highlight-time ease-in-out);
-			}
-
-			&.highlighted {
-				padding: .5em;
-
-				&::after {
-					background-color: #00000000;
-				}
-			}
-		}
-
-		.container-help-text {
-			display: block;
-
-			overflow: auto;
-			@include chat-scrollbar();
-			@include transition($highlight-time ease-in-out);
-
-			.help-microphone-settings {
-				ol {
-					margin-top: .5em;
-					margin-bottom: 0;
-				}
-
-				li {
-					margin-bottom: .5em;
-
-					.title {
-						font-weight: bold;
-					}
-				}
-			}
-		}
-
-		.container-teamspeak, .container-teaforo, .container-nickname {
-			display: none;
-		}
-
-		.container-highlight-dummy {
-			display: flex!important;
-		}
-
-		&.hide-help {
-			.help-background {
-				@include transition($highlight-time ease-in-out);
-
-				opacity: 0;
-			}
-
-			.highlightable::after {
-				background-color: #00000000;
-			}
-
-			.container-help-text {
-				display: none;
-			}
-		}
-	}
-}
-
 @media all and (min-width: 50em) {
-	.container-settings-identity-profile {
-		.buttons {
-			display: flex!important;
-		}
+	:global {
+		.container-settings-identity-profile {
+			.buttons {
+				display: flex!important;
+			}
 
-		.buttons-small {
-			display: none!important;
+			.buttons-small {
+				display: none!important;
+			}
 		}
 	}
 }
diff --git a/shared/css/static/modal.scss b/shared/css/static/modal.scss
index 9cb6de84..abc5abb0 100644
--- a/shared/css/static/modal.scss
+++ b/shared/css/static/modal.scss
@@ -1,968 +1,971 @@
 @import "properties";
 @import "mixin";
 
-.modal {
-	color: #999999; /* base color */
+:global {
 
-	overflow: auto; /* allow scrolling if a modal is too big */
+	.modal {
+		color: #999999; /* base color */
 
-	background-color: rgba(0, 0, 0, 0.8);
+		overflow: auto; /* allow scrolling if a modal is too big */
 
-	padding-right: 5%;
-	padding-left: 5%;
+		background-color: rgba(0, 0, 0, 0.8);
 
-	z-index: 100000;
-	position: fixed;
+		padding-right: 5%;
+		padding-left: 5%;
 
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
+		z-index: 100000;
+		position: fixed;
 
-	display: none;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
 
-	margin-top: -7em;
-	opacity: 0;
+		display: none;
 
-	$animation_length: .3s;
-	@include transition(opacity $animation_length ease-in, margin-top $animation_length ease-in);
-	&.shown {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-
-		margin-top: 0;
-		opacity: 1;
-
-		@include transition(opacity $animation_length ease-out, margin-top $animation_length ease-out);
-	}
-
-	.modal-dialog {
-		display: block;
-
-		margin: 1.75rem 0;
-
-		/* width calculations */
-		align-items: center;
-
-		/* height stuff */
-		max-height: calc(100% - 3.5em);
-
-		.modal-content {
-			background: #19191b;
-
-			border: 1px solid black;
-			border-radius: $border_radius_middle;
-
-			width: max-content;
-			max-width: 100%;
-			min-width: 20em;
-
-			min-height: min-content;
-
-			/* align us in the center */
-			margin-right: auto;
-			margin-left: auto;
-
-			flex-shrink: 1;
-			flex-grow: 0; /* we dont want a grow over the limit set within the content, but we want to shrink the content if necessary */
-			align-self: center;
+		margin-top: -7em;
+		opacity: 0;
 
+		$animation_length: .3s;
+		@include transition(opacity $animation_length ease-in, margin-top $animation_length ease-in);
+		&.shown {
 			display: flex;
 			flex-direction: column;
-			justify-content: stretch;
+			justify-content: center;
 
-			.modal-header, .modal-footer {
-				flex-grow: 0;
-				flex-shrink: 0;
-			}
+			margin-top: 0;
+			opacity: 1;
 
-			.modal-header {
-				background-color: #222224;
+			@include transition(opacity $animation_length ease-out, margin-top $animation_length ease-out);
+		}
+
+		.modal-dialog {
+			display: block;
+
+			margin: 1.75rem 0;
+
+			/* width calculations */
+			align-items: center;
+
+			/* height stuff */
+			max-height: calc(100% - 3.5em);
+
+			.modal-content {
+				background: #19191b;
+
+				border: 1px solid black;
+				border-radius: $border_radius_middle;
+
+				width: max-content;
+				max-width: 100%;
+				min-width: 20em;
+
+				min-height: min-content;
+
+				/* align us in the center */
+				margin-right: auto;
+				margin-left: auto;
+
+				flex-shrink: 1;
+				flex-grow: 0; /* we dont want a grow over the limit set within the content, but we want to shrink the content if necessary */
+				align-self: center;
 
 				display: flex;
-				flex-direction: row;
+				flex-direction: column;
 				justify-content: stretch;
 
-				padding: .25em;
-
-				.container-icon, .container-close {
+				.modal-header, .modal-footer {
 					flex-grow: 0;
 					flex-shrink: 0;
 				}
 
-				.container-close {
-					height: 1.4em;
-					width: 1.4em;
+				.modal-header {
+					background-color: #222224;
 
-					padding: .2em;
-					border-radius: .2em;
+					display: flex;
+					flex-direction: row;
+					justify-content: stretch;
 
-					cursor: pointer;
+					padding: .25em;
 
-					&:hover {
-						background-color: #1b1b1c;
+					.container-icon, .container-close {
+						flex-grow: 0;
+						flex-shrink: 0;
+					}
+
+					.container-close {
+						height: 1.4em;
+						width: 1.4em;
+
+						padding: .2em;
+						border-radius: .2em;
+
+						cursor: pointer;
+
+						&:hover {
+							background-color: #1b1b1c;
+						}
+					}
+
+					.container-icon {
+						margin-right: .25em;
+
+						img {
+							height: 1em;
+							width: 1em;
+						}
+					}
+
+					.modal-title, modal-header {
+						flex-grow: 1;
+						flex-shrink: 1;
+
+						color: #9d9d9e;
+
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					h5 {
+						margin: 0;
+						padding: 0;
 					}
 				}
 
-				.container-icon {
-					margin-right: .25em;
+				.modal-body {
+					max-width: 100%;
+					min-width: 20em; /* may adjust if needed */
 
-					img {
-						height: 1em;
-						width: 1em;
-					}
+					max-height: calc(100vh - 8em);
+					min-height: 5em;
+
+					overflow-y: auto;
+					overflow-x: auto;
+
+					display: block;
+				}
+			}
+		}
+	}
+
+	.modal {
+		//General style
+		.properties {
+			display: grid;
+			grid-template-columns: minmax(min-content, max-content) auto;
+			grid-column-gap: 10px;
+			grid-row-gap: 3px;
+			box-sizing: border-box;
+		}
+
+		hr {
+			border-top: 3px double #8c8b8b;
+			width: 100%;
+		}
+
+
+		.input_error {
+			border-radius: 1px;
+			border: solid red;
+		}
+
+		.properties_misc {
+			.complains {
+				display: grid;
+				grid-template-columns: auto auto auto;
+				grid-template-rows: auto auto;
+				grid-column-gap: 5px;
+				margin-bottom: 10px;
+			}
+		}
+
+		.container {
+			padding: 6px;
+		}
+
+		.modal-dialog {
+			display: flex;
+			flex-direction: column;
+			justify-content: stretch;
+
+			&.modal-dialog-centered {
+				justify-content: stretch;
+			}
+		}
+
+		.modal-content {
+			/* max-height: 500px; */
+			min-height: 0; /* required for moz */
+			flex-direction: column;
+			justify-content: stretch;
+
+			.modal-header {
+				flex-shrink: 0;
+				flex-grow: 0;
+
+				&.modal-header-error {
+					//background-color: #ce0000;
+					background-color: hsla(0, 100%, 25%, 1);
 				}
 
-				.modal-title, modal-header {
-					flex-grow: 1;
-					flex-shrink: 1;
-
-					color: #9d9d9e;
-
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
+				&.modal-header-info {
+					background-color: hsla(199, 98%, 20%, 1);
 				}
 
-				h5 {
-					margin: 0;
-					padding: 0;
+				&.modal-header-warning, &.modal-header-info, &.modal-header-error {
+					border-top-left-radius: .125rem;
+					border-top-right-radius: .125rem;
 				}
 			}
 
 			.modal-body {
-				max-width: 100%;
-				min-width: 20em; /* may adjust if needed */
+				padding: 20px 24px 24px;
 
-				max-height: calc(100vh - 8em);
-				min-height: 5em;
+				flex-grow: 1;
+				flex-shrink: 1;
+				display: flex;
+				flex-direction: column;
+				min-height: 0;
 
-				overflow-y: auto;
-				overflow-x: auto;
+				input.is-invalid {
+					background-image: linear-gradient(0deg, #d50000 2px, rgba(213, 0, 0, 0) 0), linear-gradient(0deg, rgba(241, 1, 1, 0.61) 1px, transparent 0);
+				}
+			}
 
+			.modal-footer {
+				flex-shrink: 0;
+				flex-grow: 0;
+
+				&.modal-footer-button-group {
+					button {
+						min-width: 100px;
+					}
+
+					button:not(:first-of-type) {
+						margin-left: 15px;
+					};
+				}
+			}
+		}
+	}
+
+	/* special general modals */
+	.modal {
+		.modal-body.modal-blue {
+			border-left: 2px solid #0a73d2;
+		}
+		.modal-body.modal-green {
+			border-left: 2px solid #00d400;
+		}
+		.modal-body.modal-red {
+			border: none;
+			border-left: 2px solid #d50000;
+		}
+
+		.modal-body.modal-body-input {
+			color: #999999;
+
+			width: 100%;
+
+			.form-group:not(.with-title) {
+				padding-top: .75rem;
+			}
+
+			input.is-invalid ~ .container-help-feedback > .invalid-feedback {
 				display: block;
 			}
-		}
-	}
-}
 
-.modal {
-	//General style
-	.properties {
-		display: grid;
-		grid-template-columns: minmax(min-content, max-content) auto;
-		grid-column-gap: 10px;
-		grid-row-gap: 3px;
-		box-sizing: border-box;
-	}
-
-	hr {
-		border-top: 3px double #8c8b8b;
-		width: 100%;
-	}
-
-
-	.input_error {
-		border-radius: 1px;
-		border: solid red;
-	}
-
-	.properties_misc {
-		.complains {
-			display: grid;
-			grid-template-columns: auto auto auto;
-			grid-template-rows: auto auto;
-			grid-column-gap: 5px;
-			margin-bottom: 10px;
-		}
-	}
-
-	.container {
-		padding: 6px;
-	}
-
-	.modal-dialog {
-		display: flex;
-		flex-direction: column;
-		justify-content: stretch;
-
-		&.modal-dialog-centered {
-			justify-content: stretch;
-		}
-	}
-
-	.modal-content {
-		/* max-height: 500px; */
-		min-height: 0; /* required for moz */
-		flex-direction: column;
-		justify-content: stretch;
-
-		.modal-header {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			&.modal-header-error {
-				//background-color: #ce0000;
-				background-color: hsla(0, 100%, 25%, 1);
+			.container-help-feedback {
+				position: absolute;
 			}
 
-			&.modal-header-info {
-				background-color: hsla(199, 98%, 20%, 1);
-			}
+			.buttons {
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-end;
 
-			&.modal-header-warning, &.modal-header-info, &.modal-header-error {
-				border-top-left-radius: .125rem;
-				border-top-right-radius: .125rem;
-			}
-		}
-
-		.modal-body {
-			padding: 20px 24px 24px;
-
-			flex-grow: 1;
-			flex-shrink: 1;
-			display: flex;
-			flex-direction: column;
-			min-height: 0;
-
-			input.is-invalid {
-				background-image: linear-gradient(0deg, #d50000 2px, rgba(213, 0, 0, 0) 0), linear-gradient(0deg, rgba(241, 1, 1, 0.61) 1px, transparent 0);
-			}
-		}
-
-		.modal-footer {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			&.modal-footer-button-group {
 				button {
-					min-width: 100px;
-				}
+					width: 6em;
 
-				button:not(:first-of-type) {
-					margin-left: 15px;
-				};
-			}
-		}
-	}
-}
-
-/* special general modals */
-.modal {
-	.modal-body.modal-blue {
-		border-left: 2px solid #0a73d2;
-	}
-	.modal-body.modal-green {
-		border-left: 2px solid #00d400;
-	}
-	.modal-body.modal-red {
-		border: none;
-		border-left: 2px solid #d50000;
-	}
-
-	.modal-body.modal-body-input {
-		color: #999999;
-
-		width: 100%;
-
-		.form-group:not(.with-title) {
-			padding-top: .75rem;
-		}
-
-		input.is-invalid ~ .container-help-feedback > .invalid-feedback {
-			display: block;
-		}
-
-		.container-help-feedback {
-			position: absolute;
-		}
-
-		.buttons {
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-end;
-
-			button {
-				width: 6em;
-
-				&:not(:last-of-type) {
-					margin-right: 1em;
+					&:not(:last-of-type) {
+						margin-right: 1em;
+					}
 				}
 			}
 		}
-	}
 
-	.modal-body.modal-body-yesno {
-		color: #999999;
-
-		border: none;
-		border-left: 2px solid #d50000;
-
-		width: 100%;
-
-		.buttons {
-			padding-top: 2em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-end;
-
-			button {
-				width: 6em;
-
-				&:not(:last-of-type) {
-					margin-right: 1em;
-				}
-			}
-		}
-	}
-
-	.modal-body.modal-info, .modal-body.modal-error {
-		justify-content: center;
-	}
-}
-
-
-/* Input group */
-.form-group {
-	position: relative;
-
-	padding-top: 1.75rem; /* the label above (might be floating) */
-	margin-bottom: 1rem; /* for invalid label/help label */
-
-	.form-control {
-		display: block;
-		width: 100%;
-		padding: .4375rem 0;
-		font-size: 1rem;
-		line-height: 1.5;
-		color: #cdd1d0;
-		background-color: transparent;
-		background-clip: padding-box;
-		border: 1px solid rgba(0, 0, 0, .26);
-		border-radius: 0;
-		box-shadow: none;
-
-		@include transition(border-color .15s ease-in-out, box-shadow .15s ease-in-out);
-	}
-
-	label {
-		color: #999999;
-
-		top: 1rem;
-		left: 0;
-		font-size: .75rem;
-
-		position: absolute;
-		pointer-events: none;
-		transition: all .3s ease;
-
-		line-height: 1;
-
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-
-		max-width: 100%;
-
-		&.bmd-label-floating {
-			will-change: left, top, contents;
+		.modal-body.modal-body-yesno {
 			color: #999999;
-			top: 2.42rem;
-			font-size: 1rem;
+
+			border: none;
+			border-left: 2px solid #d50000;
+
+			width: 100%;
+
+			.buttons {
+				padding-top: 2em;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-end;
+
+				button {
+					width: 6em;
+
+					&:not(:last-of-type) {
+						margin-right: 1em;
+					}
+				}
+			}
 		}
 
-		@include transition(color $button_hover_animation_time ease-in-out, top $button_hover_animation_time ease-in-out, font-size $button_hover_animation_time ease-in-out);
+		.modal-body.modal-info, .modal-body.modal-error {
+			justify-content: center;
+		}
 	}
 
 
-	&:focus-within {
+	/* Input group */
+	.form-group {
+		position: relative;
+
+		padding-top: 1.75rem; /* the label above (might be floating) */
+		margin-bottom: 1rem; /* for invalid label/help label */
+
+		.form-control {
+			display: block;
+			width: 100%;
+			padding: .4375rem 0;
+			font-size: 1rem;
+			line-height: 1.5;
+			color: #cdd1d0;
+			background-color: transparent;
+			background-clip: padding-box;
+			border: 1px solid rgba(0, 0, 0, .26);
+			border-radius: 0;
+			box-shadow: none;
+
+			@include transition(border-color .15s ease-in-out, box-shadow .15s ease-in-out);
+		}
+
 		label {
-			color: #3c74a2;
+			color: #999999;
+
+			top: 1rem;
+			left: 0;
+			font-size: .75rem;
+
+			position: absolute;
+			pointer-events: none;
+			transition: all .3s ease;
+
+			line-height: 1;
+
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+
+			max-width: 100%;
 
 			&.bmd-label-floating {
-				//color: #343434;
+				will-change: left, top, contents;
+				color: #999999;
+				top: 2.42rem;
+				font-size: 1rem;
+			}
+
+			@include transition(color $button_hover_animation_time ease-in-out, top $button_hover_animation_time ease-in-out, font-size $button_hover_animation_time ease-in-out);
+		}
+
+
+		&:focus-within {
+			label {
+				color: #3c74a2;
+
+				&.bmd-label-floating {
+					//color: #343434;
+				}
 			}
 		}
-	}
 
-	&:focus-within, &.is-filled {
-		label.bmd-label-floating {
-			top: 1rem;
-			font-size: .75rem;
-			color: #3c74a2;
+		&:focus-within, &.is-filled {
+			label.bmd-label-floating {
+				top: 1rem;
+				font-size: .75rem;
+				color: #3c74a2;
+			}
 		}
-	}
 
-	.form-control {
-		height: 2.25em;
-
-		background: no-repeat bottom, 50% calc(100% - 1px);
-		background-size: 0 100%, 100% 100%;
-		border: 0;
-		transition: background 0s ease-out;
-		padding-left: 0;
-		padding-right: 0;
-
-
-		background-image: linear-gradient(0deg, #008aff 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, #393939 1px, transparent 0);
-
-		&:focus {
+		.form-control {
 			height: 2.25em;
 
-			background-size: 100% 100%, 100% 100%;
-			transition-duration: .3s;
-
-			color: #ced3d3;
-			background-color: transparent;
-			outline: 0;
-		}
-
-		&.is-invalid {
-			background-image: linear-gradient(0deg, #d50000 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,rgba(241,1,1,.61) 1px,transparent 0);
-		}
-	}
-
-	.invalid-feedback {
-		position: absolute;
-		opacity: 0;
-		width: 100%;
-		margin-top: .25rem;
-		font-size: 80%;
-		color: #f44336;
-
-		@include transition(opacity .25s ease-in-out);
-	}
-
-	.form-control.is-invalid ~ .invalid-feedback {
-		opacity: 1;
-	}
+			background: no-repeat bottom, 50% calc(100% - 1px);
+			background-size: 0 100%, 100% 100%;
+			border: 0;
+			transition: background 0s ease-out;
+			padding-left: 0;
+			padding-right: 0;
 
 
-	&.is-invalid {
-		.form-control {
-			background-image: linear-gradient(0deg, #d50000 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,rgba(241,1,1,.61) 1px,transparent 0);
+			background-image: linear-gradient(0deg, #008aff 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, #393939 1px, transparent 0);
+
+			&:focus {
+				height: 2.25em;
+
+				background-size: 100% 100%, 100% 100%;
+				transition-duration: .3s;
+
+				color: #ced3d3;
+				background-color: transparent;
+				outline: 0;
+			}
+
+			&.is-invalid {
+				background-image: linear-gradient(0deg, #d50000 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,rgba(241,1,1,.61) 1px,transparent 0);
+			}
 		}
 
 		.invalid-feedback {
+			position: absolute;
+			opacity: 0;
+			width: 100%;
+			margin-top: .25rem;
+			font-size: 80%;
+			color: #f44336;
+
+			@include transition(opacity .25s ease-in-out);
+		}
+
+		.form-control.is-invalid ~ .invalid-feedback {
 			opacity: 1;
 		}
 
-		label {
-			color: #f44336!important;
+
+		&.is-invalid {
+			.form-control {
+				background-image: linear-gradient(0deg, #d50000 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,rgba(241,1,1,.61) 1px,transparent 0);
+			}
+
+			.invalid-feedback {
+				opacity: 1;
+			}
+
+			label {
+				color: #f44336!important;
+			}
+		}
+
+		.bmd-help {
+			position: absolute;
+			opacity: 0;
+			width: 100%;
+			margin-top: .25rem;
+
+			font-size: .75em;
+
+			@include transition(opacity .25s ease-in-out);
+		}
+
+		.form-control:focus-within ~ .bmd-help {
+			opacity: 1;
 		}
 	}
 
-	.bmd-help {
-		position: absolute;
-		opacity: 0;
-		width: 100%;
-		margin-top: .25rem;
+	.modal-body.modal-disconnect-kick {
+		display: block;
 
-		font-size: .75em;
+		a {
+			display: inline-block;
+		}
 
-		@include transition(opacity .25s ease-in-out);
+		.htmltag-client {
+			display: inline-block;
+			color: unset!important;
+		}
 	}
 
-	.form-control:focus-within ~ .bmd-help {
-		opacity: 1;
-	}
-}
+	/* button look */
+	.btn {
+		cursor: pointer;
 
-.modal-body.modal-disconnect-kick {
-	display: block;
+		background-color: rgba(0, 0, 0, 0.5);
 
-	a {
-		display: inline-block;
-	}
+		border-width: 0;
+		border-radius: $border_radius_middle;
+		border-style: solid;
 
-	.htmltag-client {
-		display: inline-block;
-		color: unset!important;
-	}
-}
+		color: #7c7c7c;
 
-/* button look */
-.btn {
-	cursor: pointer;
+		padding: .25em 1em;
 
-	background-color: rgba(0, 0, 0, 0.5);
+		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
 
-	border-width: 0;
-	border-radius: $border_radius_middle;
-	border-style: solid;
-
-	color: #7c7c7c;
-
-	padding: .25em 1em;
-
-	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-
-	@include text-dotdotdot();
-
-	&:hover {
-		background-color: #0a0a0a;
-	}
-
-	&:disabled {
-		box-shadow: none;
-		background-color: rgba(0, 0, 0, 0.27);
+		@include text-dotdotdot();
 
 		&:hover {
+			background-color: #0a0a0a;
+		}
+
+		&:disabled {
+			box-shadow: none;
 			background-color: rgba(0, 0, 0, 0.27);
+
+			&:hover {
+				background-color: rgba(0, 0, 0, 0.27);
+			}
 		}
+
+		&.btn-success, &.btn-green {
+			border-bottom-width: 2px;
+			border-bottom-color: #389738;
+		}
+
+		&.btn-info, &.btn-blue {
+			border-bottom-width: 2px;
+			border-bottom-color: #386896;
+		}
+
+		&.btn-warning, &.btn-danger, &.btn-red {
+			border-bottom-width: 2px;
+			border-bottom-color: #973838;
+		}
+
+		&.btn-purple {
+			border-bottom-width: 2px;
+			border-bottom-color: #5f3586;
+		}
+
+		&.btn-brown {
+			border-bottom-width: 2px;
+			border-bottom-color: #965238;
+		}
+
+		&.btn-yellow {
+			border-bottom-width: 2px;
+			border-bottom-color: #96903a;
+		}
+
+		@include transition(background-color $button_hover_animation_time ease-in-out);
 	}
 
-	&.btn-success, &.btn-green {
-		border-bottom-width: 2px;
-		border-bottom-color: #389738;
-	}
+	/* general switch look */
+	.switch {
+		$ball_outer_width: 1.5em; /* 1.5? */
+		$ball_inner_width: .4em;
 
-	&.btn-info, &.btn-blue {
-		border-bottom-width: 2px;
-		border-bottom-color: #386896;
-	}
+		$slider_height: .8em;
+		$slider_width: 2em;
 
-	&.btn-warning, &.btn-danger, &.btn-red {
-		border-bottom-width: 2px;
-		border-bottom-color: #973838;
-	}
+		$slider_border_size: .1em;
 
-	&.btn-purple {
-		border-bottom-width: 2px;
-		border-bottom-color: #5f3586;
-	}
-
-	&.btn-brown {
-		border-bottom-width: 2px;
-		border-bottom-color: #965238;
-	}
-
-	&.btn-yellow {
-		border-bottom-width: 2px;
-		border-bottom-color: #96903a;
-	}
-
-	@include transition(background-color $button_hover_animation_time ease-in-out);
-}
-
-/* general switch look */
-.switch {
-	$ball_outer_width: 1.5em; /* 1.5? */
-	$ball_inner_width: .4em;
-
-	$slider_height: .8em;
-	$slider_width: 2em;
-
-	$slider_border_size: .1em;
-
-	position: relative;
-	display: inline-block;
-	outline: none;
-
-	width: $slider_width;
-	height: $slider_height;
-
-	/* "allocate" space for the slider */
-	margin-top: ($ball_outer_width - $slider_height) / 2;
-	margin-bottom: ($ball_outer_width - $slider_height) / 2;
-	margin-left: $ball_outer_width / 2;
-	margin-right: $ball_outer_width / 2;
-
-	/* fix size */
-	flex-shrink: 0;
-	flex-grow: 0;
-
-	input {
-		/* "hide" the actual input node */
-		opacity: 0;
-		width: 0;
-		height: 0;
-		outline: none;
-	}
-
-	.slider {
-		pointer-events: all!important;
-		position: absolute;
-		cursor: pointer;
+		position: relative;
+		display: inline-block;
 		outline: none;
 
-		top: -$slider_border_size;
-		left: -$slider_border_size;
-		right: -$slider_border_size;
-		bottom: -$slider_border_size;
+		width: $slider_width;
+		height: $slider_height;
 
-		background-color: #252424;
+		/* "allocate" space for the slider */
+		margin-top: ($ball_outer_width - $slider_height) / 2;
+		margin-bottom: ($ball_outer_width - $slider_height) / 2;
+		margin-left: $ball_outer_width / 2;
+		margin-right: $ball_outer_width / 2;
 
-		border: $slider_border_size solid #262628;
-		border-radius: 5px;
-
-		&:before {
-			position: absolute;
-			content: "";
-
-			height: $ball_outer_width;
-			width: $ball_outer_width;
-
-			left: - $ball_outer_width / 2;
-			bottom: -($ball_outer_width - $slider_height) / 2;
-
-			background-color: #3d3a3a;
-
-			@include transition(.4s);
-			border-radius: 50%;
-
-			box-shadow: 0 0 .2em 1px rgba(0, 0, 0, 0.27);
-		}
-
-		.dot {
-			position: absolute;
-
-			height: $ball_inner_width;
-			width: $ball_inner_width;
-
-			left: -($ball_inner_width / 2);
-			bottom: $slider_height / 2 - $ball_inner_width / 2;
-
-			background-color: #a5a5a5;
-			box-shadow: 0 0 1em 1px rgba(165, 165, 165, 0.4);
-			border-radius: 50%;
-
-			@include transition(.4s);
-		}
-	}
-
-
-
-	input:focus + .slider {
-	}
-
-	input:checked + .slider {
-		&:before {
-			@include transform(translateX($slider_width));
-		}
-
-		.dot {
-			@include transform(translateX($slider_width));
-			background-color: #46c0ec;
-			box-shadow: 0 0 1em 1px #46c0ec;
-		}
-	}
-}
-
-/* general radio button look */
-.ratio-button, .radio-button {
-	$button_size: 1.2em;
-	$mark_size: .6em;
-
-	position: relative;
-
-	width: $button_size;
-	height: $button_size;
-
-	cursor: pointer;
-
-	overflow: hidden;
-
-	background-color: #272626;
-	border-radius: 50%;
-
-	input {
-		position: absolute;
-		width: 0;
-		height: 0;
-		opacity: 0;
-	}
-
-	//#07d1fe
-	.mark {
-		position: absolute;
-		opacity: 0;
-
-		top: ($button_size - $mark_size) / 2;
-		bottom: ($button_size - $mark_size) / 2;
-		right: ($button_size - $mark_size) / 2;
-		left: ($button_size - $mark_size) / 2;
-
-		background-color: #46c0ec;
-		box-shadow: 0 0 .5em 1px rgba(70, 192, 236, 0.4);
-		border-radius: 50%;
-
-		@include transition(.4s);
-	}
-
-	input:checked + .mark {
-		opacity: 1;
-	}
-
-	@include transition(background-color $button_hover_animation_time);
-
-	-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-	-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-}
-
-label:hover > .ratio-button, .ratio-button:hover,
-label:hover > .radio-button, .radio-button:hover{
-	&.ratio-button, > .ratio-button,
-	&.radio-button, > .radio-button{
-		background-color: #2c2b2b;
-	}
-}
-
-label.disabled > .ratio-button, .ratio-button.disabled, .ratio-button:disabled,
-label.disabled > .radio-button, .radio-button.disabled, .radio-button:disabled {
-	&.ratio-button, > .ratio-button,
-	&.radio-button, > .radio-button {
-		pointer-events: none!important;
-		background-color: #1a1919!important;
-	}
-}
-
-
-/*
-<label class="checkbox">
-	<input type="checkbox">
-	<div class="mark"></div>
-</label>
- */
-.checkbox {
-	flex-shrink: 0;
-	flex-grow: 0;
-
-	position: relative;
-
-	width: 1.3em;
-	height: 1.3em;
-
-	cursor: pointer;
-	pointer-events: all;
-
-	overflow: hidden;
-
-	background-color: #272626;
-	border-radius: $border_radius_middle;
-
-	input {
-		position: absolute;
-		width: 0;
-		height: 0;
-		opacity: 0;
-	}
-
-	//#07d1fe
-	.mark {
-		position: absolute;
-		opacity: 0;
-
-		height: .5em;
-		width: .8em;
-
-		margin-left: 0.25em;
-		margin-top: .3em;
-
-		border: none;
-		border-bottom: .2em solid #46c0ec;
-		border-left: .2em solid #46c0ec;
-
-		transform: rotateY(0deg) rotate(-45deg); /* needs Y at 0 deg to behave properly*/
-		@include transition(.4s);
-	}
-
-	input:checked + .mark {
-		opacity: 1;
-	}
-
-	-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-	-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
-}
-
-label.disabled > .checkbox, .checkbox:disabled, .checkbox.disabled {
-	&.checkbox, > .checkbox {
-		pointer-events: none!important;
-		background-color: #1a1a1e;
-	}
-}
-
-/* slider */
-$track_height: .6em;
-
-$thumb_width: .6em;
-$thumb_height: 2em;
-
-$tooltip_width: 4em;
-$tooltip_height: 1.8em;
-
-.container-slider {
-	font-size: .8em;
-
-	position: relative;
-
-	margin-top: .5em; /* for the track */
-
-	width: 100%;
-	height: $track_height;
-
-	cursor: pointer;
-
-	background-color: #242527;
-	border-radius: $border_radius_large;
-
-	overflow: visible;
-
-	.filler {
-		position: absolute;
-
-		left: 0;
-		top: 0;
-		bottom: 0;
-
-		background-color: #4370a2;
-		border-radius: $border_radius_large;
-	}
-
-	.thumb {
-		position: absolute;
-
-		top: 0;
-		right: 0;
-
-		height: $thumb_height;
-		width: $thumb_width;
-
-		margin-left: -($thumb_width / 2);
-		margin-right: -($thumb_width / 2);
-
-		margin-top: -($thumb_height - $track_height) / 2;
-		margin-bottom: -($thumb_height - $track_height) / 2;
-
-		background-color: #808080;
-
-		.tooltip {
-			display: none;
-		}
-	}
-
-	&:hover, &.active {
-		.tooltip {
-			opacity: 1;
-		}
-	}
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-	/* display: none; <- Crashes Chrome on hover */
-	-webkit-appearance: none;
-	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
-}
-
-input[type=number] {
-	-moz-appearance:textfield; /* Firefox */
-}
-
-/* "Boxed input" Used in channeledit & serveredit */
-.input-boxed {
-	height: 2.5em;
-
-	border-radius: .2em;
-	border: 1px solid #111112;
-
-	background-color: #121213;
-
-	display: flex;
-	flex-direction: row;
-	justify-content: stretch;
-
-	color: #b3b3b3;
-
-	@include placeholder(&) {
-		color: #606060;
-	};
-
-	.prefix {
-		flex-grow: 0;
+		/* fix size */
 		flex-shrink: 0;
+		flex-grow: 0;
 
-		margin: 0;
+		input {
+			/* "hide" the actual input node */
+			opacity: 0;
+			width: 0;
+			height: 0;
+			outline: none;
+		}
 
-		line-height: initial;
-		align-self: center;
-		padding: 0 .5em;
+		.slider {
+			pointer-events: all!important;
+			position: absolute;
+			cursor: pointer;
+			outline: none;
+
+			top: -$slider_border_size;
+			left: -$slider_border_size;
+			right: -$slider_border_size;
+			bottom: -$slider_border_size;
+
+			background-color: #252424;
+
+			border: $slider_border_size solid #262628;
+			border-radius: 5px;
+
+			&:before {
+				position: absolute;
+				content: "";
+
+				height: $ball_outer_width;
+				width: $ball_outer_width;
+
+				left: - $ball_outer_width / 2;
+				bottom: -($ball_outer_width - $slider_height) / 2;
+
+				background-color: #3d3a3a;
+
+				@include transition(.4s);
+				border-radius: 50%;
+
+				box-shadow: 0 0 .2em 1px rgba(0, 0, 0, 0.27);
+			}
+
+			.dot {
+				position: absolute;
+
+				height: $ball_inner_width;
+				width: $ball_inner_width;
+
+				left: -($ball_inner_width / 2);
+				bottom: $slider_height / 2 - $ball_inner_width / 2;
+
+				background-color: #a5a5a5;
+				box-shadow: 0 0 1em 1px rgba(165, 165, 165, 0.4);
+				border-radius: 50%;
+
+				@include transition(.4s);
+			}
+		}
+
+
+
+		input:focus + .slider {
+		}
+
+		input:checked + .slider {
+			&:before {
+				@include transform(translateX($slider_width));
+			}
+
+			.dot {
+				@include transform(translateX($slider_width));
+				background-color: #46c0ec;
+				box-shadow: 0 0 1em 1px #46c0ec;
+			}
+		}
+	}
+
+	/* general radio button look */
+	.ratio-button, .radio-button {
+		$button_size: 1.2em;
+		$mark_size: .6em;
+
+		position: relative;
+
+		width: $button_size;
+		height: $button_size;
+
+		cursor: pointer;
 
 		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
 
-		opacity: 1;
+		background-color: #272626;
+		border-radius: 50%;
+
+		input {
+			position: absolute;
+			width: 0;
+			height: 0;
+			opacity: 0;
+		}
+
+		//#07d1fe
+		.mark {
+			position: absolute;
+			opacity: 0;
+
+			top: ($button_size - $mark_size) / 2;
+			bottom: ($button_size - $mark_size) / 2;
+			right: ($button_size - $mark_size) / 2;
+			left: ($button_size - $mark_size) / 2;
+
+			background-color: #46c0ec;
+			box-shadow: 0 0 .5em 1px rgba(70, 192, 236, 0.4);
+			border-radius: 50%;
+
+			@include transition(.4s);
+		}
+
+		input:checked + .mark {
+			opacity: 1;
+		}
+
+		@include transition(background-color $button_hover_animation_time);
+
+		-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+		-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+		box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+	}
+
+	label:hover > .ratio-button, .ratio-button:hover,
+	label:hover > .radio-button, .radio-button:hover{
+		&.ratio-button, > .ratio-button,
+		&.radio-button, > .radio-button{
+			background-color: #2c2b2b;
+		}
+	}
+
+	label.disabled > .ratio-button, .ratio-button.disabled, .ratio-button:disabled,
+	label.disabled > .radio-button, .radio-button.disabled, .radio-button:disabled {
+		&.ratio-button, > .ratio-button,
+		&.radio-button, > .radio-button {
+			pointer-events: none!important;
+			background-color: #1a1919!important;
+		}
+	}
+
+
+	/*
+    <label class="checkbox">
+        <input type="checkbox">
+        <div class="mark"></div>
+    </label>
+     */
+	.checkbox {
+		flex-shrink: 0;
+		flex-grow: 0;
+
+		position: relative;
+
+		width: 1.3em;
+		height: 1.3em;
+
+		cursor: pointer;
+		pointer-events: all;
+
+		overflow: hidden;
+
+		background-color: #272626;
+		border-radius: $border_radius_middle;
+
+		input {
+			position: absolute;
+			width: 0;
+			height: 0;
+			opacity: 0;
+		}
+
+		//#07d1fe
+		.mark {
+			position: absolute;
+			opacity: 0;
+
+			height: .5em;
+			width: .8em;
+
+			margin-left: 0.25em;
+			margin-top: .3em;
+
+			border: none;
+			border-bottom: .2em solid #46c0ec;
+			border-left: .2em solid #46c0ec;
+
+			transform: rotateY(0deg) rotate(-45deg); /* needs Y at 0 deg to behave properly*/
+			@include transition(.4s);
+		}
+
+		input:checked + .mark {
+			opacity: 1;
+		}
+
+		-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+		-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+		box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
+	}
+
+	label.disabled > .checkbox, .checkbox:disabled, .checkbox.disabled {
+		&.checkbox, > .checkbox {
+			pointer-events: none!important;
+			background-color: #1a1a1e;
+		}
+	}
+
+	/* slider */
+	$track_height: .6em;
+
+	$thumb_width: .6em;
+	$thumb_height: 2em;
+
+	$tooltip_width: 4em;
+	$tooltip_height: 1.8em;
+
+	.container-slider {
+		font-size: .8em;
+
+		position: relative;
+
+		margin-top: .5em; /* for the track */
+
+		width: 100%;
+		height: $track_height;
+
+		cursor: pointer;
+
+		background-color: #242527;
+		border-radius: $border_radius_large;
+
+		overflow: visible;
+
+		.filler {
+			position: absolute;
+
+			left: 0;
+			top: 0;
+			bottom: 0;
+
+			background-color: #4370a2;
+			border-radius: $border_radius_large;
+		}
+
+		.thumb {
+			position: absolute;
+
+			top: 0;
+			right: 0;
+
+			height: $thumb_height;
+			width: $thumb_width;
+
+			margin-left: -($thumb_width / 2);
+			margin-right: -($thumb_width / 2);
+
+			margin-top: -($thumb_height - $track_height) / 2;
+			margin-bottom: -($thumb_height - $track_height) / 2;
+
+			background-color: #808080;
+
+			.tooltip {
+				display: none;
+			}
+		}
+
+		&:hover, &.active {
+			.tooltip {
+				opacity: 1;
+			}
+		}
+	}
+
+	input::-webkit-outer-spin-button,
+	input::-webkit-inner-spin-button {
+		/* display: none; <- Crashes Chrome on hover */
+		-webkit-appearance: none;
+		margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
+	}
+
+	input[type=number] {
+		-moz-appearance:textfield; /* Firefox */
+	}
+
+	/* "Boxed input" Used in channeledit & serveredit */
+	.input-boxed {
+		height: 2.5em;
+
+		border-radius: .2em;
+		border: 1px solid #111112;
+
+		background-color: #121213;
+
+		display: flex;
+		flex-direction: row;
+		justify-content: stretch;
+
+		color: #b3b3b3;
+
+		@include placeholder(&) {
+			color: #606060;
+		};
+
+		.prefix {
+			flex-grow: 0;
+			flex-shrink: 0;
+
+			margin: 0;
+
+			line-height: initial;
+			align-self: center;
+			padding: 0 .5em;
+
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+
+			opacity: 1;
+
+			@include transition($button_hover_animation_time ease-in-out);
+		}
+
+		&.is-invalid {
+			background-color: #180d0d;
+			border-color: #721c1c;
+
+			background-image: unset!important;
+		}
+
+		&:focus, &:focus-within {
+			background-color: #131b22;
+			border-color: #284262;
+
+			color: #e1e2e3;
+
+			.prefix {
+				width: 0;
+				padding-left: 0;
+				padding-right: 0;
+				opacity: 0;
+			}
+		}
+
+		input, select {
+			flex-grow: 1;
+			flex-shrink: 1;
+
+			padding: 0 0.5em;
+
+			background: transparent;
+			border: none;
+			outline: none;
+			margin: 0;
+
+			color: #b3b3b3;
+		}
+
+		.prefix + input {
+			padding-left: 0;
+		}
+
+
+		&:focus, &:focus-within {
+			.prefix + input {
+				padding-left: .5em;
+			}
+		}
+
+		&.disabled, &:disabled {
+			background-color: #1a1819;
+		}
 
 		@include transition($button_hover_animation_time ease-in-out);
 	}
 
-	&.is-invalid {
-		background-color: #180d0d;
-		border-color: #721c1c;
-
-		background-image: unset!important;
+	input.input-boxed {
+		padding: 0.5em;
 	}
+	textarea.input-boxed {
+		resize: vertical;
+		width: 100%;
 
-	&:focus, &:focus-within {
-		background-color: #131b22;
-		border-color: #284262;
+		min-height: 2em;
+		padding: .2em .5em;
 
-		color: #e1e2e3;
-
-		.prefix {
-			width: 0;
-			padding-left: 0;
-			padding-right: 0;
-			opacity: 0;
-		}
+		@include chat-scrollbar-vertical();
 	}
-
-	input, select {
-		flex-grow: 1;
-		flex-shrink: 1;
-
-		padding: 0 0.5em;
-
-		background: transparent;
-		border: none;
-		outline: none;
-		margin: 0;
-
-		color: #b3b3b3;
-	}
-
-	.prefix + input {
-		padding-left: 0;
-	}
-
-
-	&:focus, &:focus-within {
-		.prefix + input {
-			padding-left: .5em;
-		}
-	}
-
-	&.disabled, &:disabled {
-		background-color: #1a1819;
-	}
-
-	@include transition($button_hover_animation_time ease-in-out);
-}
-
-input.input-boxed {
-	padding: 0.5em;
-}
-textarea.input-boxed {
-	resize: vertical;
-	width: 100%;
-
-	min-height: 2em;
-	padding: .2em .5em;
-
-	@include chat-scrollbar-vertical();
 }
\ No newline at end of file
diff --git a/shared/css/static/modals.scss b/shared/css/static/modals.scss
index 7b580e43..c35ad314 100644
--- a/shared/css/static/modals.scss
+++ b/shared/css/static/modals.scss
@@ -1,32 +1,34 @@
-.arrow {
-	display: inline-block;
-	border: solid black;
-	//border-width: 0 3px 3px 0;
-	//padding: 3px;
-	//height: 10px;
+:global {
+	.arrow {
+		display: inline-block;
+		border: solid black;
+		//border-width: 0 3px 3px 0;
+		//padding: 3px;
+		//height: 10px;
 
-	border-width: 0 .2em .2em 0;
-	padding: .21em;
-	height: .5em;
-	width: .5em;
+		border-width: 0 .2em .2em 0;
+		padding: .21em;
+		height: .5em;
+		width: .5em;
 
-	&.right {
-		transform: rotate(-45deg);
-		-webkit-transform: rotate(-45deg);
-	}
+		&.right {
+			transform: rotate(-45deg);
+			-webkit-transform: rotate(-45deg);
+		}
 
-	&.left {
-		transform: rotate(135deg);
-		-webkit-transform: rotate(135deg);
-	}
+		&.left {
+			transform: rotate(135deg);
+			-webkit-transform: rotate(135deg);
+		}
 
-	&.up {
-		transform: rotate(-135deg);
-		-webkit-transform: rotate(-135deg);
-	}
+		&.up {
+			transform: rotate(-135deg);
+			-webkit-transform: rotate(-135deg);
+		}
 
-	&.down {
-		transform: rotate(45deg);
-		-webkit-transform: rotate(45deg);
+		&.down {
+			transform: rotate(45deg);
+			-webkit-transform: rotate(45deg);
+		}
 	}
 }
\ No newline at end of file
diff --git a/shared/css/static/overlay-image-preview.scss b/shared/css/static/overlay-image-preview.scss
index 22328c84..55a042b4 100644
--- a/shared/css/static/overlay-image-preview.scss
+++ b/shared/css/static/overlay-image-preview.scss
@@ -1,88 +1,90 @@
 @import "mixin";
 
-.overlay-image-preview {
-    position: absolute;
-    z-index: 1000;
-
-    pointer-events: all;
-
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-
-    opacity: 1;
-    background-color: #000000EF;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-
-    .container-menu-bar {
+:global {
+    .overlay-image-preview {
         position: absolute;
+        z-index: 1000;
 
-        top: .25em;
+        pointer-events: all;
+
+        top: 0;
+        bottom: 0;
         left: 0;
-        right: .25em;
+        right: 0;
 
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-end;
-
-        .entry {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            font-size: 2em;
-
-            margin: .25em;
-            padding: .15em;
-
-            border-radius: .125em;
-
-            cursor: pointer;
-
-            .container-icon {
-                width: 1em;
-                height: 1em;
-                display: flex;
-
-                img {
-                    height: 100%;
-                    width: 100%;
-                }
-            }
-
-            &:hover {
-                background-color: #FFFFFF1F;
-            }
-        }
-    }
-
-    .container-image {
-        max-width: 90%;
-        max-height: 90%;
-        align-self: center;
+        opacity: 1;
+        background-color: #000000EF;
 
         display: flex;
         flex-direction: column;
-        justify-content: stretch;
+        justify-content: center;
 
-        img {
-            flex-shrink: 1;
+        .container-menu-bar {
+            position: absolute;
 
-            min-height: 1em;
-            min-width: 1em;
+            top: .25em;
+            left: 0;
+            right: .25em;
 
-            max-height: 100%;
-            max-width: 100%;
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-end;
+
+            .entry {
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                font-size: 2em;
+
+                margin: .25em;
+                padding: .15em;
+
+                border-radius: .125em;
+
+                cursor: pointer;
+
+                .container-icon {
+                    width: 1em;
+                    height: 1em;
+                    display: flex;
+
+                    img {
+                        height: 100%;
+                        width: 100%;
+                    }
+                }
+
+                &:hover {
+                    background-color: #FFFFFF1F;
+                }
+            }
         }
-    }
 
-    &.hidden {
-        pointer-events: none;
-        opacity: 0;
-    }
+        .container-image {
+            max-width: 90%;
+            max-height: 90%;
+            align-self: center;
 
-    @include transition(ease-in-out .25s);
+            display: flex;
+            flex-direction: column;
+            justify-content: stretch;
+
+            img {
+                flex-shrink: 1;
+
+                min-height: 1em;
+                min-width: 1em;
+
+                max-height: 100%;
+                max-width: 100%;
+            }
+        }
+
+        &.hidden {
+            pointer-events: none;
+            opacity: 0;
+        }
+
+        @include transition(ease-in-out .25s);
+    }
 }
\ No newline at end of file
diff --git a/shared/css/static/scroll.scss b/shared/css/static/scroll.scss
deleted file mode 100644
index 2548b437..00000000
--- a/shared/css/static/scroll.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-.scroll-left {
-    height: 100%;
-    overflow: hidden;
-    position: relative;
-}
-.scroll-left p {
-    position: absolute;
-    width: max-content;
-    height: 100%;
-    margin: 0;
-    text-align: center;
-    /* Starting position */
-    -moz-transform:translateX(100%);
-    -webkit-transform:translateX(100%);
-    transform:translateX(100%);
-    /* Apply animation to this element */
-    -moz-animation: scroll-left 10s linear infinite;
-    -webkit-animation: scroll-left 10s linear infinite;
-    animation: scroll-left 10s linear infinite;
-}
-/* Move it (define the animation) */
-@-moz-keyframes scroll-left {
-    0%   { -moz-transform: translateX(100%); }
-    100% { -moz-transform: translateX(-100%); }
-}
-@-webkit-keyframes scroll-left {
-    0%   { -webkit-transform: translateX(100%); }
-    100% { -webkit-transform: translateX(-100%); }
-}
-@keyframes scroll-left {
-    0%   {
-        -moz-transform: translateX(100%); /* Browser bug fix */
-        -webkit-transform: translateX(100%); /* Browser bug fix */
-        transform: translateX(100%);
-    }
-    100% {
-        -moz-transform: translateX(-100%); /* Browser bug fix */
-        -webkit-transform: translateX(-100%); /* Browser bug fix */
-        transform: translateX(-100%);
-    }
-}
\ No newline at end of file
diff --git a/shared/css/static/server-log.scss b/shared/css/static/server-log.scss
deleted file mode 100644
index 173d179c..00000000
--- a/shared/css/static/server-log.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-@import "mixin";
-
-html:root {
-	--server-log-text: #6e6e6e;
-	--server-log-error: #e62222;
-	--server-log-tree-entry: #d8d8d8;
-}
-
-.container-log {
-	display: block;
-	overflow-y: auto;
-
-	height: 100%;
-	width: 100%;
-
-	@include chat-scrollbar-vertical();
-	@include chat-scrollbar-horizontal();
-
-	.container-messages {
-		width: 100%;
-		line-height: 16px;
-	}
-
-	.log-message {
-		flex-shrink: 0;
-		flex-grow: 0;
-
-		color: var(--server-log-text);
-
-		overflow-x: hidden;
-		overflow-y: hidden;
-
-		display: block;
-
-		&, > * {
-			overflow-wrap: break-word;
-			word-wrap: break-word;
-
-			max-width: 100%;
-		}
-
-		> * {
-			display: inline-block;
-
-			font-family: sans-serif;
-			font-size: 13px;
-			line-height: initial;
-		}
-
-		> .timestamp {
-			padding-right: 5px;
-		}
-
-
-		.log-error {
-			color: var(--server-log-error);
-		}
-
-		.htmltag-client, .htmltag-channel {
-			color: var(--server-log-tree-entry);
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/css/static/ts/country.scss b/shared/css/static/ts/country.scss
index 06b751ae..2516e61f 100644
--- a/shared/css/static/ts/country.scss
+++ b/shared/css/static/ts/country.scss
@@ -1,1010 +1,1012 @@
-.country {
-    width: 16px;
-    height: 11px;
-    background: url('../../../img/ts/country_icons.png'), url('./img/ts/country_icons.png') no-repeat;
+:global {
+    .country {
+        width: 16px;
+        height: 11px;
+        background: url('../../../img/ts/country_icons.png') no-repeat;
 
-    flex-shrink: 0;
-    flex-grow: 0;
+        flex-shrink: 0;
+        flex-grow: 0;
 
-    background-position: 0 -2717px; /* by default use global flag */
-}
+        background-position: 0 -2717px; /* by default use global flag */
+    }
 
-.country.flag-ad {
-    background-position: 0 -11px
-}
+    .country.flag-ad {
+        background-position: 0 -11px
+    }
 
-.country.flag-ae {
-    background-position: 0 -22px
-}
+    .country.flag-ae {
+        background-position: 0 -22px
+    }
 
-.country.flag-af {
-    background-position: 0 -33px
-}
+    .country.flag-af {
+        background-position: 0 -33px
+    }
 
-.country.flag-ag {
-    background-position: 0 -44px
-}
+    .country.flag-ag {
+        background-position: 0 -44px
+    }
 
-.country.flag-ai {
-    background-position: 0 -55px
-}
+    .country.flag-ai {
+        background-position: 0 -55px
+    }
 
-.country.flag-al {
-    background-position: 0 -66px
-}
+    .country.flag-al {
+        background-position: 0 -66px
+    }
 
-.country.flag-am {
-    background-position: 0 -77px
-}
+    .country.flag-am {
+        background-position: 0 -77px
+    }
 
-.country.flag-an {
-    background-position: 0 -88px
-}
+    .country.flag-an {
+        background-position: 0 -88px
+    }
 
-.country.flag-ao {
-    background-position: 0 -99px
-}
+    .country.flag-ao {
+        background-position: 0 -99px
+    }
 
-.country.flag-ar {
-    background-position: 0 -110px
-}
+    .country.flag-ar {
+        background-position: 0 -110px
+    }
 
-.country.flag-as {
-    background-position: 0 -121px
-}
+    .country.flag-as {
+        background-position: 0 -121px
+    }
 
-.country.flag-at {
-    background-position: 0 -132px
-}
+    .country.flag-at {
+        background-position: 0 -132px
+    }
 
-.country.flag-au {
-    background-position: 0 -143px
-}
+    .country.flag-au {
+        background-position: 0 -143px
+    }
 
-.country.flag-aw {
-    background-position: 0 -154px
-}
+    .country.flag-aw {
+        background-position: 0 -154px
+    }
 
-.country.flag-ax {
-    background-position: 0 -165px
-}
+    .country.flag-ax {
+        background-position: 0 -165px
+    }
 
-.country.flag-az {
-    background-position: 0 -176px
-}
+    .country.flag-az {
+        background-position: 0 -176px
+    }
 
-.country.flag-ba {
-    background-position: 0 -187px
-}
+    .country.flag-ba {
+        background-position: 0 -187px
+    }
 
-.country.flag-bb {
-    background-position: 0 -198px
-}
+    .country.flag-bb {
+        background-position: 0 -198px
+    }
 
-.country.flag-bd {
-    background-position: 0 -209px
-}
+    .country.flag-bd {
+        background-position: 0 -209px
+    }
 
-.country.flag-be {
-    background-position: 0 -220px
-}
+    .country.flag-be {
+        background-position: 0 -220px
+    }
 
-.country.flag-bf {
-    background-position: 0 -231px
-}
+    .country.flag-bf {
+        background-position: 0 -231px
+    }
 
-.country.flag-bg {
-    background-position: 0 -242px
-}
+    .country.flag-bg {
+        background-position: 0 -242px
+    }
 
-.country.flag-bh {
-    background-position: 0 -253px
-}
+    .country.flag-bh {
+        background-position: 0 -253px
+    }
 
-.country.flag-bi {
-    background-position: 0 -264px
-}
+    .country.flag-bi {
+        background-position: 0 -264px
+    }
 
-.country.flag-bj {
-    background-position: 0 -275px
-}
+    .country.flag-bj {
+        background-position: 0 -275px
+    }
 
-.country.flag-bl {
-    background-position: 0 -286px
-}
+    .country.flag-bl {
+        background-position: 0 -286px
+    }
 
-.country.flag-bm {
-    background-position: 0 -297px
-}
+    .country.flag-bm {
+        background-position: 0 -297px
+    }
 
-.country.flag-bn {
-    background-position: 0 -308px
-}
+    .country.flag-bn {
+        background-position: 0 -308px
+    }
 
-.country.flag-bo {
-    background-position: 0 -319px
-}
+    .country.flag-bo {
+        background-position: 0 -319px
+    }
 
-.country.flag-br {
-    background-position: 0 -330px
-}
+    .country.flag-br {
+        background-position: 0 -330px
+    }
 
-.country.flag-bs {
-    background-position: 0 -341px
-}
+    .country.flag-bs {
+        background-position: 0 -341px
+    }
 
-.country.flag-bt {
-    background-position: 0 -352px
-}
+    .country.flag-bt {
+        background-position: 0 -352px
+    }
 
-.country.flag-bv {
-    background-position: 0 -363px
-}
+    .country.flag-bv {
+        background-position: 0 -363px
+    }
 
-.country.flag-bw {
-    background-position: 0 -374px
-}
+    .country.flag-bw {
+        background-position: 0 -374px
+    }
 
-.country.flag-by {
-    background-position: 0 -385px
-}
+    .country.flag-by {
+        background-position: 0 -385px
+    }
 
-.country.flag-bz {
-    background-position: 0 -396px
-}
+    .country.flag-bz {
+        background-position: 0 -396px
+    }
 
-.country.flag-ca {
-    background-position: 0 -407px
-}
+    .country.flag-ca {
+        background-position: 0 -407px
+    }
 
-.country.flag-cc {
-    background-position: 0 -418px
-}
+    .country.flag-cc {
+        background-position: 0 -418px
+    }
 
-.country.flag-cd {
-    background-position: 0 -429px
-}
+    .country.flag-cd {
+        background-position: 0 -429px
+    }
 
-.country.flag-cf {
-    background-position: 0 -440px
-}
+    .country.flag-cf {
+        background-position: 0 -440px
+    }
 
-.country.flag-cg {
-    background-position: 0 -451px
-}
+    .country.flag-cg {
+        background-position: 0 -451px
+    }
 
-.country.flag-ch {
-    background-position: 0 -462px
-}
+    .country.flag-ch {
+        background-position: 0 -462px
+    }
 
-.country.flag-ci {
-    background-position: 0 -473px
-}
+    .country.flag-ci {
+        background-position: 0 -473px
+    }
 
-.country.flag-ck {
-    background-position: 0 -484px
-}
+    .country.flag-ck {
+        background-position: 0 -484px
+    }
 
-.country.flag-cl {
-    background-position: 0 -495px
-}
+    .country.flag-cl {
+        background-position: 0 -495px
+    }
 
-.country.flag-cm {
-    background-position: 0 -506px
-}
+    .country.flag-cm {
+        background-position: 0 -506px
+    }
 
-.country.flag-cn {
-    background-position: 0 -517px
-}
+    .country.flag-cn {
+        background-position: 0 -517px
+    }
 
-.country.flag-co {
-    background-position: 0 -528px
-}
+    .country.flag-co {
+        background-position: 0 -528px
+    }
 
-.country.flag-cr {
-    background-position: 0 -539px
-}
+    .country.flag-cr {
+        background-position: 0 -539px
+    }
 
-.country.flag-cs {
-    background-position: 0 -550px
-}
+    .country.flag-cs {
+        background-position: 0 -550px
+    }
 
-.country.flag-cu {
-    background-position: 0 -561px
-}
+    .country.flag-cu {
+        background-position: 0 -561px
+    }
 
-.country.flag-cv {
-    background-position: 0 -572px
-}
+    .country.flag-cv {
+        background-position: 0 -572px
+    }
 
-.country.flag-cx {
-    background-position: 0 -583px
-}
+    .country.flag-cx {
+        background-position: 0 -583px
+    }
 
-.country.flag-cy {
-    background-position: 0 -594px
-}
+    .country.flag-cy {
+        background-position: 0 -594px
+    }
 
-.country.flag-cz {
-    background-position: 0 -605px
-}
+    .country.flag-cz {
+        background-position: 0 -605px
+    }
 
-.country.flag-de {
-    background-position: 0 -616px
-}
+    .country.flag-de {
+        background-position: 0 -616px
+    }
 
-.country.flag-dj {
-    background-position: 0 -627px
-}
+    .country.flag-dj {
+        background-position: 0 -627px
+    }
 
-.country.flag-dk {
-    background-position: 0 -638px
-}
+    .country.flag-dk {
+        background-position: 0 -638px
+    }
 
-.country.flag-dm {
-    background-position: 0 -649px
-}
+    .country.flag-dm {
+        background-position: 0 -649px
+    }
 
-.country.flag-do {
-    background-position: 0 -660px
-}
+    .country.flag-do {
+        background-position: 0 -660px
+    }
 
-.country.flag-dz {
-    background-position: 0 -671px
-}
+    .country.flag-dz {
+        background-position: 0 -671px
+    }
 
-.country.flag-ec {
-    background-position: 0 -682px
-}
+    .country.flag-ec {
+        background-position: 0 -682px
+    }
 
-.country.flag-ee {
-    background-position: 0 -693px
-}
+    .country.flag-ee {
+        background-position: 0 -693px
+    }
 
-.country.flag-eg {
-    background-position: 0 -704px
-}
+    .country.flag-eg {
+        background-position: 0 -704px
+    }
 
-.country.flag-eh {
-    background-position: 0 -715px
-}
+    .country.flag-eh {
+        background-position: 0 -715px
+    }
 
-.country.flag-er {
-    background-position: 0 -726px
-}
+    .country.flag-er {
+        background-position: 0 -726px
+    }
 
-.country.flag-es {
-    background-position: 0 -737px
-}
+    .country.flag-es {
+        background-position: 0 -737px
+    }
 
-.country.flag-et {
-    background-position: 0 -748px
-}
+    .country.flag-et {
+        background-position: 0 -748px
+    }
 
-.country.flag-fi {
-    background-position: 0 -759px
-}
+    .country.flag-fi {
+        background-position: 0 -759px
+    }
 
-.country.flag-fj {
-    background-position: 0 -770px
-}
+    .country.flag-fj {
+        background-position: 0 -770px
+    }
 
-.country.flag-fk {
-    background-position: 0 -781px
-}
+    .country.flag-fk {
+        background-position: 0 -781px
+    }
 
-.country.flag-fm {
-    background-position: 0 -792px
-}
+    .country.flag-fm {
+        background-position: 0 -792px
+    }
 
-.country.flag-fo {
-    background-position: 0 -803px
-}
+    .country.flag-fo {
+        background-position: 0 -803px
+    }
 
-.country.flag-fr {
-    background-position: 0 -814px
-}
+    .country.flag-fr {
+        background-position: 0 -814px
+    }
 
-.country.flag-ga {
-    background-position: 0 -825px
-}
+    .country.flag-ga {
+        background-position: 0 -825px
+    }
 
-.country.flag-gb {
-    background-position: 0 -836px
-}
+    .country.flag-gb {
+        background-position: 0 -836px
+    }
 
-.country.flag-gd {
-    background-position: 0 -847px
-}
+    .country.flag-gd {
+        background-position: 0 -847px
+    }
 
-.country.flag-ge {
-    background-position: 0 -858px
-}
+    .country.flag-ge {
+        background-position: 0 -858px
+    }
 
-.country.flag-gf {
-    background-position: 0 -869px
-}
+    .country.flag-gf {
+        background-position: 0 -869px
+    }
 
-.country.flag-gg {
-    background-position: 0 -880px
-}
+    .country.flag-gg {
+        background-position: 0 -880px
+    }
 
-.country.flag-gh {
-    background-position: 0 -891px
-}
+    .country.flag-gh {
+        background-position: 0 -891px
+    }
 
-.country.flag-gi {
-    background-position: 0 -902px
-}
+    .country.flag-gi {
+        background-position: 0 -902px
+    }
 
-.country.flag-gl {
-    background-position: 0 -913px
-}
+    .country.flag-gl {
+        background-position: 0 -913px
+    }
 
-.country.flag-gm {
-    background-position: 0 -924px
-}
+    .country.flag-gm {
+        background-position: 0 -924px
+    }
 
-.country.flag-gn {
-    background-position: 0 -935px
-}
+    .country.flag-gn {
+        background-position: 0 -935px
+    }
 
-.country.flag-gp {
-    background-position: 0 -946px
-}
+    .country.flag-gp {
+        background-position: 0 -946px
+    }
 
-.country.flag-gq {
-    background-position: 0 -957px
-}
+    .country.flag-gq {
+        background-position: 0 -957px
+    }
 
-.country.flag-gr {
-    background-position: 0 -968px
-}
+    .country.flag-gr {
+        background-position: 0 -968px
+    }
 
-.country.flag-gs {
-    background-position: 0 -979px
-}
+    .country.flag-gs {
+        background-position: 0 -979px
+    }
 
-.country.flag-gt {
-    background-position: 0 -990px
-}
+    .country.flag-gt {
+        background-position: 0 -990px
+    }
 
-.country.flag-gu {
-    background-position: 0 -1001px
-}
+    .country.flag-gu {
+        background-position: 0 -1001px
+    }
 
-.country.flag-gw {
-    background-position: 0 -1012px
-}
+    .country.flag-gw {
+        background-position: 0 -1012px
+    }
 
-.country.flag-gy {
-    background-position: 0 -1023px
-}
+    .country.flag-gy {
+        background-position: 0 -1023px
+    }
 
-.country.flag-hk {
-    background-position: 0 -1034px
-}
+    .country.flag-hk {
+        background-position: 0 -1034px
+    }
 
-.country.flag-hm {
-    background-position: 0 -1045px
-}
+    .country.flag-hm {
+        background-position: 0 -1045px
+    }
 
-.country.flag-hn {
-    background-position: 0 -1056px
-}
+    .country.flag-hn {
+        background-position: 0 -1056px
+    }
 
-.country.flag-hr {
-    background-position: 0 -1067px
-}
+    .country.flag-hr {
+        background-position: 0 -1067px
+    }
 
-.country.flag-ht {
-    background-position: 0 -1078px
-}
+    .country.flag-ht {
+        background-position: 0 -1078px
+    }
 
-.country.flag-hu {
-    background-position: 0 -1089px
-}
+    .country.flag-hu {
+        background-position: 0 -1089px
+    }
 
-.country.flag-id {
-    background-position: 0 -1100px
-}
+    .country.flag-id {
+        background-position: 0 -1100px
+    }
 
-.country.flag-ie {
-    background-position: 0 -1111px
-}
+    .country.flag-ie {
+        background-position: 0 -1111px
+    }
 
-.country.flag-il {
-    background-position: 0 -1122px
-}
+    .country.flag-il {
+        background-position: 0 -1122px
+    }
 
-.country.flag-im {
-    background-position: 0 -1133px
-}
+    .country.flag-im {
+        background-position: 0 -1133px
+    }
 
-.country.flag-in {
-    background-position: 0 -1144px
-}
+    .country.flag-in {
+        background-position: 0 -1144px
+    }
 
-.country.flag-io {
-    background-position: 0 -1155px
-}
+    .country.flag-io {
+        background-position: 0 -1155px
+    }
 
-.country.flag-iq {
-    background-position: 0 -1166px
-}
+    .country.flag-iq {
+        background-position: 0 -1166px
+    }
 
-.country.flag-ir {
-    background-position: 0 -1177px
-}
+    .country.flag-ir {
+        background-position: 0 -1177px
+    }
 
-.country.flag-is {
-    background-position: 0 -1188px
-}
+    .country.flag-is {
+        background-position: 0 -1188px
+    }
 
-.country.flag-it {
-    background-position: 0 -1199px
-}
+    .country.flag-it {
+        background-position: 0 -1199px
+    }
 
-.country.flag-je {
-    background-position: 0 -1210px
-}
+    .country.flag-je {
+        background-position: 0 -1210px
+    }
 
-.country.flag-jm {
-    background-position: 0 -1221px
-}
+    .country.flag-jm {
+        background-position: 0 -1221px
+    }
 
-.country.flag-jo {
-    background-position: 0 -1232px
-}
+    .country.flag-jo {
+        background-position: 0 -1232px
+    }
 
-.country.flag-jp {
-    background-position: 0 -1243px
-}
+    .country.flag-jp {
+        background-position: 0 -1243px
+    }
 
-.country.flag-ke {
-    background-position: 0 -1254px
-}
+    .country.flag-ke {
+        background-position: 0 -1254px
+    }
 
-.country.flag-kg {
-    background-position: 0 -1265px
-}
+    .country.flag-kg {
+        background-position: 0 -1265px
+    }
 
-.country.flag-kh {
-    background-position: 0 -1276px
-}
+    .country.flag-kh {
+        background-position: 0 -1276px
+    }
 
-.country.flag-ki {
-    background-position: 0 -1287px
-}
+    .country.flag-ki {
+        background-position: 0 -1287px
+    }
 
-.country.flag-km {
-    background-position: 0 -1298px
-}
+    .country.flag-km {
+        background-position: 0 -1298px
+    }
 
-.country.flag-kn {
-    background-position: 0 -1309px
-}
+    .country.flag-kn {
+        background-position: 0 -1309px
+    }
 
-.country.flag-kp {
-    background-position: 0 -1320px
-}
+    .country.flag-kp {
+        background-position: 0 -1320px
+    }
 
-.country.flag-kr {
-    background-position: 0 -1331px
-}
+    .country.flag-kr {
+        background-position: 0 -1331px
+    }
 
-.country.flag-kw {
-    background-position: 0 -1342px
-}
+    .country.flag-kw {
+        background-position: 0 -1342px
+    }
 
-.country.flag-ky {
-    background-position: 0 -1353px
-}
+    .country.flag-ky {
+        background-position: 0 -1353px
+    }
 
-.country.flag-kz {
-    background-position: 0 -1364px
-}
+    .country.flag-kz {
+        background-position: 0 -1364px
+    }
 
-.country.flag-la {
-    background-position: 0 -1375px
-}
+    .country.flag-la {
+        background-position: 0 -1375px
+    }
 
-.country.flag-lb {
-    background-position: 0 -1386px
-}
+    .country.flag-lb {
+        background-position: 0 -1386px
+    }
 
-.country.flag-lc {
-    background-position: 0 -1397px
-}
+    .country.flag-lc {
+        background-position: 0 -1397px
+    }
 
-.country.flag-li {
-    background-position: 0 -1408px
-}
+    .country.flag-li {
+        background-position: 0 -1408px
+    }
 
-.country.flag-lk {
-    background-position: 0 -1419px
-}
+    .country.flag-lk {
+        background-position: 0 -1419px
+    }
 
-.country.flag-lr {
-    background-position: 0 -1430px
-}
+    .country.flag-lr {
+        background-position: 0 -1430px
+    }
 
-.country.flag-ls {
-    background-position: 0 -1441px
-}
+    .country.flag-ls {
+        background-position: 0 -1441px
+    }
 
-.country.flag-lt {
-    background-position: 0 -1452px
-}
+    .country.flag-lt {
+        background-position: 0 -1452px
+    }
 
-.country.flag-lu {
-    background-position: 0 -1463px
-}
+    .country.flag-lu {
+        background-position: 0 -1463px
+    }
 
-.country.flag-lv {
-    background-position: 0 -1474px
-}
+    .country.flag-lv {
+        background-position: 0 -1474px
+    }
 
-.country.flag-ly {
-    background-position: 0 -1485px
-}
+    .country.flag-ly {
+        background-position: 0 -1485px
+    }
 
-.country.flag-ma {
-    background-position: 0 -1496px
-}
+    .country.flag-ma {
+        background-position: 0 -1496px
+    }
 
-.country.flag-mc {
-    background-position: 0 -1507px
-}
+    .country.flag-mc {
+        background-position: 0 -1507px
+    }
 
-.country.flag-md {
-    background-position: 0 -1518px
-}
+    .country.flag-md {
+        background-position: 0 -1518px
+    }
 
-.country.flag-me {
-    background-position: 0 -1529px
-}
+    .country.flag-me {
+        background-position: 0 -1529px
+    }
 
-.country.flag-mg {
-    background-position: 0 -1540px
-}
+    .country.flag-mg {
+        background-position: 0 -1540px
+    }
 
-.country.flag-mh {
-    background-position: 0 -1551px
-}
+    .country.flag-mh {
+        background-position: 0 -1551px
+    }
 
-.country.flag-mk {
-    background-position: 0 -1562px
-}
+    .country.flag-mk {
+        background-position: 0 -1562px
+    }
 
-.country.flag-ml {
-    background-position: 0 -1573px
-}
+    .country.flag-ml {
+        background-position: 0 -1573px
+    }
 
-.country.flag-mm {
-    background-position: 0 -1584px
-}
+    .country.flag-mm {
+        background-position: 0 -1584px
+    }
 
-.country.flag-mn {
-    background-position: 0 -1595px
-}
+    .country.flag-mn {
+        background-position: 0 -1595px
+    }
 
-.country.flag-mo {
-    background-position: 0 -1606px
-}
+    .country.flag-mo {
+        background-position: 0 -1606px
+    }
 
-.country.flag-mp {
-    background-position: 0 -1617px
-}
+    .country.flag-mp {
+        background-position: 0 -1617px
+    }
 
-.country.flag-mq {
-    background-position: 0 -1628px
-}
+    .country.flag-mq {
+        background-position: 0 -1628px
+    }
 
-.country.flag-mr {
-    background-position: 0 -1639px
-}
+    .country.flag-mr {
+        background-position: 0 -1639px
+    }
 
-.country.flag-ms {
-    background-position: 0 -1650px
-}
+    .country.flag-ms {
+        background-position: 0 -1650px
+    }
 
-.country.flag-mt {
-    background-position: 0 -1661px
-}
+    .country.flag-mt {
+        background-position: 0 -1661px
+    }
 
-.country.flag-mu {
-    background-position: 0 -1672px
-}
+    .country.flag-mu {
+        background-position: 0 -1672px
+    }
 
-.country.flag-mv {
-    background-position: 0 -1683px
-}
+    .country.flag-mv {
+        background-position: 0 -1683px
+    }
 
-.country.flag-mw {
-    background-position: 0 -1694px
-}
+    .country.flag-mw {
+        background-position: 0 -1694px
+    }
 
-.country.flag-mx {
-    background-position: 0 -1705px
-}
+    .country.flag-mx {
+        background-position: 0 -1705px
+    }
 
-.country.flag-my {
-    background-position: 0 -1716px
-}
+    .country.flag-my {
+        background-position: 0 -1716px
+    }
 
-.country.flag-mz {
-    background-position: 0 -1727px
-}
+    .country.flag-mz {
+        background-position: 0 -1727px
+    }
 
-.country.flag-na {
-    background-position: 0 -1738px
-}
+    .country.flag-na {
+        background-position: 0 -1738px
+    }
 
-.country.flag-nc {
-    background-position: 0 -1749px
-}
+    .country.flag-nc {
+        background-position: 0 -1749px
+    }
 
-.country.flag-ne {
-    background-position: 0 -1760px
-}
+    .country.flag-ne {
+        background-position: 0 -1760px
+    }
 
-.country.flag-nf {
-    background-position: 0 -1771px
-}
+    .country.flag-nf {
+        background-position: 0 -1771px
+    }
 
-.country.flag-ng {
-    background-position: 0 -1782px
-}
+    .country.flag-ng {
+        background-position: 0 -1782px
+    }
 
-.country.flag-ni {
-    background-position: 0 -1793px
-}
+    .country.flag-ni {
+        background-position: 0 -1793px
+    }
 
-.country.flag-nl {
-    background-position: 0 -1804px
-}
+    .country.flag-nl {
+        background-position: 0 -1804px
+    }
 
-.country.flag-no {
-    background-position: 0 -1815px
-}
+    .country.flag-no {
+        background-position: 0 -1815px
+    }
 
-.country.flag-np {
-    background-position: 0 -1826px
-}
+    .country.flag-np {
+        background-position: 0 -1826px
+    }
 
-.country.flag-nr {
-    background-position: 0 -1837px
-}
+    .country.flag-nr {
+        background-position: 0 -1837px
+    }
 
-.country.flag-nu {
-    background-position: 0 -1848px
-}
+    .country.flag-nu {
+        background-position: 0 -1848px
+    }
 
-.country.flag-nz {
-    background-position: 0 -1859px
-}
+    .country.flag-nz {
+        background-position: 0 -1859px
+    }
 
-.country.flag-om {
-    background-position: 0 -1870px
-}
+    .country.flag-om {
+        background-position: 0 -1870px
+    }
 
-.country.flag-pa {
-    background-position: 0 -1881px
-}
+    .country.flag-pa {
+        background-position: 0 -1881px
+    }
 
-.country.flag-pe {
-    background-position: 0 -1892px
-}
+    .country.flag-pe {
+        background-position: 0 -1892px
+    }
 
-.country.flag-pf {
-    background-position: 0 -1903px
-}
+    .country.flag-pf {
+        background-position: 0 -1903px
+    }
 
-.country.flag-pg {
-    background-position: 0 -1914px
-}
+    .country.flag-pg {
+        background-position: 0 -1914px
+    }
 
-.country.flag-ph {
-    background-position: 0 -1925px
-}
+    .country.flag-ph {
+        background-position: 0 -1925px
+    }
 
-.country.flag-pk {
-    background-position: 0 -1936px
-}
+    .country.flag-pk {
+        background-position: 0 -1936px
+    }
 
-.country.flag-pl {
-    background-position: 0 -1947px
-}
+    .country.flag-pl {
+        background-position: 0 -1947px
+    }
 
-.country.flag-pm {
-    background-position: 0 -1958px
-}
+    .country.flag-pm {
+        background-position: 0 -1958px
+    }
 
-.country.flag-pn {
-    background-position: 0 -1969px
-}
+    .country.flag-pn {
+        background-position: 0 -1969px
+    }
 
-.country.flag-pr {
-    background-position: 0 -1980px
-}
+    .country.flag-pr {
+        background-position: 0 -1980px
+    }
 
-.country.flag-ps {
-    background-position: 0 -1991px
-}
+    .country.flag-ps {
+        background-position: 0 -1991px
+    }
 
-.country.flag-pt {
-    background-position: 0 -2002px
-}
+    .country.flag-pt {
+        background-position: 0 -2002px
+    }
 
-.country.flag-pw {
-    background-position: 0 -2013px
-}
+    .country.flag-pw {
+        background-position: 0 -2013px
+    }
 
-.country.flag-py {
-    background-position: 0 -2024px
-}
+    .country.flag-py {
+        background-position: 0 -2024px
+    }
 
-.country.flag-qa {
-    background-position: 0 -2035px
-}
+    .country.flag-qa {
+        background-position: 0 -2035px
+    }
 
-.country.flag-re {
-    background-position: 0 -2046px
-}
+    .country.flag-re {
+        background-position: 0 -2046px
+    }
 
-.country.flag-ro {
-    background-position: 0 -2057px
-}
+    .country.flag-ro {
+        background-position: 0 -2057px
+    }
 
-.country.flag-rs {
-    background-position: 0 -2068px
-}
+    .country.flag-rs {
+        background-position: 0 -2068px
+    }
 
-.country.flag-ru {
-    background-position: 0 -2079px
-}
+    .country.flag-ru {
+        background-position: 0 -2079px
+    }
 
-.country.flag-rw {
-    background-position: 0 -2090px
-}
+    .country.flag-rw {
+        background-position: 0 -2090px
+    }
 
-.country.flag-sa {
-    background-position: 0 -2101px
-}
+    .country.flag-sa {
+        background-position: 0 -2101px
+    }
 
-.country.flag-sb {
-    background-position: 0 -2112px
-}
+    .country.flag-sb {
+        background-position: 0 -2112px
+    }
 
-.country.flag-sc {
-    background-position: 0 -2123px
-}
+    .country.flag-sc {
+        background-position: 0 -2123px
+    }
 
-.country.flag-sd {
-    background-position: 0 -2134px
-}
+    .country.flag-sd {
+        background-position: 0 -2134px
+    }
 
-.country.flag-se {
-    background-position: 0 -2145px
-}
+    .country.flag-se {
+        background-position: 0 -2145px
+    }
 
-.country.flag-sg {
-    background-position: 0 -2156px
-}
+    .country.flag-sg {
+        background-position: 0 -2156px
+    }
 
-.country.flag-sh {
-    background-position: 0 -2167px
-}
+    .country.flag-sh {
+        background-position: 0 -2167px
+    }
 
-.country.flag-si {
-    background-position: 0 -2178px
-}
+    .country.flag-si {
+        background-position: 0 -2178px
+    }
 
-.country.flag-sj {
-    background-position: 0 -2189px
-}
+    .country.flag-sj {
+        background-position: 0 -2189px
+    }
 
-.country.flag-sk {
-    background-position: 0 -2200px
-}
+    .country.flag-sk {
+        background-position: 0 -2200px
+    }
 
-.country.flag-sl {
-    background-position: 0 -2211px
-}
+    .country.flag-sl {
+        background-position: 0 -2211px
+    }
 
-.country.flag-sm {
-    background-position: 0 -2222px
-}
+    .country.flag-sm {
+        background-position: 0 -2222px
+    }
 
-.country.flag-sn {
-    background-position: 0 -2233px
-}
+    .country.flag-sn {
+        background-position: 0 -2233px
+    }
 
-.country.flag-so {
-    background-position: 0 -2244px
-}
+    .country.flag-so {
+        background-position: 0 -2244px
+    }
 
-.country.flag-sr {
-    background-position: 0 -2255px
-}
+    .country.flag-sr {
+        background-position: 0 -2255px
+    }
 
-.country.flag-st {
-    background-position: 0 -2266px
-}
+    .country.flag-st {
+        background-position: 0 -2266px
+    }
 
-.country.flag-sv {
-    background-position: 0 -2277px
-}
+    .country.flag-sv {
+        background-position: 0 -2277px
+    }
 
-.country.flag-sy {
-    background-position: 0 -2288px
-}
+    .country.flag-sy {
+        background-position: 0 -2288px
+    }
 
-.country.flag-sz {
-    background-position: 0 -2299px
-}
+    .country.flag-sz {
+        background-position: 0 -2299px
+    }
 
-.country.flag-tc {
-    background-position: 0 -2310px
-}
+    .country.flag-tc {
+        background-position: 0 -2310px
+    }
 
-.country.flag-td {
-    background-position: 0 -2321px
-}
+    .country.flag-td {
+        background-position: 0 -2321px
+    }
 
-.country.flag-tf {
-    background-position: 0 -2332px
-}
+    .country.flag-tf {
+        background-position: 0 -2332px
+    }
 
-.country.flag-tg {
-    background-position: 0 -2343px
-}
+    .country.flag-tg {
+        background-position: 0 -2343px
+    }
 
-.country.flag-th {
-    background-position: 0 -2354px
-}
+    .country.flag-th {
+        background-position: 0 -2354px
+    }
 
-.country.flag-tj {
-    background-position: 0 -2365px
-}
+    .country.flag-tj {
+        background-position: 0 -2365px
+    }
 
-.country.flag-tk {
-    background-position: 0 -2376px
-}
+    .country.flag-tk {
+        background-position: 0 -2376px
+    }
 
-.country.flag-tl {
-    background-position: 0 -2387px
-}
+    .country.flag-tl {
+        background-position: 0 -2387px
+    }
 
-.country.flag-tm {
-    background-position: 0 -2398px
-}
+    .country.flag-tm {
+        background-position: 0 -2398px
+    }
 
-.country.flag-tn {
-    background-position: 0 -2409px
-}
+    .country.flag-tn {
+        background-position: 0 -2409px
+    }
 
-.country.flag-to {
-    background-position: 0 -2420px
-}
+    .country.flag-to {
+        background-position: 0 -2420px
+    }
 
-.country.flag-tr {
-    background-position: 0 -2431px
-}
+    .country.flag-tr {
+        background-position: 0 -2431px
+    }
 
-.country.flag-tt {
-    background-position: 0 -2442px
-}
+    .country.flag-tt {
+        background-position: 0 -2442px
+    }
 
-.country.flag-tv {
-    background-position: 0 -2453px
-}
+    .country.flag-tv {
+        background-position: 0 -2453px
+    }
 
-.country.flag-tw {
-    background-position: 0 -2464px
-}
+    .country.flag-tw {
+        background-position: 0 -2464px
+    }
 
-.country.flag-tz {
-    background-position: 0 -2475px
-}
+    .country.flag-tz {
+        background-position: 0 -2475px
+    }
 
-.country.flag-ua {
-    background-position: 0 -2486px
-}
+    .country.flag-ua {
+        background-position: 0 -2486px
+    }
 
-.country.flag-ug {
-    background-position: 0 -2497px
-}
+    .country.flag-ug {
+        background-position: 0 -2497px
+    }
 
-.country.flag-uk {
-    background-position: 0 -2508px
-}
+    .country.flag-uk {
+        background-position: 0 -2508px
+    }
 
-.country.flag-um {
-    background-position: 0 -2519px
-}
+    .country.flag-um {
+        background-position: 0 -2519px
+    }
 
-.country.flag-us {
-    background-position: 0 -2530px
-}
+    .country.flag-us {
+        background-position: 0 -2530px
+    }
 
-.country.flag-uy {
-    background-position: 0 -2541px
-}
+    .country.flag-uy {
+        background-position: 0 -2541px
+    }
 
-.country.flag-uz {
-    background-position: 0 -2552px
-}
+    .country.flag-uz {
+        background-position: 0 -2552px
+    }
 
-.country.flag-va {
-    background-position: 0 -2563px
-}
+    .country.flag-va {
+        background-position: 0 -2563px
+    }
 
-.country.flag-vc {
-    background-position: 0 -2574px
-}
+    .country.flag-vc {
+        background-position: 0 -2574px
+    }
 
-.country.flag-ve {
-    background-position: 0 -2585px
-}
+    .country.flag-ve {
+        background-position: 0 -2585px
+    }
 
-.country.flag-vg {
-    background-position: 0 -2596px
-}
+    .country.flag-vg {
+        background-position: 0 -2596px
+    }
 
-.country.flag-vi {
-    background-position: 0 -2607px
-}
+    .country.flag-vi {
+        background-position: 0 -2607px
+    }
 
-.country.flag-vn {
-    background-position: 0 -2618px
-}
+    .country.flag-vn {
+        background-position: 0 -2618px
+    }
 
-.country.flag-vu {
-    background-position: 0 -2629px
-}
+    .country.flag-vu {
+        background-position: 0 -2629px
+    }
 
-.country.flag-wf {
-    background-position: 0 -2640px
-}
+    .country.flag-wf {
+        background-position: 0 -2640px
+    }
 
-.country.flag-ws {
-    background-position: 0 -2651px
-}
+    .country.flag-ws {
+        background-position: 0 -2651px
+    }
 
-.country.flag-ye {
-    background-position: 0 -2662px
-}
+    .country.flag-ye {
+        background-position: 0 -2662px
+    }
 
-.country.flag-yt {
-    background-position: 0 -2673px
-}
+    .country.flag-yt {
+        background-position: 0 -2673px
+    }
 
-.country.flag-za {
-    background-position: 0 -2684px
-}
+    .country.flag-za {
+        background-position: 0 -2684px
+    }
 
-.country.flag-zm {
-    background-position: 0 -2695px
-}
+    .country.flag-zm {
+        background-position: 0 -2695px
+    }
 
-.country.flag-zw {
-    background-position: 0 -2706px
-}
+    .country.flag-zw {
+        background-position: 0 -2706px
+    }
 
-.country.flag-en {
-    background-position: 0 -2717px
-}
+    .country.flag-en {
+        background-position: 0 -2717px
+    }
 
-.country.flag-eu {
-    background-position: 0 -2728px
-}
+    .country.flag-eu {
+        background-position: 0 -2728px
+    }
 
-.country.flag-uk {
-    background-position: 0 -2739px
-}
+    .country.flag-uk {
+        background-position: 0 -2739px
+    }
 
-.country.flag-unknown {
-    background-position: 0 -2750px
-}
+    .country.flag-unknown {
+        background-position: 0 -2750px
+    }
+}
\ No newline at end of file
diff --git a/shared/css/static/ts/tab.scss b/shared/css/static/ts/tab.scss
index ed9616e2..6f63c5df 100644
--- a/shared/css/static/ts/tab.scss
+++ b/shared/css/static/ts/tab.scss
@@ -1,92 +1,94 @@
-x-tab { display:none }
+:global {
+    x-tab { display:none }
 
-.tab {
-    padding: 2px;
-    height: 100%;
-    flex-direction: column;
-	display: flex;
-	flex-grow: 1;
+    .tab {
+        padding: 2px;
+        height: 100%;
+        flex-direction: column;
+        display: flex;
+        flex-grow: 1;
 
-    min-height: 220px; /* min the header */
-}
-
-.tab div * {
-    vertical-align: middle;
-}
-
-.tab .tab-content {
-    min-height: 200px;
-
-    border-radius: 0 2px 2px 2px;
-    border: solid #6f6f6f;
-    overflow-y: hidden;
-    height: 100%;
-    padding: 2px;
-
-	display: flex;
-	flex-grow: 1;
-
-    x-content {
-        min-height: 0;
-        overflow-y: auto;
-
-        width: 100%;
+        min-height: 220px; /* min the header */
     }
 
-    @-moz-document url-prefix() {
+    .tab div * {
+        vertical-align: middle;
+    }
+
+    .tab .tab-content {
+        min-height: 200px;
+
+        border-radius: 0 2px 2px 2px;
+        border: solid #6f6f6f;
+        overflow-y: hidden;
+        height: 100%;
+        padding: 2px;
+
+        display: flex;
+        flex-grow: 1;
+
         x-content {
-            height: 100%;
+            min-height: 0;
+            overflow-y: auto;
+
+            width: 100%;
+        }
+
+        @-moz-document url-prefix() {
+            x-content {
+                height: 100%;
+            }
         }
     }
-}
 
-/*
-#chat .tab-content {
-    flex-wrap: wrap;
-    display: flex;
-    align-items: flex-start;
-    height: auto;
-}
-*/
+    /*
+    #chat .tab-content {
+        flex-wrap: wrap;
+        display: flex;
+        align-items: flex-start;
+        height: auto;
+    }
+    */
 
-.tab .tab-header {
-    font-family: Arial, serif;
-    font-size: 12px;
-    /*white-space: pre;*/
-    line-height: 1;
+    .tab .tab-header {
+        font-family: Arial, serif;
+        font-size: 12px;
+        /*white-space: pre;*/
+        line-height: 1;
 
-    max-width: 100%;
-    overflow: auto;
-    /*height: 24px;*/
-    overflow-y: hidden;
-    white-space: nowrap;
-    margin-bottom: -1px;
-    display: flex;
-    user-select: none;
+        max-width: 100%;
+        overflow: auto;
+        /*height: 24px;*/
+        overflow-y: hidden;
+        white-space: nowrap;
+        margin-bottom: -1px;
+        display: flex;
+        user-select: none;
 
-    flex-direction: row;
-    justify-content: stretch;
-    width: 100%;
+        flex-direction: row;
+        justify-content: stretch;
+        width: 100%;
 
-	flex-grow: 0;
-	flex-shrink: 0;
-}
+        flex-grow: 0;
+        flex-shrink: 0;
+    }
 
-.tab .tab-header .entry {
-    background: #5f5f5f5f;
-    display: inline-block;
-    border: 1px solid #6f6f6f;
-    border-radius: 2px 2px 0px 0px;
-    vertical-align: middle;
-    padding: 2px 5px;
-    cursor: pointer;
-    flex-grow: 1;
-}
+    .tab .tab-header .entry {
+        background: #5f5f5f5f;
+        display: inline-block;
+        border: 1px solid #6f6f6f;
+        border-radius: 2px 2px 0px 0px;
+        vertical-align: middle;
+        padding: 2px 5px;
+        cursor: pointer;
+        flex-grow: 1;
+    }
 
-.tab .tab-content-invisible {
-    display: none;
-}
+    .tab .tab-content-invisible {
+        display: none;
+    }
 
-.tab .tab-header .entry.selected {
-    background: #11111111;
+    .tab .tab-header .entry.selected {
+        background: #11111111;
+    }
 }
\ No newline at end of file
diff --git a/shared/generate_i18n_gtranslate.ts b/shared/generate_i18n_gtranslate.ts
index 32fef229..e34f43c6 100644
--- a/shared/generate_i18n_gtranslate.ts
+++ b/shared/generate_i18n_gtranslate.ts
@@ -194,7 +194,7 @@ if(process_args.length < 1) {
     process.exit(1);
 }
 
-const input_files = ["../dist/translations.json", "generated/translations_html.json"].map(e => path.join(__dirname, e));
+const input_files = ["../dist/translations.json"].map(e => path.join(__dirname, e));
 const output_file = process_args[1] || path.join(__dirname, "i18n", process_args[0] + "_google_translate.translation");
 
 (async () => {
diff --git a/shared/generate_translations.sh b/shared/generate_translations.sh
deleted file mode 100644
index 3e671cff..00000000
--- a/shared/generate_translations.sh
+++ /dev/null
@@ -1,9 +0,0 @@
-#!/usr/bin/env bash
-
-cd "$(dirname "$0")" || { echo "Failed to enter base directory"; exit 1; }
-
-npm run trgen -- -f "$(pwd)/html/templates.html" -f "$(pwd)/html/templates/modal/newcomer.html" -f "$(pwd)/html/templates/modal/musicmanage.html" -d "$(pwd)/generated/translations_html.json"; _exit_code=$?
-if [[ $_exit_code -ne 0 ]]; then
-    echo "Failed to generate translations file for the template files"
-    exit 1
-fi
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/ModalRenderer.scss b/shared/js/ui/react-elements/external-modal/ModalRenderer.scss
index f1201346..24545dd4 100644
--- a/shared/js/ui/react-elements/external-modal/ModalRenderer.scss
+++ b/shared/js/ui/react-elements/external-modal/ModalRenderer.scss
@@ -1,10 +1,8 @@
 @import "../../../../css/static/mixin";
 
 /* FIXME: Remove this wired import */
-:global {
-    @import "../../../../css/static/general";
-    @import "../../../../css/static/modal";
-}
+@import "../../../../css/static/general";
+@import "../../../../css/static/modal";
 
 html, body {
     margin: 0;

From cce73043a6c9d38ee49c363468a27495408327e3 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 16:06:16 +0100
Subject: [PATCH 022/128] Cleaned up required runtime dependencies

---
 package.json | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/package.json b/package.json
index d0282a73..3248692b 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,6 @@
     "@types/react-color": "^3.0.4",
     "@types/react-dom": "^16.9.5",
     "@types/react-grid-layout": "^1.1.1",
-    "@types/react-transition-group": "^4.4.0",
     "@types/remarkable": "^1.7.4",
     "@types/sdp-transform": "^2.4.4",
     "@types/sha256": "^0.2.0",
@@ -101,22 +100,18 @@
     "highlight.js": "^10.1.1",
     "ip-regex": "^4.2.0",
     "jquery": "^3.5.1",
-    "jsonschema": "^1.4.0",
     "jsrender": "^1.0.7",
     "moment": "^2.24.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-grid-layout": "^1.2.2",
     "react-player": "^2.5.0",
-    "react-transition-group": "^4.4.1",
     "remarkable": "^2.0.1",
     "resize-observer-polyfill": "^1.5.1",
     "sdp-transform": "^2.14.0",
     "simple-jsonp-promise": "^1.1.0",
-    "simplebar-react": "^2.2.0",
     "twemoji": "^13.0.0",
     "url-knife": "^3.1.3",
-    "webcrypto-liner": "^1.2.3",
     "webpack-manifest-plugin": "^3.1.0",
     "webrtc-adapter": "^7.5.1"
   }

From b7dc3f4fdc81caaec6c5469691c48007770af5ff Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 18:05:39 +0100
Subject: [PATCH 023/128] fixed a compile error when using webpack serve

---
 webpack/ManifestPlugin.ts | 161 ++++++++++++++++++++------------------
 1 file changed, 86 insertions(+), 75 deletions(-)

diff --git a/webpack/ManifestPlugin.ts b/webpack/ManifestPlugin.ts
index fc6c59c8..84b57b47 100644
--- a/webpack/ManifestPlugin.ts
+++ b/webpack/ManifestPlugin.ts
@@ -1,5 +1,6 @@
 import * as webpack from "webpack";
 import * as path from "path";
+import {Compilation, NormalModule} from "webpack";
 
 interface Options {
     outputFileName?: string;
@@ -14,96 +15,106 @@ class ManifestGenerator {
     }
 
     apply(compiler: webpack.Compiler) {
-        compiler.hooks.emit.tap("ManifestGenerator", compilation => {
-            const chunkData = {};
-            for(const chunkGroup of compilation.chunkGroups) {
-                const fileJs = [];
-                const filesCss = [];
-                const modules = [];
+        compiler.hooks.thisCompilation.tap({
+            name: "ManifestGenerator",
+            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
+        }, compilation => {
+            compilation.hooks.processAssets.tap("ManifestGenerator", () => this.emitAssets(compilation));
+        });
+    }
 
-                for(const chunk of chunkGroup.chunks) {
-                    if(!chunk.files.size) {
-                        continue;
-                    }
+    emitAssets(compilation: webpack.Compilation) {
+        const chunkData = {};
 
-                    for(const file of chunk.files) {
-                        const extension = path.extname(file);
-                        switch (extension) {
-                            case ".js":
-                                fileJs.push({
-                                    hash: chunk.hash,
-                                    file: file
-                                });
-                                break;
+        for(const chunkGroup of compilation.chunkGroups) {
+            const fileJs = [];
+            const filesCss = [];
+            const modules = [];
 
-                            case ".css":
-                                filesCss.push({
-                                    hash: chunk.hash,
-                                    file: file
-                                });
-                                break;
+            for(const chunk of chunkGroup.chunks) {
+                if(!chunk.files.size) {
+                    continue;
+                }
 
-                            case ".wasm":
-                                break;
-
-                            default:
-                                throw "Unknown chunk file with extension " + extension;
-                        }
-                    }
-
-                    for(const module of chunk.getModules() as any[]) {
-                        if(!module.type.startsWith("javascript/")) {
-                            continue;
-                        }
-
-                        if(!module.context) {
-                            continue;
-                        }
-
-                        if(module.context.startsWith("svg-sprites/")) {
-                            /* custom svg sprite handler */
-                            modules.push({
-                                id: module.id,
-                                context: "svg-sprites",
-                                resource: module.context.substring("svg-sprites/".length)
+                for(const file of chunk.files) {
+                    const extension = path.extname(file);
+                    switch (extension) {
+                        case ".js":
+                            fileJs.push({
+                                hash: chunk.hash,
+                                file: file
                             });
-                            continue;
-                        }
+                            break;
 
-                        if(!module.resource) {
-                            continue;
-                        }
+                        case ".css":
+                            filesCss.push({
+                                hash: chunk.hash,
+                                file: file
+                            });
+                            break;
 
-                        if(module.context !== path.dirname(module.resource)) {
-                            throw "invalid context/resource relation";
-                        }
+                        case ".wasm":
+                            break;
 
-                        modules.push({
-                            id: module.id,
-                            context: path.relative(this.options.context, module.context).replace(/\\/g, "/"),
-                            resource: path.basename(module.resource)
-                        });
+                        default:
+                            throw "Unknown chunk file with extension " + extension;
                     }
                 }
 
-                chunkData[chunkGroup.options.name] = {
-                    files: fileJs,
-                    css_files: filesCss,
-                    modules: modules
-                };
+                for(const module of compilation.chunkGraph.getChunkModules(chunk)) {
+                    if(!module.type.startsWith("javascript/")) {
+                        continue;
+                    }
+
+                    if(!module.context) {
+                        continue;
+                    }
+
+                    if(module.context.startsWith("svg-sprites/")) {
+                        /* custom svg sprite handler */
+                        modules.push({
+                            id: module.id,
+                            context: "svg-sprites",
+                            resource: module.context.substring("svg-sprites/".length)
+                        });
+                        continue;
+                    }
+
+                    if(!(module instanceof NormalModule)) {
+                        continue;
+                    }
+
+                    if(module.resource.indexOf("webpack-dev-server") !== -1) {
+                        /* Don't include dev server files */
+                        continue;
+                    }
+
+                    if(module.context !== path.dirname(module.resource)) {
+                        throw "invalid context/resource relation (" + module.context + " <-> " + path.dirname(module.resource) + ")";
+                    }
+
+                    modules.push({
+                        id: compilation.chunkGraph.getModuleId(module),
+                        context: path.relative(this.options.context, module.context).replace(/\\/g, "/"),
+                        resource: path.basename(module.resource)
+                    });
+                }
             }
 
-            const payload = JSON.stringify({
-                version: 2,
-                chunks: chunkData
-            });
+            chunkData[chunkGroup.options.name] = {
+                files: fileJs,
+                css_files: filesCss,
+                modules: modules
+            };
+        }
 
-            const fileName = this.options.outputFileName || "manifest.json";
-            compilation.assets[fileName] = {
-                size() { return payload.length; },
-                source() { return payload; }
-            } as any;
+        const payload = JSON.stringify({
+            version: 2,
+            chunks: chunkData
         });
+
+        const fileName = this.options.outputFileName || "manifest.json";
+        compilation.emitAsset(fileName, new webpack.sources.RawSource(payload));
     }
 }
 

From 1193f4e0b194b5498c3d416f2c7de38192314b9e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 18:25:04 +0100
Subject: [PATCH 024/128] Updated the loader which now uses webpack assets

---
 file.ts                                       |   2 +-
 loader/app/css/loader.scss                    |  16 +-
 loader/app/css/overlay.scss                   |  16 +-
 {shared/img/loader => loader/images}/bowl.png | Bin
 .../images}/halloween-initial-sequence.gif    | Bin
 .../images}/halloween-loop.gif                | Bin
 .../images}/initial-sequence-uncompressed.gif | Bin
 .../images}/initial-sequence.gif              | Bin
 .../images}/initial-sequence.png              | Bin
 .../img => loader/images}/loading_error.svg   |   0
 .../images}/loading_error_right.svg           |   0
 loader/images/script.svg                      |  66 ++
 loader/{app => }/images/steam.png             | Bin
 {shared/img/loader => loader/images}/text.png | Bin
 loader/index.ejs                              |  24 +-
 package-lock.json                             | 812 +++++-------------
 package.json                                  |   4 +-
 webpack.config.ts                             |  28 +-
 18 files changed, 345 insertions(+), 623 deletions(-)
 rename {shared/img/loader => loader/images}/bowl.png (100%)
 rename {shared/img/loader => loader/images}/halloween-initial-sequence.gif (100%)
 rename {shared/img/loader => loader/images}/halloween-loop.gif (100%)
 rename {shared/img/loader => loader/images}/initial-sequence-uncompressed.gif (100%)
 rename {shared/img/loader => loader/images}/initial-sequence.gif (100%)
 rename {shared/img/loader => loader/images}/initial-sequence.png (100%)
 rename {shared/img => loader/images}/loading_error.svg (100%)
 rename {shared/img => loader/images}/loading_error_right.svg (100%)
 create mode 100644 loader/images/script.svg
 rename loader/{app => }/images/steam.png (100%)
 rename {shared/img/loader => loader/images}/text.png (100%)

diff --git a/file.ts b/file.ts
index f8eb49d8..ff084d0e 100644
--- a/file.ts
+++ b/file.ts
@@ -32,7 +32,7 @@ type ProjectResource = {
 const APP_FILE_LIST_SHARED_SOURCE: ProjectResource[] = [
     { /* javascript files as manifest.json */
         "type": "js",
-        "search-pattern": /.*\.(js|json|svg|png|css|html)$/,
+        "search-pattern": /.*\.(js|json|svg|png|css)$/,
         "build-target": "dev|rel",
 
         "path": "js/",
diff --git a/loader/app/css/loader.scss b/loader/app/css/loader.scss
index af9eabd8..82a8c2d1 100644
--- a/loader/app/css/loader.scss
+++ b/loader/app/css/loader.scss
@@ -81,7 +81,7 @@
 
 				width: 249px;
 				height: 125px;
-				background: url("../images/steam.png") 0 0;
+				background: url("../../images/steam.png") 0 0;
 
 				animation: sprite-steam 2.5s steps(50) forwards infinite;
 			}
@@ -160,19 +160,19 @@
 	}
 }
 
-@keyframes loader-initial-sequence {
+@keyframes :global(loader-initial-sequence) {
 	to {
 		display: none;
 	}
 }
 
-@keyframes sprite-steam {
+@keyframes :global(sprite-steam) {
 	to {
 		background-position: 0 -6250px;
 	}
 }
 
-@keyframes swipe-out-bowl {
+@keyframes :global(swipe-out-bowl) {
 	from {
 		transform: translate3d(0, 0, 0);
 	}
@@ -188,7 +188,7 @@
 	}
 }
 
-@keyframes swipe-out-text {
+@keyframes :global(swipe-out-text) {
 	from {
 		transform: translate3d(0, 0, 0);
 	}
@@ -204,19 +204,19 @@
 	}
 }
 
-@keyframes animation-nothing {
+@keyframes :global(animation-nothing) {
 	to {
 		background-position: 0 -6250px;
 	}
 }
 
-@keyframes overlay-fade {
+@keyframes :global(overlay-fade) {
 	to {
 		opacity: 0;
 	}
 }
 
-@keyframes loader-setup-timeout {
+@keyframes :global(loader-setup-timeout) {
 	to {
 		opacity: 1;
 	}
diff --git a/loader/app/css/overlay.scss b/loader/app/css/overlay.scss
index be486a87..bcc8c3dc 100644
--- a/loader/app/css/overlay.scss
+++ b/loader/app/css/overlay.scss
@@ -30,8 +30,17 @@
         }
     }
 
+    #overlay-no-js {
+        display: block;
+        color: #999;
+
+        svg {
+            fill: #999;
+        }
+    }
+
     #critical-load {
-        img {
+        .img {
             height: 12em
         }
 
@@ -45,6 +54,11 @@
             margin-top: .5em
         }
     }
+
+    svg {
+        max-height: 100%;
+        max-width: 100%;
+    }
 }
 
 
diff --git a/shared/img/loader/bowl.png b/loader/images/bowl.png
similarity index 100%
rename from shared/img/loader/bowl.png
rename to loader/images/bowl.png
diff --git a/shared/img/loader/halloween-initial-sequence.gif b/loader/images/halloween-initial-sequence.gif
similarity index 100%
rename from shared/img/loader/halloween-initial-sequence.gif
rename to loader/images/halloween-initial-sequence.gif
diff --git a/shared/img/loader/halloween-loop.gif b/loader/images/halloween-loop.gif
similarity index 100%
rename from shared/img/loader/halloween-loop.gif
rename to loader/images/halloween-loop.gif
diff --git a/shared/img/loader/initial-sequence-uncompressed.gif b/loader/images/initial-sequence-uncompressed.gif
similarity index 100%
rename from shared/img/loader/initial-sequence-uncompressed.gif
rename to loader/images/initial-sequence-uncompressed.gif
diff --git a/shared/img/loader/initial-sequence.gif b/loader/images/initial-sequence.gif
similarity index 100%
rename from shared/img/loader/initial-sequence.gif
rename to loader/images/initial-sequence.gif
diff --git a/shared/img/loader/initial-sequence.png b/loader/images/initial-sequence.png
similarity index 100%
rename from shared/img/loader/initial-sequence.png
rename to loader/images/initial-sequence.png
diff --git a/shared/img/loading_error.svg b/loader/images/loading_error.svg
similarity index 100%
rename from shared/img/loading_error.svg
rename to loader/images/loading_error.svg
diff --git a/shared/img/loading_error_right.svg b/loader/images/loading_error_right.svg
similarity index 100%
rename from shared/img/loading_error_right.svg
rename to loader/images/loading_error_right.svg
diff --git a/loader/images/script.svg b/loader/images/script.svg
new file mode 100644
index 00000000..ea32f4c0
--- /dev/null
+++ b/loader/images/script.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve">
+<g>
+	<path d="M6.5,41v15c0,1.009,1.22,2,2.463,2h40.074c1.243,0,2.463-0.991,2.463-2V41H6.5z M27.021,51.566
+		c0,0.474-0.087,0.873-0.26,1.196c-0.174,0.323-0.406,0.583-0.697,0.779c-0.292,0.196-0.627,0.333-1.005,0.41
+		s-0.769,0.116-1.169,0.116c-0.201,0-0.436-0.021-0.704-0.062s-0.547-0.104-0.834-0.191s-0.563-0.185-0.827-0.294
+		c-0.265-0.109-0.488-0.232-0.67-0.369l0.697-1.107c0.091,0.063,0.221,0.13,0.39,0.198s0.353,0.132,0.554,0.191
+		c0.2,0.06,0.41,0.111,0.629,0.157s0.424,0.068,0.615,0.068c0.482,0,0.868-0.094,1.155-0.28s0.439-0.504,0.458-0.95v-7.711h1.668
+		V51.566z M34.958,52.298c-0.15,0.342-0.362,0.643-0.636,0.902s-0.611,0.467-1.012,0.622c-0.401,0.155-0.857,0.232-1.367,0.232
+		c-0.219,0-0.444-0.012-0.677-0.034s-0.468-0.062-0.704-0.116c-0.237-0.055-0.463-0.13-0.677-0.226s-0.399-0.212-0.554-0.349
+		l0.287-1.176c0.127,0.073,0.289,0.144,0.485,0.212s0.398,0.132,0.608,0.191c0.209,0.06,0.419,0.107,0.629,0.144
+		c0.209,0.036,0.405,0.055,0.588,0.055c0.556,0,0.982-0.13,1.278-0.39s0.444-0.645,0.444-1.155c0-0.31-0.105-0.574-0.314-0.793
+		c-0.21-0.219-0.472-0.417-0.786-0.595s-0.654-0.355-1.019-0.533c-0.365-0.178-0.707-0.388-1.025-0.629
+		c-0.319-0.241-0.584-0.526-0.793-0.854c-0.21-0.328-0.314-0.738-0.314-1.23c0-0.446,0.082-0.843,0.246-1.189
+		s0.385-0.641,0.663-0.882s0.602-0.426,0.971-0.554s0.759-0.191,1.169-0.191c0.419,0,0.843,0.039,1.271,0.116
+		c0.428,0.077,0.774,0.203,1.039,0.376c-0.055,0.118-0.119,0.248-0.191,0.39c-0.073,0.142-0.142,0.273-0.205,0.396
+		c-0.064,0.123-0.119,0.226-0.164,0.308c-0.046,0.082-0.073,0.128-0.082,0.137c-0.055-0.027-0.116-0.063-0.185-0.109
+		s-0.167-0.091-0.294-0.137c-0.128-0.046-0.297-0.077-0.506-0.096c-0.21-0.019-0.479-0.014-0.807,0.014
+		c-0.183,0.019-0.355,0.07-0.52,0.157s-0.311,0.193-0.438,0.321c-0.128,0.128-0.229,0.271-0.301,0.431
+		c-0.073,0.159-0.109,0.313-0.109,0.458c0,0.364,0.104,0.658,0.314,0.882c0.209,0.224,0.469,0.419,0.779,0.588
+		c0.31,0.169,0.646,0.333,1.012,0.492c0.364,0.159,0.704,0.354,1.019,0.581s0.576,0.513,0.786,0.854
+		c0.209,0.342,0.314,0.781,0.314,1.319C35.184,51.603,35.108,51.956,34.958,52.298z"/>
+	<path d="M51.5,39V13.978c0-0.766-0.092-1.333-0.55-1.792L39.313,0.55C38.964,0.201,38.48,0,37.985,0H8.963
+		C7.777,0,6.5,0.916,6.5,2.926V39H51.5z M29.5,32c0,0.552-0.447,1-1,1s-1-0.448-1-1v-3c0-0.552,0.447-1,1-1s1,0.448,1,1V32z
+		 M37.5,3.391c0-0.458,0.553-0.687,0.877-0.363l10.095,10.095C48.796,13.447,48.567,14,48.109,14H37.5V3.391z M36.5,23v-4
+		c0-0.551-0.448-1-1-1c-0.553,0-1-0.448-1-1s0.447-1,1-1c1.654,0,3,1.346,3,3v4c0,1.103,0.897,2,2,2c0.553,0,1,0.448,1,1
+		s-0.447,1-1,1c-1.103,0-2,0.897-2,2v4c0,1.654-1.346,3-3,3c-0.553,0-1-0.448-1-1s0.447-1,1-1c0.552,0,1-0.449,1-1v-4
+		c0-1.2,0.542-2.266,1.382-3C37.042,25.266,36.5,24.2,36.5,23z M28.5,21c0.828,0,1.5,0.672,1.5,1.5S29.328,24,28.5,24
+		S27,23.328,27,22.5S27.672,21,28.5,21z M16.5,25c1.103,0,2-0.897,2-2v-4c0-1.654,1.346-3,3-3c0.553,0,1,0.448,1,1s-0.447,1-1,1
+		c-0.552,0-1,0.449-1,1v4c0,1.2-0.542,2.266-1.382,3c0.84,0.734,1.382,1.8,1.382,3v4c0,0.551,0.448,1,1,1c0.553,0,1,0.448,1,1
+		s-0.447,1-1,1c-1.654,0-3-1.346-3-3v-4c0-1.103-0.897-2-2-2c-0.553,0-1-0.448-1-1S15.947,25,16.5,25z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/loader/app/images/steam.png b/loader/images/steam.png
similarity index 100%
rename from loader/app/images/steam.png
rename to loader/images/steam.png
diff --git a/shared/img/loader/text.png b/loader/images/text.png
similarity index 100%
rename from shared/img/loader/text.png
rename to loader/images/text.png
diff --git a/loader/index.ejs b/loader/index.ejs
index aa2289e0..5ed5eca3 100644
--- a/loader/index.ejs
+++ b/loader/index.ejs
@@ -40,10 +40,10 @@
             gtag('config', 'UA-113151733-4');
         </script>
 
-        <link rel="preload" as="image" href="img/loader/initial-sequence.gif">
-        <link rel="preload" as="image" href="img/loader/bowl.png">
+        <link rel="preload" as="image" href="<%= require("./images/initial-sequence.gif") %>">
+        <link rel="preload" as="image" href="<%= require("./images/bowl.png") %>">
         <% /* We don't preload the bowl since it's only a div background */ %>
-        <link rel="preload" as="image" href="img/loader/text.png">
+        <link rel="preload" as="image" href="<%= require("./images/text.png") %>">
 
         <%= htmlWebpackPlugin.tags.headTags %>
     </head>
@@ -52,7 +52,9 @@
         <noscript>
             <div id="overlay-no-js">
                 <div class="container">
-                    <img draggable="false" src="img/script.svg" height="128px" alt="no script" >
+                    <div class="img">
+                        <%= require("./images/script.svg") %>
+                    </div>
                     <h1>Please enable JavaScript</h1>
                     <h3>TeaSpeak web could not run without it!</h3>
                     <h3>Its like you, without coffee</h3>
@@ -68,16 +70,16 @@
         <div class="loader" id="loader-overlay">
             <div class="container">
                 <div class="setup">
-                    <lazy-img src="img/loader/initial-sequence.gif" alt="initial loading sequence" x-animation-depend="normal"></lazy-img>
-                    <lazy-img src="img/loader/halloween-initial-sequence.gif" alt="initial loading sequence" x-animation-depend="halloween"></lazy-img>
+                    <lazy-img src="<%= require("./images/initial-sequence.gif") %>" alt="initial loading sequence" x-animation-depend="normal"></lazy-img>
+                    <lazy-img src="<%= require("./images/halloween-initial-sequence.gif") %>" alt="initial loading sequence" x-animation-depend="halloween"></lazy-img>
                 </div>
                 <div class="idle animation-normal">
-                    <lazy-img class="bowl" src="img/loader/bowl.png" alt="bowl" x-animation-depend="normal"></lazy-img>
-                    <lazy-img class="text" src="img/loader/text.png" alt="TeaSpeak" x-animation-depend="normal"></lazy-img>
+                    <lazy-img class="bowl" src="<%= require("./images/bowl.png") %>" alt="bowl" x-animation-depend="normal"></lazy-img>
+                    <lazy-img class="text" src="<%= require("./images/text.png") %>" alt="TeaSpeak" x-animation-depend="normal"></lazy-img>
                     <div class="steam"></div>
                 </div>
                 <div class="idle animation-halloween">
-                    <lazy-img src="img/loader/halloween-loop.gif" alt="halloween loop" x-animation-depend="halloween"></lazy-img>
+                    <lazy-img src="<%= require("./images/halloween-loop.gif") %>" alt="halloween loop" x-animation-depend="halloween"></lazy-img>
                 </div>
             </div>
 
@@ -87,7 +89,9 @@
         <!-- Critical load error -->
         <div class="fulloverlay" id="critical-load">
             <div class="container">
-                <img draggable="false" src="img/loading_error_right.svg" alt="load error" />
+                <div class="img">
+                    <%= require("./images/loading_error_right.svg") %>
+                </div>
 
                 <h1 class="error"></h1>
                 <h3 class="detail"></h3>
diff --git a/package-lock.json b/package-lock.json
index 069e0865..d553de29 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1191,20 +1191,20 @@
       }
     },
     "@peculiar/asn1-schema": {
-      "version": "2.0.17",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-schema/-/asn1-schema-2.0.17.tgz",
-      "integrity": "sha512-7rJD8bR1r6NFE4skDxXsLsFEO3zM2TfjX9wdq5SERoBNEuxGkAJ3uIH84sIMxvDgJtb3cMfLsv8iNpGN0nAWdw==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-schema/-/asn1-schema-2.0.27.tgz",
+      "integrity": "sha512-1tIx7iL3Ma3HtnNS93nB7nhyI0soUJypElj9owd4tpMrRDmeJ8eZubsdq1sb0KSaCs5RqZNoABCP6m5WtnlVhQ==",
       "requires": {
-        "@types/asn1js": "^0.0.1",
+        "@types/asn1js": "^2.0.0",
         "asn1js": "^2.0.26",
-        "pvtsutils": "^1.0.11",
-        "tslib": "^2.0.1"
+        "pvtsutils": "^1.1.1",
+        "tslib": "^2.0.3"
       },
       "dependencies": {
         "tslib": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz",
-          "integrity": "sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ=="
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+          "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
         }
       }
     },
@@ -1217,9 +1217,9 @@
       },
       "dependencies": {
         "tslib": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz",
-          "integrity": "sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ=="
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+          "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
         }
       }
     },
@@ -1315,12 +1315,9 @@
       "dev": true
     },
     "@types/asn1js": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/@types/asn1js/-/asn1js-0.0.1.tgz",
-      "integrity": "sha1-74uflwjLFjKhw6nNJ3F8qr55O8I=",
-      "requires": {
-        "@types/pvutils": "*"
-      }
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/asn1js/-/asn1js-2.0.0.tgz",
+      "integrity": "sha512-Jjzp5EqU0hNpADctc/UqhiFbY1y2MqIxBVa2S4dBlbnZHTLPMuggoL5q43X63LpsOIINRDirBjP56DUUKIUWIA=="
     },
     "@types/clean-css": {
       "version": "4.2.1",
@@ -1519,11 +1516,6 @@
       "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==",
       "dev": true
     },
-    "@types/pvutils": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/@types/pvutils/-/pvutils-0.0.2.tgz",
-      "integrity": "sha512-CgQAm7pjyeF3Gnv78ty4RBVIfluB+Td+2DR8iPaU0prF18pkzptHHP+DoKPfpsJYknKsVZyVsJEu5AuGgAqQ5w=="
-    },
     "@types/q": {
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz",
@@ -1568,15 +1560,6 @@
         "@types/react": "*"
       }
     },
-    "@types/react-transition-group": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.0.tgz",
-      "integrity": "sha512-/QfLHGpu+2fQOqQaXh8MG9q03bFENooTb/it4jr5kKaZlDQfWvjqWZg48AwzPVMBHlRuTRAY7hRHCEOXz5kV6w==",
-      "dev": true,
-      "requires": {
-        "@types/react": "*"
-      }
-    },
     "@types/reactcss": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/@types/reactcss/-/reactcss-1.2.3.tgz",
@@ -1959,12 +1942,6 @@
       "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==",
       "dev": true
     },
-    "address": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/address/-/address-1.1.2.tgz",
-      "integrity": "sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA==",
-      "dev": true
-    },
     "agent-base": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.0.tgz",
@@ -2338,9 +2315,9 @@
       }
     },
     "asn1js": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-2.0.26.tgz",
-      "integrity": "sha512-yG89F0j9B4B0MKIcFyWWxnpZPLaNTjCj4tkE3fjbAoo0qmpGw0PYYqSbX/4ebnd9Icn8ZgK4K1fvDyEtW1JYtQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-2.1.0.tgz",
+      "integrity": "sha512-cDOREXzmlTmDZ/7lulzH8QQJzFUZVz2RhNmGaAaZIgZlIA77fq+DtYWu6Kto40IFoCraE59GJqe1JuRadlLGKQ==",
       "requires": {
         "pvutils": "^1.0.17"
       }
@@ -3454,9 +3431,9 @@
       "dev": true
     },
     "bn.js": {
-      "version": "4.11.8",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
-      "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA=="
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
     },
     "body-parser": {
       "version": "1.19.0",
@@ -3639,6 +3616,15 @@
         "concat-map": "0.0.1"
       }
     },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
     "broadcastchannel-polyfill": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/broadcastchannel-polyfill/-/broadcastchannel-polyfill-1.0.1.tgz",
@@ -3916,11 +3902,6 @@
         }
       }
     },
-    "can-use-dom": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/can-use-dom/-/can-use-dom-0.1.0.tgz",
-      "integrity": "sha1-IsxKNKCrxDlQ9CxkEQJKP2NmtFo="
-    },
     "caniuse-api": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -4408,10 +4389,121 @@
         "is-plain-object": "^2.0.1"
       }
     },
+    "copy-webpack-plugin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-8.0.0.tgz",
+      "integrity": "sha512-sqGe2FsB67wV/De+sz5azQklADe4thN016od6m7iK9KbjrSc1SEgg5QZ0LN+jGx5aZR52CbuXbqOhoIbqzzXlA==",
+      "dev": true,
+      "requires": {
+        "fast-glob": "^3.2.5",
+        "glob-parent": "^5.1.1",
+        "globby": "^11.0.2",
+        "normalize-path": "^3.0.0",
+        "p-limit": "^3.1.0",
+        "schema-utils": "^3.0.0",
+        "serialize-javascript": "^5.0.1"
+      },
+      "dependencies": {
+        "@types/json-schema": {
+          "version": "7.0.7",
+          "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
+          "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
+          "dev": true
+        },
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "dev": true
+        },
+        "array-union": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+          "dev": true
+        },
+        "fast-glob": {
+          "version": "3.2.5",
+          "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.5.tgz",
+          "integrity": "sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==",
+          "dev": true,
+          "requires": {
+            "@nodelib/fs.stat": "^2.0.2",
+            "@nodelib/fs.walk": "^1.2.3",
+            "glob-parent": "^5.1.0",
+            "merge2": "^1.3.0",
+            "micromatch": "^4.0.2",
+            "picomatch": "^2.2.1"
+          }
+        },
+        "globby": {
+          "version": "11.0.2",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.2.tgz",
+          "integrity": "sha512-2ZThXDvvV8fYFRVIxnrMQBipZQDr7MxKAmQK1vujaj9/7eF0efG7BPUKJ7jP7G5SLF37xKDXvO4S/KKLj/Z0og==",
+          "dev": true,
+          "requires": {
+            "array-union": "^2.1.0",
+            "dir-glob": "^3.0.1",
+            "fast-glob": "^3.1.1",
+            "ignore": "^5.1.4",
+            "merge2": "^1.3.0",
+            "slash": "^3.0.0"
+          }
+        },
+        "micromatch": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz",
+          "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.1",
+            "picomatch": "^2.0.5"
+          }
+        },
+        "normalize-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+          "dev": true
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "schema-utils": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz",
+          "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.6",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
     "core-js": {
-      "version": "3.6.5",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.5.tgz",
-      "integrity": "sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA=="
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.9.1.tgz",
+      "integrity": "sha512-gSjRvzkxQc1zjM/5paAmL4idJBFzuJoo+jDjF1tStYFMV2ERfD02HhahhCGXUyHxQRG4yFKVSdO6g62eoRMcDg=="
     },
     "core-js-compat": {
       "version": "3.6.5",
@@ -5108,16 +5200,6 @@
       "integrity": "sha512-qi86tE6hRcFHy8jI1m2VG+LaPUR1LhqDa5G8tVjuUXmOrpuAgqsA1pN0+ldgr3aKUH+QLI9hCY/OcRYisERejw==",
       "dev": true
     },
-    "detect-port-alt": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/detect-port-alt/-/detect-port-alt-1.1.6.tgz",
-      "integrity": "sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==",
-      "dev": true,
-      "requires": {
-        "address": "^1.0.1",
-        "debug": "^2.6.0"
-      }
-    },
     "dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -5169,22 +5251,6 @@
         "utila": "~0.4"
       }
     },
-    "dom-helpers": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.0.tgz",
-      "integrity": "sha512-Ru5o9+V8CpunKnz5LGgWXkmrH/20cGKwcHwS4m73zIvs54CN9epEmT/HLqFJW3kXpakAFkEdzgy1hzlJe3E4OQ==",
-      "requires": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
-      },
-      "dependencies": {
-        "csstype": {
-          "version": "3.0.5",
-          "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.5.tgz",
-          "integrity": "sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ=="
-        }
-      }
-    },
     "dom-serializer": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
@@ -5311,17 +5377,17 @@
       "dev": true
     },
     "elliptic": {
-      "version": "6.5.3",
-      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.3.tgz",
-      "integrity": "sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==",
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
+      "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
       "requires": {
-        "bn.js": "^4.4.0",
-        "brorand": "^1.0.1",
+        "bn.js": "^4.11.9",
+        "brorand": "^1.1.0",
         "hash.js": "^1.0.0",
-        "hmac-drbg": "^1.0.0",
-        "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0",
-        "minimalistic-crypto-utils": "^1.0.0"
+        "hmac-drbg": "^1.0.1",
+        "inherits": "^2.0.4",
+        "minimalistic-assert": "^1.0.1",
+        "minimalistic-crypto-utils": "^1.0.1"
       }
     },
     "emoji-mart": {
@@ -6245,6 +6311,26 @@
       "integrity": "sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==",
       "dev": true
     },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      },
+      "dependencies": {
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
+      }
+    },
     "finalhandler": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
@@ -6684,52 +6770,6 @@
       "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
       "dev": true
     },
-    "fork-ts-checker-webpack-plugin": {
-      "version": "4.1.6",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-4.1.6.tgz",
-      "integrity": "sha512-DUxuQaKoqfNne8iikd14SAkh5uw4+8vNifp6gmA73yYNS6ywLIWSLD/n/mBzHQRpW3J7rbATEakmiA8JvkTyZw==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.5.5",
-        "chalk": "^2.4.1",
-        "micromatch": "^3.1.10",
-        "minimatch": "^3.0.4",
-        "semver": "^5.6.0",
-        "tapable": "^1.0.0",
-        "worker-rpc": "^0.1.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          }
-        },
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
-      }
-    },
     "form-data": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
@@ -7481,6 +7521,15 @@
         }
       }
     },
+    "glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "requires": {
+        "is-glob": "^4.0.1"
+      }
+    },
     "glob-stream": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-6.1.0.tgz",
@@ -8727,12 +8776,6 @@
       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
       "dev": true
     },
-    "immer": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/immer/-/immer-8.0.1.tgz",
-      "integrity": "sha512-aqXhGP7//Gui2+UrEtvxZxSquQVXTpZ7KDxfCcKAF3Vysvw0CViVaW9RZ1j1xlIYqaaaipBoqdqeibkc18PNvA==",
-      "dev": true
-    },
     "import-fresh": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
@@ -9066,12 +9109,6 @@
       "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
       "dev": true
     },
-    "is-docker": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.1.1.tgz",
-      "integrity": "sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw==",
-      "dev": true
-    },
     "is-dotfile": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
@@ -9166,6 +9203,12 @@
       "integrity": "sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==",
       "dev": true
     },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true
+    },
     "is-number-object": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.4.tgz",
@@ -9260,12 +9303,6 @@
       "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==",
       "dev": true
     },
-    "is-root": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-root/-/is-root-2.1.0.tgz",
-      "integrity": "sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==",
-      "dev": true
-    },
     "is-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.0.tgz",
@@ -9521,11 +9558,6 @@
         }
       }
     },
-    "jsonschema": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/jsonschema/-/jsonschema-1.4.0.tgz",
-      "integrity": "sha512-/YgW6pRMr6M7C+4o8kS+B/2myEpHCrxO4PEWnqJNBFMjn7EWXqlQ4tGwL6xTHeRplwuZmcAncdvfOad1nT2yMw=="
-    },
     "jsprim": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
@@ -9607,12 +9639,6 @@
         "is-buffer": "^1.1.5"
       }
     },
-    "kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
-      "dev": true
-    },
     "last-run": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz",
@@ -9766,11 +9792,6 @@
       "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY=",
       "dev": true
     },
-    "lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
-    },
     "lodash.has": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/lodash.has/-/lodash.has-4.5.2.tgz",
@@ -9785,12 +9806,8 @@
     "lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
-      "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4="
-    },
-    "lodash.throttle": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
-      "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
+      "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=",
+      "dev": true
     },
     "lodash.uniq": {
       "version": "4.5.0",
@@ -10357,12 +10374,6 @@
       "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
       "dev": true
     },
-    "microevent.ts": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/microevent.ts/-/microevent.ts-0.1.1.tgz",
-      "integrity": "sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g==",
-      "dev": true
-    },
     "micromatch": {
       "version": "3.1.10",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
@@ -11202,27 +11213,6 @@
         "mimic-fn": "^2.1.0"
       }
     },
-    "open": {
-      "version": "7.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
-      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
-      "dev": true,
-      "requires": {
-        "is-docker": "^2.0.0",
-        "is-wsl": "^2.1.1"
-      },
-      "dependencies": {
-        "is-wsl": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-          "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-          "dev": true,
-          "requires": {
-            "is-docker": "^2.0.0"
-          }
-        }
-      }
-    },
     "opener": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.1.tgz",
@@ -11587,26 +11577,6 @@
         }
       }
     },
-    "pkg-up": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz",
-      "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==",
-      "dev": true,
-      "requires": {
-        "find-up": "^3.0.0"
-      },
-      "dependencies": {
-        "find-up": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
-          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
-          "dev": true,
-          "requires": {
-            "locate-path": "^3.0.0"
-          }
-        }
-      }
-    },
     "plur": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/plur/-/plur-4.0.0.tgz",
@@ -12275,16 +12245,6 @@
       "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
       "dev": true
     },
-    "prompts": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.0.tgz",
-      "integrity": "sha512-awZAKrk3vN6CroQukBL+R9051a4R3zCZBlJm/HBfrSZ8iTpYix3VX1vU4mveiLpiwmOJT4wokTF9m6HUk4KqWQ==",
-      "dev": true,
-      "requires": {
-        "kleur": "^3.0.3",
-        "sisteransi": "^1.0.5"
-      }
-    },
     "prop-types": {
       "version": "15.7.2",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
@@ -12389,17 +12349,17 @@
       }
     },
     "pvtsutils": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.0.12.tgz",
-      "integrity": "sha512-fudCcWFUE7WPHMRVdlEDdeaeLf+8hvZFvfJJ+p8GZlwrrdoiVfv7WZaPt6k7k/NZjMxR8yUbbH51hpwlSmLHiQ==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.1.2.tgz",
+      "integrity": "sha512-Yfm9Dsk1zfEpOWCaJaHfqtNXAFWNNHMFSCLN6jTnhuCCBCC2nqge4sAgo7UrkRBoAAYIL8TN/6LlLoNfZD/b5A==",
       "requires": {
-        "tslib": "^2.0.1"
+        "tslib": "^2.1.0"
       },
       "dependencies": {
         "tslib": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz",
-          "integrity": "sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ=="
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+          "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
         }
       }
     },
@@ -12522,265 +12482,6 @@
         "prop-types": "^15.6.2"
       }
     },
-    "react-dev-utils": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-11.0.4.tgz",
-      "integrity": "sha512-dx0LvIGHcOPtKbeiSUM4jqpBl3TcY7CDjZdfOIcKeznE7BWr9dg0iPG90G5yfVQ+p/rGNMXdbfStvzQZEVEi4A==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "7.10.4",
-        "address": "1.1.2",
-        "browserslist": "4.14.2",
-        "chalk": "2.4.2",
-        "cross-spawn": "7.0.3",
-        "detect-port-alt": "1.1.6",
-        "escape-string-regexp": "2.0.0",
-        "filesize": "6.1.0",
-        "find-up": "4.1.0",
-        "fork-ts-checker-webpack-plugin": "4.1.6",
-        "global-modules": "2.0.0",
-        "globby": "11.0.1",
-        "gzip-size": "5.1.1",
-        "immer": "8.0.1",
-        "is-root": "2.1.0",
-        "loader-utils": "2.0.0",
-        "open": "^7.0.2",
-        "pkg-up": "3.1.0",
-        "prompts": "2.4.0",
-        "react-error-overlay": "^6.0.9",
-        "recursive-readdir": "2.2.2",
-        "shell-quote": "1.7.2",
-        "strip-ansi": "6.0.0",
-        "text-table": "0.2.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
-          "dev": true
-        },
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "array-union": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-          "dev": true
-        },
-        "browserslist": {
-          "version": "4.14.2",
-          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.2.tgz",
-          "integrity": "sha512-HI4lPveGKUR0x2StIz+2FXfDk9SfVMrxn6PLh1JeGUwcuoDkdKZebWiyLRJ68iIPDpMI4JLVDf7S7XzslgWOhw==",
-          "dev": true,
-          "requires": {
-            "caniuse-lite": "^1.0.30001125",
-            "electron-to-chromium": "^1.3.564",
-            "escalade": "^3.0.2",
-            "node-releases": "^1.1.61"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          },
-          "dependencies": {
-            "escape-string-regexp": {
-              "version": "1.0.5",
-              "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-              "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
-              "dev": true
-            }
-          }
-        },
-        "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-          "dev": true,
-          "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
-          }
-        },
-        "electron-to-chromium": {
-          "version": "1.3.690",
-          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.690.tgz",
-          "integrity": "sha512-zPbaSv1c8LUKqQ+scNxJKv01RYFkVVF1xli+b+3Ty8ONujHjAMg+t/COmdZqrtnS1gT+g4hbSodHillymt1Lww==",
-          "dev": true
-        },
-        "escalade": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-          "dev": true
-        },
-        "escape-string-regexp": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-          "dev": true
-        },
-        "filesize": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz",
-          "integrity": "sha512-LpCHtPQ3sFx67z+uh2HnSyWSLLu5Jxo21795uRDuar/EOuYWXib5EmPaGIBuSnRqH2IODiKA2k5re/K9OnN/Yg==",
-          "dev": true
-        },
-        "find-up": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-          "dev": true,
-          "requires": {
-            "locate-path": "^5.0.0",
-            "path-exists": "^4.0.0"
-          }
-        },
-        "global-modules": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-          "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
-          "dev": true,
-          "requires": {
-            "global-prefix": "^3.0.0"
-          }
-        },
-        "global-prefix": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-          "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
-          "dev": true,
-          "requires": {
-            "ini": "^1.3.5",
-            "kind-of": "^6.0.2",
-            "which": "^1.3.1"
-          },
-          "dependencies": {
-            "which": {
-              "version": "1.3.1",
-              "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-              "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-              "dev": true,
-              "requires": {
-                "isexe": "^2.0.0"
-              }
-            }
-          }
-        },
-        "globby": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.1.tgz",
-          "integrity": "sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==",
-          "dev": true,
-          "requires": {
-            "array-union": "^2.1.0",
-            "dir-glob": "^3.0.1",
-            "fast-glob": "^3.1.1",
-            "ignore": "^5.1.4",
-            "merge2": "^1.3.0",
-            "slash": "^3.0.0"
-          }
-        },
-        "json5": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
-          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.5"
-          }
-        },
-        "kind-of": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-          "dev": true
-        },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "locate-path": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-          "dev": true,
-          "requires": {
-            "p-locate": "^4.1.0"
-          }
-        },
-        "node-releases": {
-          "version": "1.1.71",
-          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
-          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
-          "dev": true
-        },
-        "p-locate": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-          "dev": true,
-          "requires": {
-            "p-limit": "^2.2.0"
-          }
-        },
-        "path-exists": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-          "dev": true
-        },
-        "strip-ansi": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^5.0.0"
-          }
-        },
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        },
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "dev": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
-        }
-      }
-    },
     "react-dom": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.13.1.tgz",
@@ -12801,12 +12502,6 @@
         "prop-types": "^15.6.0"
       }
     },
-    "react-error-overlay": {
-      "version": "6.0.9",
-      "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
-      "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==",
-      "dev": true
-    },
     "react-fast-compare": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
@@ -12850,17 +12545,6 @@
         "react-draggable": "^4.0.3"
       }
     },
-    "react-transition-group": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.1.tgz",
-      "integrity": "sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw==",
-      "requires": {
-        "@babel/runtime": "^7.5.5",
-        "dom-helpers": "^5.0.1",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.6.2"
-      }
-    },
     "read-pkg": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
@@ -13165,15 +12849,6 @@
         "resolve": "^1.1.6"
       }
     },
-    "recursive-readdir": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
-      "integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
-      "dev": true,
-      "requires": {
-        "minimatch": "3.0.4"
-      }
-    },
     "redent": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
@@ -14244,12 +13919,6 @@
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true
     },
-    "shell-quote": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
-      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==",
-      "dev": true
-    },
     "signal-exit": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
@@ -14288,34 +13957,6 @@
         }
       }
     },
-    "simplebar": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/simplebar/-/simplebar-5.2.0.tgz",
-      "integrity": "sha512-CpVSINCQ/XAYABUdUAnVWHyjkBYoFu+s12IUrZgVNfXzILNXP0MP+5OaIBjylzjYxIE/rsuC1K50/xJldPGGpQ==",
-      "requires": {
-        "can-use-dom": "^0.1.0",
-        "core-js": "^3.0.1",
-        "lodash.debounce": "^4.0.8",
-        "lodash.memoize": "^4.1.2",
-        "lodash.throttle": "^4.1.1",
-        "resize-observer-polyfill": "^1.5.1"
-      }
-    },
-    "simplebar-react": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/simplebar-react/-/simplebar-react-2.2.0.tgz",
-      "integrity": "sha512-MOhBo2RabguVxUG4b8khO+zhOhktGUt3BjRsbTs8EpA0DzeCtAxq6RzdtDqGeBUj2c2+/CpF2vQmuvRCARln/A==",
-      "requires": {
-        "prop-types": "^15.6.1",
-        "simplebar": "^5.2.0"
-      }
-    },
-    "sisteransi": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
-      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-      "dev": true
-    },
     "slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -15124,12 +14765,6 @@
         }
       }
     },
-    "text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
-      "dev": true
-    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -16699,45 +16334,45 @@
       }
     },
     "webcrypto-core": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/webcrypto-core/-/webcrypto-core-1.1.8.tgz",
-      "integrity": "sha512-hKnFXsqh0VloojNeTfrwFoRM4MnaWzH6vtXcaFcGjPEu+8HmBdQZnps3/2ikOFqS8bJN1RYr6mI2P/FJzyZnXg==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/webcrypto-core/-/webcrypto-core-1.2.0.tgz",
+      "integrity": "sha512-p76Z/YLuE4CHCRdc49FB/ETaM4bzM3roqWNJeGs+QNY1fOTzKTOVnhmudW1fuO+5EZg6/4LG9NJ6gaAyxTk9XQ==",
       "requires": {
-        "@peculiar/asn1-schema": "^2.0.12",
+        "@peculiar/asn1-schema": "^2.0.27",
         "@peculiar/json-schema": "^1.1.12",
         "asn1js": "^2.0.26",
-        "pvtsutils": "^1.0.11",
-        "tslib": "^2.0.1"
+        "pvtsutils": "^1.1.2",
+        "tslib": "^2.1.0"
       },
       "dependencies": {
         "tslib": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz",
-          "integrity": "sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ=="
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+          "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
         }
       }
     },
     "webcrypto-liner": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/webcrypto-liner/-/webcrypto-liner-1.2.3.tgz",
-      "integrity": "sha512-e2P3hMkBVlMo1gMQnkEym0uJh+WVskQbvC3lT278ux3/OnxX7KAVaqROi1nlV9FRQBBvdadjuaWiFSLyESh4mA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/webcrypto-liner/-/webcrypto-liner-1.2.4.tgz",
+      "integrity": "sha512-Be9SYrfKxO/Bg4JOLXsTfnJ3HKwTC8x6FOFsc+ng5M7yOfpNmYRPK7l+Eth7nSw3Km2Z5dnh8kcGZbw55qzQAw==",
       "requires": {
-        "@peculiar/asn1-schema": "^2.0.3",
-        "@peculiar/json-schema": "^1.1.10",
+        "@peculiar/asn1-schema": "^2.0.27",
+        "@peculiar/json-schema": "^1.1.12",
         "asmcrypto.js": "^2.3.2",
         "asn1js": "^2.0.26",
-        "core-js": "^3.6.5",
+        "core-js": "^3.8.3",
         "des.js": "^1.0.1",
-        "elliptic": "^6.5.2",
-        "pvtsutils": "^1.0.10",
-        "tslib": "^1.13.0",
-        "webcrypto-core": "^1.1.2"
+        "elliptic": "^6.5.4",
+        "pvtsutils": "^1.1.2",
+        "tslib": "^2.1.0",
+        "webcrypto-core": "^1.2.0"
       },
       "dependencies": {
         "tslib": {
-          "version": "1.13.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
-          "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+          "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
         }
       }
     },
@@ -17673,15 +17308,6 @@
       "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
       "dev": true
     },
-    "worker-rpc": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/worker-rpc/-/worker-rpc-0.1.1.tgz",
-      "integrity": "sha512-P1WjMrUB3qgJNI9jfmpZ/htmBEjFh//6l/5y8SD9hg1Ef5zTTVVoRjTrTEzPrNBQvmhMxkoTsjOXN10GWU7aCg==",
-      "dev": true,
-      "requires": {
-        "microevent.ts": "~0.1.1"
-      }
-    },
     "wrap-ansi": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
diff --git a/package.json b/package.json
index 3248692b..de36b571 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "webpack-web": "webpack --config webpack-web.config.js",
     "webpack-client": "webpack --config webpack-client.config.js",
     "generate-i18n-gtranslate": "node shared/generate_i18n_gtranslate.js",
-    "dev-server": "webpack serve --config webpack-web.config.js"
+    "dev-server": "npm run compile-project-base && webpack serve --config webpack-web.config.js"
   },
   "author": "TeaSpeak (WolverinDEV)",
   "license": "ISC",
@@ -47,6 +47,7 @@
     "circular-dependency-plugin": "^5.2.0",
     "clean-css": "^4.2.1",
     "clean-webpack-plugin": "^3.0.0",
+    "copy-webpack-plugin": "^8.0.0",
     "css-loader": "^3.6.0",
     "css-minimizer-webpack-plugin": "^1.3.0",
     "exports-loader": "^0.7.0",
@@ -112,6 +113,7 @@
     "simple-jsonp-promise": "^1.1.0",
     "twemoji": "^13.0.0",
     "url-knife": "^3.1.3",
+    "webcrypto-liner": "^1.2.4",
     "webpack-manifest-plugin": "^3.1.0",
     "webrtc-adapter": "^7.5.1"
   }
diff --git a/webpack.config.ts b/webpack.config.ts
index 6d247a99..614bd938 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -3,7 +3,7 @@ import * as util from "util";
 import * as path from "path";
 import * as child_process from "child_process";
 
-import { DefinePlugin, Configuration } from "webpack";
+import { DefinePlugin, Configuration, } from "webpack";
 
 import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
 const ManifestGenerator = require("./webpack/ManifestPlugin");
@@ -14,6 +14,7 @@ import {TranslateableWebpackPlugin} from "./tools/trgen/WebpackPlugin";
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
@@ -87,8 +88,8 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
 
     return {
         entry: {
-            "loader": ["./loader/app/index.ts"],
-            "modal-external": ["./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts"],
+            "loader": "./loader/app/index.ts",
+            "modal-external": "./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts",
             //"devel-main": "./shared/js/devel_main.ts"
         },
 
@@ -98,6 +99,14 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             new CleanWebpackPlugin(),
             new DefinePlugin(await generateDefinitions(target)),
 
+            new CopyWebpackPlugin({
+                patterns: [
+                    { from: path.join(__dirname, "shared", "img"), to: 'img' },
+                    { from: path.join(__dirname, "shared", "i18n"), to: 'i18n' },
+                    { from: path.join(__dirname, "shared", "audio"), to: 'audio' }
+                ]
+            }),
+
             new MiniCssExtractPlugin({
                 filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
                 chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
@@ -108,7 +117,6 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                 outputFileName: "manifest.json",
                 context: __dirname
             }),
-
             new SvgSpriteGenerator({
                 dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
                 publicPath: "js/",
@@ -150,7 +158,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             generateIndexPlugin(target),
             new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
 
-            translateablePlugin
+            translateablePlugin,
             //new BundleAnalyzerPlugin(),
         ].filter(e => !!e),
 
@@ -200,7 +208,6 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                             options: {
                                 context: __dirname,
                                 colors: true,
-
                                 getCustomTransformers: program => ({
                                     before: [translateablePlugin.createTypeScriptTransformer(program)]
                                 }),
@@ -249,7 +256,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             filename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
             chunkFilename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
             path: path.resolve(__dirname, 'dist'),
-            publicPath: "js/"
+            publicPath: "/js/"
         },
         performance: {
             hints: false
@@ -266,10 +273,13 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             ]
         },
         devServer: {
-            publicPath: "/",
+            publicPath: "/js/",
             contentBase: path.join(__dirname, 'dist'),
             writeToDisk: true,
-            compress: true
+            compress: true,
+            hot: false,
+            inline: false,
+            liveReload: false,
         },
     };
 };
\ No newline at end of file

From bedaae5a7c0f1465222957044e7ad1cc4a3e72ec Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 18:32:03 +0100
Subject: [PATCH 025/128] Adding postcss auto prefixer

---
 package-lock.json | 2154 ++++++++++++++++++++++++++++++++++++++++++++-
 package.json      |    3 +
 postcss.config.ts |    8 +
 webpack.config.ts |   10 +-
 4 files changed, 2155 insertions(+), 20 deletions(-)
 create mode 100644 postcss.config.ts

diff --git a/package-lock.json b/package-lock.json
index d553de29..6420ed43 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1510,6 +1510,12 @@
       "integrity": "sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==",
       "dev": true
     },
+    "@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true
+    },
     "@types/prop-types": {
       "version": "15.7.3",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
@@ -2405,6 +2411,53 @@
         "tslib": "^1.9.3"
       }
     },
+    "autoprefixer": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.2.5.tgz",
+      "integrity": "sha512-7H4AJZXvSsn62SqZyJCP+1AWwOuoYpUfK6ot9vm0e87XD6mT8lDywc9D9OTJPMULyGcvmIxzTAMeG2Cc+YX+fA==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.16.3",
+        "caniuse-lite": "^1.0.30001196",
+        "colorette": "^1.2.2",
+        "fraction.js": "^4.0.13",
+        "normalize-range": "^0.1.2",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "dependencies": {
+        "browserslist": {
+          "version": "4.16.3",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+          "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001181",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.649",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.70"
+          }
+        },
+        "electron-to-chromium": {
+          "version": "1.3.690",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.690.tgz",
+          "integrity": "sha512-zPbaSv1c8LUKqQ+scNxJKv01RYFkVVF1xli+b+3Ty8ONujHjAMg+t/COmdZqrtnS1gT+g4hbSodHillymt1Lww==",
+          "dev": true
+        },
+        "escalade": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.71",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
+        }
+      }
+    },
     "aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -4582,6 +4635,59 @@
       "requires": {
         "postcss": "^7.0.1",
         "timsort": "^0.3.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "css-loader": {
@@ -4617,18 +4723,60 @@
             "uri-js": "^4.2.2"
           }
         },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
         "camelcase": {
           "version": "5.3.1",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
           "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
           "dev": true
         },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
         "normalize-path": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
           "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
           "dev": true
         },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "schema-utils": {
           "version": "2.7.0",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
@@ -4645,6 +4793,15 @@
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
           "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -4779,6 +4936,59 @@
         "cssnano-preset-default": "^4.0.7",
         "is-resolvable": "^1.0.0",
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "cssnano-preset-default": {
@@ -4817,6 +5027,59 @@
         "postcss-reduce-transforms": "^4.0.2",
         "postcss-svgo": "^4.0.2",
         "postcss-unique-selectors": "^4.0.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "cssnano-util-get-arguments": {
@@ -4838,6 +5101,59 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "cssnano-util-same-parent": {
@@ -6787,6 +7103,12 @@
       "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
       "dev": true
     },
+    "fraction.js": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.0.13.tgz",
+      "integrity": "sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA==",
+      "dev": true
+    },
     "fragment-cache": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
@@ -8768,6 +9090,59 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.14"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "ignore": {
@@ -9493,6 +9868,12 @@
       "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
       "dev": true
     },
+    "json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
     "json-schema": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
@@ -9639,6 +10020,12 @@
         "is-buffer": "^1.1.5"
       }
     },
+    "klona": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.4.tgz",
+      "integrity": "sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==",
+      "dev": true
+    },
     "last-run": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz",
@@ -10756,6 +11143,12 @@
       "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
       "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg=="
     },
+    "nanoid": {
+      "version": "3.1.22",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",
+      "integrity": "sha512-/2ZUaJX2ANuLtTvqTlgqBQNJoQO398KyJgZloL0PZkC0dpysjncRUPsFe3DUPzz/y3h+u7C46np8RMuvF3jsSQ==",
+      "dev": true
+    },
     "nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -10925,6 +11318,12 @@
         "remove-trailing-separator": "^1.0.1"
       }
     },
+    "normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+      "dev": true
+    },
     "normalize-url": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz",
@@ -11366,6 +11765,23 @@
         "tslib": "^1.10.0"
       }
     },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "requires": {
+        "callsites": "^3.0.0"
+      },
+      "dependencies": {
+        "callsites": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+          "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+          "dev": true
+        }
+      }
+    },
     "parse-filepath": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
@@ -11620,14 +12036,25 @@
       "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs="
     },
     "postcss": {
-      "version": "7.0.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
-      "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
+      "version": "8.2.8",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.8.tgz",
+      "integrity": "sha512-1F0Xb2T21xET7oQV9eKuctbM9S7BC0fetoHCc4H13z0PT6haiRLP4T0ZY4XWh7iLP0usgqykT6p9B2RtOf4FPw==",
       "dev": true,
       "requires": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
+        "colorette": "^1.2.2",
+        "nanoid": "^3.1.20",
+        "source-map": "^0.6.1"
+      }
+    },
+    "postcss-calc": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz",
+      "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.27",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.0.2"
       },
       "dependencies": {
         "ansi-styles": {
@@ -11661,6 +12088,17 @@
             }
           }
         },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "supports-color": {
           "version": "6.1.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
@@ -11672,17 +12110,6 @@
         }
       }
     },
-    "postcss-calc": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz",
-      "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
-      "dev": true,
-      "requires": {
-        "postcss": "^7.0.27",
-        "postcss-selector-parser": "^6.0.2",
-        "postcss-value-parser": "^4.0.2"
-      }
-    },
     "postcss-colormin": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
@@ -11696,11 +12123,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11714,11 +12192,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11729,6 +12258,59 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-discard-duplicates": {
@@ -11738,6 +12320,59 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-discard-empty": {
@@ -11747,6 +12382,59 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-discard-overridden": {
@@ -11756,6 +12444,143 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "postcss-loader": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-5.2.0.tgz",
+      "integrity": "sha512-uSuCkENFeUaOYsKrXm0eNNgVIxc71z8RcckLMbVw473rGojFnrUeqEz6zBgXsH2q1EIzXnO/4pEz9RhALjlITA==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^7.0.0",
+        "klona": "^2.0.4",
+        "semver": "^7.3.4"
+      },
+      "dependencies": {
+        "cosmiconfig": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+          "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
+          "dev": true,
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.2.1",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.10.0"
+          }
+        },
+        "import-fresh": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+          "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+          "dev": true,
+          "requires": {
+            "parent-module": "^1.0.0",
+            "resolve-from": "^4.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+          "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "error-ex": "^1.3.1",
+            "json-parse-even-better-errors": "^2.3.0",
+            "lines-and-columns": "^1.1.6"
+          }
+        },
+        "path-type": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+          "dev": true
+        },
+        "resolve-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+          "dev": true
+        },
+        "semver": {
+          "version": "7.3.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
+          "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
       }
     },
     "postcss-merge-longhand": {
@@ -11770,11 +12595,62 @@
         "stylehacks": "^4.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11792,6 +12668,48 @@
         "vendors": "^1.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-selector-parser": {
           "version": "3.1.2",
           "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
@@ -11802,6 +12720,15 @@
             "indexes-of": "^1.0.1",
             "uniq": "^1.0.1"
           }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11815,11 +12742,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11835,11 +12813,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11857,11 +12886,62 @@
         "uniqs": "^2.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11877,6 +12957,48 @@
         "postcss-selector-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-selector-parser": {
           "version": "3.1.2",
           "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
@@ -11887,6 +13009,15 @@
             "indexes-of": "^1.0.1",
             "uniq": "^1.0.1"
           }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11897,6 +13028,59 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.5"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-modules-local-by-default": {
@@ -11909,6 +13093,59 @@
         "postcss": "^7.0.16",
         "postcss-selector-parser": "^6.0.2",
         "postcss-value-parser": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-modules-scope": {
@@ -11919,6 +13156,59 @@
       "requires": {
         "postcss": "^7.0.6",
         "postcss-selector-parser": "^6.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-modules-values": {
@@ -11929,6 +13219,59 @@
       "requires": {
         "icss-utils": "^4.0.0",
         "postcss": "^7.0.6"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-normalize-charset": {
@@ -11938,6 +13281,59 @@
       "dev": true,
       "requires": {
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-normalize-display-values": {
@@ -11951,11 +13347,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11971,11 +13418,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -11991,11 +13489,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12010,11 +13559,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12029,11 +13629,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12048,11 +13699,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12068,11 +13770,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12086,11 +13839,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12105,11 +13909,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12123,6 +13978,59 @@
         "caniuse-api": "^3.0.0",
         "has": "^1.0.0",
         "postcss": "^7.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-reduce-transforms": {
@@ -12137,11 +14045,62 @@
         "postcss-value-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12168,11 +14127,62 @@
         "svgo": "^1.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
           "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -12185,6 +14195,59 @@
         "alphanum-sort": "^1.0.0",
         "postcss": "^7.0.0",
         "uniqs": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-value-parser": {
@@ -14475,6 +16538,48 @@
         "postcss-selector-parser": "^3.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.35",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
         "postcss-selector-parser": {
           "version": "3.1.2",
           "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
@@ -14485,6 +16590,15 @@
             "indexes-of": "^1.0.1",
             "uniq": "^1.0.1"
           }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
@@ -17368,6 +19482,12 @@
       "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
       "dev": true
     },
+    "yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true
+    },
     "yargs": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
diff --git a/package.json b/package.json
index de36b571..6780b470 100644
--- a/package.json
+++ b/package.json
@@ -43,6 +43,7 @@
     "@types/websocket": "0.0.40",
     "@types/xml-parser": "^1.2.29",
     "@wasm-tool/wasm-pack-plugin": "^1.3.1",
+    "autoprefixer": "^10.2.5",
     "babel-loader": "^8.1.0",
     "circular-dependency-plugin": "^5.2.0",
     "clean-css": "^4.2.1",
@@ -64,6 +65,8 @@
     "mini-css-extract-plugin": "^1.3.9",
     "mkdirp": "^0.5.1",
     "node-sass": "^4.14.1",
+    "postcss": "^8.2.8",
+    "postcss-loader": "^5.2.0",
     "potpack": "^1.0.1",
     "raw-loader": "^4.0.0",
     "sass": "1.22.10",
diff --git a/postcss.config.ts b/postcss.config.ts
new file mode 100644
index 00000000..45ee7bc1
--- /dev/null
+++ b/postcss.config.ts
@@ -0,0 +1,8 @@
+export = {
+    plugins: [
+        [
+            require("autoprefixer"),
+            "postcss-preset-env",
+        ],
+    ],
+};
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index 614bd938..bc6d4f2b 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -110,7 +110,8 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             new MiniCssExtractPlugin({
                 filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
                 chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
-                ignoreOrder: true
+                ignoreOrder: true,
+
             }),
 
             new ManifestGenerator({
@@ -171,7 +172,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                         {
                             loader: MiniCssExtractPlugin.loader,
                             options: {
-                                esModule: false
+                                esModule: false,
                             }
                         },
                         {
@@ -185,7 +186,10 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                             }
                         },
                         {
-                            loader: 'sass-loader',
+                            loader: "postcss-loader"
+                        },
+                        {
+                            loader: "sass-loader",
                             options: {
                                 sourceMap: isDevelopment
                             }

From 65dc29a2298d1f27b871cf0e29e4e5be4d6548f6 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 18:52:35 +0100
Subject: [PATCH 026/128] Separated image, js and css files

---
 tsbaseconfig.json |  1 +
 webpack.config.ts | 35 +++++++++++++++++++++++------------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/tsbaseconfig.json b/tsbaseconfig.json
index da896b8c..b79ddcba 100644
--- a/tsbaseconfig.json
+++ b/tsbaseconfig.json
@@ -19,6 +19,7 @@
     "webpack/ManifestPlugin.ts",
 
     "babel.config.ts",
+    "postcss.config.ts",
     "file.ts"
   ],
   "exclude": [
diff --git a/webpack.config.ts b/webpack.config.ts
index bc6d4f2b..24731046 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -101,15 +101,23 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
 
             new CopyWebpackPlugin({
                 patterns: [
-                    { from: path.join(__dirname, "shared", "img"), to: 'img' },
-                    { from: path.join(__dirname, "shared", "i18n"), to: 'i18n' },
+                    {
+                        from: path.join(__dirname, "shared", "img"),
+                        to: 'img',
+                        globOptions: {
+                            ignore: [
+                                '**/client-icons/**',
+                            ]
+                        }
+                    },
+                    target === "web" ? { from: path.join(__dirname, "shared", "i18n"), to: 'i18n' } : undefined,
                     { from: path.join(__dirname, "shared", "audio"), to: 'audio' }
-                ]
+                ].filter(e => !!e)
             }),
 
             new MiniCssExtractPlugin({
-                filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
-                chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
+                filename: isDevelopment ? "css/[name].[contenthash].css" : "css/[contenthash].css",
+                chunkFilename: isDevelopment ? "css/[name].[contenthash].css" : "css/[contenthash].css",
                 ignoreOrder: true,
 
             }),
@@ -120,7 +128,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             }),
             new SvgSpriteGenerator({
                 dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
-                publicPath: "js/",
+                publicPath: "/assets/",
                 configurations: {
                     "client-icons": {
                         folder: path.join(__dirname, "shared", "img", "client-icons"),
@@ -241,7 +249,10 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                 },
                 {
                     test: /\.(png|jpg|jpeg|gif)?$/,
-                    type: "asset/resource"
+                    type: "asset/resource",
+                    generator: {
+                        filename: 'img/[hash][ext][query]'
+                    }
                 },
             ]
         } as any,
@@ -257,10 +268,10 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             {"tc-loader": "window loader"}
         ],
         output: {
-            filename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
-            chunkFilename: isDevelopment ? "[name].[contenthash].js" : "[contenthash].js",
-            path: path.resolve(__dirname, 'dist'),
-            publicPath: "/js/"
+            filename: isDevelopment ? "js/[name].[contenthash].js" : "js/[contenthash].js",
+            chunkFilename: isDevelopment ? "js/[name].[contenthash].js" : "js/[contenthash].js",
+            path: path.resolve(__dirname, "dist"),
+            publicPath: "/"
         },
         performance: {
             hints: false
@@ -277,7 +288,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
             ]
         },
         devServer: {
-            publicPath: "/js/",
+            publicPath: "/",
             contentBase: path.join(__dirname, 'dist'),
             writeToDisk: true,
             compress: true,

From ecf12c788e5f84c9b82354a054821ab1a14b5b9e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 19:41:51 +0100
Subject: [PATCH 027/128] Applied required changes to the automatic build
 system

---
 .gitignore                                    |   1 +
 ChangeLog.md                                  |   5 +
 loader/app/maifest.ts                         |   6 +-
 package-lock.json                             |  24 ++++
 package.json                                  |   3 +-
 scripts/build.sh                              |  24 +---
 scripts/cleanup.sh                            |   2 +-
 scripts/git_index.sh                          |   2 +-
 scripts/install_dependencies.sh               |  49 +-------
 scripts/travis/build.sh                       |  10 --
 scripts/travis/deploy_github.sh               |   4 +-
 scripts/travis/deploy_server.sh               |   2 +-
 scripts/web_package.sh                        |  53 ---------
 shared/img/music/empty_disk.svg               |   1 -
 shared/img/music/icon_music_pause.svg         |  45 --------
 shared/img/music/settings.svg                 |  23 ----
 .../frames/side/MusicPlaylistNoThumbnail.png} | Bin
 .../ui/frames/side/MusicPlaylistRenderer.tsx  |   3 +-
 tools/trgen/WebpackPlugin.ts                  |   5 +-
 webpack-client.config.ts                      |   2 +-
 webpack-web.config.ts                         |   2 +-
 webpack.config.ts                             | 109 ++++++++++++------
 webpack/GeneratedAssetPlugin.ts               |  43 +++++++
 webpack/HtmlWebpackInlineSource.ts            |   2 +-
 24 files changed, 172 insertions(+), 248 deletions(-)
 delete mode 100644 scripts/web_package.sh
 delete mode 100644 shared/img/music/empty_disk.svg
 delete mode 100644 shared/img/music/icon_music_pause.svg
 delete mode 100644 shared/img/music/settings.svg
 rename shared/{img/music/no-thumbnail.png => js/ui/frames/side/MusicPlaylistNoThumbnail.png} (100%)
 create mode 100644 webpack/GeneratedAssetPlugin.ts

diff --git a/.gitignore b/.gitignore
index 8dce8df8..1d400eb3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,6 +14,7 @@ node_modules/
 
 # Some build output
 /dist/
+/dist-package/
 /declarations/
 /travis-build/
 
diff --git a/ChangeLog.md b/ChangeLog.md
index a68ba5dc..5772de8f 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,9 @@
 # Changelog:
+* **17.03.21**
+    - Updated from webpack 4 to webpack 5
+    - Reworked the client build process
+    - Using webpack dev server from now on
+  
 * **14.03.21**
     - Enchanted the bookmark system
       - Added support for auto connect on startup
diff --git a/loader/app/maifest.ts b/loader/app/maifest.ts
index 6462ce16..79c3da87 100644
--- a/loader/app/maifest.ts
+++ b/loader/app/maifest.ts
@@ -31,7 +31,7 @@ export async function loadManifest() : Promise<TeaManifest> {
     }
 
     try {
-        const response = await fetch(config.baseUrl + "js/manifest.json?_date=" + Date.now());
+        const response = await fetch(config.baseUrl + "/manifest.json?_date=" + Date.now());
         if(!response.ok) throw response.status + " " + response.statusText;
 
         manifest = await response.json();
@@ -56,7 +56,7 @@ export async function loadManifestTarget(chunkName: string, taskId: number) {
         modules: manifest.chunks[chunkName].modules
     });
 
-    loader.style.load_multiple(manifest.chunks[chunkName].css_files.map(e => "js/" + e.file), {
+    loader.style.load_multiple(manifest.chunks[chunkName].css_files.map(e => e.file), {
         cache_tag: undefined,
         max_parallel_requests: 4
     }, (entry, state) => {
@@ -67,7 +67,7 @@ export async function loadManifestTarget(chunkName: string, taskId: number) {
         loader.setCurrentTaskName(taskId, script_name(entry, false));
     });
 
-    await loader.scripts.load_multiple(manifest.chunks[chunkName].files.map(e => "js/" + e.file), {
+    await loader.scripts.load_multiple(manifest.chunks[chunkName].files.map(e => e.file), {
         cache_tag: undefined,
         max_parallel_requests: 4
     }, (script, state) => {
diff --git a/package-lock.json b/package-lock.json
index 6420ed43..d2a6b819 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3700,6 +3700,12 @@
         "node-releases": "^1.1.58"
       }
     },
+    "buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=",
+      "dev": true
+    },
     "buffer-equal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.0.tgz",
@@ -19518,11 +19524,29 @@
         "camelcase": "^3.0.0"
       }
     },
+    "yazl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/yazl/-/yazl-2.5.1.tgz",
+      "integrity": "sha512-phENi2PLiHnHb6QBVot+dJnaAZ0xosj7p3fWl+znIjBDlnMI2PsZCJZ306BPTFOaHf5qdDEI8x5qFrSOBN5vrw==",
+      "dev": true,
+      "requires": {
+        "buffer-crc32": "~0.2.3"
+      }
+    },
     "yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true
+    },
+    "zip-webpack-plugin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/zip-webpack-plugin/-/zip-webpack-plugin-4.0.1.tgz",
+      "integrity": "sha512-G041Q4qUaog44Ynit6gs4o+o3JIv0WWfOLvc8Q3IxvPfuqd2KBHhpJWAXUB9Cm1JcWHTIOp9vS3oGMWa1p1Ehw==",
+      "dev": true,
+      "requires": {
+        "yazl": "^2.5.1"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 6780b470..d146d363 100644
--- a/package.json
+++ b/package.json
@@ -85,7 +85,8 @@
     "webpack-bundle-analyzer": "^3.6.1",
     "webpack-cli": "^4.5.0",
     "webpack-dev-server": "^3.11.2",
-    "webpack-svg-sprite-generator": "^5.0.2"
+    "webpack-svg-sprite-generator": "^5.0.2",
+    "zip-webpack-plugin": "^4.0.1"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/build.sh b/scripts/build.sh
index e004bab2..cb4ebf5e 100644
--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -49,32 +49,18 @@ if [[ $_exit_code -ne 0 ]]; then
     exit 1
 fi
 
-echo "Generating style files"
-npm run compile-scss; _exit_code=$?
-if [[ $_exit_code -ne 0 ]]; then
-    echo "Failed to generate style files"
-    exit 1
-fi
-
 if [[ "$build_type" == "release" ]]; then # Compile everything for release mode
-    NODE_ENV=production npm run build-$build_target; _exit_code=$?
+    NODE_ENV=production npm run build-$build_target -- --env package=1; _exit_code=$?
     if [[ $_exit_code -ne 0 ]]; then
-        echo "Failed to build the $build_target applcation"
+        echo "Failed to build the $build_target application"
         exit 1
     fi
 elif [[ "$build_type" == "development" ]]; then
-    NODE_ENV=development npm run build-$build_target; _exit_code=$?
+    NODE_ENV=development npm run build-$build_target -- --env package=1; _exit_code=$?
     if [[ $_exit_code -ne 0 ]]; then
-        echo "Failed to build the $build_target applcation"
+        echo "Failed to build the $build_target application"
         exit 1
     fi
 fi
 
-echo "Generating environment"
-node file.js generate $build_target ${build_type}; _exit_code=$?
-if [[ $_exit_code -ne 0 ]]; then
-    echo "Failed to generate environment"
-    exit 1
-fi
-
-echo "$build_target builded successfully!"
\ No newline at end of file
+echo "$build_target build successfully!"
\ No newline at end of file
diff --git a/scripts/cleanup.sh b/scripts/cleanup.sh
index 3ef26a0b..67ace0ae 100644
--- a/scripts/cleanup.sh
+++ b/scripts/cleanup.sh
@@ -1,7 +1,7 @@
 #!/usr/bin/env bash
 
 BASEDIR=$(dirname "$0")
-cd "$BASEDIR/../"
+cd "$BASEDIR/../" || exit
 
 # This script cleanups all generated files
 function remove_if_exists() {
diff --git a/scripts/git_index.sh b/scripts/git_index.sh
index 6dc166df..acf8807e 100644
--- a/scripts/git_index.sh
+++ b/scripts/git_index.sh
@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-response=$(git diff-index HEAD -- . ':!asm/libraries/' ':!package-lock.json' ':!vendor/')
+response=$(git diff-index HEAD -- . ':!package-lock.json' ':!vendor/')
 if [[ "$response" != "" ]]; then
     if [[ "$1" == "sort-tag" ]]; then
         echo "0000000"
diff --git a/scripts/install_dependencies.sh b/scripts/install_dependencies.sh
index 7c5b2e00..0095640a 100644
--- a/scripts/install_dependencies.sh
+++ b/scripts/install_dependencies.sh
@@ -34,52 +34,5 @@ install_node() {
     fi
 }
 
-install_rust() {
-    rustup_version=$(rustup --version 2>/dev/null)
-    if [[ $? -ne 0 ]]; then
-        echo "> Missing rustup, installing..."
-        curl https://build.travis-ci.org/files/rustup-init.sh -sSf | sh -s -- -y --default-toolchain nightly
-        # shellcheck disable=SC2181
-        [[ $? -ne 0 ]] && {
-            echo "> Failed to install rustup"
-            exit 1
-        }
-
-        PATH="$PATH:$HOME/.cargo/bin"
-        rustup_version=$(rustup --version 2>/dev/null)
-        echo "> Installed $rustup_version"
-    else
-        echo "> Found $rustup_version"
-    fi
-
-    echo "> Installing/updating the wasm32-unknown-unknown host"
-    rustup target add wasm32-unknown-unknown
-    if [[ $? -ne 0 ]]; then
-        echo "> Failed to install/updating the wasm target"
-        exit 1
-    fi
-}
-
-install_wasmpack() {
-    wasmpack_version=$(wasm-pack --version 2>/dev/null)
-    if [[ $? -ne 0 ]]; then
-        echo "> Missing wasm-pack, installing..."
-        curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh
-
-        # shellcheck disable=SC2181
-        [[ $? -ne 0 ]] && {
-            echo "> Failed to install wasm-pack"
-            exit 1
-        }
-
-        wasmpack_version=$(wasm-pack --version 2>/dev/null)
-        echo "> Installed $wasmpack_version"
-    else
-        echo "> Found $wasmpack_version"
-    fi
-}
-
 install_sys_deps
-install_node
-install_rust
-install_wasmpack
\ No newline at end of file
+install_node
\ No newline at end of file
diff --git a/scripts/travis/build.sh b/scripts/travis/build.sh
index 05a5d62a..67369ad7 100644
--- a/scripts/travis/build.sh
+++ b/scripts/travis/build.sh
@@ -176,11 +176,6 @@ function execute_build_release() {
         "Failed to build release" \
         "./scripts/build.sh web release"
 
-    execute \
-        "Packaging release" \
-        "Failed to package release" \
-        "./scripts/web_package.sh release"
-
     move_target_file
 }
 function execute_build_debug() {
@@ -189,11 +184,6 @@ function execute_build_debug() {
         "Failed to build debug" \
         "./scripts/build.sh web dev"
 
-    execute \
-        "Packaging release" \
-        "Failed to package debug" \
-        "./scripts/web_package.sh dev"
-
     move_target_file
 }
 
diff --git a/scripts/travis/deploy_github.sh b/scripts/travis/deploy_github.sh
index 945f9b18..5ce55296 100644
--- a/scripts/travis/deploy_github.sh
+++ b/scripts/travis/deploy_github.sh
@@ -86,10 +86,10 @@ for folder in "${folders[@]}"; do
 
         [[ $? -eq 0 ]] && {
             echo "    Uploaded.";
-            uploaded_files+="$file"
+            uploaded_files+=("$file")
         } || {
             echo "Failed to generate git release"
-            failed_files+="$file"
+            failed_files+=("$file")
         }
     done
 done
diff --git a/scripts/travis/deploy_server.sh b/scripts/travis/deploy_server.sh
index 7732106b..b3a1c3a9 100644
--- a/scripts/travis/deploy_server.sh
+++ b/scripts/travis/deploy_server.sh
@@ -37,7 +37,7 @@ _exit_code=$?
     echo "Failed to delete the old .zip files ($_exit_code)"
 }
 
-filename="TeaWeb-Release-$(git rev-parse --short HEAD).zip"
+filename="TeaWeb-release-$(git rev-parse --short HEAD).zip"
 sftp -oStrictHostKeyChecking=no -oIdentitiesOnly=yes -i /tmp/sftp_key TeaSpeak-Travis-Web@web.teaspeak.dev << EOF
     put $file tmp-upload/$filename
 EOF
diff --git a/scripts/web_package.sh b/scripts/web_package.sh
deleted file mode 100644
index 00937363..00000000
--- a/scripts/web_package.sh
+++ /dev/null
@@ -1,53 +0,0 @@
-#!/usr/bin/env bash
-
-cd "$(dirname "$0")/../" || { echo "Failed to enter base directory"; exit 1; }
-
-if [[ "$1" == "development" ]] || [[ "$1" == "dev" ]] || [[ "$1" == "dev" ]]; then
-    source_path="web/environment/development"
-    type="development"
-elif [[ "$1" == "release" ]] || [[ "$1" == "rel" ]]; then
-    source_path="web/environment/release"
-    type="release"
-else
-    if [[ $# -lt 1 ]]; then
-        echo "Invalid argument count!"
-    else
-        echo "Invalid option $1"
-    fi
-    echo 'Available options are: "development" or "dev", "release" or "rel"'
-    exit 1
-fi
-
-if [[ ! -d "$source_path" ]]; then
-    echo "Could not find environment! ($source_path)"
-    echo "Please generate it first!"
-    exit 1
-fi
-
-response=$(git diff-index HEAD -- . ':!asm/libraries/' ':!package-lock.json' ':!vendor/')
-if [[ "$response" != "" ]]; then
-    echo "You're using a private modified build! Cant assign git hash!"
-    NAME="TeaWeb-${type}.zip"
-else
-    NAME="TeaWeb-${type}-$(git rev-parse --short HEAD).zip"
-fi
-
-if [[ -e ${NAME} ]]; then
-    echo "Found old file. Deleting it."
-    rm -r "${NAME}"
-fi
-
-current_path=$(pwd)
-cd "$source_path" || { echo "Failed to enter source path"; exit 1; }
-
-zip -9 -r "${NAME}" ./*; _exit_code=$?
-if [[ $_exit_code -ne 0 ]]; then
-    echo "Failed to package environment!"
-    exit 1
-fi
-
-cd "$current_path" || { echo "Failed to reenter source path"; exit 1; }
-
-mv "${source_path}/${NAME}" .
-echo "Release package successfully packaged!"
-echo "Target file: ${NAME} ($(pwd))"
\ No newline at end of file
diff --git a/shared/img/music/empty_disk.svg b/shared/img/music/empty_disk.svg
deleted file mode 100644
index 78c4bdaf..00000000
--- a/shared/img/music/empty_disk.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve" version="1.1" id="svg2"><metadata id="metadata8"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata><defs id="defs6"><clipPath id="clipPath16" clipPathUnits="userSpaceOnUse"><path id="path18" d="M 0,36 36,36 36,0 0,0 0,36 Z"/></clipPath><clipPath id="clipPath28" clipPathUnits="userSpaceOnUse"><path id="path30" d="M 2,18 C 2,9.164 9.164,2 18,2 l 0,0 c 8.836,0 16,7.164 16,16 l 0,0 c 0,8.836 -7.164,16 -16,16 l 0,0 C 9.164,34 2,26.836 2,18 m 11.235,0 c 0,2.632 2.133,4.765 4.765,4.765 l 0,0 c 2.631,0 4.766,-2.133 4.766,-4.765 l 0,0 c 0,-2.631 -2.135,-4.766 -4.766,-4.766 l 0,0 c -2.632,0 -4.765,2.135 -4.765,4.766"/></clipPath></defs><g transform="matrix(1.25,0,0,-1.25,0,45)" id="g10"><g id="g12"><g clip-path="url(#clipPath16)" id="g14"><g transform="translate(18,21)" id="g20"><path id="path22" style="fill:#8899a6;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c -1.657,0 -3,-1.343 -3,-3 0,-1.657 1.343,-3 3,-3 1.657,0 3,1.343 3,3 0,1.657 -1.343,3 -3,3 m 18,-3 c 0,-9.941 -8.059,-18 -18,-18 -9.941,0 -18,8.059 -18,18 0,9.941 8.059,18 18,18 9.941,0 18,-8.059 18,-18"/></g></g></g><g id="g24"><g clip-path="url(#clipPath28)" id="g26"><g transform="translate(18,18)" id="g32"><path id="path34" style="fill:#ccd6dd;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 -18,2 0,16 16,0 2,-18 z"/></g><g transform="translate(18,18)" id="g36"><path id="path38" style="fill:#ccd6dd;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 0,0 18,-2 18,-18 2,-18 0,0 Z"/></g><g transform="translate(18.0005,17.9995)" id="g40"><path id="path42" style="fill:#f5f8fa;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 2.124,-18.999 15.875,1 L 0,0 Z"/></g><g transform="translate(18.0005,17.9995)" id="g44"><path id="path46" style="fill:#f5f8fa;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 -18.001,18.001 16,1 L 0,0 Z"/></g></g></g></g></svg>
diff --git a/shared/img/music/icon_music_pause.svg b/shared/img/music/icon_music_pause.svg
deleted file mode 100644
index ccf1b24f..00000000
--- a/shared/img/music/icon_music_pause.svg
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-     viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<g>
-	<g>
-		<g>
-			<path transform='rotate(90, 256, 256)' d="M85.333,213.333h341.333C473.728,213.333,512,175.061,512,128s-38.272-85.333-85.333-85.333H85.333
-				C38.272,42.667,0,80.939,0,128S38.272,213.333,85.333,213.333z"/>
-            <path transform='rotate(90, 256, 256)' d="M426.667,298.667H85.333C38.272,298.667,0,336.939,0,384s38.272,85.333,85.333,85.333h341.333
-				C473.728,469.333,512,431.061,512,384S473.728,298.667,426.667,298.667z"/>
-		</g>
-	</g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-</svg>
\ No newline at end of file
diff --git a/shared/img/music/settings.svg b/shared/img/music/settings.svg
deleted file mode 100644
index e40035ce..00000000
--- a/shared/img/music/settings.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 231.2 231.2" style="enable-background:new 0 0 231.2 231.2;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#333333;}
-</style>
-<path class="st0" d="M230.5,102.8c-0.4-3.2-4.2-5.7-7.4-5.7c-10.6,0-20-6.2-23.9-15.8c-4-9.9-1.4-21.3,6.5-28.6
-	c2.5-2.3,2.8-6.1,0.7-8.7c-5.4-6.9-11.6-13.1-18.3-18.5c-2.6-2.1-6.5-1.8-8.8,0.7c-6.9,7.6-19.3,10.5-28.8,6.5
-	c-10-4.2-16.2-14.3-15.6-25.1c0.2-3.4-2.3-6.4-5.7-6.8c-8.6-1-17.3-1-26-0.1c-3.3,0.4-5.8,3.3-5.7,6.6c0.4,10.7-6,20.6-15.8,24.7
-	c-9.5,3.9-21.7,1-28.6-6.5c-2.3-2.5-6.1-2.8-8.7-0.7c-6.9,5.4-13.2,11.7-18.7,18.5c-2.1,2.7-1.8,6.5,0.7,8.8
-	c8,7.3,10.6,18.9,6.5,28.8c-4,9.5-13.9,15.6-25.2,15.6c-3.7-0.1-6.3,2.3-6.7,5.7c-1,8.7-1,17.5,0,26.3c0.4,3.3,4.3,5.7,7.6,5.7
-	c10.1-0.3,19.7,6,23.8,15.8c4,9.9,1.4,21.3-6.5,28.6c-2.5,2.3-2.8,6.1-0.7,8.7c5.4,6.8,11.5,13.1,18.3,18.5c2.7,2.1,6.5,1.8,8.8-0.7
-	c6.9-7.6,19.3-10.5,28.8-6.5c10,4.2,16.3,14.3,15.6,25.1c-0.2,3.4,2.3,6.4,5.7,6.8c4.4,0.5,8.9,0.8,13.3,0.8c4.2,0,8.5-0.2,12.7-0.7
-	c3.4-0.4,5.8-3.3,5.7-6.6c-0.4-10.7,6-20.6,15.8-24.7c9.5-3.9,21.8-1,28.6,6.5c2.3,2.5,6.1,2.8,8.7,0.7c6.9-5.4,13.2-11.6,18.7-18.5
-	c2.1-2.6,1.8-6.5-0.7-8.8c-8-7.3-10.7-18.9-6.5-28.8c3.9-9.4,13.4-15.7,23.6-15.7l1.4,0c3.3,0.3,6.4-2.3,6.8-5.7
-	C231.5,120.4,231.5,111.5,230.5,102.8z M115.6,182.3c-36.8,0-66.7-29.8-66.7-66.7S78.8,49,115.6,49s66.7,29.8,66.7,66.7
-	c0,12.5-3.4,24.2-9.4,34.2l-29.2-29.2c2.1-5,3.2-10.4,3.2-16c0-10.9-4.3-21.2-12-28.9c-7.7-7.7-18-12-28.9-12
-	c-3.6,0-7.3,0.5-10.8,1.4c-1.5,0.4-2.8,1.7-3.2,3.2c-0.4,1.6,0.1,3.2,1.3,4.4c0,0,14.4,14.5,19.2,19.3c0.5,0.5,0.5,1.7,0.4,2.1
-	l0,0.3c-0.5,5.3-1.4,11.7-2.2,14.1c-0.1,0.1-0.2,0.2-0.3,0.3c-0.1,0.1-0.2,0.2-0.3,0.3c-2.5,0.8-8.9,1.7-14.3,2.2l0,0l-0.2,0.1
-	c0,0-0.1,0-0.2,0c-0.6,0-1.4-0.2-2.2-0.9c-5-5-18.9-18.8-18.9-18.8c-1.2-1.2-2.5-1.5-3.4-1.5c-2,0-3.8,1.4-4.3,3.5
-	c-3.8,14.1,0.2,29.3,10.5,39.6c7.7,7.7,18,12,28.9,12c5.6,0,11-1.1,16-3.2l29.5,29.5C141.1,178.4,128.8,182.3,115.6,182.3z"/>
-</svg>
diff --git a/shared/img/music/no-thumbnail.png b/shared/js/ui/frames/side/MusicPlaylistNoThumbnail.png
similarity index 100%
rename from shared/img/music/no-thumbnail.png
rename to shared/js/ui/frames/side/MusicPlaylistNoThumbnail.png
diff --git a/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx b/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx
index 7594297a..acfb2907 100644
--- a/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx
+++ b/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx
@@ -13,6 +13,7 @@ import {preview_image} from "tc-shared/ui/frames/image_preview";
 import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
 import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
+import ImagePlaylistNoThumbnail from "./MusicPlaylistNoThumbnail.png";
 
 const cssStyle = require("./MusicPlaylistRenderer.scss");
 
@@ -58,7 +59,7 @@ export const DefaultThumbnail = (_props: { type: "loading" | "none-present" }) =
     return (
         <img
             draggable={false}
-            src="img/music/no-thumbnail.png"
+            src={ImagePlaylistNoThumbnail}
             alt={useTr("loading")}
         />
     );
diff --git a/tools/trgen/WebpackPlugin.ts b/tools/trgen/WebpackPlugin.ts
index 6f1a41f9..f2d64142 100644
--- a/tools/trgen/WebpackPlugin.ts
+++ b/tools/trgen/WebpackPlugin.ts
@@ -1,14 +1,13 @@
 import * as ts from "typescript";
-import {createTransformer, deltaTranslations, TransformerConfig} from "./TsTransformer";
+import {createTransformer, TransformerConfig} from "./TsTransformer";
 import * as webpack from "webpack";
-import {extractJsRendererTranslations} from "./JsRendererGenerator";
 import * as path from "path";
 
 export interface TranslateableWebpackPluginConfig {
     assetName: string,
 }
 
-export class TranslateableWebpackPlugin {
+export default class TranslateableWebpackPlugin {
     private readonly config: TranslateableWebpackPluginConfig;
     private readonly transformerConfig: TransformerConfig;
 
diff --git a/webpack-client.config.ts b/webpack-client.config.ts
index 04be2197..50e35af6 100644
--- a/webpack-client.config.ts
+++ b/webpack-client.config.ts
@@ -1,7 +1,7 @@
 import * as path from "path";
 import * as config_base from "./webpack.config";
 
-export = () => config_base.config("client").then(config => {
+export = env => config_base.config(env, "client").then(config => {
     Object.assign(config.entry, {
         "client-app": ["./client/app/index.ts"]
     });
diff --git a/webpack-web.config.ts b/webpack-web.config.ts
index 757886c6..e9f46390 100644
--- a/webpack-web.config.ts
+++ b/webpack-web.config.ts
@@ -1,7 +1,7 @@
 import * as path from "path";
 import * as config_base from "./webpack.config";
 
-export = () => config_base.config("web").then(config => {
+export = env => config_base.config(env, "web").then(config => {
     Object.assign(config.entry, {
         "shared-app": ["./web/app/index.ts"],
         "modal-external": ["./web/app/index-external.ts"]
diff --git a/webpack.config.ts b/webpack.config.ts
index 24731046..567f7070 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -3,18 +3,21 @@ import * as util from "util";
 import * as path from "path";
 import * as child_process from "child_process";
 
+import {GeneratedAssetPlugin} from "./webpack/GeneratedAssetPlugin";
+
 import { DefinePlugin, Configuration, } from "webpack";
 
 import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
-const ManifestGenerator = require("./webpack/ManifestPlugin");
-const HtmlWebpackInlineSourcePlugin = require("./webpack/HtmlWebpackInlineSource");
+import ManifestGenerator from "./webpack/ManifestPlugin";
+import HtmlWebpackInlineSourcePlugin from "./webpack/HtmlWebpackInlineSource";
+import TranslateableWebpackPlugin from "./tools/trgen/WebpackPlugin";
 
+import ZipWebpackPlugin from "zip-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
-import {TranslateableWebpackPlugin} from "./tools/trgen/WebpackPlugin";
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
+import TerserPlugin from "terser-webpack-plugin";
+import CopyWebpackPlugin from "copy-webpack-plugin";
 
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
@@ -22,33 +25,57 @@ const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 export let isDevelopment = process.env.NODE_ENV === 'development';
 console.log("Webpacking for %s (%s)", isDevelopment ? "development" : "production", process.env.NODE_ENV || "NODE_ENV not specified");
 
-const generateDefinitions = async (target: string) => {
-    const gitRevision = fs.readFileSync(path.join(__dirname, ".git", "HEAD")).toString();
-    let version;
-    if(gitRevision.indexOf("/") === -1) {
-        version = (gitRevision || "0000000").substr(0, 7);
-    } else {
-        version = fs.readFileSync(path.join(__dirname, ".git", gitRevision.substr(5).trim())).toString().substr(0, 7);
-    }
+interface LocalBuildInfo {
+    target: "client" | "web",
+    mode: "debug" | "release",
 
-    let timestamp;
-    try {
-        const { stdout } = await util.promisify(child_process.exec)("git show -s --format=%ct");
-        timestamp = parseInt(stdout.toString());
-        if(isNaN(timestamp)) {
-            throw "failed to parse timestamp '" + stdout.toString() + "'";
+    gitVersion: string,
+    gitTimestamp: number,
+
+    unixTimestamp: number,
+    localTimestamp: string
+}
+
+let localBuildInfo: LocalBuildInfo;
+const generateLocalBuildInfo = async (target: string): Promise<LocalBuildInfo> => {
+    let info: LocalBuildInfo = {} as any;
+
+    info.target = target as any;
+    info.mode = isDevelopment ? "debug" : "release";
+
+    {
+        const gitRevision = fs.readFileSync(path.join(__dirname, ".git", "HEAD")).toString();
+        if(gitRevision.indexOf("/") === -1) {
+            info.gitVersion = (gitRevision || "0000000").substr(0, 7);
+        } else {
+            info.gitVersion = fs.readFileSync(path.join(__dirname, ".git", gitRevision.substr(5).trim())).toString().substr(0, 7);
+        }
+
+        try {
+            const { stdout } = await util.promisify(child_process.exec)("git show -s --format=%ct");
+            info.gitTimestamp = parseInt(stdout.toString());
+            if(isNaN(info.gitTimestamp)) {
+                throw "failed to parse timestamp '" + stdout.toString() + "'";
+            }
+        } catch (error) {
+            console.error("Failed to get commit timestamp: %o", error);
+            throw "failed to get commit timestamp";
         }
-    } catch (error) {
-        console.error("Failed to get commit timestamp: %o", error);
-        throw "failed to get commit timestamp";
     }
 
+    info.unixTimestamp = Date.now();
+    info.localTimestamp = new Date().toString();
+
+    return info;
+};
+
+const generateDefinitions = async (target: string) => {
     return {
         "__build": {
             target: JSON.stringify(target),
             mode: JSON.stringify(isDevelopment ? "debug" : "release"),
-            version: JSON.stringify(version),
-            timestamp: timestamp,
+            version: JSON.stringify(localBuildInfo.gitVersion),
+            timestamp: localBuildInfo.gitTimestamp,
             entry_chunk_name: JSON.stringify(target === "web" ? "shared-app" : "client-app")
         } as BuildDefinitions
     } as any;
@@ -83,7 +110,9 @@ const generateIndexPlugin = (target: "web" | "client"): HtmlWebpackPlugin => {
     return new HtmlWebpackPlugin(options);
 }
 
-export const config = async (target: "web" | "client"): Promise<Configuration & { devServer: any }> => {
+export const config = async (env: any, target: "web" | "client"): Promise<Configuration & { devServer: any }> => {
+    localBuildInfo = await generateLocalBuildInfo(target);
+
     const translateablePlugin = new TranslateableWebpackPlugin({ assetName: "translations.json" });
 
     return {
@@ -97,7 +126,20 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
         mode: isDevelopment ? "development" : "production",
         plugins: [
             new CleanWebpackPlugin(),
+
             new DefinePlugin(await generateDefinitions(target)),
+            new GeneratedAssetPlugin({
+                customFiles: [
+                    {
+                        assetName: "buildInfo.json",
+                        content: JSON.stringify(localBuildInfo)
+                    }
+                ]
+            }),
+            new ManifestGenerator({
+                outputFileName: "manifest.json",
+                context: __dirname
+            }),
 
             new CopyWebpackPlugin({
                 patterns: [
@@ -107,6 +149,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                         globOptions: {
                             ignore: [
                                 '**/client-icons/**',
+                                '**/style/**',
                             ]
                         }
                     },
@@ -121,14 +164,9 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
                 ignoreOrder: true,
 
             }),
-
-            new ManifestGenerator({
-                outputFileName: "manifest.json",
-                context: __dirname
-            }),
             new SvgSpriteGenerator({
                 dtsOutputFolder: path.join(__dirname, "shared", "svg-sprites"),
-                publicPath: "/assets/",
+                publicPath: "/",
                 configurations: {
                     "client-icons": {
                         folder: path.join(__dirname, "shared", "img", "client-icons"),
@@ -169,6 +207,11 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
 
             translateablePlugin,
             //new BundleAnalyzerPlugin(),
+
+            env.package ? new ZipWebpackPlugin({
+                path: path.join(__dirname, "dist-package"),
+                filename: `TeaWeb-${isDevelopment ? "development" : "release"}-${localBuildInfo.gitVersion}.zip`,
+            }) : undefined
         ].filter(e => !!e),
 
         module: {
diff --git a/webpack/GeneratedAssetPlugin.ts b/webpack/GeneratedAssetPlugin.ts
new file mode 100644
index 00000000..50c2ddcc
--- /dev/null
+++ b/webpack/GeneratedAssetPlugin.ts
@@ -0,0 +1,43 @@
+import * as webpack from "webpack";
+import {Compilation} from "webpack";
+
+export interface GeneratedAsset {
+    assetName: string,
+    content: string | (() => string)
+}
+
+export interface GeneratedAssetPluginConfig {
+    customFiles: GeneratedAsset[]
+}
+
+export class GeneratedAssetPlugin {
+    readonly options: GeneratedAssetPluginConfig;
+
+    constructor(options: GeneratedAssetPluginConfig) {
+        this.options = options;
+    }
+
+    apply(compiler: webpack.Compiler) {
+        compiler.hooks.thisCompilation.tap({
+            name: "GeneratedAssetPlugin",
+            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
+        }, compilation => {
+            compilation.hooks.processAssets.tap("GeneratedAssetPlugin", () => {
+                for(const asset of this.options.customFiles) {
+                    let content: string;
+                    if(typeof asset.content === "string") {
+                        content = asset.content;
+                    } else {
+                        content = asset.content();
+                    }
+
+                    compilation.emitAsset(asset.assetName, new webpack.sources.RawSource(content), {
+                        immutable: true,
+                        hotModuleReplacement: true,
+                        size: content.length
+                    });
+                }
+            });
+        });
+    }
+}
\ No newline at end of file
diff --git a/webpack/HtmlWebpackInlineSource.ts b/webpack/HtmlWebpackInlineSource.ts
index d25c705f..621d6013 100644
--- a/webpack/HtmlWebpackInlineSource.ts
+++ b/webpack/HtmlWebpackInlineSource.ts
@@ -135,4 +135,4 @@ function getAssetByName (assests, assetName) {
     }
 }
 
-module.exports = HtmlWebpackInlineSourcePlugin;
\ No newline at end of file
+export = HtmlWebpackInlineSourcePlugin;
\ No newline at end of file

From 62d367129eb4aba61cae9ff125f23589c8eddf5c Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@teaspeak.de>
Date: Wed, 17 Mar 2021 20:07:12 +0100
Subject: [PATCH 028/128] Rename bookmarks.ts to Bookmarks.ts

---
 shared/js/{bookmarks.ts => Bookmarks.ts} | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 rename shared/js/{bookmarks.ts => Bookmarks.ts} (99%)

diff --git a/shared/js/bookmarks.ts b/shared/js/Bookmarks.ts
similarity index 99%
rename from shared/js/bookmarks.ts
rename to shared/js/Bookmarks.ts
index 974a35b6..835b9cfd 100644
--- a/shared/js/bookmarks.ts
+++ b/shared/js/Bookmarks.ts
@@ -521,4 +521,4 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
         (window as any).bookmarks = bookmarks;
     },
     priority: 20
-});
\ No newline at end of file
+});

From 36f239b789710e050955bdeb2adc5d69b1d8cb5e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 20:27:47 +0100
Subject: [PATCH 029/128] Fixed build script

---
 scripts/travis/build.sh | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scripts/travis/build.sh b/scripts/travis/build.sh
index 67369ad7..4506b75d 100644
--- a/scripts/travis/build.sh
+++ b/scripts/travis/build.sh
@@ -155,7 +155,7 @@ source ./scripts/install_dependencies.sh
 echo "----------   Web client    ----------"
 
 function move_target_file() {
-    file_name=$(ls -1t | grep -E "^TeaWeb-.*\.zip$" | head -n 1)
+    file_name=$(ls -1t dist-package | grep -E "^TeaWeb-.*\.zip$" | head -n 1)
     if [[ -z "$file_name" ]]; then
         handle_failure -1 "Failed to find target file"
     fi
@@ -166,7 +166,7 @@ function move_target_file() {
         echo "Removing old packed file located at $target_file"
         rm "${target_file}" && handle_failure -1 "Failed to remove target file"
     fi
-    mv "${file_name}" "${target_file}"
+    mv "dist-package/${file_name}" "${target_file}"
     echo "Moved target file to $target_file"
 }
 

From 4d2b83d7a369470450b86038f78bd50d4174860f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 20:52:52 +0100
Subject: [PATCH 030/128] adding style back in since we need the "avatar.png"

---
 webpack.config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webpack.config.ts b/webpack.config.ts
index 567f7070..3386f143 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -149,7 +149,7 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
                         globOptions: {
                             ignore: [
                                 '**/client-icons/**',
-                                '**/style/**',
+                                //'**/style/**',
                             ]
                         }
                     },

From 64b618d0bfa8f01c8decf8a9369c722e8a132fff Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 21:20:03 +0100
Subject: [PATCH 031/128] Using react to render the image preview and removed
 the main app template

---
 scripts/travis/build.sh                       |  1 -
 shared/html/templates.html                    | 23 -----
 .../img/client-icons/image_preview_browse.svg |  3 +
 shared/img/icon_image_preview_browse.svg      |  1 -
 shared/js/main.tsx                            | 17 ----
 shared/js/text/bbcode/image.tsx               |  4 +-
 shared/js/ui/AppRenderer.scss                 | 98 +++++++++----------
 shared/js/ui/AppRenderer.tsx                  |  9 +-
 shared/js/ui/frames/ImagePreview.scss         | 89 +++++++++++++++++
 shared/js/ui/frames/ImagePreview.tsx          | 79 +++++++++++++++
 shared/js/ui/frames/image_preview.ts          | 81 ---------------
 shared/js/ui/frames/side/MusicBotRenderer.tsx |  4 +-
 .../ui/frames/side/MusicPlaylistRenderer.tsx  |  4 +-
 shared/js/ui/react-elements/Avatar.tsx        |  6 +-
 shared/svg-sprites/client-icons.d.ts          |  5 +-
 web/app/ui/menu-bar/Renderer.scss             |  1 +
 16 files changed, 239 insertions(+), 186 deletions(-)
 create mode 100644 shared/img/client-icons/image_preview_browse.svg
 delete mode 100644 shared/img/icon_image_preview_browse.svg
 create mode 100644 shared/js/ui/frames/ImagePreview.scss
 create mode 100644 shared/js/ui/frames/ImagePreview.tsx
 delete mode 100644 shared/js/ui/frames/image_preview.ts

diff --git a/scripts/travis/build.sh b/scripts/travis/build.sh
index 4506b75d..d78c0c83 100644
--- a/scripts/travis/build.sh
+++ b/scripts/travis/build.sh
@@ -188,7 +188,6 @@ function execute_build_debug() {
 }
 
 chmod +x ./scripts/build.sh
-chmod +x ./scripts/web_package.sh
 if [[ ${build_release} ]]; then
     execute_build_release
 fi
diff --git a/shared/html/templates.html b/shared/html/templates.html
index 68ab5418..80d243c0 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -5,29 +5,6 @@
         <title>TeaSpeak-Web client templates</title>
     </head>
     <body>
-        <script class="jsrender-template" id="tmpl_main" type="text/html">
-            <div class="overlay-image-preview hidden" id="overlay-image-preview">
-                <div class="container-menu-bar">
-                    <div class="entry button-open-in-window">
-                        <div class="container-icon">
-                            <img src="img/icon_image_preview_browse.svg">
-                        </div>
-                    </div>
-                    <!-- Why would you like to download images?
-                    <div class="entry button-download">
-                        <div class="icon_em client-download"></div>
-                    </div>
-                    -->
-                    <div class="entry button-close">
-                        <div class="icon_em client-close_button"></div>
-                    </div>
-                </div>
-                <div class="container-image">
-                    <img src=""  alt="image"/>
-                </div>
-            </div>
-        </script>
-
         <div class="template-group-modals">
             <script class="jsrender-template" id="tmpl_modal" type="text/html">
                 <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
diff --git a/shared/img/client-icons/image_preview_browse.svg b/shared/img/client-icons/image_preview_browse.svg
new file mode 100644
index 00000000..30143f8e
--- /dev/null
+++ b/shared/img/client-icons/image_preview_browse.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" enable-background="new 0 0 512.418 512.418" fill="#7289da" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m13.667 2.3463c-3.1281-3.1282-8.1918-3.1287-11.32 0-3.1282 3.1282-3.1287 8.1918 0 11.32 3.1281 3.1282 8.1917 3.1286 11.32 0 3.1282-3.1282 3.1287-8.1918 0-11.32zm-.33456 10.179c-.374-.33444-.77407-.6304-1.1958-.88547.27872-.96278.44384-2.0222.48287-3.1236h2.3534c-.10641 1.4845-.67678 2.877-1.6405 4.009zm-12.292-4.009h2.3534c.039 1.1013.20416 2.1608.48288 3.1236-.42169.25507-.82175.55103-1.1958.88547-.96375-1.132-1.5341-2.5246-1.6405-4.009zm1.6406-5.0293c.374.33444.77406.63041 1.1958.88547-.27872.96279-.44384 2.0223-.48288 3.1236h-2.3534c.10643-1.4844.67678-2.877 1.6406-4.009zm4.8155.99091c-.83193-.0595-1.6341-.26441-2.3778-.60244.4325-1.1137 1.2298-2.4495 2.3778-2.7805zm0 1.0221v1.996h-3.082c.0353-.93163.16731-1.8262.38684-2.6448.8451.36944 1.754.59006 2.6952.64872zm0 3.0162v1.996c-.94122.0587-1.8501.27928-2.6952.64872-.21953-.81853-.35153-1.7131-.38684-2.6448zm0 3.0182v3.3829c-1.1479-.33103-1.9452-1.6667-2.3778-2.7805.74366-.33803 1.5458-.54293 2.3778-.60243zm1.0202 0c.83194.0595 1.6341.2644 2.3777.60243-.43253 1.1138-1.2298 2.4495-2.3777 2.7805zm0-1.0221v-1.996h3.082c-.0353.93162-.16732 1.8262-.38685 2.6448-.84509-.36944-1.754-.59006-2.6952-.64872zm0-3.0162v-1.996c.94122-.0587 1.8501-.27928 2.6952-.64872.21953.81853.35153 1.7131.38685 2.6448zm0-3.0182v-3.3829c1.1479.33103 1.9452 1.6668 2.3777 2.7805-.74365.338-1.5458.54291-2.3777.60241zm2.2912-2.8737c.65297.28594 1.2622.67366 1.8083 1.1547-.25994.22919-.53422.437-.82063.62285-.25434-.62975-.57925-1.2418-.98763-1.7776zm-6.5903 1.7776c-.28641-.18585-.56066-.39366-.82063-.62285.54609-.48106 1.1553-.86878 1.8082-1.1547-.40837.53588-.73328 1.1479-.98762 1.7776zm3e-5 9.2487c.25431.62972.57928 1.2418.98762 1.7776-.65297-.28593-1.2622-.67365-1.8082-1.1547.25994-.22919.53422-.43701.82063-.62285zm7.5779 0c.28641.18584.56069.39366.82063.62281-.5461.48107-1.1553.86879-1.8083 1.1547.40835-.53575.73329-1.1478.98763-1.7775zm.82381-5.1344c-.039-1.1013-.20415-2.1608-.48287-3.1236.42169-.25507.82172-.55104 1.1958-.88547.96375 1.132 1.5341 2.5246 1.6405 4.009z" style="stroke-width:.03125"/>
+</svg>
diff --git a/shared/img/icon_image_preview_browse.svg b/shared/img/icon_image_preview_browse.svg
deleted file mode 100644
index a5381035..00000000
--- a/shared/img/icon_image_preview_browse.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="Layer_1" fill="#7289da" enable-background="new 0 0 512.418 512.418" height="512" viewBox="0 0 512.418 512.418" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m437.335 75.082c-100.1-100.102-262.136-100.118-362.252 0-100.103 100.102-100.118 262.136 0 362.253 100.1 100.102 262.136 100.117 362.252 0 100.103-100.102 100.117-262.136 0-362.253zm-10.706 325.739c-11.968-10.702-24.77-20.173-38.264-28.335 8.919-30.809 14.203-64.712 15.452-99.954h75.309c-3.405 47.503-21.657 92.064-52.497 128.289zm-393.338-128.289h75.309c1.249 35.242 6.533 69.145 15.452 99.954-13.494 8.162-26.296 17.633-38.264 28.335-30.84-36.225-49.091-80.786-52.497-128.289zm52.498-160.936c11.968 10.702 24.77 20.173 38.264 28.335-8.919 30.809-14.203 64.712-15.452 99.954h-75.31c3.406-47.502 21.657-92.063 52.498-128.289zm154.097 31.709c-26.622-1.904-52.291-8.461-76.088-19.278 13.84-35.639 39.354-78.384 76.088-88.977zm0 32.708v63.873h-98.625c1.13-29.812 5.354-58.439 12.379-84.632 27.043 11.822 56.127 18.882 86.246 20.759zm0 96.519v63.873c-30.119 1.877-59.203 8.937-86.246 20.759-7.025-26.193-11.249-54.82-12.379-84.632zm0 96.581v108.254c-36.732-10.593-62.246-53.333-76.088-88.976 23.797-10.817 49.466-17.374 76.088-19.278zm32.646 0c26.622 1.904 52.291 8.461 76.088 19.278-13.841 35.64-39.354 78.383-76.088 88.976zm0-32.708v-63.873h98.625c-1.13 29.812-5.354 58.439-12.379 84.632-27.043-11.822-56.127-18.882-86.246-20.759zm0-96.519v-63.873c30.119-1.877 59.203-8.937 86.246-20.759 7.025 26.193 11.249 54.82 12.379 84.632zm0-96.581v-108.254c36.734 10.593 62.248 53.338 76.088 88.977-23.797 10.816-49.466 17.373-76.088 19.277zm73.32-91.957c20.895 9.15 40.389 21.557 57.864 36.951-8.318 7.334-17.095 13.984-26.26 19.931-8.139-20.152-18.536-39.736-31.604-56.882zm-210.891 56.882c-9.165-5.947-17.941-12.597-26.26-19.931 17.475-15.394 36.969-27.801 57.864-36.951-13.068 17.148-23.465 36.732-31.604 56.882zm.001 295.958c8.138 20.151 18.537 39.736 31.604 56.882-20.895-9.15-40.389-21.557-57.864-36.951 8.318-7.334 17.095-13.984 26.26-19.931zm242.494 0c9.165 5.947 17.942 12.597 26.26 19.93-17.475 15.394-36.969 27.801-57.864 36.951 13.067-17.144 23.465-36.729 31.604-56.881zm26.362-164.302c-1.249-35.242-6.533-69.146-15.452-99.954 13.494-8.162 26.295-17.633 38.264-28.335 30.84 36.225 49.091 80.786 52.497 128.289z"/></svg>
\ No newline at end of file
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index afbf6984..6a6e7af8 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -53,8 +53,6 @@ import {clientServiceInvite} from "tc-shared/clientservice";
 import {ActionResult} from "tc-services";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
-
-import "./Bookmarks";
 import {bookmarks} from "tc-shared/Bookmarks";
 
 assertMainApplication();
@@ -568,19 +566,4 @@ loader.register_task(loader.Stage.LOADED, {
         bookmarks.executeAutoConnect();
     },
     name: tr("bookmark auto connect")
-});
-
-/* TODO: Remove this after the image preview has been rewritten into react */
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING,{
-    name: "app init",
-    function: async () => {
-        try {
-            $("body").append($("#tmpl_main").renderTag());
-        } catch(error) {
-            logError(LogCategory.GENERAL, error);
-            loader.critical_error(tr("Failed to setup main page!"));
-            return;
-        }
-    },
-    priority: 100
 });
\ No newline at end of file
diff --git a/shared/js/text/bbcode/image.tsx b/shared/js/text/bbcode/image.tsx
index a771d64a..bfb12332 100644
--- a/shared/js/text/bbcode/image.tsx
+++ b/shared/js/text/bbcode/image.tsx
@@ -5,7 +5,7 @@ import * as loader from "tc-loader";
 import {rendererReact, rendererText} from "tc-shared/text/bbcode/renderer";
 import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
-import * as image_preview from "tc-shared/ui/frames/image_preview";
+import * as image_preview from "tc-shared/ui/frames/ImagePreview";
 
 export const regexImage = /^(?:https?):(?:\/{1,3}|\\)[-a-zA-Z0-9:;,@#%&()~_?+=\/\\.]*$/g;
 
@@ -49,7 +49,7 @@ function loadImageForElement(element: HTMLImageElement) {
             icon_class: "client-copy"
         })
     });
-    parent.css("cursor", "pointer").on('click', () => image_preview.preview_image(proxiedURL, url));
+    parent.css("cursor", "pointer").on('click', () => image_preview.showImagePreview(proxiedURL, url));
 }
 
 loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
diff --git a/shared/js/ui/AppRenderer.scss b/shared/js/ui/AppRenderer.scss
index d83faa45..f7ca0263 100644
--- a/shared/js/ui/AppRenderer.scss
+++ b/shared/js/ui/AppRenderer.scss
@@ -11,72 +11,72 @@
     width: 100%;
 
     padding: 5px;
+}
 
-    /* TODO: Move this into the control bar? */
-    .controlBar {
-        z-index: 200;
+/* TODO: Move this into the control bar? */
+.controlBar {
+    z-index: 200;
 
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
 
-        flex-shrink: 0;
-        flex-grow: 0;
+    flex-shrink: 0;
+    flex-grow: 0;
 
-        border-radius: 5px;
+    border-radius: 5px;
 
-        height: 2em;
-        width: 100%;
-    }
+    height: 2em;
+    width: 100%;
+}
 
-    .mainContainer {
-        display: flex;
-        flex-direction: column;
-        justify-content: stretch;
+.mainContainer {
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
 
-        position: relative;
+    position: relative;
 
-        flex-shrink: 1;
+    flex-shrink: 1;
 
-        height: 100%;
-        min-height: 400px;
+    height: 100%;
+    min-height: 400px;
 
-        margin-top: 5px;
-    }
+    margin-top: 5px;
+}
 
-    .channelTreeAndSidebar {
-        display: flex;
-        flex-direction: row;
-        justify-content: stretch;
+.channelTreeAndSidebar {
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
 
-        min-height: 27em;
-    }
+    min-height: 27em;
+}
 
-    .channelTree {
-        display: flex;
-        flex-direction: column;
-        justify-content: stretch;
+.channelTree {
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
 
-        background: var(--channel-tree-background);
-        min-width: 200px;
-        min-height: 100px;
+    background: var(--channel-tree-background);
+    min-width: 200px;
+    min-height: 100px;
 
-        overflow: hidden;
-        border-radius: 5px;
-    }
+    overflow: hidden;
+    border-radius: 5px;
+}
 
-    .sideBar {
-        min-width: 350px;
-    }
+.sideBar {
+    min-width: 350px;
+}
 
-    .containerLog {
-        display: flex;
-        flex-direction: row;
-        justify-content: stretch;
+.containerLog {
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
 
-        flex-shrink: 1;
-        flex-grow: 1;
+    flex-shrink: 1;
+    flex-grow: 1;
 
-        min-height: 0;
-    }
+    min-height: 0;
 }
\ No newline at end of file
diff --git a/shared/js/ui/AppRenderer.tsx b/shared/js/ui/AppRenderer.tsx
index 6ca22a60..5402f553 100644
--- a/shared/js/ui/AppRenderer.tsx
+++ b/shared/js/ui/AppRenderer.tsx
@@ -18,6 +18,7 @@ import {HostBannerUiEvents} from "tc-shared/ui/frames/HostBannerDefinitions";
 import {AppUiEvents} from "tc-shared/ui/AppDefinitions";
 import {ChannelTreeRenderer} from "tc-shared/ui/tree/Renderer";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
+import {ImagePreviewHook} from "tc-shared/ui/frames/ImagePreview";
 
 const cssStyle = require("./AppRenderer.scss");
 const VideoFrame = React.memo((props: { events: Registry<AppUiEvents> }) => {
@@ -100,8 +101,10 @@ export const TeaAppMainView = (props: {
                 </ErrorBoundary>
             </div>
             <FooterRenderer />
+
+            <ErrorBoundary>
+                <ImagePreviewHook />
+            </ErrorBoundary>
         </div>
     );
-}
-
-/* ConnectionHandlerList  */
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/shared/js/ui/frames/ImagePreview.scss b/shared/js/ui/frames/ImagePreview.scss
new file mode 100644
index 00000000..8ddb6c08
--- /dev/null
+++ b/shared/js/ui/frames/ImagePreview.scss
@@ -0,0 +1,89 @@
+@import "../../../css/static/properties";
+@import "../../../css/static/mixin";
+
+.overlay {
+    position: absolute;
+    z-index: 1000;
+
+    pointer-events: all;
+
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+
+    opacity: 1;
+    background-color: #000000EF;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    &.hidden {
+        pointer-events: none;
+        opacity: 0;
+    }
+
+    @include transition(ease-in-out .25s);
+}
+
+.containerMenuBar {
+    position: absolute;
+
+    top: .25em;
+    left: 0;
+    right: .25em;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+
+    .entry {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        font-size: 2em;
+
+        margin: .25em;
+        padding: .15em;
+
+        border-radius: .125em;
+
+        cursor: pointer;
+
+        .containerIcon {
+            width: 1em;
+            height: 1em;
+            display: flex;
+
+            img {
+                height: 100%;
+                width: 100%;
+            }
+        }
+
+        &:hover {
+            background-color: #FFFFFF1F;
+        }
+    }
+}
+
+.containerImage {
+    max-width: 90%;
+    max-height: 90%;
+    align-self: center;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    img {
+        flex-shrink: 1;
+
+        min-height: 1em;
+        min-width: 1em;
+
+        max-height: 100%;
+        max-width: 100%;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/frames/ImagePreview.tsx b/shared/js/ui/frames/ImagePreview.tsx
new file mode 100644
index 00000000..d20f1396
--- /dev/null
+++ b/shared/js/ui/frames/ImagePreview.tsx
@@ -0,0 +1,79 @@
+import * as loader from "tc-loader";
+import React from "react";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
+import ReactDOM from "react-dom";
+
+const cssStyle = require("./ImagePreview.scss");
+
+const imagePreviewInstance = React.createRef<ImagePreview>();
+class ImagePreview extends React.PureComponent<{}, {
+    imageUrl: string | undefined,
+    targetUrl: string | undefined
+}> {
+    constructor(props) {
+        super(props);
+
+        this.state = { targetUrl: undefined, imageUrl: undefined };
+    }
+
+    render() {
+        return (
+            <div
+                className={joinClassList(cssStyle.overlay, (!this.state.imageUrl ? cssStyle.hidden : undefined))}
+                onClick={event => {
+                    if(event.isDefaultPrevented()) {
+                        return;
+                    }
+
+                    this.closePreview()
+                }}
+            >
+                <div className={cssStyle.containerMenuBar}>
+                    <div
+                        className={cssStyle.entry}
+                        onClick={() => {
+                            const win = window.open(this.state.targetUrl, '_blank');
+                            win.focus();
+                        }}
+                    >
+                        <ClientIconRenderer icon={ClientIcon.ImagePreviewBrowse} />
+                    </div>
+                    <div
+                        className={cssStyle.entry}
+                         onClick={() => this.closePreview()}
+                    >
+                        <ClientIconRenderer icon={ClientIcon.CloseButton} />
+                    </div>
+                </div>
+                <div className={cssStyle.containerImage}>
+                    <img src={this.state.imageUrl} title={this.state.targetUrl} alt={null} />
+                </div>
+            </div>
+        )
+    }
+
+    closePreview() {
+        this.setState({ imageUrl: undefined, targetUrl: undefined });
+    }
+}
+
+export const ImagePreviewHook = React.memo(() => {
+    return <ImagePreview ref={imagePreviewInstance} />;
+})
+
+export function showImagePreview(url: string, originalUrl: string) {
+    imagePreviewInstance.current?.setState({
+        imageUrl: url,
+        targetUrl: originalUrl
+    });
+}
+
+export function isImagePreviewAvailable() {
+    return !!imagePreviewInstance.current;
+}
+
+export function closeImagePreview() {
+    imagePreviewInstance.current?.closePreview();
+}
\ No newline at end of file
diff --git a/shared/js/ui/frames/image_preview.ts b/shared/js/ui/frames/image_preview.ts
deleted file mode 100644
index 0ebd02b3..00000000
--- a/shared/js/ui/frames/image_preview.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import * as loader from "tc-loader";
-
-let preview_overlay: JQuery<HTMLDivElement>;
-let container_image: JQuery<HTMLDivElement>;
-let button_open_in_browser: JQuery;
-
-export function preview_image(url: string, original_url: string) {
-    if(!preview_overlay) return;
-
-    container_image.empty();
-    $.spawn("img").attr({
-            "src": url,
-            "title": original_url,
-            "x-original-src": original_url
-    }).appendTo(container_image);
-
-    preview_overlay.removeClass("hidden");
-    button_open_in_browser.show();
-}
-
-export function preview_image_tag(tag: JQuery) {
-    if(!preview_overlay) return;
-
-    container_image.empty();
-    container_image.append(tag);
-
-    preview_overlay.removeClass("hidden");
-    button_open_in_browser.hide();
-}
-
-export function current_url() {
-    const image_tag = container_image.find("img");
-    return image_tag.attr("x-original-src") || image_tag.attr("src") || "";
-}
-
-export function close_preview() {
-    preview_overlay.addClass("hidden");
-}
-
-loader.register_task(loader.Stage.LOADED, {
-    priority: 0,
-    name: "image preview init",
-    function: async () => {
-        preview_overlay = $("#overlay-image-preview");
-        container_image = preview_overlay.find(".container-image") as any;
-
-        preview_overlay.find("img").on('click', event => event.preventDefault());
-        preview_overlay.on('click', event => {
-            if(event.isDefaultPrevented()) return;
-            close_preview();
-        });
-
-        preview_overlay.find(".button-close").on('click', event => {
-            event.preventDefault();
-            close_preview();
-        });
-
-        preview_overlay.find(".button-download").on('click', event => {
-            event.preventDefault();
-
-            const link = document.createElement('a');
-            link.href = current_url();
-            link.target = "_blank";
-
-            const findex = link.href.lastIndexOf("/") + 1;
-            link.download = link.href.substr(findex);
-
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        });
-
-        button_open_in_browser = preview_overlay.find(".button-open-in-window");
-        button_open_in_browser.on('click', event => {
-            event.preventDefault();
-
-            const win = window.open(current_url(), '_blank');
-            win.focus();
-        });
-    }
-});
\ No newline at end of file
diff --git a/shared/js/ui/frames/side/MusicBotRenderer.tsx b/shared/js/ui/frames/side/MusicBotRenderer.tsx
index 5bcc0cf2..eb6a1255 100644
--- a/shared/js/ui/frames/side/MusicBotRenderer.tsx
+++ b/shared/js/ui/frames/side/MusicBotRenderer.tsx
@@ -10,7 +10,7 @@ import {
     MusicBotUiEvents
 } from "tc-shared/ui/frames/side/MusicBotDefinitions";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
-import {preview_image} from "tc-shared/ui/frames/image_preview";
+import {showImagePreview} from "tc-shared/ui/frames/ImagePreview";
 import {Slider} from "tc-shared/ui/react-elements/Slider";
 
 const cssStyle = require("./MusicBotRenderer.scss");
@@ -144,7 +144,7 @@ const Thumbnail = React.memo(() => {
                         draggable={false}
                         key={"song-thumbnail"}
                         src={info.thumbnail}
-                        onClick={() => preview_image(info.thumbnail, info.thumbnail)}
+                        onClick={() => showImagePreview(info.thumbnail, info.thumbnail)}
                         alt={tr("Thumbnail")}
                         style={{ cursor: "pointer" }}
                     />
diff --git a/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx b/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx
index acfb2907..b4486ae2 100644
--- a/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx
+++ b/shared/js/ui/frames/side/MusicPlaylistRenderer.tsx
@@ -9,7 +9,7 @@ import {
 import {Button} from "tc-shared/ui/react-elements/Button";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
-import {preview_image} from "tc-shared/ui/frames/image_preview";
+import {showImagePreview} from "tc-shared/ui/frames/ImagePreview";
 import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
 import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
@@ -87,7 +87,7 @@ const PlaylistEntry = React.memo((props: { serverUniqueId: string, playlistId: n
                         draggable={false}
                         key={"song-thumbnail"}
                         src={status.thumbnailImage}
-                        onClick={() => preview_image(status.thumbnailImage, status.thumbnailImage)}
+                        onClick={() => showImagePreview(status.thumbnailImage, status.thumbnailImage)}
                         alt={useTr("Thumbnail")}
                     />
                 )
diff --git a/shared/js/ui/react-elements/Avatar.tsx b/shared/js/ui/react-elements/Avatar.tsx
index 4e76f70b..bdae2aaf 100644
--- a/shared/js/ui/react-elements/Avatar.tsx
+++ b/shared/js/ui/react-elements/Avatar.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import {useEffect, useState} from "react";
 import {ClientAvatar, kDefaultAvatarImage, kLoadingAvatarImage} from "tc-shared/file/Avatars";
-import * as image_preview from "tc-shared/ui/frames/image_preview";
+import * as image_preview from "tc-shared/ui/frames/ImagePreview";
 
 const ImageStyle = { height: "100%", width: "100%", cursor: "pointer" };
 export const AvatarRenderer = React.memo((props: { avatar: ClientAvatar | "loading" | "default", className?: string, alt?: string }) => {
@@ -28,7 +28,7 @@ export const AvatarRenderer = React.memo((props: { avatar: ClientAvatar | "loadi
                             return;
 
                         event.preventDefault();
-                        image_preview.preview_image(imageUrl, undefined);
+                        image_preview.showImagePreview(imageUrl, undefined);
                     }}
                     draggable={false}
                 />;
@@ -46,7 +46,7 @@ export const AvatarRenderer = React.memo((props: { avatar: ClientAvatar | "loadi
                             return;
 
                         event.preventDefault();
-                        image_preview.preview_image(imageUrl, undefined);
+                        image_preview.showImagePreview(imageUrl, undefined);
                     }}
                     draggable={false}
                 />;
diff --git a/shared/svg-sprites/client-icons.d.ts b/shared/svg-sprites/client-icons.d.ts
index 322b71f4..6be410ed 100644
--- a/shared/svg-sprites/client-icons.d.ts
+++ b/shared/svg-sprites/client-icons.d.ts
@@ -3,9 +3,9 @@
  *
  * This file has been auto generated by the svg-sprite generator.
  * Sprite source directory: G:\TeaSpeak\web\shared\img\client-icons
- * Sprite count: 209
+ * Sprite count: 210
  */
-export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
+export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-image_preview_browse" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
 
 export enum ClientIcon {
   About = "client-about",
@@ -104,6 +104,7 @@ export enum ClientIcon {
   IdentityExport = "client-identity_export",
   IdentityImport = "client-identity_import",
   IdentityManager = "client-identity_manager",
+  ImagePreviewBrowse = "client-image_preview_browse",
   Info = "client-info",
   InputMuted = "client-input_muted",
   InputMutedLocal = "client-input_muted_local",
diff --git a/web/app/ui/menu-bar/Renderer.scss b/web/app/ui/menu-bar/Renderer.scss
index 7fce0a6f..3d2f4ecc 100644
--- a/web/app/ui/menu-bar/Renderer.scss
+++ b/web/app/ui/menu-bar/Renderer.scss
@@ -16,6 +16,7 @@
     z-index: 201;
 
     font-family: Arial, serif;
+    z-index: 10000;
 
     > .containerMenuItem {
         > .menuItem {

From 081ed060ed7cad2995fde32a3e2dcccede3dea61 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 21:23:07 +0100
Subject: [PATCH 032/128] Removed the old html tag system for channels

---
 shared/js/tree/Channel.ts |  8 -----
 shared/js/ui/htmltags.ts  | 65 ---------------------------------------
 2 files changed, 73 deletions(-)

diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index e189d163..5d2db21e 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -680,14 +680,6 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
         return "[url=channel://" + this.channelId + "/" + encodeURIComponent(this.properties.channel_name) + "]" + this.formattedChannelName() + "[/url]";
     }
 
-    generate_tag(braces: boolean = false) : JQuery {
-        return $(htmltags.generate_channel({
-            channel_name: this.properties.channel_name,
-            channel_id: this.channelId,
-            add_braces: braces
-        }));
-    }
-
     channelType() : ChannelType {
         if(this.properties.channel_flag_permanent == true) return ChannelType.PERMANENT;
         if(this.properties.channel_flag_semi_permanent == true) return ChannelType.SEMI_PERMANENT;
diff --git a/shared/js/ui/htmltags.ts b/shared/js/ui/htmltags.ts
index 7e463d39..c25e9044 100644
--- a/shared/js/ui/htmltags.ts
+++ b/shared/js/ui/htmltags.ts
@@ -24,13 +24,6 @@ export interface ClientProperties {
     client_database_id?: number; /* not yet used */
 }
 
-export interface ChannelProperties {
-    channel_id: number,
-    channel_name: string,
-    channel_display_name?: string,
-    add_braces?: boolean
-}
-
 const callback_object_id = guid();
 /* required for the bbcodes */
 function generate_client_open(properties: ClientProperties) : string {
@@ -88,48 +81,6 @@ export function generate_client_object(properties: ClientProperties) : JQuery {
     return $(this.generate_client(properties));
 }
 
-/* required for the bbcodes */
-function generate_channel_open(properties: ChannelProperties) : string {
-    let result = "";
-
-    /* build the opening tag: <div ...> */
-    result = result + "<div class='htmltag-channel' ";
-
-    if(properties.channel_id)
-        result = result + "channel-id='" + properties.channel_id + "' ";
-
-    if(properties.channel_name)
-        result = result + "channel-name='" + encodeURIComponent(properties.channel_name) + "' ";
-
-    /* add the click handler */
-    result += "oncontextmenu='return window[\"" + callback_object_id + "\"].callback_context_channel($(this));'";
-
-    result = result + ">";
-    return result;
-}
-
-export function generate_channel(properties: ChannelProperties) : string {
-    let result = generate_channel_open(properties);
-    /* content */
-    {
-        if(properties.add_braces)
-            result = result + "\"";
-        result = result + htmlEscape(properties.channel_display_name || properties.channel_name || "undefined").join(" ");
-        if(properties.add_braces)
-            result = result + "\"";
-    }
-
-    /* close tag */
-    {
-        result += "</div>";
-    }
-    return result;
-}
-
-export function generate_channel_object(properties: ChannelProperties) : JQuery {
-    return $(this.generate_channel(properties));
-}
-
 
 export namespace callbacks {
     export function callback_context_client(element: JQuery) {
@@ -171,21 +122,5 @@ export namespace callbacks {
         client.showContextMenu(mouse_coordinates.x, mouse_coordinates.y);
         return false;
     }
-
-    export function callback_context_channel(element: JQuery) {
-        const channel_id = parseInt(element.attr("channel-id") || "0");
-
-        const current_connection = server_connections.getActiveConnectionHandler();
-        let channel: ChannelEntry;
-        if(current_connection && current_connection.channelTree) {
-            channel = current_connection.channelTree.findChannel(channel_id);
-        }
-
-        if(!channel)
-            return false;
-
-        channel.showContextMenu(mouse_coordinates.x, mouse_coordinates.y);
-        return false;
-    }
 }
 window[callback_object_id] = callbacks;
\ No newline at end of file

From 89b63a425de91942019c81155f9072b7b62ecf1b Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 17 Mar 2021 22:36:49 +0100
Subject: [PATCH 033/128] Using a react poke modal

---
 shared/css/load-css.tsx                       |  1 -
 shared/css/static/modal-poke.scss             | 90 ------------------
 shared/html/templates.html                    | 10 --
 shared/js/connection/CommandHandler.ts        | 10 +-
 shared/js/tree/Channel.ts                     |  2 +-
 shared/js/ui/modal/poke/Controller.ts         | 91 ++++++++++++++++++
 shared/js/ui/modal/poke/Definitions.ts        | 23 +++++
 shared/js/ui/modal/poke/Renderer.scss         | 94 +++++++++++++++++++
 shared/js/ui/modal/poke/Renderer.tsx          | 94 +++++++++++++++++++
 .../js/ui/react-elements/modal/Definitions.ts |  7 +-
 shared/js/ui/react-elements/modal/Registry.ts |  7 ++
 .../react-elements/modal/internal/index.tsx   |  7 +-
 12 files changed, 326 insertions(+), 110 deletions(-)
 delete mode 100644 shared/css/static/modal-poke.scss
 create mode 100644 shared/js/ui/modal/poke/Controller.ts
 create mode 100644 shared/js/ui/modal/poke/Definitions.ts
 create mode 100644 shared/js/ui/modal/poke/Renderer.scss
 create mode 100644 shared/js/ui/modal/poke/Renderer.tsx

diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index 888a082c..fa2c909e 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -18,7 +18,6 @@ import "./static/modal-identity.scss"
 import "./static/modal-newcomer.scss"
 import "./static/modal-invite.scss"
 import "./static/modal-keyselect.scss"
-import "./static/modal-poke.scss"
 import "./static/modal-query.scss"
 import "./static/modal-server.scss"
 import "./static/modal-musicmanage.scss"
diff --git a/shared/css/static/modal-poke.scss b/shared/css/static/modal-poke.scss
deleted file mode 100644
index e69dacc4..00000000
--- a/shared/css/static/modal-poke.scss
+++ /dev/null
@@ -1,90 +0,0 @@
-html:root {
-	--modal-poke-date: cornflowerblue;
-	--modal-poke-text: #004d00;
-}
-
-:global {
-	.container-poke {
-		display: flex!important;;
-		flex-direction: column!important;;
-
-		.container-servers {
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			.server {
-				display: flex;
-				flex-direction: column;
-				justify-content: stretch;
-
-				.server-name {
-					margin-top: 5px;
-
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					font-weight: bold;
-					text-decoration: underline;
-				}
-
-				.poke-list {
-					display: flex;
-					flex-direction: column;
-					justify-content: flex-start;
-
-					overflow-y: auto;
-					overflow-x: auto;
-
-					.entry {
-						display: flex;
-						flex-direction: row;
-						justify-content: flex-start;
-
-						flex-shrink: 0;
-						flex-grow: 0;
-
-						> * {
-							white-space: nowrap;
-						}
-
-						.date, .user, .text {
-							margin-right: 5px;
-						}
-
-						.date {
-							color: var(--modal-poke-date);
-						}
-						.text {
-							color: var(--modal-poke-text);
-						}
-					}
-				}
-			}
-		}
-
-		.buttons {
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			margin-top: 5px;
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			.spacer {
-				flex-grow: 1;
-				flex-shrink: 1;
-			}
-
-			.button-close {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				margin-top: 5px;
-				width: 150px;
-				float: right;
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/html/templates.html b/shared/html/templates.html
index 80d243c0..3562ed2a 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -1179,16 +1179,6 @@
             </div>
         </script>
 
-        <script class="jsrender-template" id="tmpl_poke_popup" type="text/html">
-            <div class="container-poke">
-                <div class="container-servers"></div>
-                <div class="buttons">
-                    <div class="spacer"></div>
-                    <button class="btn btn-raised btn-primary button-close">{{tr "Close" /}}</button>
-                </div>
-            </div>
-        </script>
-
         <script class="jsrender-template" id="tmpl_query_create" type="text/html">
             <div class="query-create">
                 <a>{{tr "Set the login name for your Server Query account." /}}</a>
diff --git a/shared/js/connection/CommandHandler.ts b/shared/js/connection/CommandHandler.ts
index 66a05dfc..7a6b7e63 100644
--- a/shared/js/connection/CommandHandler.ts
+++ b/shared/js/connection/CommandHandler.ts
@@ -23,6 +23,7 @@ import {ErrorCode} from "../connection/ErrorCode";
 import {server_connections} from "tc-shared/ConnectionManager";
 import {ChannelEntry} from "tc-shared/tree/Channel";
 import {EventClient} from "tc-shared/connectionlog/Definitions";
+import {spawnPokeModal} from "tc-shared/ui/modal/poke/Controller";
 
 export class ServerConnectionCommandBoss extends AbstractCommandHandlerBoss {
     constructor(connection: AbstractServerConnection) {
@@ -982,10 +983,11 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
 
     handleNotifyClientPoke(json) {
         json = json[0];
-        spawnPoke(this.connection_handler, {
-            id: parseInt(json["invokerid"]),
-            name: json["invokername"],
-            unique_id: json["invokeruid"]
+
+        spawnPokeModal(this.connection_handler, {
+            clientId: parseInt(json["invokerid"]),
+            clientName: json["invokername"],
+            clientUniqueId: json["invokeruid"]
         }, json["msg"]);
 
         this.connection_handler.log.log("client.poke.received", {
diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index 5d2db21e..581b8b07 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -676,7 +676,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
         }
     }
 
-    generate_bbcode() {
+    generateBBCode() {
         return "[url=channel://" + this.channelId + "/" + encodeURIComponent(this.properties.channel_name) + "]" + this.formattedChannelName() + "[/url]";
     }
 
diff --git a/shared/js/ui/modal/poke/Controller.ts b/shared/js/ui/modal/poke/Controller.ts
new file mode 100644
index 00000000..f8f4dd86
--- /dev/null
+++ b/shared/js/ui/modal/poke/Controller.ts
@@ -0,0 +1,91 @@
+import {createIpcUiVariableProvider, IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {ModalPokeEvents, ModalPokeVariables, PokeRecord} from "tc-shared/ui/modal/poke/Definitions";
+import {Registry} from "tc-events";
+import {server_connections} from "tc-shared/ConnectionManager";
+import {ModalController} from "tc-shared/ui/react-elements/modal/Definitions";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {guid} from "tc-shared/crypto/uid";
+
+let controllerInstance: PokeController;
+class PokeController {
+    readonly variables: IpcUiVariableProvider<ModalPokeVariables>;
+    readonly events: Registry<ModalPokeEvents>;
+
+    private modalInstance: ModalController;
+
+    private registeredEvents: (() => void)[] = [];
+    private registeredRecords: PokeRecord[] = [];
+
+    constructor() {
+        this.variables = createIpcUiVariableProvider();
+        this.events = new Registry<ModalPokeEvents>();
+
+        this.variables.setVariableProvider("pokeList", () => this.registeredRecords);
+
+        this.registeredRecords = [];
+        this.registeredEvents.push(server_connections.events().on("notify_handler_deleted", event => {
+            /* TODO: Remove such pokes (maybe?) ! */
+        }));
+
+        this.modalInstance = spawnModal(
+            "modal-poked",
+            [ this.events.generateIpcDescription(), this.variables.generateConsumerDescription() ],
+            {
+                popedOut: false,
+                popoutable: true
+            }
+        );
+
+        this.modalInstance.getEvents().on("destroy", () => {
+            if(this.modalInstance) {
+                this.modalInstance = undefined;
+                this.destroy();
+            }
+        });
+        this.modalInstance.show().then(undefined);
+
+        this.events.on("action_close", () => this.destroy());
+    }
+
+    destroy() {
+        controllerInstance = undefined;
+
+        this.registeredEvents.forEach(callback => callback());
+        this.registeredEvents = [];
+
+        const instance = this.modalInstance;
+        this.modalInstance = undefined;
+        instance?.destroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    registerRecord(record: PokeRecord) {
+        this.registeredRecords.push(record);
+        this.variables.sendVariable("pokeList");
+        this.modalInstance.show().then(undefined);
+    }
+}
+
+export function spawnPokeModal(handler: ConnectionHandler, client: { clientName: string, clientId: number, clientUniqueId: string }, message: string) {
+    if(!controllerInstance) {
+        controllerInstance = new PokeController();
+    }
+
+    controllerInstance.registerRecord({
+        uniqueId: guid(),
+        handlerId: handler.handlerId,
+
+        serverName: handler.channelTree.server.properties.virtualserver_name,
+        serverUniqueId: handler.channelTree.server.properties.virtualserver_unique_identifier,
+
+        clientName: client.clientName,
+        clientId: client.clientId,
+        clientUniqueId: client.clientUniqueId,
+
+        timestamp: Date.now(),
+        message: message
+    });
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/poke/Definitions.ts b/shared/js/ui/modal/poke/Definitions.ts
new file mode 100644
index 00000000..a05bef17
--- /dev/null
+++ b/shared/js/ui/modal/poke/Definitions.ts
@@ -0,0 +1,23 @@
+export type PokeRecord = {
+    uniqueId: string,
+    timestamp: number,
+
+    handlerId: string,
+
+    serverName: string,
+    serverUniqueId: string,
+
+    clientId: number,
+    clientUniqueId: string,
+    clientName: string,
+
+    message: string
+}
+
+export interface ModalPokeVariables {
+    readonly pokeList: PokeRecord[],
+}
+
+export interface ModalPokeEvents {
+    action_close: {}
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/poke/Renderer.scss b/shared/js/ui/modal/poke/Renderer.scss
new file mode 100644
index 00000000..c0b34c52
--- /dev/null
+++ b/shared/js/ui/modal/poke/Renderer.scss
@@ -0,0 +1,94 @@
+html:root {
+    --modal-poke-date: cornflowerblue;
+    --modal-poke-text: #004d00;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+
+    padding: 1em;
+
+    .containerServers {
+        display: flex;
+        flex-direction: column;
+        justify-content: stretch;
+
+        .server {
+            display: flex;
+            flex-direction: column;
+            justify-content: stretch;
+
+            .serverName {
+                flex-grow: 0;
+                flex-shrink: 0;
+
+                font-weight: bold;
+                text-decoration: underline;
+            }
+
+            &:not(:first-of-type) {
+                margin-top: 1em;
+            }
+        }
+    }
+}
+
+.pokeList {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+
+    overflow-y: auto;
+    overflow-x: auto;
+
+    .entry {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        > * {
+            white-space: nowrap;
+        }
+
+        .date, .user, .text {
+            margin-right: 5px;
+        }
+
+        .date {
+            color: var(--modal-poke-date);
+        }
+
+        .text {
+            color: var(--modal-poke-text);
+        }
+    }
+}
+
+.buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    margin-top: 1em;
+
+    flex-shrink: 0;
+    flex-grow: 0;
+
+    .spacer {
+        flex-grow: 1;
+        flex-shrink: 1;
+    }
+
+    .buttonClose {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        margin-top: 5px;
+        width: 150px;
+        float: right;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/poke/Renderer.tsx b/shared/js/ui/modal/poke/Renderer.tsx
new file mode 100644
index 00000000..5f9056e4
--- /dev/null
+++ b/shared/js/ui/modal/poke/Renderer.tsx
@@ -0,0 +1,94 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext} from "react";
+import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {ModalPokeEvents, ModalPokeVariables, PokeRecord} from "tc-shared/ui/modal/poke/Definitions";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {ClientTag} from "tc-shared/ui/tree/EntryTags";
+import {BBCodeRenderer} from "tc-shared/text/bbcode";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import moment from "moment";
+
+const cssStyle = require("./Renderer.scss");
+
+const VariablesContext = React.createContext<UiVariableConsumer<ModalPokeVariables>>(undefined);
+
+const PokeRenderer = React.memo((props: { poke: PokeRecord }) => (
+    <div className={cssStyle.entry}>
+        <div className={cssStyle.date}>{moment(props.poke.timestamp).format("HH:mm:ss")}</div>&nbsp;-&nbsp;
+        <ClientTag clientName={props.poke.clientName} clientUniqueId={props.poke.clientUniqueId} handlerId={props.poke.handlerId} className={cssStyle.user} />
+        <div className={cssStyle.text}><Translatable>pokes you</Translatable></div>:
+        <div><BBCodeRenderer message={props.poke.message} settings={{ convertSingleUrls: true }} /></div>
+    </div>
+))
+
+const ServerPokeListRenderer = React.memo((props: { pokes: PokeRecord[] }) => (
+    <div className={cssStyle.server}>
+        <div className={cssStyle.serverName}>{props.pokes.last().serverName}</div>
+        <div className={cssStyle.pokeList}>
+            {props.pokes.map(entry => (
+                <PokeRenderer poke={entry} key={entry.uniqueId} />
+            ))}
+        </div>
+    </div>
+));
+
+const PokeListRenderer = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const pokes = variables.useReadOnly("pokeList", undefined, []);
+
+    let serverPokes: {[key: string]: PokeRecord[]} = {};
+    pokes.forEach(entry => (serverPokes[entry.serverUniqueId] || (serverPokes[entry.serverUniqueId] = [])).push(entry));
+
+    for(const uniqueId of Object.keys(serverPokes)) {
+        serverPokes[uniqueId].sort((a, b) => a.timestamp - b.timestamp);
+    }
+
+    const sortedServerUniqueIds = Object.keys(serverPokes).sort((a, b) => serverPokes[a][0].timestamp - serverPokes[b][0].timestamp);
+    return (
+        <div className={cssStyle.containerServers}>
+            {sortedServerUniqueIds.map(serverUniqueId => (
+                <ServerPokeListRenderer pokes={serverPokes[serverUniqueId]} key={serverUniqueId} />
+            ))}
+        </div>
+    )
+});
+
+class PokeModal extends AbstractModal {
+    readonly variables: UiVariableConsumer<ModalPokeVariables>;
+    readonly events: Registry<ModalPokeEvents>;
+    
+    constructor(events: IpcRegistryDescription<ModalPokeEvents>, variables: IpcVariableDescriptor<ModalPokeVariables>) {
+        super();
+
+        this.variables = createIpcUiVariableConsumer(variables);
+        this.events = Registry.fromIpcDescription(events);
+    }
+    
+    renderBody(): React.ReactElement {
+        return (
+            <VariablesContext.Provider value={this.variables}>
+                <div className={cssStyle.container}>
+                    <PokeListRenderer />
+                    <div className={cssStyle.buttons}>
+                        <div className={cssStyle.spacer} />
+                        <Button color={"green"} onClick={() => this.events.fire("action_close")}>
+                            <Translatable>Close</Translatable>
+                        </Button>
+                    </div>
+                </div>
+            </VariablesContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return <Translatable>You have been poked!</Translatable>;
+    }
+
+    verticalAlignment(): "top" | "center" | "bottom" {
+        return "top";
+    }
+}
+
+export default PokeModal;
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 382eaa65..30086312 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -11,6 +11,7 @@ import {
     ModalBookmarksAddServerEvents,
     ModalBookmarksAddServerVariables
 } from "tc-shared/ui/modal/bookmarks-add-server/Definitions";
+import {ModalPokeEvents, ModalPokeVariables} from "tc-shared/ui/modal/poke/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -177,5 +178,9 @@ export interface ModalConstructorArguments {
     "modal-bookmark-add-server": [
         /* events */ IpcRegistryDescription<ModalBookmarksAddServerEvents>,
         /* variables */ IpcVariableDescriptor<ModalBookmarksAddServerVariables>,
-    ]
+    ],
+    "modal-poked": [
+        /* events */ IpcRegistryDescription<ModalPokeEvents>,
+        /* variables */ IpcVariableDescriptor<ModalPokeVariables>,
+    ],
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index fc1ebd84..96dc7215 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -85,3 +85,10 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "modal-poked",
+    classLoader: async () => await import("tc-shared/ui/modal/poke/Renderer"),
+    /* FIXME: Make popoutable after the bbcode renderer part has been made popoutable (currently not because of the youtube renderer) */
+    popoutSupported: false
+});
+
diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
index 26e67af7..9ca8deb7 100644
--- a/shared/js/ui/react-elements/modal/internal/index.tsx
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -108,11 +108,12 @@ export class InternalModalInstance implements ModalInstanceController {
     }
 
     async show() : Promise<void> {
-        if(!this.modalInstance) {
-            this.modalInitializePromise = this.constructModal();
+        if(this.modalInitializePromise) {
+            await this.modalInitializePromise;
         }
 
-        if(this.modalInitializePromise) {
+        if(!this.modalInstance) {
+            this.modalInitializePromise = this.constructModal();
             await this.modalInitializePromise;
         }
 

From 1ed7c48b6bc4d6533d9457040d3af25f4b149072 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 18 Mar 2021 12:01:44 +0100
Subject: [PATCH 034/128] Using slightly differen colors

---
 shared/js/ui/modal/poke/Renderer.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/js/ui/modal/poke/Renderer.scss b/shared/js/ui/modal/poke/Renderer.scss
index c0b34c52..96734906 100644
--- a/shared/js/ui/modal/poke/Renderer.scss
+++ b/shared/js/ui/modal/poke/Renderer.scss
@@ -1,6 +1,6 @@
 html:root {
-    --modal-poke-date: cornflowerblue;
-    --modal-poke-text: #004d00;
+    --modal-poke-date: #557edc;
+    --modal-poke-text: #999;
 }
 
 .container {

From 2755c1e62dba29986201a626d2585a029aae4219 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 18 Mar 2021 12:05:19 +0100
Subject: [PATCH 035/128] Fixed invalid poke import and delete the old modal

---
 shared/js/connection/CommandHandler.ts |  1 -
 shared/js/ui/modal/ModalPoke.ts        | 99 --------------------------
 2 files changed, 100 deletions(-)
 delete mode 100644 shared/js/ui/modal/ModalPoke.ts

diff --git a/shared/js/connection/CommandHandler.ts b/shared/js/connection/CommandHandler.ts
index 7a6b7e63..afa5a6fd 100644
--- a/shared/js/connection/CommandHandler.ts
+++ b/shared/js/connection/CommandHandler.ts
@@ -13,7 +13,6 @@ import {
 } from "../tree/Client";
 import {ConnectionHandler, ConnectionState, DisconnectReason, ViewReasonId} from "../ConnectionHandler";
 import {formatMessage} from "../ui/frames/chat";
-import {spawnPoke} from "../ui/modal/ModalPoke";
 import {AbstractCommandHandler, AbstractCommandHandlerBoss} from "../connection/AbstractCommandHandler";
 import {batch_updates, BatchUpdateType, flush_batched_updates} from "../ui/react-elements/ReactComponentBase";
 import {OutOfViewClient} from "../ui/frames/side/PrivateConversationController";
diff --git a/shared/js/ui/modal/ModalPoke.ts b/shared/js/ui/modal/ModalPoke.ts
deleted file mode 100644
index 6f3dec73..00000000
--- a/shared/js/ui/modal/ModalPoke.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import {ConnectionHandler} from "../../ConnectionHandler";
-import {createModal, Modal} from "../../ui/elements/Modal";
-import * as htmltags from "../../ui/htmltags";
-import moment from "moment";
-import {renderBBCodeAsJQuery} from "../../text/bbcode";
-import {tr} from "tc-shared/i18n/localize";
-
-let global_modal: PokeModal;
-
-export interface ServerEntry {
-    source: ConnectionHandler;
-
-    add_message(invoker: PokeInvoker, message: string);
-}
-
-class PokeModal {
-    private _handle: Modal;
-    private source_map: ServerEntry[] = [];
-
-    constructor() {
-        this._handle = createModal({
-            header: tr("You have been poked!"),
-            body: () => {
-                let template = $("#tmpl_poke_popup").renderTag();
-                template.find(".button-close").on('click', event => this._handle_close());
-                return template;
-            },
-            footer: undefined,
-            width: 750
-        });
-        this._handle.close_listener.push(() => this._handle_close());
-    }
-
-    modal() {
-        return this._handle;
-    }
-
-    add_poke(source: ConnectionHandler, invoker: PokeInvoker, message: string) {
-        let handler: ServerEntry;
-        for (const entry of this.source_map)
-            if (entry.source === source) {
-                handler = entry;
-                break;
-            }
-        if (!handler) {
-            const html_tag = $.spawn("div").addClass("server");
-            const poke_list = $.spawn("div").addClass("poke-list");
-            $.spawn("div")
-                .addClass("server-name")
-                .text(source && source.channelTree && source.channelTree.server ? source.channelTree.server.properties.virtualserver_name : "unknown")
-                .appendTo(html_tag);
-            poke_list.appendTo(html_tag);
-
-            this.source_map.push(handler = {
-                source: source,
-                add_message: (invoker: PokeInvoker, message: string) => {
-                    const container = $.spawn("div").addClass("entry");
-
-                    $.spawn("div").addClass("date").text(moment().format("HH:mm:ss") + " - ").appendTo(container);
-                    $.spawn("div").addClass("user").append($(htmltags.generate_client({
-                        add_braces: true,
-                        client_id: invoker.id,
-                        client_name: invoker.name,
-                        client_unique_id: invoker.unique_id
-                    }))).appendTo(container);
-                    if (message) {
-                        $.spawn("div").addClass("text").text(tr("pokes you:")).appendTo(container);
-                        $.spawn("div").addClass("poke-message").append(...renderBBCodeAsJQuery(message, {convertSingleUrls: false})).appendTo(container);
-                    } else {
-                        $.spawn("div").addClass("text").text(tr("pokes you.")).appendTo(container);
-                    }
-
-                    container.appendTo(poke_list);
-                }
-            });
-
-            this._handle.htmlTag.find(".container-servers").append(html_tag);
-        }
-        handler.add_message(invoker, message);
-    }
-
-    private _handle_close() {
-        this._handle.close();
-        global_modal = undefined;
-    }
-}
-
-export type PokeInvoker = {
-    name: string,
-    id: number,
-    unique_id: string
-};
-
-export function spawnPoke(source: ConnectionHandler, invoker: PokeInvoker, message: string) {
-    if (!global_modal)
-        global_modal = new PokeModal();
-    global_modal.add_poke(source, invoker, message);
-    global_modal.modal().open();
-}
\ No newline at end of file

From 126b836cbd3da0d15ae9f81612a567a5b989db6f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 18 Mar 2021 12:27:22 +0100
Subject: [PATCH 036/128] Made the BBCode renderer fully popoutable which now
 allows the PokeModal to be popoutable

---
 shared/js/main.tsx                            | 11 ++++----
 shared/js/text/bbcode/InviteController.ts     |  3 +++
 shared/js/text/bbcode/InviteRenderer.tsx      |  1 -
 shared/js/text/bbcode/YoutubeController.ts    | 26 ++++++++++++++++++
 .../{youtube.scss => YoutubeRenderer.scss}    |  0
 .../{youtube.tsx => YoutubeRenderer.tsx}      | 27 +++++++------------
 shared/js/text/bbcode/emoji.tsx               |  2 +-
 shared/js/text/bbcode/highlight.tsx           |  4 +--
 shared/js/text/bbcode/renderer.tsx            |  4 +--
 shared/js/text/bbcode/url.tsx                 |  2 +-
 shared/js/ui/modal/poke/Renderer.scss         |  7 ++++-
 shared/js/ui/modal/poke/Renderer.tsx          |  4 +--
 shared/js/ui/react-elements/modal/Registry.ts |  3 +--
 13 files changed, 59 insertions(+), 35 deletions(-)
 create mode 100644 shared/js/text/bbcode/YoutubeController.ts
 rename shared/js/text/bbcode/{youtube.scss => YoutubeRenderer.scss} (100%)
 rename shared/js/text/bbcode/{youtube.tsx => YoutubeRenderer.tsx} (81%)

diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index 6a6e7af8..2abacd47 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -27,6 +27,11 @@ import {server_connections} from "tc-shared/ConnectionManager";
 import {spawnConnectModalNew} from "tc-shared/ui/modal/connect/Controller";
 import {initializeKeyControl} from "./KeyControl";
 import {assertMainApplication} from "tc-shared/ui/utils";
+import {clientServiceInvite} from "tc-shared/clientservice";
+import {ActionResult} from "tc-services";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ErrorCode} from "tc-shared/connection/ErrorCode";
+import {bookmarks} from "tc-shared/Bookmarks";
 
 /* required import for init */
 import "svg-sprites/client-icons";
@@ -49,11 +54,7 @@ import "./ui/elements/ContextDivider";
 import "./ui/elements/Tab";
 import "./clientservice";
 import "./text/bbcode/InviteController";
-import {clientServiceInvite} from "tc-shared/clientservice";
-import {ActionResult} from "tc-services";
-import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
-import {ErrorCode} from "tc-shared/connection/ErrorCode";
-import {bookmarks} from "tc-shared/Bookmarks";
+import "./text/bbcode/YoutubeController";
 
 assertMainApplication();
 
diff --git a/shared/js/text/bbcode/InviteController.ts b/shared/js/text/bbcode/InviteController.ts
index 3482c7f0..7b7a9862 100644
--- a/shared/js/text/bbcode/InviteController.ts
+++ b/shared/js/text/bbcode/InviteController.ts
@@ -5,6 +5,9 @@ import {IpcInviteInfo} from "tc-shared/text/bbcode/InviteDefinitions";
 import {LogCategory, logError} from "tc-shared/log";
 import {clientServiceInvite, clientServices} from "tc-shared/clientservice";
 import {handleConnectRequest} from "tc-shared/main";
+import {assertMainApplication} from "tc-shared/ui/utils";
+
+assertMainApplication();
 
 let ipcChannel: IPCChannel;
 loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
diff --git a/shared/js/text/bbcode/InviteRenderer.tsx b/shared/js/text/bbcode/InviteRenderer.tsx
index df5f20f1..504d83a7 100644
--- a/shared/js/text/bbcode/InviteRenderer.tsx
+++ b/shared/js/text/bbcode/InviteRenderer.tsx
@@ -2,7 +2,6 @@ import * as React from "react";
 import {IpcInviteInfo, IpcInviteInfoLoaded} from "tc-shared/text/bbcode/InviteDefinitions";
 import {ChannelMessage, getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
 import * as loader from "tc-loader";
-import {AppParameters} from "tc-shared/settings";
 import {useEffect, useState} from "react";
 import _ = require("lodash");
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
diff --git a/shared/js/text/bbcode/YoutubeController.ts b/shared/js/text/bbcode/YoutubeController.ts
new file mode 100644
index 00000000..63fbb0e5
--- /dev/null
+++ b/shared/js/text/bbcode/YoutubeController.ts
@@ -0,0 +1,26 @@
+import {ChannelMessage, getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
+import * as loader from "tc-loader";
+import {global_client_actions} from "tc-shared/events/GlobalEvents";
+import {assertMainApplication} from "tc-shared/ui/utils";
+
+assertMainApplication();
+
+let ipcChannel: IPCChannel;
+loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
+    name: "Invite controller init",
+    function: async () => {
+        ipcChannel = getIpcInstance().createChannel("bbcode-youtube");
+        ipcChannel.messageHandler = handleIpcMessage;
+    },
+    priority: 10
+});
+
+
+function handleIpcMessage(remoteId: string, broadcast: boolean, message: ChannelMessage) {
+    if(message.type === "bbcode-youtube") {
+        global_client_actions.fire("action_w2g", {
+            videoUrl: message.data.videoUrl,
+            handlerId: message.data.handlerId
+        });
+    }
+}
\ No newline at end of file
diff --git a/shared/js/text/bbcode/youtube.scss b/shared/js/text/bbcode/YoutubeRenderer.scss
similarity index 100%
rename from shared/js/text/bbcode/youtube.scss
rename to shared/js/text/bbcode/YoutubeRenderer.scss
diff --git a/shared/js/text/bbcode/youtube.tsx b/shared/js/text/bbcode/YoutubeRenderer.tsx
similarity index 81%
rename from shared/js/text/bbcode/youtube.tsx
rename to shared/js/text/bbcode/YoutubeRenderer.tsx
index 2b3ee28a..9e04d784 100644
--- a/shared/js/text/bbcode/youtube.tsx
+++ b/shared/js/text/bbcode/YoutubeRenderer.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as loader from "tc-loader";
-import {rendererReact, rendererText} from "tc-shared/text/bbcode/renderer";
+import {BBCodeHandlerContext, rendererReact, rendererText} from "tc-shared/text/bbcode/renderer";
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
 import {TagElement} from "vendor/xbbcode/elements";
 import {BBCodeRenderer} from "tc-shared/text/bbcode";
@@ -8,11 +8,11 @@ import {HTMLRenderer} from "tc-shared/ui/react-elements/HTMLRenderer";
 import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 import {spawn_context_menu} from "tc-shared/ui/elements/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
-import {global_client_actions} from "tc-shared/events/GlobalEvents";
-import {server_connections} from "tc-shared/ConnectionManager";
+import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
+import {useContext} from "react";
 
 const playIcon = require("./yt-play-button.svg");
-const cssStyle = require("./youtube.scss");
+const cssStyle = require("./YoutubeRenderer.scss");
 
 const patternYtVideoId = /^(?:http(?:s)?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:(?:watch)?\?(?:.*&)?v(?:i)?=|(?:embed|v|vi|user)\/))([^?&"'>]{10,11})$/;
 let reactId = 0;
@@ -36,6 +36,8 @@ export const YoutubeRenderer = (props: { children?: React.ReactElement | React.R
         }
     }
 
+    const handlerId = useContext(BBCodeHandlerContext);
+
     return (
         <div
             className={cssStyle.container}
@@ -43,12 +45,7 @@ export const YoutubeRenderer = (props: { children?: React.ReactElement | React.R
                 event.preventDefault();
 
                 spawn_context_menu(event.pageX, event.pageY, {
-                    callback: () => {
-                        global_client_actions.fire("action_w2g", {
-                            videoUrl: props.url,
-                            handlerId: server_connections.getActiveConnectionHandler().handlerId
-                        });
-                    },
+                    callback: () => ipcChannel.sendMessage("w2g", { videoUrl: props.url, handlerId: handlerId }),
                     name: tr("Watch video"),
                     type: contextmenu.MenuEntryType.ENTRY,
                     icon_class: ""
@@ -69,22 +66,18 @@ export const YoutubeRenderer = (props: { children?: React.ReactElement | React.R
             }}
         >
             <img draggable={false} src={"https://img.youtube.com/vi/" + result[1] + "/hqdefault.jpg"} alt={"Video thumbnail"} title={tra("Youtube video {}", result[1])} />
-            <button className={cssStyle.playButton} onClick={() => {
-                global_client_actions.fire("action_w2g", {
-                    videoUrl: props.url,
-                    handlerId: server_connections.getActiveConnectionHandler().handlerId
-                });
-            }}>
+            <button className={cssStyle.playButton} onClick={() => ipcChannel.sendMessage("w2g", { videoUrl: props.url, handlerId: handlerId })}>
                 <HTMLRenderer purify={false}>{playIcon}</HTMLRenderer>
             </button>
         </div>
     );
 }
 
+let ipcChannel: IPCChannel;
 loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     name: "XBBCode code tag init",
     function: async () => {
-
+        ipcChannel = getIpcInstance().createCoreControlChannel("bbcode-youtube");
         rendererReact.registerCustomRenderer(new class extends ElementRenderer<TagElement, React.ReactNode> {
             render(element: TagElement): React.ReactNode {
                 const text = rendererText.render(element);
diff --git a/shared/js/text/bbcode/emoji.tsx b/shared/js/text/bbcode/emoji.tsx
index 0199e6ec..000f45e7 100644
--- a/shared/js/text/bbcode/emoji.tsx
+++ b/shared/js/text/bbcode/emoji.tsx
@@ -1,8 +1,8 @@
 import * as loader from "tc-loader";
+import * as React from "react";
 import { rendererReact } from "tc-shared/text/bbcode/renderer";
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
 import {TextElement} from "vendor/xbbcode/elements";
-import * as React from "react";
 import ReactRenderer from "vendor/xbbcode/renderer/react";
 import {Settings, settings} from "tc-shared/settings";
 
diff --git a/shared/js/text/bbcode/highlight.tsx b/shared/js/text/bbcode/highlight.tsx
index b39364af..167d099e 100644
--- a/shared/js/text/bbcode/highlight.tsx
+++ b/shared/js/text/bbcode/highlight.tsx
@@ -9,11 +9,11 @@ import * as DOMPurify from "dompurify";
 import {copyToClipboard} from "tc-shared/utils/helpers";
 import {rendererReact, rendererText} from "tc-shared/text/bbcode/renderer";
 import {MenuEntryType, spawn_context_menu} from "tc-shared/ui/elements/ContextMenu";
-
-import '!style-loader!css-loader!highlight.js/styles/darcula.css';
 import {Settings, settings} from "tc-shared/settings";
 import {LogCategory, logWarn} from "tc-shared/log";
 
+import '!style-loader!css-loader!highlight.js/styles/darcula.css';
+
 const registerLanguage = (name, language: Promise<any>) => {
     language.then(lan => hljs.registerLanguage(name, lan.default)).catch(error => {
         logWarn(LogCategory.CHAT, tr("Failed to load language %s (%o)"), name, error);
diff --git a/shared/js/text/bbcode/renderer.tsx b/shared/js/text/bbcode/renderer.tsx
index 5ad5f070..8fd0c467 100644
--- a/shared/js/text/bbcode/renderer.tsx
+++ b/shared/js/text/bbcode/renderer.tsx
@@ -10,11 +10,9 @@ import HTMLRenderer from "vendor/xbbcode/renderer/html";
 
 import "./emoji";
 import "./highlight";
-import "./youtube";
+import "./YoutubeRenderer";
 import "./url";
 import "./image";
-import {ElementRenderer, Renderer} from "vendor/xbbcode/renderer/base";
-import {TextElement} from "vendor/xbbcode/elements";
 
 export let BBCodeHandlerContext: Context<string>;
 
diff --git a/shared/js/text/bbcode/url.tsx b/shared/js/text/bbcode/url.tsx
index cf34849e..16e32b66 100644
--- a/shared/js/text/bbcode/url.tsx
+++ b/shared/js/text/bbcode/url.tsx
@@ -7,7 +7,7 @@ import * as React from "react";
 import ReactRenderer from "vendor/xbbcode/renderer/react";
 import {rendererReact, rendererText, BBCodeHandlerContext} from "tc-shared/text/bbcode/renderer";
 import {ClientTag} from "tc-shared/ui/tree/EntryTags";
-import {isYoutubeLink, YoutubeRenderer} from "tc-shared/text/bbcode/youtube";
+import {isYoutubeLink, YoutubeRenderer} from "tc-shared/text/bbcode/YoutubeRenderer";
 import {InviteLinkRenderer, isInviteLink} from "tc-shared/text/bbcode/InviteRenderer";
 
 function spawnUrlContextMenu(pageX: number, pageY: number, target: string) {
diff --git a/shared/js/ui/modal/poke/Renderer.scss b/shared/js/ui/modal/poke/Renderer.scss
index 96734906..efc49ed5 100644
--- a/shared/js/ui/modal/poke/Renderer.scss
+++ b/shared/js/ui/modal/poke/Renderer.scss
@@ -32,6 +32,10 @@ html:root {
             }
         }
     }
+
+    &.window {
+        height: 100%;
+    }
 }
 
 .pokeList {
@@ -73,7 +77,8 @@ html:root {
     flex-direction: row;
     justify-content: stretch;
 
-    margin-top: 1em;
+    margin-top: auto;
+    padding-top: 1em;
 
     flex-shrink: 0;
     flex-grow: 0;
diff --git a/shared/js/ui/modal/poke/Renderer.tsx b/shared/js/ui/modal/poke/Renderer.tsx
index 5f9056e4..c8d2e451 100644
--- a/shared/js/ui/modal/poke/Renderer.tsx
+++ b/shared/js/ui/modal/poke/Renderer.tsx
@@ -19,7 +19,7 @@ const PokeRenderer = React.memo((props: { poke: PokeRecord }) => (
         <div className={cssStyle.date}>{moment(props.poke.timestamp).format("HH:mm:ss")}</div>&nbsp;-&nbsp;
         <ClientTag clientName={props.poke.clientName} clientUniqueId={props.poke.clientUniqueId} handlerId={props.poke.handlerId} className={cssStyle.user} />
         <div className={cssStyle.text}><Translatable>pokes you</Translatable></div>:
-        <div><BBCodeRenderer message={props.poke.message} settings={{ convertSingleUrls: true }} /></div>
+        <div><BBCodeRenderer message={props.poke.message} settings={{ convertSingleUrls: true }} handlerId={props.poke.handlerId} /></div>
     </div>
 ))
 
@@ -69,7 +69,7 @@ class PokeModal extends AbstractModal {
     renderBody(): React.ReactElement {
         return (
             <VariablesContext.Provider value={this.variables}>
-                <div className={cssStyle.container}>
+                <div className={cssStyle.container + " " + (this.properties.windowed ? cssStyle.window : "")}>
                     <PokeListRenderer />
                     <div className={cssStyle.buttons}>
                         <div className={cssStyle.spacer} />
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 96dc7215..38b1a004 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -88,7 +88,6 @@ registerModal({
 registerModal({
     modalId: "modal-poked",
     classLoader: async () => await import("tc-shared/ui/modal/poke/Renderer"),
-    /* FIXME: Make popoutable after the bbcode renderer part has been made popoutable (currently not because of the youtube renderer) */
-    popoutSupported: false
+    popoutSupported: true
 });
 

From 38ea11725f6a3e21c15804479d4a448758fecb84 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 18 Mar 2021 12:55:35 +0100
Subject: [PATCH 037/128] Using a provider for the dns resolver

---
 client/app/EntryPointPopoutModal.ts           |   3 +
 shared/backend.d/dns.d.ts                     |   6 -
 shared/js/ConnectionHandler.ts                |  54 +++++----
 shared/js/dns.ts                              |  62 +++++++++--
 .../external-modal/PopoutEntrypoint.ts        |  11 +-
 web/app/dns.ts                                |  13 ---
 web/app/dns/resolver.ts                       | 105 ++++++++++--------
 web/app/hooks/Dns.ts                          |  37 ++++++
 web/app/index.ts                              |   1 +
 webpack-client.config.ts                      |   3 +-
 10 files changed, 193 insertions(+), 102 deletions(-)
 create mode 100644 client/app/EntryPointPopoutModal.ts
 delete mode 100644 shared/backend.d/dns.d.ts
 delete mode 100644 web/app/dns.ts
 create mode 100644 web/app/hooks/Dns.ts

diff --git a/client/app/EntryPointPopoutModal.ts b/client/app/EntryPointPopoutModal.ts
new file mode 100644
index 00000000..ea540cf6
--- /dev/null
+++ b/client/app/EntryPointPopoutModal.ts
@@ -0,0 +1,3 @@
+window.__native_client_init_shared(__webpack_require__);
+
+import "tc-shared/ui/react-elements/external-modal/PopoutEntrypoint";
\ No newline at end of file
diff --git a/shared/backend.d/dns.d.ts b/shared/backend.d/dns.d.ts
deleted file mode 100644
index 66f8678e..00000000
--- a/shared/backend.d/dns.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import {AddressTarget, ResolveOptions} from "tc-shared/dns";
-import {ServerAddress} from "tc-shared/tree/Server";
-
-export function supported();
-export function resolve_address(address: ServerAddress, options?: ResolveOptions) : Promise<AddressTarget>;
-export function resolve_address_ipv4(address: string) : Promise<string>;
\ No newline at end of file
diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index 5902f14c..93a14c98 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -15,7 +15,6 @@ import {defaultRecorder, RecorderProfile} from "./voice/RecorderProfile";
 import {Regex} from "./ui/modal/ModalConnect";
 import {formatMessage} from "./ui/frames/chat";
 import {spawnAvatarUpload} from "./ui/modal/ModalAvatar";
-import * as dns from "tc-backend/dns";
 import {EventHandler, Registry} from "./events";
 import {FileManager} from "./file/FileManager";
 import {FileTransferState, TransferProvider} from "./file/Transfer";
@@ -42,6 +41,7 @@ import {PlaylistManager} from "tc-shared/music/PlaylistManager";
 import {connectionHistory} from "tc-shared/connectionlog/History";
 import {ConnectParameters} from "tc-shared/ui/modal/connect/Controller";
 import {assertMainApplication} from "tc-shared/ui/utils";
+import {getDNSProvider} from "tc-shared/dns";
 
 assertMainApplication();
 
@@ -318,20 +318,25 @@ export class ConnectionHandler {
 
         if(resolvedAddress.host.match(Regex.IP_V4) || resolvedAddress.host.match(Regex.IP_V6)) {
             /* We don't have to resolve the target host */
-        } else if(dns.supported()) {
+        } else {
             this.log.log("connection.hostname.resolve", {});
             try {
-                const resolved = await dns.resolve_address(parsedAddress, { timeout: 5000 });
+                const resolved = await getDNSProvider().resolveAddress({ hostname: parsedAddress.host, port: parsedAddress.port }, { timeout: 5000 });
                 if(this.connectAttemptId !== localConnectionAttemptId) {
                     /* Our attempt has been aborted */
                     return;
                 }
 
-                if(resolved?.target_ip) {
-                    resolvedAddress.host = resolved.target_ip;
-                    resolvedAddress.port = typeof resolved.target_port === "number" ? resolved.target_port : resolvedAddress.port;
-                } else {
-                    throw tr("address resolve result id empty");
+                if(resolved.status === "empty-result") {
+                    throw tr("address resolve result empty");
+                } else if(resolved.status === "error") {
+                    throw resolved.message;
+                }
+
+                resolvedAddress.host = resolved.resolvedAddress.hostname;
+                resolvedAddress.port = resolved.resolvedAddress.port;
+                if(typeof resolvedAddress.port !== "number") {
+                    resolvedAddress.port = parsedAddress.port;
                 }
 
                 this.log.log("connection.hostname.resolved", {
@@ -349,8 +354,6 @@ export class ConnectionHandler {
                 this.handleDisconnect(DisconnectReason.DNS_FAILED, error);
                 return;
             }
-        } else {
-            this.handleDisconnect(DisconnectReason.DNS_FAILED, tr("Unable to resolve hostname"));
         }
 
         if(this.autoReconnectAttempt) {
@@ -495,7 +498,7 @@ export class ConnectionHandler {
         return this.serverConnection && this.serverConnection.connected();
     }
 
-    private generate_ssl_certificate_accept() : JQuery {
+    private generate_ssl_certificate_accept() : HTMLAnchorElement {
         const properties = {
             connect_default: true,
             connect_profile: this.serverConnection.handshake_handler().parameters.profile.id,
@@ -504,26 +507,29 @@ export class ConnectionHandler {
 
         const build_url = (base: string, search: string, props: any) => {
             const parameters: string[] = [];
-            for(const key of Object.keys(props))
+            for(const key of Object.keys(props)) {
                 parameters.push(key + "=" + encodeURIComponent(props[key]));
+            }
 
             let callback = base + search; /* don't use document.URL because it may contains a #! */
-            if(!search)
+            if(!search) {
                 callback += "?" + parameters.join("&");
-            else
+            } else {
                 callback += "&" + parameters.join("&");
+            }
 
             return "https://" + this.serverConnection.remote_address().host + ":" + this.serverConnection.remote_address().port + "/?forward_url=" + encodeURIComponent(callback);
         };
 
         /* generate the tag */
-        const tag = $.spawn("a").text(tr("here"));
+        const tag = document.createElement("a");
+        tag.text = tr("here");
 
         let pathname = document.location.pathname;
         if(pathname.endsWith(".php"))
             pathname = pathname.substring(0, pathname.lastIndexOf("/"));
 
-        tag.attr('href', build_url(document.location.origin + pathname, document.location.search, properties));
+        tag.href = build_url(document.location.origin + pathname, document.location.search, properties);
         return tag;
     }
 
@@ -561,7 +567,7 @@ export class ConnectionHandler {
                     logError(LogCategory.CLIENT, tr("Could not connect to remote host!"), data);
                 }
 
-                if(__build.target === "client" || !dns.resolve_address_ipv4) {
+                if(__build.target === "client") {
                     createErrorModal(
                         tr("Could not connect"),
                         tr("Could not connect to remote host (Connection refused)")
@@ -569,9 +575,19 @@ export class ConnectionHandler {
                 } else {
                     const generateAddressPart = () => Math.floor(Math.random() * 256);
                     const addressParts = [generateAddressPart(), generateAddressPart(), generateAddressPart(), generateAddressPart()];
-                    dns.resolve_address_ipv4(addressParts.join("-") + ".con-gate.work").then(async result => {
-                        if(result !== addressParts.join("."))
+                    getDNSProvider().resolveAddressIPv4({
+                        hostname: addressParts.join("-") + ".con-gate.work",
+                        port: 9987
+                    }, { timeout: 5000 }).then(async result => {
+                        if(result.status === "empty-result") {
+                            throw tr("empty result");
+                        } else if(result.status === "error") {
+                            throw result.message;
+                        }
+
+                        if(result.resolvedAddress.hostname !== addressParts.join(".")) {
                             throw "miss matching address";
+                        }
 
                         createErrorModal(
                             tr("Could not connect"),
diff --git a/shared/js/dns.ts b/shared/js/dns.ts
index 146ebcdf..cf654ea8 100644
--- a/shared/js/dns.ts
+++ b/shared/js/dns.ts
@@ -5,18 +5,60 @@ export interface AddressTarget {
 
 export interface ResolveOptions {
     timeout?: number;
-    allow_cache?: boolean;
-    max_depth?: number;
+    allowCache?: boolean;
+    maxDepth?: number;
 
-    allow_srv?: boolean;
-    allow_cname?: boolean;
-    allow_any?: boolean;
-    allow_a?: boolean;
-    allow_aaaa?: boolean;
+    allowSrv?: boolean;
+    allowCName?: boolean;
+    allowAny?: boolean;
+    allowA?: boolean;
+    allowAAAA?: boolean;
 }
 
 export const default_options: ResolveOptions = {
     timeout: 5000,
-    allow_cache: true,
-    max_depth: 5
-};
\ No newline at end of file
+    allowCache: true,
+    maxDepth: 5
+};
+
+export interface DNSResolveOptions {
+    timeout?: number;
+    allowCache?: boolean;
+    maxDepth?: number;
+
+    allowSrv?: boolean;
+    allowCName?: boolean;
+    allowAny?: boolean;
+    allowA?: boolean;
+    allowAAAA?: boolean;
+}
+
+export interface DNSAddress {
+    hostname: string,
+    port: number
+}
+
+export type DNSResolveResult = {
+    status: "success",
+    originalAddress: DNSAddress,
+    resolvedAddress: DNSAddress
+} | {
+    status: "error",
+    message: string
+} | {
+    status: "empty-result"
+};
+
+export interface DNSProvider {
+    resolveAddress(address: DNSAddress, options: DNSResolveOptions) : Promise<DNSResolveResult>;
+    resolveAddressIPv4(address: DNSAddress, options: DNSResolveOptions) : Promise<DNSResolveResult>;
+}
+
+let provider: DNSProvider;
+export function getDNSProvider() : DNSProvider {
+    return provider;
+}
+
+export function setDNSProvider(newProvider: DNSProvider) {
+    provider = newProvider;
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts b/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
index 2d7ccdbb..56e541fd 100644
--- a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
+++ b/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
@@ -1,21 +1,16 @@
 import * as loader from "tc-loader";
-import {Stage} from "tc-loader";
 import * as ipc from "../../../ipc/BrowserIPC";
 import * as i18n from "../../../i18n/localize";
+import {Stage} from "tc-loader";
 import {AbstractModal} from "../../../ui/react-elements/ModalDefinitions";
 import {AppParameters} from "../../../settings";
 import {getPopoutController} from "./PopoutController";
 import {setupJSRender} from "../../../ui/jsrender";
-
-import "../../../file/RemoteAvatars";
-import "../../../file/RemoteIcons";
 import {findRegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
 import {ModalRenderer} from "tc-shared/ui/react-elements/external-modal/ModalRenderer";
 import {constructAbstractModalClass} from "tc-shared/ui/react-elements/modal/Definitions";
-
-if("__native_client_init_shared" in window) {
-    (window as any).__native_client_init_shared(__webpack_require__);
-}
+import "../../../file/RemoteAvatars";
+import "../../../file/RemoteIcons";
 
 let modalRenderer: ModalRenderer;
 let modalInstance: AbstractModal;
diff --git a/web/app/dns.ts b/web/app/dns.ts
deleted file mode 100644
index ff1ad33d..00000000
--- a/web/app/dns.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {AddressTarget, ResolveOptions} from "tc-shared/dns";
-import {ServerAddress} from "tc-shared/tree/Server";
-import {resolveAddressIpV4, resolveTeaSpeakServerAddress} from "./dns/resolver";
-
-export function supported() { return true; }
-
-export async function resolve_address(address: ServerAddress, options?: ResolveOptions) : Promise<AddressTarget> {
-    return await resolveTeaSpeakServerAddress(address, options);
-}
-
-export async function resolve_address_ipv4(address: string) : Promise<string> {
-    return await resolveAddressIpV4(address);
-}
\ No newline at end of file
diff --git a/web/app/dns/resolver.ts b/web/app/dns/resolver.ts
index 3dba6025..d0f2e851 100644
--- a/web/app/dns/resolver.ts
+++ b/web/app/dns/resolver.ts
@@ -1,15 +1,11 @@
-import * as log from "tc-shared/log";
-import {LogCategory, logTrace, logWarn} from "tc-shared/log";
+import {LogCategory, logError, logTrace, logWarn} from "tc-shared/log";
 import {tr} from "tc-shared/i18n/localize";
-import {ServerAddress} from "tc-shared/tree/Server";
-import {AddressTarget, default_options, ResolveOptions} from "tc-shared/dns";
-import {executeDnsRequest, RRType} from "tc-backend/web/dns/api";
-
-type Address = { host: string, port: number };
+import {default_options, DNSAddress, DNSResolveResult, ResolveOptions} from "tc-shared/dns";
+import {executeDnsRequest, RRType} from "./api";
 
 interface DNSResolveMethod {
     name() : string;
-    resolve(address: Address) : Promise<Address | undefined>;
+    resolve(address: DNSAddress) : Promise<DNSAddress | undefined>;
 }
 
 class LocalhostResolver implements DNSResolveMethod {
@@ -17,10 +13,10 @@ class LocalhostResolver implements DNSResolveMethod {
         return "localhost";
     }
 
-    async resolve(address: Address): Promise<Address | undefined> {
-        if(address.host === "localhost") {
+    async resolve(address: DNSAddress): Promise<DNSAddress | undefined> {
+        if(address.hostname === "localhost") {
             return {
-                host: "127.0.0.1",
+                hostname: "127.0.0.1",
                 port: address.port
             }
         }
@@ -42,14 +38,14 @@ class IPResolveMethod implements DNSResolveMethod {
         return "ip v" + (this.v6 ? "6" : "4") + " resolver";
     }
 
-    async resolve(address: Address): Promise<Address | undefined> {
-        const answer = await executeDnsRequest(address.host, this.v6 ? RRType.AAAA : RRType.A);
+    async resolve(address: DNSAddress): Promise<DNSAddress | undefined> {
+        const answer = await executeDnsRequest(address.hostname, this.v6 ? RRType.AAAA : RRType.A);
         if(!answer.length) {
             return undefined;
         }
 
         return {
-            host: answer[0].data,
+            hostname: answer[0].data,
             port: address.port
         }
     }
@@ -73,8 +69,8 @@ class SRVResolveMethod implements DNSResolveMethod {
         return "srv resolve [" + this.application + "]";
     }
 
-    async resolve(address: Address): Promise<Address | undefined> {
-        const answer = await executeDnsRequest((this.application ? this.application + "." : "") + address.host, RRType.SRV);
+    async resolve(address: DNSAddress): Promise<DNSAddress | undefined> {
+        const answer = await executeDnsRequest((this.application ? this.application + "." : "") + address.hostname, RRType.SRV);
 
         const records: {[key: number]: ParsedSVRRecord[]} = {};
         for(const record of answer) {
@@ -146,7 +142,7 @@ class SRVResolveMethod implements DNSResolveMethod {
         }
 
         return {
-            host: record.target,
+            hostname: record.target,
             port: record.port == 0 ? address.port : record.port
         };
     }
@@ -167,7 +163,7 @@ class SRV_IPResolveMethod implements DNSResolveMethod {
         return "srv ip resolver [" + this.srvResolver.name() + "; " + this.ipv4Resolver.name() + "; " + this.ipv6Resolver.name() + "]";
     }
 
-    async resolve(address: Address): Promise<Address | undefined> {
+    async resolve(address: DNSAddress): Promise<DNSAddress | undefined> {
         const srvAddress = await this.srvResolver.resolve(address);
         if(!srvAddress) {
             return undefined;
@@ -192,21 +188,21 @@ class DomainRootResolveMethod implements DNSResolveMethod {
         return "domain-root [" + this.resolver.name() + "]";
     }
 
-    async resolve(address: Address): Promise<Address | undefined> {
-        const parts = address.host.split(".");
+    async resolve(address: DNSAddress): Promise<DNSAddress | undefined> {
+        const parts = address.hostname.split(".");
         if(parts.length < 3) {
             return undefined;
         }
 
         return await this.resolver.resolve({
-            host: parts.slice(-2).join("."),
+            hostname: parts.slice(1).join("."),
             port: address.port
         });
     }
 }
 
 class TeaSpeakDNSResolve {
-    readonly address: Address;
+    readonly address: DNSAddress;
     private resolvers: {[key: string]:{ resolver: DNSResolveMethod, after: string[] }} = {};
     private resolving = false;
     private timeout;
@@ -217,7 +213,7 @@ class TeaSpeakDNSResolve {
     private finished_resolvers: string[];
     private resolving_resolvers: string[];
 
-    constructor(addr: Address) {
+    constructor(addr: DNSAddress) {
         this.address = addr;
     }
 
@@ -229,7 +225,7 @@ class TeaSpeakDNSResolve {
         this.resolvers[resolver.name()] = { resolver: resolver, after: after.map(e => typeof e === "string" ? e : e.name()) };
     }
 
-    resolve(timeout: number) : Promise<Address> {
+    resolve(timeout: number) : Promise<DNSAddress> {
         if(this.resolving) {
             throw tr("already resolving");
         }
@@ -246,9 +242,9 @@ class TeaSpeakDNSResolve {
         this.timeout = setTimeout(() => {
             this.callback_fail(tr("timeout"));
         }, timeout);
-        logTrace(LogCategory.DNS, tr("Start resolving %s:%d"), this.address.host, this.address.port);
+        logTrace(LogCategory.DNS, tr("Start resolving %s:%d"), this.address.hostname, this.address.port);
 
-        return new Promise<Address>((resolve, reject) => {
+        return new Promise<DNSAddress>((resolve, reject) => {
             this.callback_success = data => {
                 cleanup();
                 resolve(data);
@@ -290,8 +286,8 @@ class TeaSpeakDNSResolve {
                     }
 
                     logTrace(LogCategory.DNS, tr(" Successfully resolved address %s:%d to %s:%d via resolver %s"),
-                        this.address.host, this.address.port,
-                        result.host, result.port,
+                        this.address.hostname, this.address.port,
+                        result.hostname, result.port,
                         resolver_name);
                     this.callback_success(result);
                 }).catch(error => {
@@ -324,29 +320,48 @@ const resolverSrvTS3 = new SRV_IPResolveMethod(new SRVResolveMethod("_ts3._udp")
 const resolverDrSrvTS = new DomainRootResolveMethod(resolverSrvTS);
 const resolverDrSrvTS3 = new DomainRootResolveMethod(resolverSrvTS3);
 
-export async function resolveTeaSpeakServerAddress(address: ServerAddress, _options?: ResolveOptions) : Promise<AddressTarget> {
-    const options = Object.assign({}, default_options);
-    Object.assign(options, _options);
+export async function resolveTeaSpeakServerAddress(address: DNSAddress, _options?: ResolveOptions) : Promise<DNSResolveResult> {
+    try {
+        const options = Object.assign({}, default_options);
+        Object.assign(options, _options);
 
-    const resolver = new TeaSpeakDNSResolve(address);
+        const resolver = new TeaSpeakDNSResolve(address);
 
-    resolver.registerResolver(kResolverLocalhost);
+        resolver.registerResolver(kResolverLocalhost);
 
-    resolver.registerResolver(resolverSrvTS, kResolverLocalhost);
-    resolver.registerResolver(resolverSrvTS3, kResolverLocalhost);
-    //TODO: TSDNS somehow?
+        resolver.registerResolver(resolverSrvTS, kResolverLocalhost);
+        resolver.registerResolver(resolverSrvTS3, kResolverLocalhost);
+        //TODO: TSDNS somehow?
 
-    resolver.registerResolver(resolverDrSrvTS, resolverSrvTS);
-    resolver.registerResolver(resolverDrSrvTS3, resolverSrvTS3);
+        resolver.registerResolver(resolverDrSrvTS, resolverSrvTS);
+        resolver.registerResolver(resolverDrSrvTS3, resolverSrvTS3);
 
-    resolver.registerResolver(kResolverIpV4, resolverSrvTS, resolverSrvTS3);
-    resolver.registerResolver(kResolverIpV6, kResolverIpV4);
+        resolver.registerResolver(kResolverIpV4, resolverSrvTS, resolverSrvTS3);
+        resolver.registerResolver(kResolverIpV6, kResolverIpV4);
 
-    const response = await resolver.resolve(options.timeout || 5000);
-    return {
-        target_ip: response.host,
-        target_port: response.port
-    };
+        const response = await resolver.resolve(options.timeout || 5000);
+        if(!response) {
+            return {
+                status: "empty-result"
+            };
+        }
+
+        return {
+            status: "success",
+            originalAddress: address,
+            resolvedAddress: response
+        };
+    } catch (error) {
+        if(typeof error !== "string") {
+            logError(LogCategory.DNS, tr("Failed to resolve %o: %o"), address, error);
+            error = tr("lookup the console");
+        }
+
+        return {
+            status: "error",
+            message: error
+        };
+    }
 }
 
 export async function resolveAddressIpV4(address: string) : Promise<string> {
diff --git a/web/app/hooks/Dns.ts b/web/app/hooks/Dns.ts
new file mode 100644
index 00000000..f545d0cf
--- /dev/null
+++ b/web/app/hooks/Dns.ts
@@ -0,0 +1,37 @@
+import {DNSAddress, DNSProvider, DNSResolveOptions, DNSResolveResult, setDNSProvider} from "tc-shared/dns";
+import {resolveAddressIpV4, resolveTeaSpeakServerAddress} from "tc-backend/web/dns/resolver";
+import {LogCategory, logError} from "tc-shared/log";
+import {tr} from "tc-shared/i18n/localize";
+
+setDNSProvider(new class implements DNSProvider {
+    resolveAddress(address: DNSAddress, options: DNSResolveOptions): Promise<DNSResolveResult> {
+        return resolveTeaSpeakServerAddress(address, options);
+    }
+
+    async resolveAddressIPv4(address: DNSAddress, options: DNSResolveOptions): Promise<DNSResolveResult> {
+        try {
+            const result = await resolveAddressIpV4(address.hostname);
+            if(!result) {
+                return { status: "empty-result" };
+            }
+            return {
+                status: "success",
+                originalAddress: address,
+                resolvedAddress: {
+                    hostname: result,
+                    port: address.port
+                }
+            };
+        } catch (error) {
+            if(typeof error !== "string") {
+                logError(LogCategory.DNS, tr("Failed to resolve %o: %o"), address, error);
+                error = tr("lookup the console");
+            }
+
+            return {
+                status: "error",
+                message: error
+            };
+        }
+    }
+});
\ No newline at end of file
diff --git a/web/app/index.ts b/web/app/index.ts
index 53b343d5..5c3749ce 100644
--- a/web/app/index.ts
+++ b/web/app/index.ts
@@ -9,6 +9,7 @@ import "./hooks/ExternalModal";
 import "./hooks/AudioRecorder";
 import "./hooks/MenuBar";
 import "./hooks/Video";
+import "./hooks/Dns";
 
 import "./UnloadHandler";
 
diff --git a/webpack-client.config.ts b/webpack-client.config.ts
index 50e35af6..6569b4a7 100644
--- a/webpack-client.config.ts
+++ b/webpack-client.config.ts
@@ -3,7 +3,8 @@ import * as config_base from "./webpack.config";
 
 export = env => config_base.config(env, "client").then(config => {
     Object.assign(config.entry, {
-        "client-app": ["./client/app/index.ts"]
+        "client-app": ["./client/app/index.ts"],
+        "modal-external": ["./client/app/EntryPointPopoutModal.ts"]
     });
 
     Object.assign(config.resolve.alias, {

From e2be85926665b38748f6eb80cde3617967b26bff Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 18 Mar 2021 18:25:20 +0100
Subject: [PATCH 038/128] Finally got fully rid of the initial backend glue and
 changes all systems to provider

---
 ChangeLog.md                                  |   3 +
 documentation/file-structure.md               |  42 ----
 shared/backend.d/audio/player.d.ts            |  17 --
 shared/backend.d/audio/sounds.d.ts            |   3 -
 shared/backend.d/ppt.d.ts                     |  12 --
 shared/backend.d/readme.md                    |   2 -
 shared/js/ConnectionHandler.ts                |   2 +-
 shared/js/KeyControl.ts                       |  12 +-
 shared/js/PPTListener.ts                      | 193 +++++++++++++++---
 shared/js/audio/Player.ts                     |  39 ++++
 shared/js/audio/{recorder.ts => Recorder.ts}  |  12 +-
 shared/js/{sound => audio}/Sounds.ts          |  18 +-
 shared/js/audio/player.ts                     |   6 -
 shared/js/connection/CommandHandler.ts        |   2 +-
 shared/js/connection/rtc/Connection.ts        |   4 +-
 shared/js/connection/rtc/RemoteTrack.ts       |   6 +-
 .../js/events/ClientGlobalControlHandler.ts   |   2 +-
 shared/js/main.tsx                            |  34 +--
 shared/js/tree/Channel.ts                     |   3 +-
 shared/js/tree/ChannelTree.tsx                |   2 +-
 shared/js/tree/Client.ts                      |   2 +-
 shared/js/tree/Server.ts                      |   2 +-
 shared/js/ui/frames/control-bar/Controller.ts |   4 +-
 shared/js/ui/modal/ModalKeySelect.ts          |  12 +-
 shared/js/ui/modal/ModalSettings.tsx          |  18 +-
 shared/js/ui/modal/settings/Keymap.tsx        |   2 +-
 shared/js/ui/modal/settings/Microphone.tsx    |  16 +-
 .../ui/modal/settings/MicrophoneRenderer.tsx  |   8 +-
 .../transfer/FileBrowserControllerRemote.ts   |   5 +-
 .../ui/modal/transfer/FileBrowserRenderer.tsx |   9 +-
 shared/js/voice/RecorderBase.ts               |   4 +-
 shared/js/voice/RecorderProfile.ts            |  64 +++---
 shared/tsconfig/tsconfig.declarations.json    |   1 -
 tsconfig.json                                 |   3 -
 web/app/FileTransfer.ts                       |   1 -
 web/app/KeyBoard.ts                           |  49 +++++
 web/app/audio/Player.ts                       | 148 ++++++++++++++
 web/app/audio/Recorder.ts                     |  26 +--
 web/app/audio/RecorderDeviceList.ts           |   9 +-
 web/app/audio/{sounds.ts => Sounds.ts}        |  23 ++-
 web/app/audio/player.ts                       | 125 ------------
 web/app/connection/CommandParser.ts           |  17 +-
 web/app/connection/ServerConnection.ts        |   6 +-
 web/app/dns/api.ts                            |   1 -
 web/app/hooks/AudioBackend.ts                 |  12 ++
 web/app/hooks/AudioRecorder.ts                |   2 +-
 web/app/hooks/Dns.ts                          |   2 +-
 web/app/hooks/ExternalModal.ts                |   2 +-
 web/app/hooks/KeyBoard.ts                     |  10 +
 web/app/hooks/MenuBar.ts                      |   2 +-
 web/app/hooks/ServerConnection.ts             |   2 +-
 web/app/hooks/Sounds.ts                       |  10 +
 web/app/hooks/index.ts                        |   9 +
 web/app/index.ts                              |   7 +-
 web/app/ppt.ts                                | 151 --------------
 web/app/ui/menu-bar/Controller.ts             |   2 +-
 web/app/voice/Connection.ts                   |  10 +-
 web/app/voice/VoiceClient.ts                  |   3 -
 web/app/voice/VoicePlayer.ts                  |   2 +-
 webpack-client.config.ts                      |   2 -
 webpack-web.config.ts                         |   2 -
 61 files changed, 620 insertions(+), 579 deletions(-)
 delete mode 100644 documentation/file-structure.md
 delete mode 100644 shared/backend.d/audio/player.d.ts
 delete mode 100644 shared/backend.d/audio/sounds.d.ts
 delete mode 100644 shared/backend.d/ppt.d.ts
 delete mode 100644 shared/backend.d/readme.md
 create mode 100644 shared/js/audio/Player.ts
 rename shared/js/audio/{recorder.ts => Recorder.ts} (95%)
 rename shared/js/{sound => audio}/Sounds.ts (96%)
 delete mode 100644 shared/js/audio/player.ts
 create mode 100644 web/app/KeyBoard.ts
 create mode 100644 web/app/audio/Player.ts
 rename web/app/audio/{sounds.ts => Sounds.ts} (87%)
 delete mode 100644 web/app/audio/player.ts
 create mode 100644 web/app/hooks/AudioBackend.ts
 create mode 100644 web/app/hooks/KeyBoard.ts
 create mode 100644 web/app/hooks/Sounds.ts
 create mode 100644 web/app/hooks/index.ts
 delete mode 100644 web/app/ppt.ts

diff --git a/ChangeLog.md b/ChangeLog.md
index 5772de8f..c29085d3 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,7 @@
 # Changelog:
+* **18.03.21**
+    - Finally got fully rid of the initial backend glue and changes all systems to provider
+  
 * **17.03.21**
     - Updated from webpack 4 to webpack 5
     - Reworked the client build process
diff --git a/documentation/file-structure.md b/documentation/file-structure.md
deleted file mode 100644
index aeecbcaf..00000000
--- a/documentation/file-structure.md
+++ /dev/null
@@ -1,42 +0,0 @@
-# File structure
-The TeaSpeak web client is separated into 2 different parts.
-
-## I) Application files
-Application files are all files which directly belong to the app itself.  
-Like the javascript files who handle the UI stuff or even translation templates.  
-Theses files are separated into two type of files.
-1. [Shared application files](#1-shared-application-files)
-2. [Web application files](#2-web-application-files)
-
-### 1. Shared application files  
-Containing all files used by the TeaSpeak client and the Web client.  
-All of these files will be found within the folder `shared`.  
-This folder follows the general application file structure.  
-More information could be found [here](#application-file-structure)  
-    
-### 2. Web application files
-All files which only belong to a browser only instance.
-All of these files will be found within the folder `web`.  
-This folder follows the general application file structure.  
-More information could be found [here](#application-file-structure)  
-
-### application file structure
-Every application root contains several subfolders.  
-In the following list will be listed which files belong to which folder  
-  
-| Folder | Description |  
-| --- | --- |  
-| `audio` | This folder contains all audio files used by the application. More information could be found [here]().  |  
-| `css` | This folder contains all style sheets used by the application. More information could be found [here]().  |
-| `js` | This folder contains all javascript files used by the application. More information could be found [here]().  |
-| `html` | This folder contains all HTML and PHP files used by the application. More information could be found [here]().  |
-| `i18n` | This folder contains all default translations. Information about the translation system could be found [here]().  |
-| `img` | This folder contains all image files. |  
-
-## I) Additional tools
-
-## Environment builder
-The environment builder is one of the most important tools of the entire project.  
-This tool, basically implemented in the file `files.php`, will be your helper while live developing.  
-What this tool does is, it creates a final environment where you could navigate to with your browser.  
-It merges all the type separated files, which had been listed above ([here](#application-file-structure)).  
\ No newline at end of file
diff --git a/shared/backend.d/audio/player.d.ts b/shared/backend.d/audio/player.d.ts
deleted file mode 100644
index cb66d161..00000000
--- a/shared/backend.d/audio/player.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Device} from "tc-shared/audio/player";
-
-export function initialize() : boolean;
-export function initialized() : boolean;
-
-export function get_master_volume() : number;
-export function set_master_volume(volume: number);
-
-export function on_ready(cb: () => any);
-
-export function available_devices() : Promise<Device[]>;
-export function set_device(device_id: string) : Promise<void>;
-export function current_device() : Device;
-
-export function initializeFromGesture();
-
-export function globalAudioContext() : AudioContext;
\ No newline at end of file
diff --git a/shared/backend.d/audio/sounds.d.ts b/shared/backend.d/audio/sounds.d.ts
deleted file mode 100644
index 1140ee9e..00000000
--- a/shared/backend.d/audio/sounds.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import {SoundFile} from "tc-shared/sound/Sounds";
-
-export function play_sound(file: SoundFile) : Promise<void>;
\ No newline at end of file
diff --git a/shared/backend.d/ppt.d.ts b/shared/backend.d/ppt.d.ts
deleted file mode 100644
index 06e7a2ef..00000000
--- a/shared/backend.d/ppt.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {KeyEvent, KeyHook, SpecialKey} from "tc-shared/PPTListener";
-
-export function initialize() : Promise<void>;
-export function finalize(); // most the times not really required
-
-export function register_key_listener(listener: (_: KeyEvent) => any);
-export function unregister_key_listener(listener: (_: KeyEvent) => any);
-
-export function register_key_hook(hook: KeyHook);
-export function unregister_key_hook(hook: KeyHook);
-
-export function key_pressed(code: string | SpecialKey) : boolean;
\ No newline at end of file
diff --git a/shared/backend.d/readme.md b/shared/backend.d/readme.md
deleted file mode 100644
index 771585b6..00000000
--- a/shared/backend.d/readme.md
+++ /dev/null
@@ -1,2 +0,0 @@
-This folder contains declarations files which are required to be implemented  
-Else the UI shared pack wound work
\ No newline at end of file
diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index 93a14c98..d3f604ae 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -2,7 +2,7 @@ import {AbstractServerConnection} from "./connection/ConnectionBase";
 import {PermissionManager} from "./permission/PermissionManager";
 import {GroupManager} from "./permission/GroupManager";
 import {ServerSettings, Settings, settings, StaticSettings} from "./settings";
-import {Sound, SoundManager} from "./sound/Sounds";
+import {Sound, SoundManager} from "./audio/Sounds";
 import {ConnectionProfile} from "./profiles/ConnectionProfile";
 import {LogCategory, logError, logInfo, logTrace, logWarn} from "./log";
 import {createErrorModal, createInfoModal, createInputModal, Modal} from "./ui/elements/Modal";
diff --git a/shared/js/KeyControl.ts b/shared/js/KeyControl.ts
index 41d672a2..e3e43eaa 100644
--- a/shared/js/KeyControl.ts
+++ b/shared/js/KeyControl.ts
@@ -1,7 +1,5 @@
-import * as ppt from "tc-backend/ppt";
-import * as log from "./log";
 import {LogCategory, logError, logWarn} from "./log";
-import {KeyDescriptor, KeyHook} from "./PPTListener";
+import {getKeyBoard, KeyDescriptor, KeyHook} from "./PPTListener";
 import {Settings, settings} from "./settings";
 import {server_connections} from "tc-shared/ConnectionManager";
 import {tr} from "./i18n/localize";
@@ -181,18 +179,18 @@ function bindKey(action: string, key: KeyDescriptor) {
 
     keyBindings[action] = {
         hook: Object.assign({
-            callback_press: () => control.handler(),
-            callback_release: () => {},
+            callbackPress: () => control.handler(),
+            callbackRelease: () => {},
             cancel: false
         }, key),
         binding: key
     };
-    ppt.register_key_hook(keyBindings[action].hook);
+    getKeyBoard().registerHook(keyBindings[action].hook);
 }
 
 export function setKey(action: string, key?: KeyDescriptor) {
     if(typeof keyBindings[action] !== "undefined") {
-        ppt.unregister_key_hook(keyBindings[action].hook);
+        getKeyBoard().unregisterHook(keyBindings[action].hook);
         delete keyBindings[action];
     }
 
diff --git a/shared/js/PPTListener.ts b/shared/js/PPTListener.ts
index 706af184..2c8306c2 100644
--- a/shared/js/PPTListener.ts
+++ b/shared/js/PPTListener.ts
@@ -1,4 +1,5 @@
 import { tr } from "./i18n/localize";
+import {LogCategory, logTrace} from "tc-shared/log";
 
 export enum KeyCode {
     KEY_CANCEL = 3,
@@ -134,57 +135,199 @@ export enum SpecialKey {
 }
 
 export interface KeyDescriptor {
-    key_code: string;
+    keyCode: string;
 
-    key_ctrl: boolean;
-    key_windows: boolean;
-    key_shift: boolean;
-    key_alt: boolean;
+    keyCtrl: boolean;
+    keyWindows: boolean;
+    keyShift: boolean;
+    keyAlt: boolean;
 }
 
 export interface KeyEvent extends KeyDescriptor {
     readonly type: EventType;
-
     readonly key: string;
 }
 
 export interface KeyHook extends KeyDescriptor {
-    cancel: boolean;
-
-    callback_press: () => any;
-    callback_release: () => any;
+    callbackPress: () => any;
+    callbackRelease: () => any;
 }
 
-export function key_description(key: KeyDescriptor) {
+export interface KeyBoardBackend {
+    registerListener(listener: (event: KeyEvent) => void);
+    unregisterListener(listener: (event: KeyEvent) => void);
+
+    registerHook(hook: KeyHook);
+    unregisterHook(hook: KeyHook);
+
+    isKeyPressed(key: string | SpecialKey) : boolean;
+}
+
+export class AbstractKeyBoard implements KeyBoardBackend {
+    protected readonly registeredListener: ((event: KeyEvent) => void)[];
+    protected readonly activeSpecialKeys: { [key: number] : boolean };
+    protected readonly activeKeys;
+
+    protected registeredKeyHooks: KeyHook[] = [];
+    protected activeKeyHooks: KeyHook[] = [];
+
+    constructor() {
+        this.activeSpecialKeys = {};
+        this.activeKeys = {};
+        this.registeredListener = [];
+    }
+
+    protected destroy() {}
+
+    isKeyPressed(key: string | SpecialKey): boolean {
+        if(typeof(key) === 'string') {
+            return typeof this.activeKeys[key] !== "undefined";
+        }
+
+        return this.activeSpecialKeys[key];
+    }
+
+    registerHook(hook: KeyHook) {
+        this.registeredKeyHooks.push(hook);
+    }
+
+    unregisterHook(hook: KeyHook) {
+        this.registeredKeyHooks.remove(hook);
+        this.activeKeyHooks.remove(hook);
+    }
+
+    registerListener(listener: (event: KeyEvent) => void) {
+        this.registeredListener.push(listener);
+    }
+
+    unregisterListener(listener: (event: KeyEvent) => void) {
+        this.registeredListener.remove(listener);
+    }
+
+    protected fireKeyEvent(event: KeyEvent) {
+        //console.debug("Trigger key event %o", key_event);
+        for(const listener of this.registeredListener) {
+            listener(event);
+        }
+
+        if(event.type == EventType.KEY_TYPED) {
+            return;
+        }
+
+        let oldHooks = [...this.activeKeyHooks];
+        let newHooks = [];
+
+        this.activeSpecialKeys[SpecialKey.ALT] = event.keyAlt;
+        this.activeSpecialKeys[SpecialKey.CTRL] = event.keyCtrl;
+        this.activeSpecialKeys[SpecialKey.SHIFT] = event.keyShift;
+        this.activeSpecialKeys[SpecialKey.WINDOWS] = event.keyWindows;
+
+        delete this.activeKeys[event.keyCode];
+        if(event.type == EventType.KEY_PRESS) {
+            this.activeKeys[event.keyCode] = event;
+
+            for(const hook of this.registeredKeyHooks) {
+                if(hook.keyCode !== event.keyCode) {
+                    continue;
+                }
+
+                if(hook.keyAlt != event.keyAlt) {
+                    continue;
+                }
+
+                if(hook.keyCtrl != event.keyCtrl) {
+                    continue;
+                }
+
+                if(hook.keyShift != event.keyShift) {
+                    continue;
+                }
+
+                if(hook.keyWindows != event.keyWindows) {
+                    continue;
+                }
+
+                newHooks.push(hook);
+                if(!oldHooks.remove(hook) && hook.callbackPress) {
+                    hook.callbackPress();
+                    logTrace(LogCategory.GENERAL, tr("Trigger key press for %o!"), hook);
+                }
+            }
+        }
+
+        //We have a new situation
+        for(const hook of oldHooks) {
+            //Do not test for meta key states because they could differ in a key release event
+            if(hook.keyCode === event.keyCode) {
+                if(hook.callbackRelease) {
+                    hook.callbackRelease();
+                    logTrace(LogCategory.GENERAL, tr("Trigger key release for %o!"), hook);
+                }
+            } else {
+                newHooks.push(hook);
+            }
+        }
+
+        this.activeKeyHooks = newHooks;
+    }
+
+    protected resetKeyboardState() {
+        this.activeSpecialKeys[SpecialKey.ALT] = false;
+        this.activeSpecialKeys[SpecialKey.CTRL] = false;
+        this.activeSpecialKeys[SpecialKey.SHIFT] = false;
+        this.activeSpecialKeys[SpecialKey.WINDOWS] = false;
+
+        for(const code of Object.keys(this.activeKeys)) {
+            delete this.activeKeys[code];
+        }
+
+        for(const hook of this.activeKeyHooks) {
+            hook.callbackRelease();
+        }
+
+        this.activeKeyHooks = [];
+    }
+}
+
+let keyBoardBackend: KeyBoardBackend;
+export function getKeyBoard() : KeyBoardBackend {
+    return keyBoardBackend;
+}
+
+export function setKeyBoardBackend(newBackend: KeyBoardBackend) {
+    keyBoardBackend = newBackend;
+}
+
+export function getKeyDescription(key: KeyDescriptor) {
     let result = "";
-    if(key.key_shift) {
+    if(key.keyShift) {
         result += " + " + tr("Shift");
     }
 
-    if(key.key_alt) {
+    if(key.keyAlt) {
         result += " + " + tr("Alt");
     }
 
-    if(key.key_ctrl) {
+    if(key.keyCtrl) {
         result += " + " + tr("CTRL");
     }
 
-    if(key.key_windows) {
+    if(key.keyWindows) {
         result += " + " + tr("Win");
     }
 
-    if(key.key_code) {
-        let key_name;
-        if(key.key_code.startsWith("Key")) {
-            key_name = key.key_code.substr(3);
-        } else if(key.key_code.startsWith("Digit")) {
-            key_name = key.key_code.substr(5);
-        } else if(key.key_code.startsWith("Numpad")) {
-            key_name = "Numpad " + key.key_code.substr(6);
+    if(key.keyCode) {
+        let keyName;
+        if(key.keyCode.startsWith("Key")) {
+            keyName = key.keyCode.substr(3);
+        } else if(key.keyCode.startsWith("Digit")) {
+            keyName = key.keyCode.substr(5);
+        } else if(key.keyCode.startsWith("Numpad")) {
+            keyName = "Numpad " + key.keyCode.substr(6);
         } else {
-            key_name = key.key_code;
+            keyName = key.keyCode;
         }
-        result += " + " + key_name;
+        result += " + " + keyName;
     }
     return result ? result.substr(3) : tr("unset");
 }
\ No newline at end of file
diff --git a/shared/js/audio/Player.ts b/shared/js/audio/Player.ts
new file mode 100644
index 00000000..9dee3f4b
--- /dev/null
+++ b/shared/js/audio/Player.ts
@@ -0,0 +1,39 @@
+export interface OutputDevice {
+    device_id: string;
+
+    driver: string;
+    name: string;
+}
+
+export interface AudioBackendEvents {
+    notify_initialized: {},
+    notify_volume_changed: { oldVolume: number, newVolume: number }
+}
+
+export interface AudioBackend {
+    isInitialized() : boolean;
+    getAudioContext() : AudioContext | undefined;
+
+    isDeviceRefreshAvailable() : boolean;
+    refreshDevices() : Promise<void>;
+
+    getAvailableDevices() : Promise<OutputDevice[]>;
+    getDefaultDeviceId() : string;
+
+    getCurrentDevice() : OutputDevice;
+    setCurrentDevice(targetId: string | undefined) : Promise<void>;
+
+    getMasterVolume() : number;
+    setMasterVolume(volume: number);
+
+    executeWhenInitialized(callback: () => void);
+}
+
+let backend: AudioBackend;
+export function getAudioBackend(): AudioBackend {
+    return backend;
+}
+
+export function setAudioBackend(newBackend: AudioBackend) {
+    backend = newBackend;
+}
\ No newline at end of file
diff --git a/shared/js/audio/recorder.ts b/shared/js/audio/Recorder.ts
similarity index 95%
rename from shared/js/audio/recorder.ts
rename to shared/js/audio/Recorder.ts
index 8f5b3147..28e4085e 100644
--- a/shared/js/audio/recorder.ts
+++ b/shared/js/audio/Recorder.ts
@@ -4,11 +4,9 @@ import {AbstractInput, LevelMeter} from "../voice/RecorderBase";
 import {Registry} from "../events";
 import {Settings, settings} from "tc-shared/settings";
 
-export type DeviceQueryResult = {}
-
 export interface AudioRecorderBacked {
     createInput() : AbstractInput;
-    createLevelMeter(device: IDevice) : Promise<LevelMeter>;
+    createLevelMeter(device: InputDevice) : Promise<LevelMeter>;
 
     getDeviceList() : DeviceList;
 
@@ -35,14 +33,14 @@ export interface DeviceListEvents {
 
 export type DeviceListState = "healthy" | "uninitialized" | "no-permissions" | "error";
 
-export interface IDevice {
+export interface InputDevice {
     deviceId: string;
 
     driver: string;
     name: string;
 }
 
-export namespace IDevice {
+export namespace InputDevice {
     export const NoDeviceId = "none";
     export const DefaultDeviceId = "default";
 }
@@ -60,7 +58,7 @@ export interface DeviceList {
     getPermissionState() : PermissionState;
 
     getStatus() : DeviceListState;
-    getDevices() : IDevice[];
+    getDevices() : InputDevice[];
 
     getDefaultDeviceId() : string;
 
@@ -144,7 +142,7 @@ export abstract class AbstractDeviceList implements DeviceList {
     }
 
     abstract getDefaultDeviceId(): string;
-    abstract getDevices(): IDevice[];
+    abstract getDevices(): InputDevice[];
     abstract getEvents(): Registry<DeviceListEvents>;
     abstract isRefreshAvailable(): boolean;
     abstract refresh(): Promise<void>;
diff --git a/shared/js/sound/Sounds.ts b/shared/js/audio/Sounds.ts
similarity index 96%
rename from shared/js/sound/Sounds.ts
rename to shared/js/audio/Sounds.ts
index 4e020750..fe49e04b 100644
--- a/shared/js/sound/Sounds.ts
+++ b/shared/js/audio/Sounds.ts
@@ -1,8 +1,6 @@
-import * as log from "../log";
 import {LogCategory, logError, logInfo, logWarn} from "../log";
 import {Settings, settings} from "../settings";
 import {ConnectionHandler} from "../ConnectionHandler";
-import * as sbackend from "tc-backend/audio/sounds";
 import { tr } from "tc-shared/i18n/localize";
 
 export enum Sound {
@@ -226,7 +224,6 @@ export async function resolve_sound(sound: Sound) : Promise<SoundHandle> {
 }
 
 export let manager: SoundManager;
-
 export class SoundManager {
     private readonly _handle: ConnectionHandler;
     private _playing_sounds: {[key: string]:number} = {};
@@ -256,7 +253,7 @@ export class SoundManager {
             }
 
             this._playing_sounds[handle.filename] = (this._playing_sounds[handle.filename] || 0) + 1;
-            sbackend.play_sound({
+            getSoundBackend().playSound({
                 path: "audio/" + handle.filename,
                 volume: volume * master_volume
             }).then(() => {
@@ -275,4 +272,17 @@ export class SoundManager {
                 options.callback(false);
         });
     }
+}
+
+export interface SoundBackend {
+    playSound(sound: SoundFile) : Promise<void>;
+}
+let soundBackend: SoundBackend;
+
+export function getSoundBackend() {
+    return soundBackend;
+}
+
+export function setSoundBackend(newSoundBackend: SoundBackend) {
+    soundBackend = newSoundBackend;
 }
\ No newline at end of file
diff --git a/shared/js/audio/player.ts b/shared/js/audio/player.ts
deleted file mode 100644
index 0afb5f7c..00000000
--- a/shared/js/audio/player.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Device {
-    device_id: string;
-
-    driver: string;
-    name: string;
-}
\ No newline at end of file
diff --git a/shared/js/connection/CommandHandler.ts b/shared/js/connection/CommandHandler.ts
index afa5a6fd..042e8c46 100644
--- a/shared/js/connection/CommandHandler.ts
+++ b/shared/js/connection/CommandHandler.ts
@@ -1,6 +1,6 @@
 import {LogCategory, logError, logInfo, logWarn} from "../log";
 import {AbstractServerConnection, CommandOptions, ServerCommand} from "../connection/ConnectionBase";
-import {Sound} from "../sound/Sounds";
+import {Sound} from "../audio/Sounds";
 import {CommandResult} from "../connection/ServerConnectionDeclaration";
 import {createErrorModal, createInfoModal, createInputModal, createModal} from "../ui/elements/Modal";
 import {
diff --git a/shared/js/connection/rtc/Connection.ts b/shared/js/connection/rtc/Connection.ts
index 21d9b42f..42680307 100644
--- a/shared/js/connection/rtc/Connection.ts
+++ b/shared/js/connection/rtc/Connection.ts
@@ -9,9 +9,9 @@ import {RemoteRTPAudioTrack, RemoteRTPTrackState, RemoteRTPVideoTrack, TrackClie
 import {SdpCompressor, SdpProcessor} from "./SdpUtils";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {WhisperTarget} from "tc-shared/voice/VoiceWhisper";
-import {globalAudioContext} from "tc-backend/audio/player";
 import {VideoBroadcastConfig, VideoBroadcastType} from "tc-shared/connection/VideoConnection";
 import {Settings, settings} from "tc-shared/settings";
+import {getAudioBackend} from "tc-shared/audio/Player";
 
 const kSdpCompressionMode = 1;
 
@@ -144,7 +144,7 @@ function getIdleTrack(kind: "video" | "audio") : MediaStreamTrack | null {
             return dummyVideoTrack;
         } else if(kind === "audio") {
             if(!dummyAudioTrack) {
-                const dest = globalAudioContext().createMediaStreamDestination();
+                const dest = getAudioBackend().getAudioContext().createMediaStreamDestination();
                 dummyAudioTrack = dest.stream.getAudioTracks()[0];
             }
 
diff --git a/shared/js/connection/rtc/RemoteTrack.ts b/shared/js/connection/rtc/RemoteTrack.ts
index 009844b6..643a93fd 100644
--- a/shared/js/connection/rtc/RemoteTrack.ts
+++ b/shared/js/connection/rtc/RemoteTrack.ts
@@ -1,7 +1,7 @@
 import {Registry} from "tc-shared/events";
 import {LogCategory, logTrace, logWarn} from "tc-shared/log";
 import {tr} from "tc-shared/i18n/localize";
-import {globalAudioContext, on_ready} from "tc-backend/audio/player";
+import {getAudioBackend} from "tc-shared/audio/Player";
 
 export interface TrackClientInfo {
     media?: number,
@@ -170,13 +170,13 @@ export class RemoteRTPAudioTrack extends RemoteRTPTrack {
         }
         */
 
-        on_ready(() => {
+        getAudioBackend().executeWhenInitialized(() => {
             if(!this.mediaStream) {
                 /* we've already been destroyed */
                 return;
             }
 
-            const audioContext = globalAudioContext();
+            const audioContext = getAudioBackend().getAudioContext();
             this.audioNode = audioContext.createMediaStreamSource(this.mediaStream);
             this.gainNode = audioContext.createGain();
             this.updateGainNode();
diff --git a/shared/js/events/ClientGlobalControlHandler.ts b/shared/js/events/ClientGlobalControlHandler.ts
index 872a7faf..3281df62 100644
--- a/shared/js/events/ClientGlobalControlHandler.ts
+++ b/shared/js/events/ClientGlobalControlHandler.ts
@@ -1,6 +1,5 @@
 import {Registry} from "../events";
 import {ClientGlobalControlEvents} from "../events/GlobalEvents";
-import {Sound} from "../sound/Sounds";
 import {ConnectionHandler} from "../ConnectionHandler";
 import {createErrorModal, createInfoModal, createInputModal} from "../ui/elements/Modal";
 import PermissionType from "../permission/PermissionType";
@@ -20,6 +19,7 @@ import {LogCategory, logError, logWarn} from "tc-shared/log";
 import {spawnEchoTestModal} from "tc-shared/ui/modal/echo-test/Controller";
 import {spawnConnectModalNew} from "tc-shared/ui/modal/connect/Controller";
 import {spawnBookmarkModal} from "tc-shared/ui/modal/bookmarks/Controller";
+import {Sound} from "tc-shared/audio/Sounds";
 
 /*
 function initialize_sounds(event_registry: Registry<ClientGlobalControlEvents>) {
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index 2abacd47..0fd27e80 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -1,12 +1,9 @@
 import * as loader from "tc-loader";
-import {Stage} from "tc-loader";
 import * as bipc from "./ipc/BrowserIPC";
-import * as sound from "./sound/Sounds";
+import * as sound from "./audio/Sounds";
 import * as i18n from "./i18n/localize";
 import {tra} from "./i18n/localize";
 import * as fidentity from "./profiles/identities/TeaForumIdentity";
-import * as aplayer from "tc-backend/audio/player";
-import * as ppt from "tc-backend/ppt";
 import * as global_ev_handler from "./events/ClientGlobalControlHandler";
 import {AppParameters, settings, Settings, UrlParameterBuilder, UrlParameterParser} from "tc-shared/settings";
 import {LogCategory, logDebug, logError, logInfo, logWarn} from "tc-shared/log";
@@ -55,6 +52,7 @@ import "./ui/elements/Tab";
 import "./clientservice";
 import "./text/bbcode/InviteController";
 import "./text/bbcode/YoutubeController";
+import {getAudioBackend} from "tc-shared/audio/Player";
 
 assertMainApplication();
 
@@ -73,12 +71,7 @@ async function initialize() {
 
 async function initializeApp() {
     global_ev_handler.initialize(global_client_actions);
-
-    if(!aplayer.initialize()) {
-        console.warn(tr("Failed to initialize audio controller!"));
-    }
-
-    aplayer.on_ready(() => aplayer.set_master_volume(settings.getValue(Settings.KEY_SOUND_MASTER) / 100));
+    getAudioBackend().setMasterVolume(settings.getValue(Settings.KEY_SOUND_MASTER) / 100);
 
     const recorder = new RecorderProfile("default");
     try {
@@ -93,14 +86,6 @@ async function initializeApp() {
         logInfo(LogCategory.AUDIO, tr("Sounds initialized"));
     });
     sound.set_master_volume(settings.getValue(Settings.KEY_SOUND_MASTER_SOUNDS) / 100);
-
-    try {
-        await ppt.initialize();
-    } catch(error) {
-        logError(LogCategory.GENERAL, tr("Failed to initialize ppt!\nError: %o"), error);
-        loader.critical_error(tr("Failed to initialize ppt!"));
-        return;
-    }
 }
 
 /* The native client has received a connect request. */
@@ -200,7 +185,7 @@ async function doHandleConnectRequest(serverAddress: string, serverUniqueId: str
         return { status: "profile-invalid" };
     }
 
-    if(!aplayer.initialized()) {
+    if(!getAudioBackend().isInitialized()) {
         /* Trick the client into clicking somewhere on the site to initialize audio */
         const resultPromise = new Promise<boolean>(resolve => {
             spawnYesNo(tra("Connect to {}", serverAddress), tra("Would you like to connect to {}?", serverAddress), resolve).open();
@@ -211,7 +196,7 @@ async function doHandleConnectRequest(serverAddress: string, serverUniqueId: str
             return { status: "client-aborted" };
         }
 
-        await new Promise(resolve => aplayer.on_ready(resolve));
+        await new Promise(resolve => getAudioBackend().executeWhenInitialized(resolve));
     }
 
     const clientNickname = parameters.getValue(AppParameters.KEY_CONNECT_NICKNAME, undefined);
@@ -403,15 +388,6 @@ const task_teaweb_starter: loader.Task = {
         try {
             await initializeApp();
             main();
-            if(!aplayer.initialized()) {
-                logInfo(LogCategory.VOICE, tr("Initialize audio controller later!"));
-                if(!aplayer.initializeFromGesture) {
-                    console.error(tr("Missing aplayer.initializeFromGesture"));
-                } else {
-                    $(document).one('click', () => aplayer.initializeFromGesture());
-                }
-            }
-
             loader.config.abortAnimationOnFinish = settings.getValue(Settings.KEY_LOADER_ANIMATION_ABORT);
         } catch (ex) {
             console.error(ex.stack);
diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index 581b8b07..0a6a0105 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -6,10 +6,9 @@ import {PermissionType} from "../permission/PermissionType";
 import {settings, Settings} from "../settings";
 import * as contextmenu from "../ui/elements/ContextMenu";
 import {MenuEntryType} from "../ui/elements/ContextMenu";
-import {Sound} from "../sound/Sounds";
+import {Sound} from "../audio/Sounds";
 import {createErrorModal, createInfoModal, createInputModal} from "../ui/elements/Modal";
 import {CommandResult} from "../connection/ServerConnectionDeclaration";
-import * as htmltags from "../ui/htmltags";
 import {hashPassword} from "../utils/helpers";
 import {openChannelInfo} from "../ui/modal/ModalChannelInfo";
 import {formatMessage} from "../ui/frames/chat";
diff --git a/shared/js/tree/ChannelTree.tsx b/shared/js/tree/ChannelTree.tsx
index 96cf50ed..45e35ca4 100644
--- a/shared/js/tree/ChannelTree.tsx
+++ b/shared/js/tree/ChannelTree.tsx
@@ -2,7 +2,7 @@ import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 import {MenuEntryType} from "tc-shared/ui/elements/ContextMenu";
 import {LogCategory, logDebug, logError, logWarn} from "tc-shared/log";
 import {PermissionType} from "tc-shared/permission/PermissionType";
-import {Sound} from "tc-shared/sound/Sounds";
+import {Sound} from "tc-shared/audio/Sounds";
 import {Group} from "tc-shared/permission/GroupManager";
 import {ServerAddress, ServerEntry} from "./Server";
 import {ChannelEntry, ChannelProperties, ChannelSubscribeMode} from "./Channel";
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index 36e72e4d..80c4b29f 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -4,7 +4,7 @@ import {ChannelTree} from "./ChannelTree";
 import * as log from "../log";
 import {LogCategory, logDebug, logError, logInfo, LogType} from "../log";
 import {Settings, settings} from "../settings";
-import {Sound} from "../sound/Sounds";
+import {Sound} from "../audio/Sounds";
 import {Group, GroupManager, GroupTarget, GroupType} from "../permission/GroupManager";
 import PermissionType from "../permission/PermissionType";
 import {createErrorModal, createInputModal} from "../ui/elements/Modal";
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index 9d3159ea..95ffa989 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -3,7 +3,7 @@ import {Settings, settings} from "../settings";
 import * as contextmenu from "../ui/elements/ContextMenu";
 import * as log from "../log";
 import {LogCategory, logInfo, LogType} from "../log";
-import {Sound} from "../sound/Sounds";
+import {Sound} from "../audio/Sounds";
 import {openServerInfo} from "../ui/modal/ModalServerInfo";
 import {createServerModal} from "../ui/modal/ModalServerEdit";
 import {spawnIconSelect} from "../ui/modal/ModalIconSelect";
diff --git a/shared/js/ui/frames/control-bar/Controller.ts b/shared/js/ui/frames/control-bar/Controller.ts
index 775ec407..ab753d53 100644
--- a/shared/js/ui/frames/control-bar/Controller.ts
+++ b/shared/js/ui/frames/control-bar/Controller.ts
@@ -16,7 +16,7 @@ import {VideoBroadcastType, VideoConnectionStatus} from "tc-shared/connection/Vi
 import {tr} from "tc-shared/i18n/localize";
 import {getVideoDriver} from "tc-shared/video/VideoSource";
 import {kLocalBroadcastChannels} from "tc-shared/ui/frames/video/Definitions";
-import {getRecorderBackend, IDevice} from "tc-shared/audio/recorder";
+import {getRecorderBackend, InputDevice} from "tc-shared/audio/Recorder";
 import {defaultRecorder, defaultRecorderEvents} from "tc-shared/voice/RecorderProfile";
 import {bookmarks} from "tc-shared/Bookmarks";
 import {connectionHistory} from "tc-shared/connectionlog/History";
@@ -276,7 +276,7 @@ class InfoController {
         this.events.fire_react("notify_microphone_list", {
             devices: devices.map(device => {
                 let selected = false;
-                if(selectedDevice === IDevice.DefaultDeviceId && device.deviceId === defaultDevice) {
+                if(selectedDevice === InputDevice.DefaultDeviceId && device.deviceId === defaultDevice) {
                     selected = true;
                 } else if(selectedDevice === device.deviceId) {
                     selected = true;
diff --git a/shared/js/ui/modal/ModalKeySelect.ts b/shared/js/ui/modal/ModalKeySelect.ts
index c9775ded..7eee2d69 100644
--- a/shared/js/ui/modal/ModalKeySelect.ts
+++ b/shared/js/ui/modal/ModalKeySelect.ts
@@ -1,6 +1,5 @@
 import {createModal} from "../../ui/elements/Modal";
-import {EventType, key_description, KeyEvent} from "../../PPTListener";
-import * as ppt from "tc-backend/ppt";
+import {EventType, getKeyBoard, getKeyDescription, KeyEvent} from "../../PPTListener";
 import {tr} from "tc-shared/i18n/localize";
 
 export function spawnKeySelect(callback: (key?: KeyEvent) => void) {
@@ -27,7 +26,7 @@ export function spawnKeySelect(callback: (key?: KeyEvent) => void) {
             current_key = event;
             current_key_age = Date.now();
 
-            container_key.text(key_description(event));
+            container_key.text(getKeyDescription(event));
             button_save.prop("disabled", false);
         }
     };
@@ -36,7 +35,7 @@ export function spawnKeySelect(callback: (key?: KeyEvent) => void) {
     button_save.on('click', () => {
         if (__build.version !== "web") {
             /* Because pressing the close button is also a mouse action */
-            if (current_key_age + 1000 > Date.now() && current_key.key_code == "MOUSE1")
+            if (current_key_age + 1000 > Date.now() && current_key.keyCode == "MOUSE1")
                 current_key = last_key;
         }
 
@@ -45,8 +44,9 @@ export function spawnKeySelect(callback: (key?: KeyEvent) => void) {
     }).prop("disabled", true);
     button_cancel.on('click', () => modal.close());
 
-    ppt.register_key_listener(listener);
-    modal.close_listener.push(() => ppt.unregister_key_listener(listener));
+    const keyboard = getKeyBoard();
+    keyboard.registerListener(listener);
+    modal.close_listener.push(() => keyboard.unregisterListener(listener));
 
     modal.htmlTag.find(".modal-body").addClass("modal-keyselect modal-green");
     modal.open();
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index 1037621d..ea5c4f42 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -1,8 +1,8 @@
 import {createErrorModal, createInfoModal, createInputModal, createModal, Modal} from "tc-shared/ui/elements/Modal";
 import {sliderfy} from "tc-shared/ui/elements/Slider";
 import {settings, Settings} from "tc-shared/settings";
-import * as sound from "tc-shared/sound/Sounds";
-import {manager, set_master_volume, Sound} from "tc-shared/sound/Sounds";
+import * as sound from "tc-shared/audio/Sounds";
+import {manager, set_master_volume, Sound} from "tc-shared/audio/Sounds";
 import * as profiles from "tc-shared/profiles/ConnectionProfile";
 import {ConnectionProfile} from "tc-shared/profiles/ConnectionProfile";
 import {IdentitifyType} from "tc-shared/profiles/Identity";
@@ -18,8 +18,7 @@ import * as i18nc from "tc-shared/i18n/country";
 import * as forum from "tc-shared/profiles/identities/teaspeak-forum";
 import {formatMessage, set_icon_size} from "tc-shared/ui/frames/chat";
 import {spawnTeamSpeakIdentityImport, spawnTeamSpeakIdentityImprove} from "tc-shared/ui/modal/ModalIdentity";
-import {Device} from "tc-shared/audio/player";
-import * as aplayer from "tc-backend/audio/player";
+import {getAudioBackend, OutputDevice} from "tc-shared/audio/Player";
 import {KeyMapSettings} from "tc-shared/ui/modal/settings/Keymap";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
@@ -628,8 +627,8 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
         const update_devices = () => {
             container_devices.children().remove();
 
-            const current_selected = aplayer.current_device();
-            const generate_device = (device: Device | undefined) => {
+            const current_selected = getAudioBackend().getCurrentDevice();
+            const generate_device = (device: OutputDevice | undefined) => {
                 const selected = device === current_selected || (typeof (current_selected) !== "undefined" && typeof (device) !== "undefined" && current_selected.device_id == device.device_id);
 
                 const tag = $.spawn("div").addClass("device").toggleClass("selected", selected).append(
@@ -654,7 +653,7 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
                     _old.removeClass("selected");
                     tag.addClass("selected");
 
-                    aplayer.set_device(device ? device.device_id : null).then(() => {
+                    getAudioBackend().setCurrentDevice(device?.device_id).then(() => {
                         logDebug(LogCategory.AUDIO, tr("Changed default speaker device"));
                     }).catch((error) => {
                         _old.addClass("selected");
@@ -669,7 +668,7 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
             };
 
             generate_device(undefined).appendTo(container_devices);
-            aplayer.available_devices().then(result => {
+            getAudioBackend().getAvailableDevices().then(result => {
                 contianer_error.text("").hide();
                 result.forEach(e => generate_device(e).appendTo(container_devices));
             }).catch(error => {
@@ -710,8 +709,7 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
             slider.on('change', event => {
                 const volume = parseInt(slider.attr('value'));
 
-                if (aplayer.set_master_volume)
-                    aplayer.set_master_volume(volume / 100);
+                getAudioBackend().setMasterVolume(volume / 100);
                 settings.setValue(Settings.KEY_SOUND_MASTER, volume);
             });
         }
diff --git a/shared/js/ui/modal/settings/Keymap.tsx b/shared/js/ui/modal/settings/Keymap.tsx
index 161e12a6..8f696d35 100644
--- a/shared/js/ui/modal/settings/Keymap.tsx
+++ b/shared/js/ui/modal/settings/Keymap.tsx
@@ -86,7 +86,7 @@ class KeyActionEntry extends ReactComponentBase<KeyActionEntryProperties, KeyAct
         } else if (this.state.state === "loaded") {
             rightItem = null;
             if (this.state.assignedKey)
-                rightItem = <div className={cssStyle.key}>{ppt.key_description(this.state.assignedKey)}</div>;
+                rightItem = <div className={cssStyle.key}>{ppt.getKeyDescription(this.state.assignedKey)}</div>;
         } else {
             rightItem =
                 <div key={"status-error"} className={this.classList(cssStyle.status, cssStyle.error)}><Translatable
diff --git a/shared/js/ui/modal/settings/Microphone.tsx b/shared/js/ui/modal/settings/Microphone.tsx
index 75f765d9..64a83a91 100644
--- a/shared/js/ui/modal/settings/Microphone.tsx
+++ b/shared/js/ui/modal/settings/Microphone.tsx
@@ -1,13 +1,13 @@
-import * as aplayer from "tc-backend/audio/player";
 import * as React from "react";
 import {Registry} from "tc-shared/events";
 import {LevelMeter} from "tc-shared/voice/RecorderBase";
 import {LogCategory, logTrace, logWarn} from "tc-shared/log";
 import {defaultRecorder} from "tc-shared/voice/RecorderProfile";
-import {DeviceListState, getRecorderBackend, IDevice} from "tc-shared/audio/recorder";
+import {DeviceListState, getRecorderBackend, InputDevice} from "tc-shared/audio/Recorder";
 import {Settings, settings} from "tc-shared/settings";
 import {getBackend} from "tc-shared/backend";
 import * as _ from "lodash";
+import {getAudioBackend} from "tc-shared/audio/Player";
 
 export type MicrophoneSetting =
     "volume"
@@ -223,9 +223,9 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
     {
         const currentSelectedDevice = (): SelectedMicrophone => {
             let deviceId = defaultRecorder.getDeviceId();
-            if(deviceId === IDevice.DefaultDeviceId) {
+            if(deviceId === InputDevice.DefaultDeviceId) {
                 return { type: "default" };
-            } else if(deviceId === IDevice.NoDeviceId) {
+            } else if(deviceId === InputDevice.NoDeviceId) {
                 return { type: "none" };
             } else {
                 return { type: "device", deviceId: deviceId };
@@ -233,7 +233,7 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
         };
 
         events.on("query_devices", event => {
-            if (!aplayer.initialized()) {
+            if (!getAudioBackend().isInitialized()) {
                 events.fire_react("notify_devices", {
                     status: "audio-not-initialized"
                 });
@@ -452,10 +452,8 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
         events.fire("query_devices");
     }));
 
-    if (!aplayer.initialized()) {
-        aplayer.on_ready(() => {
-            events.fire_react("query_devices");
-        });
+    if(!getAudioBackend().isInitialized()) {
+        getAudioBackend().executeWhenInitialized(() => events.fire_react("query_devices"));
     }
 }
 
diff --git a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
index 6837513e..de07fce2 100644
--- a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
+++ b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
@@ -11,12 +11,12 @@ import {createErrorModal} from "tc-shared/ui/elements/Modal";
 import {Slider} from "tc-shared/ui/react-elements/Slider";
 import {RadioButton} from "tc-shared/ui/react-elements/RadioButton";
 import {VadType} from "tc-shared/voice/RecorderProfile";
-import {key_description, KeyDescriptor} from "tc-shared/PPTListener";
+import {getKeyDescription, KeyDescriptor} from "tc-shared/PPTListener";
 import {spawnKeySelect} from "tc-shared/ui/modal/ModalKeySelect";
 import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
 import {BoxedInputField} from "tc-shared/ui/react-elements/InputField";
-import {IDevice} from "tc-shared/audio/recorder";
 import {HighlightContainer, HighlightRegion, HighlightText} from "./Heighlight";
+import {InputDevice} from "tc-shared/audio/Recorder";
 
 const cssStyle = require("./Microphone.scss");
 
@@ -128,7 +128,7 @@ const Microphone = (props: { events: Registry<MicrophoneSettingsEvents>, device:
                 <div className={cssStyle.name}>{props.device.name}</div>
             </div>
             <div className={cssStyle.containerActivity}>
-                {props.device.id === IDevice.NoDeviceId ? undefined :
+                {props.device.id === InputDevice.NoDeviceId ? undefined :
                     <ActivityBar key={"a"} events={props.events} deviceId={props.device.id}/>
                 }
             </div>
@@ -401,7 +401,7 @@ const PPTKeyButton = React.memo((props: { events: Registry<MicrophoneSettingsEve
                     props.events.fire("action_set_setting", {setting: "ppt-key", value: key});
                 });
             }}
-        >{key_description(key)}</Button>;
+        >{getKeyDescription(key)}</Button>;
     }
 });
 
diff --git a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
index c6bb8e0c..9638c44c 100644
--- a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
+++ b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
@@ -5,8 +5,7 @@ import {CommandResult} from "../../../connection/ServerConnectionDeclaration";
 import PermissionType from "../../../permission/PermissionType";
 import {LogCategory, logError, logTrace} from "../../../log";
 import {Entry, MenuEntry, MenuEntryType, spawn_context_menu} from "../../../ui/elements/ContextMenu";
-import * as ppt from "tc-backend/ppt";
-import {SpecialKey} from "../../../PPTListener";
+import {getKeyBoard, SpecialKey} from "../../../PPTListener";
 import {spawnYesNo} from "../../../ui/modal/ModalYesNo";
 import {tr, tra, traj} from "../../../i18n/localize";
 import {
@@ -427,7 +426,7 @@ export function initializeRemoteFileBrowserController(connection: ConnectionHand
                 icon_class: "client-file_refresh"
             });
         } else {
-            const forceDelete = ppt.key_pressed(SpecialKey.SHIFT);
+            const forceDelete = getKeyBoard().isKeyPressed(SpecialKey.SHIFT);
             if (selection.length === 0) {
                 entries.push({
                     type: MenuEntryType.ENTRY,
diff --git a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
index 98b5797f..44dcd227 100644
--- a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
+++ b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
@@ -1,8 +1,7 @@
 import {EventHandler, ReactEventHandler, Registry} from "tc-shared/events";
 import {useContext, useEffect, useRef, useState} from "react";
 import {FileType} from "tc-shared/file/FileManager";
-import * as ppt from "tc-backend/ppt";
-import {SpecialKey} from "tc-shared/PPTListener";
+import {getKeyBoard, SpecialKey} from "tc-shared/PPTListener";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
 import {tra} from "tc-shared/i18n/localize";
 import {network} from "tc-shared/ui/frames/chat";
@@ -422,7 +421,7 @@ const FileName = (props: { path: string, file: ListedFileInfo }) => {
             if (props.file.virtual || props.file.mode === "creating" || props.file.mode === "uploading")
                 return;
 
-            if (!ppt.key_pressed(SpecialKey.SHIFT))
+            if (!getKeyBoard().isKeyPressed(SpecialKey.SHIFT))
                 return;
 
             event.stopPropagation();
@@ -656,7 +655,7 @@ const FileListEntry = (props: { row: TableRow<ListedFileInfo>, columns: TableCol
 
             onClick={() => props.events.fire("action_select_files", {
                 files: [{name: file.name, type: file.type}],
-                mode: ppt.key_pressed(SpecialKey.SHIFT) ? "toggle" : "exclusive"
+                mode: getKeyBoard().isKeyPressed(SpecialKey.SHIFT) ? "toggle" : "exclusive"
             })}
             onContextMenu={e => {
                 if (!selected) {
@@ -664,7 +663,7 @@ const FileListEntry = (props: { row: TableRow<ListedFileInfo>, columns: TableCol
                         /* explicitly clicked on one file */
                         props.events.fire("action_select_files", {
                             files: [{name: file.name, type: file.type}],
-                            mode: ppt.key_pressed(SpecialKey.SHIFT) ? "toggle" : "exclusive"
+                            mode: getKeyBoard().isKeyPressed(SpecialKey.SHIFT) ? "toggle" : "exclusive"
                         });
                     } else {
                         props.events.fire("action_select_files", {files: [], mode: "exclusive"});
diff --git a/shared/js/voice/RecorderBase.ts b/shared/js/voice/RecorderBase.ts
index 09c53cda..25e3d6b0 100644
--- a/shared/js/voice/RecorderBase.ts
+++ b/shared/js/voice/RecorderBase.ts
@@ -1,4 +1,4 @@
-import {IDevice} from "../audio/recorder";
+import {InputDevice} from "../audio/Recorder";
 import {Registry} from "../events";
 import {Filter, FilterType, FilterTypeClass} from "../voice/Filter";
 
@@ -119,7 +119,7 @@ export interface AbstractInput {
 }
 
 export interface LevelMeter {
-    getDevice() : IDevice;
+    getDevice() : InputDevice;
 
     setObserver(callback: (value: number) => any);
 
diff --git a/shared/js/voice/RecorderProfile.ts b/shared/js/voice/RecorderProfile.ts
index 70edabe7..9d657bd5 100644
--- a/shared/js/voice/RecorderProfile.ts
+++ b/shared/js/voice/RecorderProfile.ts
@@ -1,15 +1,13 @@
-import * as log from "../log";
 import {LogCategory, logDebug, logError, logWarn} from "../log";
 import {AbstractInput, FilterMode} from "../voice/RecorderBase";
-import {KeyDescriptor, KeyHook} from "../PPTListener";
+import {getKeyBoard, KeyDescriptor, KeyHook} from "../PPTListener";
 import {Settings, settings} from "../settings";
 import {ConnectionHandler} from "../ConnectionHandler";
-import * as aplayer from "tc-backend/audio/player";
-import * as ppt from "tc-backend/ppt";
-import {getRecorderBackend, IDevice} from "../audio/recorder";
+import {getRecorderBackend, InputDevice} from "../audio/Recorder";
 import {FilterType, StateFilter, ThresholdFilter} from "../voice/Filter";
 import { tr } from "tc-shared/i18n/localize";
 import {Registry} from "tc-shared/events";
+import {getAudioBackend} from "tc-shared/audio/Player";
 
 export type VadType = "threshold" | "push_to_talk" | "active";
 export interface RecorderProfileConfig {
@@ -85,7 +83,7 @@ export class RecorderProfile {
         this.volatile = typeof(volatile) === "boolean" ? volatile : false;
 
         this.pptHook = {
-            callback_release: () => {
+            callbackRelease: () => {
                 if(this.pptTimeout)
                     clearTimeout(this.pptTimeout);
 
@@ -94,14 +92,12 @@ export class RecorderProfile {
                 }, Math.max(this.config.vad_push_to_talk.delay, 0));
             },
 
-            callback_press: () => {
+            callbackPress: () => {
                 if(this.pptTimeout)
                     clearTimeout(this.pptTimeout);
 
                 this.registeredFilter["ppt-gate"]?.setState(false);
             },
-
-            cancel: false
         } as KeyHook;
         this.pptHookRegistered = false;
     }
@@ -125,7 +121,7 @@ export class RecorderProfile {
             /* default values */
             this.config = {
                 version: 1,
-                device_id: IDevice.DefaultDeviceId,
+                device_id: InputDevice.DefaultDeviceId,
                 volume: 100,
 
                 vad_threshold: {
@@ -145,7 +141,7 @@ export class RecorderProfile {
             Object.assign(this.config, config || {});
         }
 
-        aplayer.on_ready(async () => {
+        getAudioBackend().executeWhenInitialized(async () => {
             await getRecorderBackend().getDeviceList().awaitInitialized();
 
             await this.initializeInput();
@@ -185,7 +181,7 @@ export class RecorderProfile {
         if(this.config.device_id) {
             await this.input.setDeviceId(this.config.device_id);
         } else {
-            await this.input.setDeviceId(IDevice.DefaultDeviceId);
+            await this.input.setDeviceId(InputDevice.DefaultDeviceId);
         }
     }
 
@@ -201,15 +197,12 @@ export class RecorderProfile {
         }
 
         if(this.pptHookRegistered) {
-            ppt.unregister_key_hook(this.pptHook);
+            getKeyBoard().unregisterHook(this.pptHook);
             this.pptHookRegistered = false;
         }
 
-        for(const key of ["key_alt", "key_ctrl", "key_shift", "key_windows", "key_code"]) {
-            this.pptHook[key] = this.config.vad_push_to_talk[key];
-        }
-
-        ppt.register_key_hook(this.pptHook);
+        Object.assign(this.pptHook, this.getPushToTalkKey());
+        getKeyBoard().registerHook(this.pptHook);
         this.pptHookRegistered = true;
 
         this.registeredFilter["ppt-gate"]?.setState(true);
@@ -227,7 +220,7 @@ export class RecorderProfile {
         this.registeredFilter["ppt-gate"].setEnabled(false);
 
         if(this.pptHookRegistered) {
-            ppt.unregister_key_hook(this.pptHook);
+            getKeyBoard().unregisterHook(this.pptHook);
             this.pptHookRegistered = false;
         }
 
@@ -251,10 +244,8 @@ export class RecorderProfile {
             filter.setEnabled(true);
             filter.setState(true); /* by default set filtered */
 
-            for(const key of ["key_alt", "key_ctrl", "key_shift", "key_windows", "key_code"])
-                this.pptHook[key] = this.config.vad_push_to_talk[key];
-
-            ppt.register_key_hook(this.pptHook);
+            Object.assign(this.pptHook, this.getPushToTalkKey());
+            getKeyBoard().registerHook(this.pptHook);
             this.pptHookRegistered = true;
         } else if(this.config.vad_type === "active") {
             /* we don't have to initialize any filters */
@@ -311,10 +302,27 @@ export class RecorderProfile {
         this.save();
     }
 
-    getPushToTalkKey() : KeyDescriptor { return this.config.vad_push_to_talk; }
+    getPushToTalkKey() : KeyDescriptor {
+        return {
+            keyCode: this.config.vad_push_to_talk.key_code,
+
+            keyAlt: this.config.vad_push_to_talk.key_alt,
+            keyCtrl: this.config.vad_push_to_talk.key_ctrl,
+            keyShift: this.config.vad_push_to_talk.key_shift,
+            keyWindows: this.config.vad_push_to_talk.key_windows,
+        }
+    }
+
     setPushToTalkKey(key: KeyDescriptor) {
-        for(const _key of ["key_alt", "key_ctrl", "key_shift", "key_windows", "key_code"])
-            this.config.vad_push_to_talk[_key] = key[_key];
+        this.config.vad_push_to_talk = {
+            delay: this.config.vad_push_to_talk.delay,
+            key_code: key.keyCode,
+
+            key_alt: key.keyAlt,
+            key_ctrl: key.keyCtrl,
+            key_shift: key.keyShift,
+            key_windows: key.keyWindows
+        };
 
         this.reinitializePPTHook();
         this.save();
@@ -329,8 +337,8 @@ export class RecorderProfile {
         this.save();
     }
 
-    getDeviceId() : string | typeof IDevice.DefaultDeviceId | typeof IDevice.NoDeviceId { return this.config.device_id; }
-    setDevice(device: IDevice | typeof IDevice.DefaultDeviceId | typeof IDevice.NoDeviceId) : Promise<void> {
+    getDeviceId() : string | typeof InputDevice.DefaultDeviceId | typeof InputDevice.NoDeviceId { return this.config.device_id; }
+    setDevice(device: InputDevice | typeof InputDevice.DefaultDeviceId | typeof InputDevice.NoDeviceId) : Promise<void> {
         let deviceId;
         if(typeof device === "object") {
             deviceId = device.deviceId;
diff --git a/shared/tsconfig/tsconfig.declarations.json b/shared/tsconfig/tsconfig.declarations.json
index 5a5392ce..299688e8 100644
--- a/shared/tsconfig/tsconfig.declarations.json
+++ b/shared/tsconfig/tsconfig.declarations.json
@@ -11,7 +11,6 @@
     "baseUrl": "../../",
     "paths": {
       "tc-shared/*": ["shared/js/*"],
-      "tc-backend/*": ["shared/backend.d/*"],
       "tc-loader": ["loader/exports/loader.d.ts"],
       "svg-sprites/*": ["shared/svg-sprites/*"],
       "vendor/xbbcode/*": ["vendor/xbbcode/src/*"],
diff --git a/tsconfig.json b/tsconfig.json
index ee853b27..46826bdd 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,9 +12,6 @@
     "baseUrl": ".",
     "paths": {
       "tc-shared/*": ["shared/js/*"],
-      "tc-backend/audio-lib/*": ["web/audio-lib/pkg/*"], /* specific web part */
-      "tc-backend/web/*": ["web/app/*"], /* specific web part */
-      "tc-backend/*": ["shared/backend.d/*"],
       "tc-loader": ["loader/exports/loader.d.ts"],
       "tc-events": ["vendor/TeaEventBus/src/index.ts"],
       "tc-services": ["vendor/TeaClientServices/src/index.ts"],
diff --git a/web/app/FileTransfer.ts b/web/app/FileTransfer.ts
index 988779cb..bf835016 100644
--- a/web/app/FileTransfer.ts
+++ b/web/app/FileTransfer.ts
@@ -12,7 +12,6 @@ import {
     TransferSourceType,
     TransferTargetType
 } from "tc-shared/file/Transfer";
-import * as log from "tc-shared/log";
 import {LogCategory, logError} from "tc-shared/log";
 import { tr } from "tc-shared/i18n/localize";
 
diff --git a/web/app/KeyBoard.ts b/web/app/KeyBoard.ts
new file mode 100644
index 00000000..7f37c496
--- /dev/null
+++ b/web/app/KeyBoard.ts
@@ -0,0 +1,49 @@
+import {AbstractKeyBoard, EventType, KeyEvent} from "tc-shared/PPTListener";
+
+export class WebKeyBoard extends AbstractKeyBoard {
+    private readonly listenerBlur;
+    private readonly listenerKeyPress;
+    private readonly listenerKeyDown;
+    private readonly listenerKeyUp;
+
+    constructor() {
+        super();
+
+        this.listenerBlur = () => this.handleBlurEvent();
+        this.listenerKeyPress = event => this.handleNativeKeyEvent(EventType.KEY_TYPED, event);
+        this.listenerKeyDown = event => this.handleNativeKeyEvent(EventType.KEY_PRESS, event);
+        this.listenerKeyUp = event => this.handleNativeKeyEvent(EventType.KEY_RELEASE, event);
+
+        window.addEventListener("blur", () => this.handleBlurEvent());
+        document.addEventListener('keypress', this.listenerKeyPress);
+        document.addEventListener('keydown', this.listenerKeyDown);
+        document.addEventListener('keyup', this.listenerKeyUp);
+    }
+
+    destroy() {
+        window.removeEventListener("blur", () => this.handleBlurEvent());
+        document.removeEventListener('keypress', this.listenerKeyPress);
+        document.removeEventListener('keydown', this.listenerKeyDown);
+        document.removeEventListener('keyup', this.listenerKeyUp);
+    }
+
+    private handleNativeKeyEvent(type: EventType, nativeEvent: KeyboardEvent) {
+        const event: KeyEvent = {
+            type: type,
+
+            key: nativeEvent.key,
+            keyCode: nativeEvent.code,
+
+            keyCtrl: nativeEvent.ctrlKey,
+            keyShift: nativeEvent.shiftKey,
+            keyAlt: nativeEvent.altKey,
+            keyWindows: nativeEvent.metaKey,
+        };
+
+        this.fireKeyEvent(event);
+    }
+
+    private handleBlurEvent() {
+        this.resetKeyboardState();
+    }
+}
\ No newline at end of file
diff --git a/web/app/audio/Player.ts b/web/app/audio/Player.ts
new file mode 100644
index 00000000..45d0c35f
--- /dev/null
+++ b/web/app/audio/Player.ts
@@ -0,0 +1,148 @@
+import {AudioBackend, AudioBackendEvents, OutputDevice} from "tc-shared/audio/Player";
+import {LogCategory, logDebug, logError, logInfo, logWarn} from "tc-shared/log";
+import {tr} from "tc-shared/i18n/localize";
+import {Registry} from "tc-events";
+
+const kWebDevice: OutputDevice = {
+    device_id: "default",
+    name: "default playback",
+    driver: 'Web Audio'
+};
+
+export class WebAudioBackend implements AudioBackend {
+    private readonly events: Registry<AudioBackendEvents>;
+    private readonly audioContext: AudioContext;
+    private state: "initializing" | "running" | "closed";
+    private masterVolume: number;
+
+    private gestureListener: () => void;
+
+    constructor() {
+        this.events = new Registry<AudioBackendEvents>();
+        this.state = "initializing";
+        this.masterVolume = 1;
+
+        this.audioContext = new (window.webkitAudioContext || window.AudioContext)();
+        this.audioContext.onstatechange = () => this.handleAudioContextStateChanged(false);
+        this.handleAudioContextStateChanged(true);
+    }
+
+    destroy() {
+        this.state = "closed";
+
+        document.removeEventListener("click", this.gestureListener);
+        this.gestureListener = undefined;
+
+        this.audioContext.close().catch(error => {
+            logWarn(LogCategory.AUDIO, tr("Failed to close AudioContext: %o"), error);
+        });
+    }
+
+    executeWhenInitialized(callback: () => void) {
+        if(this.state === "running") {
+            callback();
+        } else {
+            this.events.one("notify_initialized", callback);
+        }
+    }
+
+    isInitialized(): boolean {
+        return this.state === "running";
+    }
+
+    getAudioContext(): AudioContext | undefined {
+        return this.audioContext;
+    }
+
+    async getAvailableDevices(): Promise<OutputDevice[]> {
+        return [ kWebDevice ];
+    }
+
+    getDefaultDeviceId(): string {
+        return kWebDevice.device_id;
+    }
+
+    getMasterVolume(): number {
+        return this.masterVolume;
+    }
+
+    setMasterVolume(volume: number) {
+        if(this.masterVolume === volume) {
+            return;
+        }
+
+        const oldVolume = this.masterVolume;
+        this.masterVolume = volume;
+        this.events.fire("notify_volume_changed", {
+            oldVolume: oldVolume,
+            newVolume: volume
+        });
+    }
+
+    isDeviceRefreshAvailable(): boolean {
+        return false;
+    }
+
+    refreshDevices(): Promise<void> {
+        return Promise.resolve(undefined);
+    }
+
+    private handleAudioContextStateChanged(initialState: boolean) {
+        switch (this.audioContext.state) {
+            case "suspended":
+                if(initialState) {
+                    logDebug(LogCategory.AUDIO, tr("Created new AudioContext but user hasn't yet allowed audio playback. Awaiting his gesture."));
+                    this.awaitGesture();
+                    return;
+                } else {
+                    logWarn(LogCategory.AUDIO, tr("AudioContext state changed to 'suspended'. Trying to resume it."));
+                    this.tryResume();
+                }
+                break;
+
+            case "closed":
+                if(this.state === "closed") {
+                    return;
+                }
+
+                logError(LogCategory.AUDIO, tr("AudioContext state changed to 'closed'. No audio will be payed."));
+                return;
+
+            case "running":
+                logDebug(LogCategory.AUDIO, tr("Successfully initialized the AudioContext."));
+                this.state = "running";
+                this.events.fire("notify_initialized");
+                return;
+        }
+    }
+
+    private tryResume() {
+        this.audioContext.resume().then(() => {
+            logInfo(LogCategory.AUDIO, tr("Successfully resumed AudioContext."));
+        }).catch(error => {
+            logError(LogCategory.AUDIO, tr("Failed to resume AudioContext: %o"), error);
+        });
+    }
+
+    private awaitGesture() {
+        if(this.gestureListener) {
+            return;
+        }
+
+        this.gestureListener = () => {
+            document.removeEventListener("click", this.gestureListener);
+            this.gestureListener = undefined;
+            this.tryResume();
+        };
+
+        document.addEventListener("click", this.gestureListener);
+    }
+
+    async setCurrentDevice(targetId: string | undefined): Promise<void> {
+        /* TODO: Mute on "no device"? */
+    }
+
+    getCurrentDevice(): OutputDevice {
+        return kWebDevice;
+    }
+}
\ No newline at end of file
diff --git a/web/app/audio/Recorder.ts b/web/app/audio/Recorder.ts
index 71b2752a..2884c50b 100644
--- a/web/app/audio/Recorder.ts
+++ b/web/app/audio/Recorder.ts
@@ -1,4 +1,4 @@
-import {AudioRecorderBacked, DeviceList, IDevice,} from "tc-shared/audio/recorder";
+import {AudioRecorderBacked, DeviceList, InputDevice,} from "tc-shared/audio/Recorder";
 import {Registry} from "tc-shared/events";
 import {
     AbstractInput,
@@ -12,12 +12,12 @@ import {
     NodeInputConsumer
 } from "tc-shared/voice/RecorderBase";
 import {LogCategory, logDebug, logWarn} from "tc-shared/log";
-import * as aplayer from "./player";
 import {JAbstractFilter, JStateFilter, JThresholdFilter} from "./RecorderFilter";
 import {Filter, FilterType, FilterTypeClass} from "tc-shared/voice/Filter";
-import {inputDeviceList} from "tc-backend/web/audio/RecorderDeviceList";
+import {inputDeviceList} from "./RecorderDeviceList";
 import {requestMediaStream, stopMediaStream} from "tc-shared/media/Stream";
 import {tr} from "tc-shared/i18n/localize";
+import {getAudioBackend} from "tc-shared/audio/Player";
 
 declare global {
     interface MediaStream {
@@ -25,7 +25,7 @@ declare global {
     }
 }
 
-export interface WebIDevice extends IDevice {
+export interface WebIDevice extends InputDevice {
     groupId: string;
 }
 
@@ -34,7 +34,7 @@ export class WebAudioRecorder implements AudioRecorderBacked {
         return new JavascriptInput();
     }
 
-    async createLevelMeter(device: IDevice): Promise<LevelMeter> {
+    async createLevelMeter(device: InputDevice): Promise<LevelMeter> {
         const meter = new JavascriptLevelMeter(device as any);
         await meter.initialize();
         return meter;
@@ -81,14 +81,14 @@ class JavascriptInput implements AbstractInput {
     constructor() {
         this.events = new Registry<InputEvents>();
 
-        aplayer.on_ready(() => this.handleAudioInitialized());
+        getAudioBackend().executeWhenInitialized(() => this.handleAudioInitialized());
         this.audioScriptProcessorCallback = this.handleAudio.bind(this);
     }
 
     destroy() { }
 
     private handleAudioInitialized() {
-        this.audioContext = aplayer.context();
+        this.audioContext = getAudioBackend().getAudioContext();
         this.audioNodeMute = this.audioContext.createGain();
         this.audioNodeMute.gain.value = 0;
         this.audioNodeMute.connect(this.audioContext.destination);
@@ -179,7 +179,7 @@ class JavascriptInput implements AbstractInput {
 
     private async doStart() : Promise<InputStartError | true> {
         try {
-            if(!aplayer.initialized() || !this.audioContext) {
+            if(!getAudioBackend().isInitialized() || !this.audioContext) {
                 return InputStartError.ESYSTEMUNINITIALIZED;
             }
 
@@ -189,9 +189,9 @@ class JavascriptInput implements AbstractInput {
             this.setState(InputState.INITIALIZING);
 
             let deviceId;
-            if(this.deviceId === IDevice.NoDeviceId) {
+            if(this.deviceId === InputDevice.NoDeviceId) {
                 throw tr("no device selected");
-            } else if(this.deviceId === IDevice.DefaultDeviceId) {
+            } else if(this.deviceId === InputDevice.DefaultDeviceId) {
                 deviceId = undefined;
             } else {
                 deviceId = this.deviceId;
@@ -511,7 +511,7 @@ class JavascriptLevelMeter implements LevelMeter {
         try {
             await new Promise((resolve, reject) => {
                 const timeout = setTimeout(reject, 5000);
-                aplayer.on_ready(() => {
+                getAudioBackend().executeWhenInitialized(() => {
                     clearTimeout(timeout);
                     resolve();
                 });
@@ -519,7 +519,7 @@ class JavascriptLevelMeter implements LevelMeter {
         } catch(error) {
             throw tr("audio context timeout");
         }
-        this._context = aplayer.context();
+        this._context = getAudioBackend().getAudioContext();
         if(!this._context) throw tr("invalid context");
 
         this._gain_node = this._context.createGain();
@@ -591,7 +591,7 @@ class JavascriptLevelMeter implements LevelMeter {
         }
     }
 
-    getDevice(): IDevice {
+    getDevice(): InputDevice {
         return this._device;
     }
 
diff --git a/web/app/audio/RecorderDeviceList.ts b/web/app/audio/RecorderDeviceList.ts
index 13a9b2fc..a308a04e 100644
--- a/web/app/audio/RecorderDeviceList.ts
+++ b/web/app/audio/RecorderDeviceList.ts
@@ -2,13 +2,12 @@ import {
     AbstractDeviceList,
     DeviceListEvents,
     DeviceListState,
-    IDevice,
+    InputDevice,
     PermissionState
-} from "tc-shared/audio/recorder";
-import * as log from "tc-shared/log";
+} from "tc-shared/audio/Recorder";
 import {LogCategory, logDebug, logError} from "tc-shared/log";
 import {Registry} from "tc-shared/events";
-import {WebIDevice} from "tc-backend/web/audio/Recorder";
+import {WebIDevice} from "./Recorder";
 import * as loader from "tc-loader";
 import {queryMediaPermissions} from "tc-shared/media/Stream";
 import { tr } from "tc-shared/i18n/localize";
@@ -49,7 +48,7 @@ class WebInputDeviceList extends AbstractDeviceList {
         return "default";
     }
 
-    getDevices(): IDevice[] {
+    getDevices(): InputDevice[] {
         return this.devices;
     }
 
diff --git a/web/app/audio/sounds.ts b/web/app/audio/Sounds.ts
similarity index 87%
rename from web/app/audio/sounds.ts
rename to web/app/audio/Sounds.ts
index 656c6ccb..9a98cc52 100644
--- a/web/app/audio/sounds.ts
+++ b/web/app/audio/Sounds.ts
@@ -1,7 +1,7 @@
 import {LogCategory, logError, logWarn} from "tc-shared/log";
-import {SoundFile} from "tc-shared/sound/Sounds";
-import * as aplayer from "./player";
 import { tr } from "tc-shared/i18n/localize";
+import {getAudioBackend} from "tc-shared/audio/Player";
+import {SoundBackend, SoundFile} from "tc-shared/audio/Sounds";
 
 interface SoundEntry {
     cached?: AudioBuffer;
@@ -13,7 +13,7 @@ const error_already_handled = "---- error handled ---";
 const file_cache: {[key: string]: Promise<SoundEntry> & { timestamp: number }} = {};
 let warned = false;
 
-function get_song_entry(file: SoundFile) : Promise<SoundEntry> {
+function getSongEntry(file: SoundFile) : Promise<SoundEntry> {
     if(typeof file_cache[file.path] === "object") {
         return new Promise<SoundEntry>((resolve, reject) => {
             if(file_cache[file.path].timestamp + 60 * 1000 > Date.now()) {
@@ -26,12 +26,12 @@ function get_song_entry(file: SoundFile) : Promise<SoundEntry> {
                 if(file_cache[file.path].timestamp + 60 * 1000 > original_timestamp)
                     return Promise.reject(error);
                 delete file_cache[file.path];
-                return get_song_entry(file);
+                return getSongEntry(file);
             });
         });
     }
 
-    const context = aplayer.context();
+    const context = getAudioBackend().getAudioContext();
     if(!context) throw tr("audio context not initialized");
 
     return (file_cache[file.path] = Object.assign((async () => {
@@ -78,8 +78,8 @@ function get_song_entry(file: SoundFile) : Promise<SoundEntry> {
     })(), { timestamp: Date.now() }));
 }
 
-export async function play_sound(file: SoundFile) : Promise<void> {
-    const entry = get_song_entry(file);
+async function replaySound(file: SoundFile) : Promise<void> {
+    const entry = getSongEntry(file);
     if(!entry) {
         logWarn(LogCategory.AUDIO, tr("Failed to replay sound %s because it could not be resolved."), file.path);
         return;
@@ -89,7 +89,7 @@ export async function play_sound(file: SoundFile) : Promise<void> {
         const sound = await entry;
 
         if(sound.cached) {
-            const context = aplayer.context();
+            const context = getAudioBackend().getAudioContext();
             if(!context) throw tr("audio context not initialized (this error should never show up!)");
 
             const player = context.createBufferSource();
@@ -126,4 +126,11 @@ export async function play_sound(file: SoundFile) : Promise<void> {
         logWarn(LogCategory.AUDIO, tr("Failed to replay sound %s: %o"), file.path, error);
         return;
     }
+}
+
+export class WebSoundBackend implements SoundBackend {
+    playSound(sound: SoundFile): Promise<void> {
+        return replaySound(sound);
+    }
+
 }
\ No newline at end of file
diff --git a/web/app/audio/player.ts b/web/app/audio/player.ts
deleted file mode 100644
index 84d4aa91..00000000
--- a/web/app/audio/player.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import {Device} from "tc-shared/audio/player";
-import * as log from "tc-shared/log";
-import {LogCategory, logError, logInfo} from "tc-shared/log";
-import { tr } from "tc-shared/i18n/localize";
-
-/* lets try without any gestures, maybe the user already clicked the page */
-const kAvoidAudioContextWarning = false;
-
-let audioContextRequiredGesture = false;
-let audioContextInstance: AudioContext;
-let globalAudioGainInstance: GainNode;
-
-let audioContextInitializeCallbacks: (() => any)[] = [];
-let _master_volume: number = 1;
-let _no_device = false;
-
-export function initialize() : boolean {
-    context();
-    return true;
-}
-
-export function initialized() : boolean {
-    return !!audioContextInstance && audioContextInstance.state === 'running';
-}
-
-function fire_initialized() {
-    logInfo(LogCategory.AUDIO, tr("Fire audio player initialized for %d listeners"), audioContextInitializeCallbacks.length);
-    while(audioContextInitializeCallbacks.length > 0)
-        audioContextInitializeCallbacks.pop_front()();
-}
-
-function createNewContext() {
-    audioContextInstance = new (window.webkitAudioContext || window.AudioContext)();
-    audioContextInstance.onstatechange = () => {
-        if(audioContextInstance.state === "running")
-            fire_initialized();
-    };
-
-    audioContextInitializeCallbacks.unshift(() => {
-        globalAudioGainInstance = audioContextInstance.createGain();
-        globalAudioGainInstance.gain.value = _no_device ? 0 : _master_volume;
-        globalAudioGainInstance.connect(audioContextInstance.destination);
-    });
-
-    if(audioContextInstance.state === "suspended") {
-        audioContextRequiredGesture = true;
-        return audioContextInstance;
-    } else if(audioContextInstance.state === "running") {
-        fire_initialized();
-    } else if(audioContextInstance.state === "closed") {
-        throw tr("Audio context has been closed");
-    } else {
-        throw tr("invalid audio context state");
-    }
-}
-
-export function context() : AudioContext {
-    if(audioContextInstance || kAvoidAudioContextWarning)
-        return audioContextInstance;
-
-    if(!audioContextInstance)
-        createNewContext();
-
-    return audioContextInstance;
-}
-
-export function get_master_volume() : number {
-    return _master_volume;
-}
-export function set_master_volume(volume: number) {
-    _master_volume = volume;
-    if(globalAudioGainInstance)
-        globalAudioGainInstance.gain.value = _no_device ? 0 : _master_volume;
-}
-
-export function destination() : AudioNode {
-    const ctx = context();
-    if(!ctx) throw tr("Audio player isn't initialized yet!");
-
-    return globalAudioGainInstance;
-}
-
-export function on_ready(cb: () => any) {
-    if(initialized())
-        cb();
-    else
-        audioContextInitializeCallbacks.push(cb);
-}
-
-export const WEB_DEVICE: Device = {
-    device_id: "default",
-    name: "default playback",
-    driver: 'Web Audio'
-};
-
-export function available_devices() : Promise<Device[]> {
-    return Promise.resolve([WEB_DEVICE])
-}
-
-export function set_device(device_id: string) : Promise<void> {
-    _no_device = !device_id;
-    globalAudioGainInstance.gain.value = _no_device ? 0 : _master_volume;
-
-    return Promise.resolve();
-}
-
-export function current_device() : Device {
-    return WEB_DEVICE;
-}
-
-export function initializeFromGesture() {
-    if(audioContextInstance) {
-        if(audioContextInstance.state !== "running") {
-            audioContextInstance.resume().catch(error => {
-                logError(LogCategory.AUDIO, tr("Failed to initialize audio context instance from gesture: %o"), error);
-            });
-        }
-    } else {
-        createNewContext();
-    }
-}
-
-export function globalAudioContext() : AudioContext {
-    return context();
-}
\ No newline at end of file
diff --git a/web/app/connection/CommandParser.ts b/web/app/connection/CommandParser.ts
index 97a4ba1a..0e8e6bfe 100644
--- a/web/app/connection/CommandParser.ts
+++ b/web/app/connection/CommandParser.ts
@@ -10,8 +10,9 @@ function unescapeCommandValue(value: string) : string {
 
     while (true) {
         index = value.indexOf('\\', lastIndex);
-        if(index === -1 || index >= value.length + 1)
+        if(index === -1 || index >= value.length + 1) {
             break;
+        }
 
         let replace;
         switch (value.charAt(index + 1)) {
@@ -58,8 +59,9 @@ export function parseCommand(command: string): ParsedCommand {
     const parts = command.split("|").map(element => element.split(" ").map(e => e.trim()).filter(e => !!e));
 
     let cmd;
-    if(parts[0][0].indexOf("=") === -1)
+    if(parts[0][0].indexOf("=") === -1) {
         cmd = parts[0].pop_front();
+    }
 
     let switches = [];
     let payloads = [];
@@ -72,10 +74,11 @@ export function parseCommand(command: string): ParsedCommand {
             }
 
             const separator = keyValue.indexOf('=');
-            if(separator === -1)
+            if(separator === -1) {
                 payload[keyValue] = "";
-            else
+            } else {
                 payload[keyValue.substring(0, separator)] = unescapeCommandValue(keyValue.substring(separator + 1));
+            }
         }
 
         payloads.push(payload)
@@ -95,13 +98,15 @@ export function buildCommand(data: any | any[], switches?: string[], command?: s
         result += " |";
         for(const key of Object.keys(payload)) {
             result += " " + key;
-            if(payload[key] !== undefined && payload[key] !== null)
+            if(payload[key] !== undefined && payload[key] !== null) {
                 result += " " + key + "=" + escapeCommandValue(payload[key].toString());
+            }
         }
     }
 
-    if(switches?.length)
+    if(switches?.length) {
         result += " " + switches.map(e => "-" + e).join(" ");
+    }
 
     return command ? command + result.substring(2) : result.substring(3);
 }
\ No newline at end of file
diff --git a/web/app/connection/ServerConnection.ts b/web/app/connection/ServerConnection.ts
index b7f20eb3..e5068a68 100644
--- a/web/app/connection/ServerConnection.ts
+++ b/web/app/connection/ServerConnection.ts
@@ -13,11 +13,11 @@ import * as log from "tc-shared/log";
 import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
 import {Regex} from "tc-shared/ui/modal/ModalConnect";
 import {AbstractCommandHandlerBoss} from "tc-shared/connection/AbstractCommandHandler";
-import {WrappedWebSocket} from "tc-backend/web/connection/WrappedWebSocket";
+import {WrappedWebSocket} from "./WrappedWebSocket";
 import {AbstractVoiceConnection} from "tc-shared/connection/VoiceConnection";
-import {parseCommand} from "tc-backend/web/connection/CommandParser";
+import {parseCommand} from "./CommandParser";
 import {ServerAddress} from "tc-shared/tree/Server";
-import {RtpVoiceConnection} from "tc-backend/web/voice/Connection";
+import {RtpVoiceConnection} from "../voice/Connection";
 import {VideoConnection} from "tc-shared/connection/VideoConnection";
 import {ServerFeature} from "tc-shared/connection/ServerFeatures";
 import {RTCConnection} from "tc-shared/connection/rtc/Connection";
diff --git a/web/app/dns/api.ts b/web/app/dns/api.ts
index 121171a8..5f2e95b4 100644
--- a/web/app/dns/api.ts
+++ b/web/app/dns/api.ts
@@ -1,5 +1,4 @@
 import {tr} from "tc-shared/i18n/localize";
-import * as log from "tc-shared/log";
 import {LogCategory, logError, logTrace} from "tc-shared/log";
 
 export enum RRType {
diff --git a/web/app/hooks/AudioBackend.ts b/web/app/hooks/AudioBackend.ts
new file mode 100644
index 00000000..0dd9ae81
--- /dev/null
+++ b/web/app/hooks/AudioBackend.ts
@@ -0,0 +1,12 @@
+import * as loader from "tc-loader";
+import {Stage} from "tc-loader";
+import {setAudioBackend} from "tc-shared/audio/Player";
+import {WebAudioBackend} from "../audio/Player";
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "audio backend init",
+    function: async () => {
+        setAudioBackend(new WebAudioBackend());
+    },
+    priority: 100
+});
\ No newline at end of file
diff --git a/web/app/hooks/AudioRecorder.ts b/web/app/hooks/AudioRecorder.ts
index 592d56c1..c3ed4069 100644
--- a/web/app/hooks/AudioRecorder.ts
+++ b/web/app/hooks/AudioRecorder.ts
@@ -1,4 +1,4 @@
-import {setRecorderBackend} from "tc-shared/audio/recorder";
+import {setRecorderBackend} from "tc-shared/audio/Recorder";
 import {WebAudioRecorder} from "../audio/Recorder";
 
 setRecorderBackend(new WebAudioRecorder());
\ No newline at end of file
diff --git a/web/app/hooks/Dns.ts b/web/app/hooks/Dns.ts
index f545d0cf..4c092a6a 100644
--- a/web/app/hooks/Dns.ts
+++ b/web/app/hooks/Dns.ts
@@ -1,7 +1,7 @@
 import {DNSAddress, DNSProvider, DNSResolveOptions, DNSResolveResult, setDNSProvider} from "tc-shared/dns";
-import {resolveAddressIpV4, resolveTeaSpeakServerAddress} from "tc-backend/web/dns/resolver";
 import {LogCategory, logError} from "tc-shared/log";
 import {tr} from "tc-shared/i18n/localize";
+import {resolveAddressIpV4, resolveTeaSpeakServerAddress} from "../dns/resolver";
 
 setDNSProvider(new class implements DNSProvider {
     resolveAddress(address: DNSAddress, options: DNSResolveOptions): Promise<DNSResolveResult> {
diff --git a/web/app/hooks/ExternalModal.ts b/web/app/hooks/ExternalModal.ts
index 2da3f6e5..cdaba7eb 100644
--- a/web/app/hooks/ExternalModal.ts
+++ b/web/app/hooks/ExternalModal.ts
@@ -1,7 +1,7 @@
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {setExternalModalControllerFactory} from "tc-shared/ui/react-elements/external-modal";
-import {ExternalModalController} from "tc-backend/web/ExternalModalFactory";
+import {ExternalModalController} from "../ExternalModalFactory";
 
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     priority: 50,
diff --git a/web/app/hooks/KeyBoard.ts b/web/app/hooks/KeyBoard.ts
new file mode 100644
index 00000000..9cce889d
--- /dev/null
+++ b/web/app/hooks/KeyBoard.ts
@@ -0,0 +1,10 @@
+import * as loader from "tc-loader";
+import {Stage} from "tc-loader";
+import {setKeyBoardBackend} from "tc-shared/PPTListener";
+import {WebKeyBoard} from "../KeyBoard";
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "audio backend init",
+    function: async () => setKeyBoardBackend(new WebKeyBoard()),
+    priority: 100
+});
\ No newline at end of file
diff --git a/web/app/hooks/MenuBar.ts b/web/app/hooks/MenuBar.ts
index ca93c483..b4aba445 100644
--- a/web/app/hooks/MenuBar.ts
+++ b/web/app/hooks/MenuBar.ts
@@ -1,4 +1,4 @@
 import {setMenuBarDriver} from "tc-shared/ui/frames/menu-bar";
-import {WebMenuBarDriver} from "tc-backend/web/ui/menu-bar/Controller";
+import {WebMenuBarDriver} from "../ui/menu-bar/Controller";
 
 setMenuBarDriver(new WebMenuBarDriver());
\ No newline at end of file
diff --git a/web/app/hooks/ServerConnection.ts b/web/app/hooks/ServerConnection.ts
index 30e8fe06..cb9decb4 100644
--- a/web/app/hooks/ServerConnection.ts
+++ b/web/app/hooks/ServerConnection.ts
@@ -1,9 +1,9 @@
 import {ServerConnectionFactory, setServerConnectionFactory} from "tc-shared/connection/ConnectionFactory";
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
 import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
-import {ServerConnection} from "tc-backend/web/connection/ServerConnection";
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
+import {ServerConnection} from "../connection/ServerConnection";
 
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     priority: 50,
diff --git a/web/app/hooks/Sounds.ts b/web/app/hooks/Sounds.ts
new file mode 100644
index 00000000..39e644c5
--- /dev/null
+++ b/web/app/hooks/Sounds.ts
@@ -0,0 +1,10 @@
+import * as loader from "tc-loader";
+import {Stage} from "tc-loader";
+import {setSoundBackend} from "tc-shared/audio/Sounds";
+import {WebSoundBackend} from "../audio/Sounds";
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "audio sound init",
+    function: async () => setSoundBackend(new WebSoundBackend()),
+    priority: 100
+});
\ No newline at end of file
diff --git a/web/app/hooks/index.ts b/web/app/hooks/index.ts
new file mode 100644
index 00000000..16cfd413
--- /dev/null
+++ b/web/app/hooks/index.ts
@@ -0,0 +1,9 @@
+import "./AudioBackend";
+import "./AudioRecorder";
+import "./Backend";
+import "./Dns";
+import "./MenuBar";
+import "./ServerConnection";
+import "./Sounds";
+import "./Video";
+import "./KeyBoard";
\ No newline at end of file
diff --git a/web/app/index.ts b/web/app/index.ts
index 5c3749ce..73205f60 100644
--- a/web/app/index.ts
+++ b/web/app/index.ts
@@ -4,12 +4,7 @@ import "webcrypto-liner";
 import "./index.scss";
 import "./FileTransfer";
 
-import "./hooks/ServerConnection";
-import "./hooks/ExternalModal";
-import "./hooks/AudioRecorder";
-import "./hooks/MenuBar";
-import "./hooks/Video";
-import "./hooks/Dns";
+import "./hooks"
 
 import "./UnloadHandler";
 
diff --git a/web/app/ppt.ts b/web/app/ppt.ts
deleted file mode 100644
index 45534f1f..00000000
--- a/web/app/ppt.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import {EventType, KeyEvent, KeyHook, SpecialKey} from "tc-shared/PPTListener";
-import {LogCategory, logTrace} from "tc-shared/log";
-import { tr } from "tc-shared/i18n/localize";
-
-interface WebKeyEvent extends KeyEvent {
-    canceled: boolean;
-}
-
-let key_listener: ((_: KeyEvent) => any)[] = [];
-
-function listener_key(type: EventType, event: KeyboardEvent) {
-    const key_event = {
-        type: type,
-
-        key: event.key,
-        key_code: event.code,
-
-        key_ctrl: event.ctrlKey,
-        key_shift: event.shiftKey,
-        key_alt: event.altKey,
-        key_windows: event.metaKey,
-
-        canceled: event.defaultPrevented
-    } as WebKeyEvent;
-    //console.debug("Trigger key event %o", key_event);
-
-    for(const listener of key_listener)
-        listener(key_event);
-
-    if(key_event.canceled)
-        event.preventDefault();
-}
-
-const proxy_key_press = event => listener_key(EventType.KEY_PRESS, event);
-const proxy_key_release = event => listener_key(EventType.KEY_RELEASE, event);
-const proxy_key_typed = event => listener_key(EventType.KEY_TYPED, event);
-
-export function initialize() : Promise<void> {
-    document.addEventListener('keypress', proxy_key_typed);
-    document.addEventListener('keydown', proxy_key_press);
-    document.addEventListener('keyup', proxy_key_release);
-    window.addEventListener('blur', listener_blur);
-
-    register_key_listener(listener_hook);
-    return Promise.resolve();
-}
-
-export function finalize() {
-    document.removeEventListener("keypress", proxy_key_typed);
-    document.removeEventListener("keydown", proxy_key_press);
-    document.removeEventListener("keyup", proxy_key_release);
-    window.removeEventListener('blur', listener_blur);
-
-    unregister_key_listener(listener_hook);
-}
-
-export function register_key_listener(listener: (_: KeyEvent) => any) {
-    key_listener.push(listener);
-}
-
-export function unregister_key_listener(listener: (_: KeyEvent) => any) {
-    key_listener.remove(listener);
-}
-
-
-let key_hooks: KeyHook[] = [];
-
-interface CurrentState {
-    keys: {[code: string]:KeyEvent};
-    special: { [key:number]:boolean };
-}
-let current_state: CurrentState = {
-    special: []
-} as any;
-
-let key_hooks_active: KeyHook[] = [];
-
-function listener_blur() {
-    current_state.special[SpecialKey.ALT] = false;
-    current_state.special[SpecialKey.CTRL] = false;
-    current_state.special[SpecialKey.SHIFT] = false;
-    current_state.special[SpecialKey.WINDOWS] = false;
-
-    for(const code of Object.keys(current_state))
-        if(code !== "special")
-            delete current_state[code];
-
-    for(const hook of key_hooks_active)
-        hook.callback_release();
-    key_hooks_active = [];
-}
-
-function listener_hook(event: KeyEvent) {
-    if(event.type == EventType.KEY_TYPED)
-        return;
-
-    let old_hooks = [...key_hooks_active];
-    let new_hooks = [];
-
-    current_state.special[SpecialKey.ALT] = event.key_alt;
-    current_state.special[SpecialKey.CTRL] = event.key_ctrl;
-    current_state.special[SpecialKey.SHIFT] = event.key_shift;
-    current_state.special[SpecialKey.WINDOWS] = event.key_windows;
-
-    current_state[event.key_code] = undefined;
-    if(event.type == EventType.KEY_PRESS) {
-        current_state[event.key_code] = event;
-
-        for(const hook of key_hooks) {
-            if(hook.key_code !== event.key_code) continue;
-            if(hook.key_alt != event.key_alt) continue;
-            if(hook.key_ctrl != event.key_ctrl) continue;
-            if(hook.key_shift != event.key_shift) continue;
-            if(hook.key_windows != event.key_windows) continue;
-
-            new_hooks.push(hook);
-            if(!old_hooks.remove(hook) && hook.callback_press) {
-                hook.callback_press();
-                logTrace(LogCategory.GENERAL, tr("Trigger key press for %o!"), hook);
-            }
-        }
-    }
-
-    //We have a new situation
-    for(const hook of old_hooks) {
-        //Do not test for meta key states because they could differ in a key release event
-        if(hook.key_code === event.key_code) {
-            if(hook.callback_release) {
-                hook.callback_release();
-                logTrace(LogCategory.GENERAL, tr("Trigger key release for %o!"), hook);
-            }
-        } else {
-            new_hooks.push(hook);
-        }
-    }
-    key_hooks_active = new_hooks;
-}
-
-export function register_key_hook(hook: KeyHook) {
-    key_hooks.push(hook);
-}
-
-export function unregister_key_hook(hook: KeyHook) {
-    key_hooks.remove(hook);
-}
-
-export function key_pressed(code: string | SpecialKey) : boolean {
-    if(typeof(code) === 'string')
-        return typeof current_state[code] !== "undefined";
-    return current_state.special[code];
-}
\ No newline at end of file
diff --git a/web/app/ui/menu-bar/Controller.ts b/web/app/ui/menu-bar/Controller.ts
index fefb1bcd..f4e1d507 100644
--- a/web/app/ui/menu-bar/Controller.ts
+++ b/web/app/ui/menu-bar/Controller.ts
@@ -1,7 +1,7 @@
 import {MenuBarDriver, MenuBarEntry} from "tc-shared/ui/frames/menu-bar";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import {MenuBarRenderer} from "tc-backend/web/ui/menu-bar/Renderer";
+import {MenuBarRenderer} from "./Renderer";
 
 const cssStyle = require("./Renderer.scss");
 
diff --git a/web/app/voice/Connection.ts b/web/app/voice/Connection.ts
index d5441137..8bf31ea6 100644
--- a/web/app/voice/Connection.ts
+++ b/web/app/voice/Connection.ts
@@ -1,4 +1,3 @@
-import * as aplayer from "../audio/player";
 import {
     AbstractVoiceConnection,
     VoiceConnectionStatus,
@@ -17,9 +16,10 @@ import {AbstractServerConnection, ConnectionStatistics} from "tc-shared/connecti
 import {VoicePlayerState} from "tc-shared/voice/VoicePlayer";
 import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
 import {tr} from "tc-shared/i18n/localize";
-import {RtpVoiceClient} from "tc-backend/web/voice/VoiceClient";
 import {InputConsumerType} from "tc-shared/voice/RecorderBase";
-import {RtpWhisperSession} from "tc-backend/web/voice/WhisperClient";
+import {getAudioBackend} from "tc-shared/audio/Player";
+import {RtpVoiceClient} from "./VoiceClient";
+import {RtpWhisperSession} from "./WhisperClient";
 
 type CancelableWhisperTarget = WhisperTarget & { canceled: boolean };
 export class RtpVoiceConnection extends AbstractVoiceConnection {
@@ -86,8 +86,8 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
         this.speakerMuted = connection.client.isSpeakerMuted() || connection.client.isSpeakerDisabled();
 
         this.setConnectionState(VoiceConnectionStatus.Disconnected);
-        aplayer.on_ready(() => {
-            this.localAudioDestination = aplayer.context().createMediaStreamDestination();
+        getAudioBackend().executeWhenInitialized(() => {
+            this.localAudioDestination = getAudioBackend().getAudioContext().createMediaStreamDestination();
             if(this.currentAudioSourceNode) {
                 this.currentAudioSourceNode.connect(this.localAudioDestination);
             }
diff --git a/web/app/voice/VoiceClient.ts b/web/app/voice/VoiceClient.ts
index 86328f8e..45a27fa1 100644
--- a/web/app/voice/VoiceClient.ts
+++ b/web/app/voice/VoiceClient.ts
@@ -1,8 +1,5 @@
 import {VoiceClient} from "tc-shared/voice/VoiceClient";
 import {VoicePlayer} from "./VoicePlayer";
-import {LogCategory, logTrace} from "tc-shared/log";
-import {tr} from "tc-shared/i18n/localize";
-import {RemoteRTPAudioTrack} from "tc-shared/connection/rtc/RemoteTrack";
 
 export class RtpVoiceClient extends VoicePlayer implements VoiceClient {
     private readonly clientId: number;
diff --git a/web/app/voice/VoicePlayer.ts b/web/app/voice/VoicePlayer.ts
index 2f233f73..316a8896 100644
--- a/web/app/voice/VoicePlayer.ts
+++ b/web/app/voice/VoicePlayer.ts
@@ -1,6 +1,6 @@
 import {VoicePlayerEvents, VoicePlayerLatencySettings, VoicePlayerState} from "tc-shared/voice/VoicePlayer";
 import {Registry} from "tc-shared/events";
-import {LogCategory, logTrace, logWarn} from "tc-shared/log";
+import {LogCategory, logWarn} from "tc-shared/log";
 import {RemoteRTPAudioTrack, RemoteRTPTrackState} from "tc-shared/connection/rtc/RemoteTrack";
 import {tr} from "tc-shared/i18n/localize";
 
diff --git a/webpack-client.config.ts b/webpack-client.config.ts
index 6569b4a7..7b118347 100644
--- a/webpack-client.config.ts
+++ b/webpack-client.config.ts
@@ -9,8 +9,6 @@ export = env => config_base.config(env, "client").then(config => {
 
     Object.assign(config.resolve.alias, {
         "tc-shared": path.resolve(__dirname, "shared/js"),
-        /* backend hasn't declared but its available via "require()" */
-        "tc-backend": path.resolve(__dirname, "shared/backend.d"),
     });
 
     if(!Array.isArray(config.externals))
diff --git a/webpack-web.config.ts b/webpack-web.config.ts
index e9f46390..a2c04df7 100644
--- a/webpack-web.config.ts
+++ b/webpack-web.config.ts
@@ -9,8 +9,6 @@ export = env => config_base.config(env, "web").then(config => {
 
     Object.assign(config.resolve.alias, {
         "tc-shared": path.resolve(__dirname, "shared/js"),
-        "tc-backend/web": path.resolve(__dirname, "web/app"),
-        "tc-backend": path.resolve(__dirname, "web/app"),
     });
 
     return Promise.resolve(config);

From 85acd6dd56389798ab7222ace256673194805547 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 18 Mar 2021 18:59:06 +0100
Subject: [PATCH 039/128] Some more small rework and cleanup

---
 loader/app/animation.ts                       |   2 +-
 loader/app/bootstrap.ts                       |  99 +++++++++++++++
 loader/app/index.ts                           |  37 ++----
 .../{script_loader.ts => ScriptLoader.ts}     |  43 ++-----
 .../{style_loader.ts => StyleLoader.ts}       |  64 ++++------
 loader/app/loader/{utils.ts => Utils.ts}      |  39 +++---
 loader/app/loader/loader.ts                   | 117 ++----------------
 loader/app/maifest.ts                         |  32 +++--
 loader/app/targets/app.ts                     |  20 ++-
 loader/app/targets/maifest-target.ts          |   2 +-
 loader/app/targets/shared.ts                  |   2 +-
 11 files changed, 202 insertions(+), 255 deletions(-)
 create mode 100644 loader/app/bootstrap.ts
 rename loader/app/loader/{script_loader.ts => ScriptLoader.ts} (69%)
 rename loader/app/loader/{style_loader.ts => StyleLoader.ts} (58%)
 rename loader/app/loader/{utils.ts => Utils.ts} (64%)

diff --git a/loader/app/animation.ts b/loader/app/animation.ts
index 36c5ade9..0d4ba87d 100644
--- a/loader/app/animation.ts
+++ b/loader/app/animation.ts
@@ -1,6 +1,6 @@
 import * as loader from "./loader/loader";
 import {Stage} from "./loader/loader";
-import {getUrlParameter} from "./loader/utils";
+import {getUrlParameter} from "./loader/Utils";
 
 let overlay: HTMLDivElement;
 let setupContainer: HTMLDivElement;
diff --git a/loader/app/bootstrap.ts b/loader/app/bootstrap.ts
new file mode 100644
index 00000000..9c169a29
--- /dev/null
+++ b/loader/app/bootstrap.ts
@@ -0,0 +1,99 @@
+import "core-js/stable";
+import "./polifill";
+import "./css";
+
+import {ApplicationLoader} from "./loader/loader";
+import {getUrlParameter} from "./loader/Utils";
+
+/* let the loader register himself at the window first */
+const target = getUrlParameter("loader-target") || "app";
+console.info("Loading app with loader \"%s\"", target);
+
+let appLoader: ApplicationLoader;
+if(target === "empty") {
+    appLoader = new (require("./targets/empty").default);
+} else if(target === "manifest") {
+    appLoader = new (require("./targets/maifest-target").default);
+} else {
+    appLoader = new (require("./targets/app").default);
+}
+setTimeout(() => appLoader.execute(), 0);
+
+export {};
+
+if(__build.target === "client") {
+    /* do this so we don't get a react dev tools warning within the client */
+    if(!('__REACT_DEVTOOLS_GLOBAL_HOOK__' in window)) {
+        window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {};
+    }
+
+    window.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function () {};
+}
+
+/* Hello World message */
+{
+    const clog = console.log;
+    const print_security = () => {
+        {
+            const css = [
+                "display: block",
+                "text-align: center",
+                "font-size: 42px",
+                "font-weight: bold",
+                "-webkit-text-stroke: 2px black",
+                "color: red"
+            ].join(";");
+            clog("%c ", "font-size: 100px;");
+            clog("%cSecurity warning:", css);
+        }
+        {
+            const css = [
+                "display: block",
+                "text-align: center",
+                "font-size: 18px",
+                "font-weight: bold"
+            ].join(";");
+
+            clog("%cPasting anything in here could give attackers access to your data.", css);
+            clog("%cUnless you understand exactly what you are doing, close this window and stay safe.", css);
+            clog("%c ", "font-size: 100px;");
+        }
+    };
+
+    /* print the hello world */
+    {
+        const css = [
+            "display: block",
+            "text-align: center",
+            "font-size: 72px",
+            "font-weight: bold",
+            "-webkit-text-stroke: 2px black",
+            "color: #18BC9C"
+        ].join(";");
+        clog("%cHey, hold on!", css);
+    }
+    {
+        const css = [
+            "display: block",
+            "text-align: center",
+            "font-size: 26px",
+            "font-weight: bold"
+        ].join(";");
+
+        const css_2 = [
+            "display: block",
+            "text-align: center",
+            "font-size: 26px",
+            "font-weight: bold",
+            "color: blue"
+        ].join(";");
+
+        const display_detect = /./;
+        display_detect.toString = function() { print_security(); return ""; };
+
+        clog("%cLovely to see you using and debugging the TeaSpeak-Web client.", css);
+        clog("%cIf you have some good ideas or already done some incredible changes,", css);
+        clog("%cyou'll be may interested to share them here: %chttps://github.com/TeaSpeak/TeaWeb", css, css_2);
+        clog("%c ", display_detect);
+    }
+}
\ No newline at end of file
diff --git a/loader/app/index.ts b/loader/app/index.ts
index 0e28f468..836505a8 100644
--- a/loader/app/index.ts
+++ b/loader/app/index.ts
@@ -1,35 +1,14 @@
-import "core-js/stable";
-import "./polifill";
-import "./css";
-
-import * as loader from "./loader/loader";
-import {ApplicationLoader} from "./loader/loader";
-import {getUrlParameter} from "./loader/utils";
-
 if(window["loader"]) {
     throw "an loader instance has already been defined";
 }
-window["loader"] = loader;
-/* let the loader register himself at the window first */
 
-const target = getUrlParameter("loader-target") || "app";
-console.info("Loading app with loader \"%s\"", target);
+export * from "./loader/loader";
+export * as loaderAnimation from "./animation";
 
-let appLoader: ApplicationLoader;
-if(target === "empty") {
-    appLoader = new (require("./targets/empty").default);
-} else if(target === "manifest") {
-    appLoader = new (require("./targets/maifest-target").default);
-} else {
-    appLoader = new (require("./targets/app").default);
+import "./bootstrap";
+
+/* FIXME: This is glue! */
+if(window["loader"]) {
+    throw "an loader instance has already been defined";
 }
-setTimeout(() => appLoader.execute(), 0);
-
-export {};
-
-if(__build.target === "client") {
-    /* do this so we don't get a react dev tools warning within the client */
-    if(!('__REACT_DEVTOOLS_GLOBAL_HOOK__' in window))
-        window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {};
-    window.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function () {};
-}
\ No newline at end of file
+window["loader"] = module.exports;
\ No newline at end of file
diff --git a/loader/app/loader/script_loader.ts b/loader/app/loader/ScriptLoader.ts
similarity index 69%
rename from loader/app/loader/script_loader.ts
rename to loader/app/loader/ScriptLoader.ts
index a78fc8aa..270b4de9 100644
--- a/loader/app/loader/script_loader.ts
+++ b/loader/app/loader/ScriptLoader.ts
@@ -1,11 +1,12 @@
 import {config, critical_error, SourcePath} from "./loader";
-import {load_parallel, LoadCallback, LoadSyntaxError, ParallelOptions, script_name} from "./utils";
+import {executeParallelLoad, LoadCallback, LoadSyntaxError, ParallelOptions} from "./Utils";
 
 let _script_promises: {[key: string]: Promise<void>} = {};
 
 function load_script_url(url: string) : Promise<void> {
-    if(typeof _script_promises[url] === "object")
+    if(typeof _script_promises[url] === "object") {
         return _script_promises[url];
+    }
 
     return (_script_promises[url] = new Promise((resolve, reject) => {
         const script_tag: HTMLScriptElement = document.createElement("script");
@@ -67,40 +68,18 @@ export interface Options {
     cache_tag?: string;
 }
 
-export async function load(path: SourcePath, options: Options) : Promise<void> {
-    if(Array.isArray(path)) { //We have fallback scripts
-        return load(path[0], options).catch(error => {
-            if(error instanceof LoadSyntaxError)
-                return Promise.reject(error);
-
-            if(path.length > 1)
-                return load(path.slice(1), options);
-
-            return Promise.reject(error);
-        });
-    } else {
-        const source = typeof(path) === "string" ? {url: path, depends: []} : path;
-        if(source.url.length == 0) return Promise.resolve();
-
-        /* await depends */
-        for(const depend of source.depends) {
-            if(!_script_promises[depend])
-                throw "Missing dependency " + depend;
-            await _script_promises[depend];
-        }
-
-        await load_script_url(source.url + (options.cache_tag || ""));
-    }
+export async function loadScript(path: SourcePath, options: Options) : Promise<void> {
+    await load_script_url(path + (options.cache_tag || ""));
 }
 
 type MultipleOptions = Options | ParallelOptions;
-export async function load_multiple(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
-    const result = await load_parallel<SourcePath>(paths, e => load(e, options), e => script_name(e, false), options, callback);
+export async function loadScripts(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
+    const result = await executeParallelLoad<SourcePath>(paths, e => loadScript(e, options), e => e, options, callback);
     if(result.failed.length > 0) {
         if(config.error) {
             console.error("Failed to load the following scripts:");
             for(const script of result.failed) {
-                const sname = script_name(script.request, false);
+                const sname = script.request;
                 if(script.error instanceof LoadSyntaxError) {
                     const source = script.error.source as Error;
                     if(source.name === "TypeError") {
@@ -126,11 +105,11 @@ export async function load_multiple(paths: SourcePath[], options: MultipleOption
             } else if(typeof error === "string") {
                 errorMessage = error;
             } else {
-                console.error("Script %s loading error: %o", script_name(result.failed[0].request, false), error);
+                console.error("Script %s loading error: %o", result.failed[0].request, error);
                 errorMessage = "View the browser console for more information!";
             }
-            critical_error("Failed to load script " + script_name(result.failed[0].request, true), errorMessage);
+            critical_error("Failed to load script " + result.failed[0].request, errorMessage);
         }
-        throw "failed to load script " + script_name(result.failed[0].request, false) + " (" + errorMessage + ")";
+        throw "failed to load script " + result.failed[0].request + " (" + errorMessage + ")";
     }
 }
\ No newline at end of file
diff --git a/loader/app/loader/style_loader.ts b/loader/app/loader/StyleLoader.ts
similarity index 58%
rename from loader/app/loader/style_loader.ts
rename to loader/app/loader/StyleLoader.ts
index b3ea670e..aeee30e8 100644
--- a/loader/app/loader/style_loader.ts
+++ b/loader/app/loader/StyleLoader.ts
@@ -1,18 +1,22 @@
 import {config, critical_error, SourcePath} from "./loader";
-import {load_parallel, LoadCallback, LoadSyntaxError, ParallelOptions, script_name} from "./utils";
+import {executeParallelLoad, LoadCallback, LoadSyntaxError, ParallelOptions} from "./Utils";
 
-let _style_promises: {[key: string]: Promise<void>} = {};
+let loadedStyles: {[key: string]: Promise<void>} = {};
 
 function load_style_url(url: string) : Promise<void> {
-    if(typeof _style_promises[url] === "object")
-        return _style_promises[url];
+    if(typeof loadedStyles[url] === "object") {
+        return loadedStyles[url];
+    }
 
-    return (_style_promises[url] = new Promise((resolve, reject) => {
+    return (loadedStyles[url] = new Promise((resolve, reject) => {
         const tag: HTMLLinkElement = document.createElement("link");
 
         let error = false;
         const error_handler = (event: ErrorEvent) => {
-            if(config.verbose) console.log("msg: %o, url: %o, line: %o, col: %o, error: %o", event.message, event.filename, event.lineno, event.colno, event.error);
+            if(config.verbose) {
+                console.log("msg: %o, url: %o, line: %o, col: %o, error: %o", event.message, event.filename, event.lineno, event.colno, event.error);
+            }
+
             if(event.filename == tag.href) { //FIXME!
                 window.removeEventListener('error', error_handler as any);
 
@@ -42,8 +46,9 @@ function load_style_url(url: string) : Promise<void> {
         tag.onerror = error => {
             cleanup();
             tag.remove();
-            if(config.error)
+            if(config.error) {
                 console.error("File load error for file %s: %o", url, error);
+            }
             reject("failed to load file " + url);
         };
         tag.onload = () => {
@@ -80,14 +85,14 @@ function load_style_url(url: string) : Promise<void> {
 
         document.getElementById("style").appendChild(tag);
         tag.href = config.baseUrl + url;
-    })).then(result => {
+    })).then(() => {
         /* cleanup memory */
-        _style_promises[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
-        return _style_promises[url];
+        loadedStyles[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
+        return loadedStyles[url];
     }).catch(error => {
         /* cleanup memory */
-        _style_promises[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
-        return _style_promises[url];
+        loadedStyles[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
+        return loadedStyles[url];
     });
 }
 
@@ -95,39 +100,18 @@ export interface Options {
     cache_tag?: string;
 }
 
-export async function load(path: SourcePath, options: Options) : Promise<void> {
-    if(Array.isArray(path)) { //We have fallback scripts
-        return load(path[0], options).catch(error => {
-            if(error instanceof LoadSyntaxError)
-                return Promise.reject(error);
-
-            if(path.length > 1)
-                return load(path.slice(1), options);
-
-            return Promise.reject(error);
-        });
-    } else {
-        const source = typeof(path) === "string" ? {url: path, depends: []} : path;
-        if(source.url.length == 0) return Promise.resolve();
-
-        /* await depends */
-        for(const depend of source.depends) {
-            if(!_style_promises[depend])
-                throw "Missing dependency " + depend;
-            await _style_promises[depend];
-        }
-        await load_style_url(source.url + (options.cache_tag || ""));
-    }
+export async function loadStyle(path: SourcePath, options: Options) : Promise<void> {
+    await load_style_url(path + (options.cache_tag || ""));
 }
 
 export type MultipleOptions = Options | ParallelOptions;
-export async function load_multiple(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
-    const result = await load_parallel<SourcePath>(paths, e => load(e, options), e => script_name(e, false), options, callback);
+export async function loadStyles(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
+    const result = await executeParallelLoad<SourcePath>(paths, e => loadStyle(e, options), e => e, options, callback);
     if(result.failed.length > 0) {
         if(config.error) {
             console.error("Failed to load the following style sheets:");
             for(const style of result.failed) {
-                const sname = script_name(style.request, false);
+                const sname = style.request;
                 if(style.error instanceof LoadSyntaxError) {
                     console.log(" - %s: %o", sname, style.error.source);
                 } else {
@@ -136,7 +120,7 @@ export async function load_multiple(paths: SourcePath[], options: MultipleOption
             }
         }
 
-        critical_error("Failed to load style " + script_name(result.failed[0].request, true) + " <br>" + "View the browser console for more information!");
-        throw "failed to load style " + script_name(result.failed[0].request, false);
+        critical_error("Failed to load style <code>" + result.failed[0].request + "</code><br>" + "View the browser console for more information!");
+        throw "failed to load style " + result.failed[0].request;
     }
 }
\ No newline at end of file
diff --git a/loader/app/loader/utils.ts b/loader/app/loader/Utils.ts
similarity index 64%
rename from loader/app/loader/utils.ts
rename to loader/app/loader/Utils.ts
index 2c148950..09725296 100644
--- a/loader/app/loader/utils.ts
+++ b/loader/app/loader/Utils.ts
@@ -1,10 +1,10 @@
-import {SourcePath} from "./loader";
-import {Options} from "./script_loader";
+import {Options} from "./ScriptLoader";
 
 export const getUrlParameter = key => {
     const match = location.search.match(new RegExp("(.*[?&]|^)" + key + "=([^&]+)($|&.*)"));
-    if(!match)
+    if(!match) {
         return undefined;
+    }
 
     return match[2];
 };
@@ -16,24 +16,15 @@ export class LoadSyntaxError {
     }
 }
 
-export function script_name(path: SourcePath, html: boolean) {
-    if(Array.isArray(path)) {
-        return path.filter(e => !!e).map(e => script_name(e, html)).join(" or ");
-    } else if(typeof(path) === "string")
-        return html ? "<code>" + path + "</code>" : path;
-    else
-        return html ? "<code>" + path.url + "</code>" : path.url;
-}
-
 export interface ParallelOptions extends Options {
-    max_parallel_requests?: number
+    maxParallelRequests?: number
 }
 
 export interface ParallelResult<T> {
     succeeded: T[];
     failed: {
         request: T,
-        error: T
+        error: any
     }[],
 
     skipped: T[];
@@ -41,15 +32,22 @@ export interface ParallelResult<T> {
 
 export type LoadCallback<T> = (entry: T, state: "loading" | "loaded") => void;
 
-export async function load_parallel<T>(requests: T[], executor: (_: T) => Promise<void>, stringify: (_: T) => string, options: ParallelOptions, callback?: LoadCallback<T>) : Promise<ParallelResult<T>> {
+export async function executeParallelLoad<T>(
+    requests: T[],
+    executor: (_: T) => Promise<void>,
+    stringify: (_: T) => string,
+    options: ParallelOptions,
+    callback?: LoadCallback<T>
+) : Promise<ParallelResult<T>> {
     const result: ParallelResult<T> = { failed: [], succeeded: [], skipped: [] };
     const pendingRequests = requests.slice(0).reverse(); /* we're only able to pop from the back */
     const currentRequests = {};
 
-    if(typeof callback === "undefined")
+    if(typeof callback === "undefined") {
         callback = () => {};
+    }
 
-    const maxParallelRequests = typeof options.max_parallel_requests === "number" && options.max_parallel_requests > 0 ? options.max_parallel_requests : Number.MAX_SAFE_INTEGER;
+    const maxParallelRequests = typeof options.maxParallelRequests === "number" && options.maxParallelRequests > 0 ? options.maxParallelRequests : Number.MAX_SAFE_INTEGER;
     while (pendingRequests.length > 0) {
         while(Object.keys(currentRequests).length < maxParallelRequests) {
             const element = pendingRequests.pop();
@@ -60,8 +58,10 @@ export async function load_parallel<T>(requests: T[], executor: (_: T) => Promis
                 delete currentRequests[name];
                 callback(element, "loaded");
             });
-            if(pendingRequests.length == 0)
+
+            if(pendingRequests.length == 0) {
                 break;
+            }
         }
 
         /*
@@ -69,8 +69,9 @@ export async function load_parallel<T>(requests: T[], executor: (_: T) => Promis
          * This should also not throw because any errors will be caught before.
          */
         await Promise.race(Object.keys(currentRequests).map(e => currentRequests[e]));
-        if(result.failed.length > 0)
+        if(result.failed.length > 0) {
             break; /* finish loading the other requests and than show the error */
+        }
     }
     await Promise.all(Object.keys(currentRequests).map(e => currentRequests[e]));
     result.skipped.push(...pendingRequests);
diff --git a/loader/app/loader/loader.ts b/loader/app/loader/loader.ts
index 4aa0d60b..09561c2d 100644
--- a/loader/app/loader/loader.ts
+++ b/loader/app/loader/loader.ts
@@ -1,7 +1,5 @@
-import * as script_loader from "./script_loader";
-import * as style_loader from "./style_loader";
 import * as Animation from "../animation";
-import {getUrlParameter} from "./utils";
+import {getUrlParameter} from "./Utils";
 
 export interface ApplicationLoader {
     execute();
@@ -76,30 +74,9 @@ export enum Stage {
     DONE
 }
 
-let cache_tag: string | undefined;
 let currentStage: Stage = undefined;
 const tasks: {[key:number]: InternalTask[]} = {};
 
-/* test if all files shall be load from cache or fetch again */
-function loader_cache_tag() {
-    if(__build.mode === "debug") {
-        cache_tag = "?_ts=" + Date.now();
-        return;
-    }
-
-    const cached_version = localStorage.getItem("cached_version");
-    if(!cached_version || cached_version !== __build.version) {
-        register_task(Stage.LOADED, {
-            priority: 0,
-            name: "cached version updater",
-            function: async () => {
-                localStorage.setItem("cached_version", __build.version);
-            }
-        });
-    }
-    cache_tag = "?_version=" + __build.version;
-}
-
 export type ModuleMapping = {
     application: string,
     modules: {
@@ -174,22 +151,23 @@ export function setCurrentTaskName(taskId: number, name: string) {
 }
 
 export async function execute(customLoadingAnimations: boolean) {
-    if(!await Animation.initialize(customLoadingAnimations))
+    if(!await Animation.initialize(customLoadingAnimations)) {
         return;
+    }
 
-    loader_cache_tag();
-
-    const load_begin = Date.now();
+    const timestampBegin = Date.now();
 
     let begin: number = 0;
     let end: number = Date.now();
-    while(currentStage <= Stage.LOADED || typeof(currentStage) === "undefined") {
+    while(currentStage <= Stage.LOADED || typeof currentStage === "undefined") {
 
         let pendingTasks: InternalTask[] = [];
         while((tasks[currentStage] || []).length > 0) {
             if(pendingTasks.length == 0 || pendingTasks[0].priority == tasks[currentStage][0].priority) {
                 pendingTasks.push(tasks[currentStage].pop());
-            } else break;
+            } else {
+                break;
+            }
         }
 
         const errors: {
@@ -282,7 +260,7 @@ export async function execute(customLoadingAnimations: boolean) {
     }
 
     if(config.verbose)
-        console.debug("[loader] finished loader. (Total time: %dms)", Date.now() - load_begin);
+        console.debug("[loader] finished loader. (Total time: %dms)", Date.now() - timestampBegin);
 
     Animation.finalize(config.abortAnimationOnFinish);
 }
@@ -351,79 +329,4 @@ export function critical_error_handler(handler?: ErrorHandler, override?: boolea
 }
 
 /* loaders */
-export type DependSource = {
-    url: string;
-    depends: string[];
-}
-export type SourcePath = string | DependSource | string[];
-
-export const scripts = script_loader;
-export const style = style_loader;
-
-/* Hello World message */
-{
-    const clog = console.log;
-    const print_security = () => {
-        {
-            const css = [
-                "display: block",
-                "text-align: center",
-                "font-size: 42px",
-                "font-weight: bold",
-                "-webkit-text-stroke: 2px black",
-                "color: red"
-            ].join(";");
-            clog("%c ", "font-size: 100px;");
-            clog("%cSecurity warning:", css);
-        }
-        {
-            const css = [
-                "display: block",
-                "text-align: center",
-                "font-size: 18px",
-                "font-weight: bold"
-            ].join(";");
-
-            clog("%cPasting anything in here could give attackers access to your data.", css);
-            clog("%cUnless you understand exactly what you are doing, close this window and stay safe.", css);
-            clog("%c ", "font-size: 100px;");
-        }
-    };
-
-    /* print the hello world */
-    {
-        const css = [
-            "display: block",
-            "text-align: center",
-            "font-size: 72px",
-            "font-weight: bold",
-            "-webkit-text-stroke: 2px black",
-            "color: #18BC9C"
-        ].join(";");
-        clog("%cHey, hold on!", css);
-    }
-    {
-        const css = [
-            "display: block",
-            "text-align: center",
-            "font-size: 26px",
-            "font-weight: bold"
-        ].join(";");
-
-        const css_2 = [
-            "display: block",
-            "text-align: center",
-            "font-size: 26px",
-            "font-weight: bold",
-            "color: blue"
-        ].join(";");
-
-        const display_detect = /./;
-        display_detect.toString = function() { print_security(); return ""; };
-
-        clog("%cLovely to see you using and debugging the TeaSpeak-Web client.", css);
-        clog("%cIf you have some good ideas or already done some incredible changes,", css);
-        clog("%cyou'll be may interested to share them here: %chttps://github.com/TeaSpeak/TeaWeb", css, css_2);
-        clog("%c ", display_detect);
-    }
-}
+export type SourcePath = string;
\ No newline at end of file
diff --git a/loader/app/maifest.ts b/loader/app/maifest.ts
index 79c3da87..a257530c 100644
--- a/loader/app/maifest.ts
+++ b/loader/app/maifest.ts
@@ -1,8 +1,9 @@
 import * as loader from "./loader/loader";
 import {config} from "./loader/loader";
-import {script_name} from "./loader/utils";
+import {loadStyles} from "./loader/StyleLoader";
+import {loadScripts} from "./loader/ScriptLoader";
 
-export interface TeaManifest {
+export interface ApplicationManifest {
     version: number;
 
     chunks: {
@@ -24,15 +25,17 @@ export interface TeaManifest {
     };
 }
 
-let manifest: TeaManifest;
-export async function loadManifest() : Promise<TeaManifest> {
+let manifest: ApplicationManifest;
+export async function loadManifest() : Promise<ApplicationManifest> {
     if(manifest) {
         return manifest;
     }
 
     try {
         const response = await fetch(config.baseUrl + "/manifest.json?_date=" + Date.now());
-        if(!response.ok) throw response.status + " " + response.statusText;
+        if(!response.ok) {
+            throw response.status + " " + response.statusText;
+        }
 
         manifest = await response.json();
     } catch(error) {
@@ -40,8 +43,10 @@ export async function loadManifest() : Promise<TeaManifest> {
         loader.critical_error("Failed to load manifest.json", error);
         throw "failed to load manifest.json";
     }
-    if(manifest.version !== 2)
+
+    if(manifest.version !== 2) {
         throw "invalid manifest version";
+    }
 
     return manifest;
 }
@@ -51,30 +56,31 @@ export async function loadManifestTarget(chunkName: string, taskId: number) {
         loader.critical_error("Missing entry chunk in manifest.json", "Chunk " + chunkName + " is missing.");
         throw "missing entry chunk";
     }
+
     loader.module_mapping().push({
         application: chunkName,
         modules: manifest.chunks[chunkName].modules
     });
 
-    loader.style.load_multiple(manifest.chunks[chunkName].css_files.map(e => e.file), {
+    await loadStyles(manifest.chunks[chunkName].css_files.map(e => e.file), {
         cache_tag: undefined,
-        max_parallel_requests: 4
+        maxParallelRequests: 4
     }, (entry, state) => {
-        if(state !== "loading") {
+        if (state !== "loading") {
             return;
         }
 
-        loader.setCurrentTaskName(taskId, script_name(entry, false));
+        loader.setCurrentTaskName(taskId, entry);
     });
 
-    await loader.scripts.load_multiple(manifest.chunks[chunkName].files.map(e => e.file), {
+    await loadScripts(manifest.chunks[chunkName].files.map(e => e.file), {
         cache_tag: undefined,
-        max_parallel_requests: 4
+        maxParallelRequests: 4
     }, (script, state) => {
         if(state !== "loading") {
             return;
         }
 
-        loader.setCurrentTaskName(taskId, script_name(script, false));
+        loader.setCurrentTaskName(taskId, script);
     });
 }
\ No newline at end of file
diff --git a/loader/app/targets/app.ts b/loader/app/targets/app.ts
index e3cc952f..40bb5056 100644
--- a/loader/app/targets/app.ts
+++ b/loader/app/targets/app.ts
@@ -3,21 +3,13 @@ import * as loader from "../loader/loader";
 import {ApplicationLoader} from "../loader/loader";
 import {loadManifest, loadManifestTarget} from "../maifest";
 
-/* all javascript loaders */
-const loader_javascript = {
-    load_scripts: async taskId => {
-        loader.setCurrentTaskName(taskId, "manifest");
-        await loadManifest();
-        await loadManifestTarget(__build.entry_chunk_name, taskId);
-    }
-};
-
 loader.register_task(loader.Stage.INITIALIZING, {
     name: "secure tester",
     function: async () => {
         /* we need https or localhost to use some things like the storage API */
-        if(typeof isSecureContext === "undefined")
+        if(typeof isSecureContext === "undefined") {
             (window as any)["isSecureContext"] = location.protocol !== 'https:' || location.hostname === 'localhost';
+        }
 
         if(!isSecureContext) {
             loader.critical_error("TeaWeb cant run on unsecured sides.", "App requires to be loaded via HTTPS!");
@@ -28,8 +20,12 @@ loader.register_task(loader.Stage.INITIALIZING, {
 });
 
 loader.register_task(loader.Stage.JAVASCRIPT, {
-    name: "scripts",
-    function: loader_javascript.load_scripts,
+    name: "manifest",
+    function: async taskId => {
+        loader.setCurrentTaskName(taskId, "manifest");
+        await loadManifest();
+        await loadManifestTarget(__build.entry_chunk_name, taskId);
+    },
     priority: 10
 });
 
diff --git a/loader/app/targets/maifest-target.ts b/loader/app/targets/maifest-target.ts
index 95bbaf48..d53e7a63 100644
--- a/loader/app/targets/maifest-target.ts
+++ b/loader/app/targets/maifest-target.ts
@@ -2,7 +2,7 @@ import "./shared";
 import * as loader from "../loader/loader";
 import {ApplicationLoader, Stage} from "../loader/loader";
 import {loadManifest, loadManifestTarget} from "../maifest";
-import {getUrlParameter} from "../loader/utils";
+import {getUrlParameter} from "../loader/Utils";
 
 export default class implements ApplicationLoader {
     execute() {
diff --git a/loader/app/targets/shared.ts b/loader/app/targets/shared.ts
index ba5ff1bc..dbab4e21 100644
--- a/loader/app/targets/shared.ts
+++ b/loader/app/targets/shared.ts
@@ -1,6 +1,6 @@
 import * as loader from "../loader/loader";
 import {Stage} from "../loader/loader";
-import {BrowserInfo, detect as detectBrowser,} from "detect-browser";
+import {detect as detectBrowser} from "detect-browser";
 
 loader.register_task(Stage.SETUP, {
     name: "app init",

From 3d04fa3f0dd8c85e44ae0fe22b0cbe56f6aa456f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 18 Mar 2021 19:44:46 +0100
Subject: [PATCH 040/128] Starting to introduce a loader performance logger

---
 loader/app/loader/Performance.ts  | 128 ++++++++++++++++++++++++++++++
 loader/app/loader/ScriptLoader.ts |  95 +++++++++-------------
 loader/app/loader/StyleLoader.ts  | 126 +++++++++--------------------
 loader/app/loader/Utils.ts        |   4 +-
 loader/app/loader/loader.ts       |   5 +-
 loader/app/maifest.ts             |  14 ++--
 6 files changed, 214 insertions(+), 158 deletions(-)
 create mode 100644 loader/app/loader/Performance.ts

diff --git a/loader/app/loader/Performance.ts b/loader/app/loader/Performance.ts
new file mode 100644
index 00000000..469cfd29
--- /dev/null
+++ b/loader/app/loader/Performance.ts
@@ -0,0 +1,128 @@
+export type ResourceRequestResult = {
+    status: "success"
+} | {
+    status: "unknown-error",
+    message: string
+} | {
+    status: "error-event"
+} | {
+    status: "timeout",
+    givenTimeout: number
+};
+
+export type ResourceType = "script" | "css" | "json";
+
+export class ResourceRequest {
+    private readonly type: ResourceType;
+    private readonly name: string;
+
+    private status: "unset" | "pending" | "executing" | "executed";
+    private result: ResourceRequestResult | undefined;
+
+    private timestampEnqueue: number;
+    private timestampExecuting: number;
+    private timestampExecuted: number;
+
+    constructor(type: ResourceType, name: string) {
+        this.type = type;
+        this.name = name;
+
+        this.status = "unset";
+    }
+
+    markEnqueue() {
+        if(this.status !== "unset") {
+            console.warn("ResourceRequest %s status isn't unset.", this.name);
+            return;
+        }
+
+        this.timestampEnqueue = performance.now();
+        this.status = "pending";
+    }
+
+    markExecuting() {
+        switch (this.status) {
+            case "unset":
+                /* the markEnqueue() invoke has been skipped */
+                break;
+
+            case "pending":
+                break;
+
+            default:
+                console.warn("ResourceRequest %s has invalid status to call markExecuting.", this.name);
+                return;
+        }
+
+        this.timestampExecuting = performance.now();
+        this.status = "executing";
+    }
+
+    markExecuted(result: ResourceRequestResult) {
+        switch (this.status) {
+            case "unset":
+                /* the markEnqueue() invoke has been skipped */
+                break;
+
+            case "pending":
+                /* the markExecuting() invoke has been skipped */
+                break;
+
+            case "executing":
+                break;
+
+            default:
+                console.warn("ResourceRequest %s has invalid status to call markExecuted.", this.name);
+                return;
+        }
+
+        this.result = result;
+        this.timestampExecuted = performance.now();
+        this.status = "executed";
+    }
+
+    generateReportString() {
+        let timeEnqueued, timeExecuted;
+        if(this.timestampEnqueue === 0) {
+            timeEnqueued = "unknown";
+        } else {
+            let endTimestamp = Math.min(this.timestampExecuting, this.timestampExecuted);
+            if (endTimestamp === 0) {
+                timeEnqueued = "pending";
+            } else {
+                timeEnqueued = endTimestamp - this.timestampEnqueue;
+            }
+        }
+
+        if(this.timestampExecuted === 0) {
+            timeExecuted = "unknown";
+        } else {
+            if( this.timestampExecuted === 0) {
+                timeExecuted = "pending";
+            } else {
+                timeExecuted =  this.timestampExecuted - this.timestampEnqueue;
+            }
+        }
+
+        return `ResourceRequest{ type: ${this.type}, time enqueued: ${timeEnqueued}, time executed: ${timeExecuted}, name: ${this.name} }`;
+    }
+}
+
+export class LoaderPerformanceLogger {
+    private readonly resourceTimings: ResourceRequest[] = [];
+    private eventTimeBase: number;
+
+    constructor() {
+        this.eventTimeBase = performance.now();
+    }
+
+    getResourceTimings() : ResourceRequest[] {
+        return this.resourceTimings;
+    }
+
+    logResourceRequest(type: ResourceType, name: string) : ResourceRequest {
+        const request = new ResourceRequest(type, name);
+        this.resourceTimings.push(request);
+        return request;
+    }
+}
\ No newline at end of file
diff --git a/loader/app/loader/ScriptLoader.ts b/loader/app/loader/ScriptLoader.ts
index 270b4de9..6271d7e2 100644
--- a/loader/app/loader/ScriptLoader.ts
+++ b/loader/app/loader/ScriptLoader.ts
@@ -1,80 +1,57 @@
-import {config, critical_error, SourcePath} from "./loader";
+import {config, critical_error, loaderPerformance, SourcePath} from "./loader";
 import {executeParallelLoad, LoadCallback, LoadSyntaxError, ParallelOptions} from "./Utils";
 
-let _script_promises: {[key: string]: Promise<void>} = {};
+export function loadScript(url: SourcePath) : Promise<void> {
+    const givenTimeout = 120 * 1000;
 
-function load_script_url(url: string) : Promise<void> {
-    if(typeof _script_promises[url] === "object") {
-        return _script_promises[url];
-    }
+    const resourceRequest = loaderPerformance.logResourceRequest("script", url);
+    resourceRequest.markEnqueue();
 
-    return (_script_promises[url] = new Promise((resolve, reject) => {
-        const script_tag: HTMLScriptElement = document.createElement("script");
-
-        let error = false;
-        const error_handler = (event: ErrorEvent) => {
-            if(event.filename == script_tag.src && event.message.indexOf("Illegal constructor") == -1) { //Our tag throw an uncaught error
-                if(config.verbose) console.log("msg: %o, url: %o, line: %o, col: %o, error: %o", event.message, event.filename, event.lineno, event.colno, event.error);
-                window.removeEventListener('error', error_handler as any);
-
-                reject(new LoadSyntaxError(event.error));
-                event.preventDefault();
-                error = true;
-            }
-        };
-        window.addEventListener('error', error_handler as any);
+    return new Promise((resolve, reject) => {
+        const scriptTag = document.createElement("script");
+        scriptTag.type = "application/javascript";
+        scriptTag.async = true;
+        scriptTag.defer = true;
 
         const cleanup = () => {
-            script_tag.onerror = undefined;
-            script_tag.onload = undefined;
+            scriptTag.onerror = undefined;
+            scriptTag.onload = undefined;
 
-            clearTimeout(timeout_handle);
-            window.removeEventListener('error', error_handler as any);
+            clearTimeout(timeoutHandle);
         };
-        const timeout_handle = setTimeout(() => {
+
+        const timeoutHandle = setTimeout(() => {
+            resourceRequest.markExecuted({ status: "timeout", givenTimeout: givenTimeout });
             cleanup();
             reject("timeout");
-        }, 120 * 1000);
-        script_tag.type = "application/javascript";
-        script_tag.async = true;
-        script_tag.defer = true;
-        script_tag.onerror = error => {
-            cleanup();
-            script_tag.remove();
-            reject(error);
-        };
-        script_tag.onload = () => {
-            cleanup();
+        }, givenTimeout);
 
-            if(config.verbose) console.debug("Script %o loaded", url);
-            setTimeout(resolve, 100);
+        /* TODO: Test if on syntax error the parameters contain extra info */
+        scriptTag.onerror = () => {
+            resourceRequest.markExecuted({ status: "error-event" });
+            scriptTag.remove();
+            cleanup();
+            reject();
         };
 
-        document.getElementById("scripts").appendChild(script_tag);
+        scriptTag.onload = () => {
+            resourceRequest.markExecuted({ status: "success" });
+            cleanup();
+            resolve();
+        };
 
-        script_tag.src = config.baseUrl + url;
-    })).then(() => {
-        /* cleanup memory */
-        _script_promises[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
-        return _script_promises[url];
-    }).catch(error => {
-        /* cleanup memory */
-        _script_promises[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
-        return _script_promises[url];
+        scriptTag.onloadstart = () => {
+        }
+
+        scriptTag.src = config.baseUrl + url;
+        document.getElementById("scripts").appendChild(scriptTag);
+        resourceRequest.markExecuting();
     });
 }
 
-export interface Options {
-    cache_tag?: string;
-}
-
-export async function loadScript(path: SourcePath, options: Options) : Promise<void> {
-    await load_script_url(path + (options.cache_tag || ""));
-}
-
-type MultipleOptions = Options | ParallelOptions;
+type MultipleOptions = ParallelOptions;
 export async function loadScripts(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
-    const result = await executeParallelLoad<SourcePath>(paths, e => loadScript(e, options), e => e, options, callback);
+    const result = await executeParallelLoad<SourcePath>(paths, e => loadScript(e), e => e, options, callback);
     if(result.failed.length > 0) {
         if(config.error) {
             console.error("Failed to load the following scripts:");
diff --git a/loader/app/loader/StyleLoader.ts b/loader/app/loader/StyleLoader.ts
index aeee30e8..3e0b1646 100644
--- a/loader/app/loader/StyleLoader.ts
+++ b/loader/app/loader/StyleLoader.ts
@@ -1,112 +1,58 @@
-import {config, critical_error, SourcePath} from "./loader";
+import {config, critical_error, loaderPerformance, SourcePath} from "./loader";
 import {executeParallelLoad, LoadCallback, LoadSyntaxError, ParallelOptions} from "./Utils";
 
-let loadedStyles: {[key: string]: Promise<void>} = {};
+export function loadStyle(path: SourcePath) : Promise<void> {
+    const givenTimeout = 120 * 1000;
 
-function load_style_url(url: string) : Promise<void> {
-    if(typeof loadedStyles[url] === "object") {
-        return loadedStyles[url];
-    }
+    const resourceRequest = loaderPerformance.logResourceRequest("script", path);
+    resourceRequest.markEnqueue();
 
-    return (loadedStyles[url] = new Promise((resolve, reject) => {
-        const tag: HTMLLinkElement = document.createElement("link");
+    return new Promise((resolve, reject) => {
+        const linkTag = document.createElement("link");
 
-        let error = false;
-        const error_handler = (event: ErrorEvent) => {
-            if(config.verbose) {
-                console.log("msg: %o, url: %o, line: %o, col: %o, error: %o", event.message, event.filename, event.lineno, event.colno, event.error);
-            }
-
-            if(event.filename == tag.href) { //FIXME!
-                window.removeEventListener('error', error_handler as any);
-
-                reject(new SyntaxError(event.error));
-                event.preventDefault();
-                error = true;
-            }
-        };
-        window.addEventListener('error', error_handler as any);
-
-        tag.type = "text/css";
-        tag.rel = "stylesheet";
+        linkTag.type = "text/css";
+        linkTag.rel = "stylesheet";
+        linkTag.href = config.baseUrl + path;
 
         const cleanup = () => {
-            tag.onerror = undefined;
-            tag.onload = undefined;
+            linkTag.onerror = undefined;
+            linkTag.onload = undefined;
 
-            clearTimeout(timeout_handle);
-            window.removeEventListener('error', error_handler as any);
+            clearTimeout(timeoutHandle);
         };
 
-        const timeout_handle = setTimeout(() => {
+        const errorCleanup = () => {
+            linkTag.remove();
+            cleanup();
+        };
+
+        const timeoutHandle = setTimeout(() => {
+            resourceRequest.markExecuted({ status: "timeout", givenTimeout: givenTimeout });
             cleanup();
             reject("timeout");
-        }, 5000);
+        }, givenTimeout);
 
-        tag.onerror = error => {
-            cleanup();
-            tag.remove();
-            if(config.error) {
-                console.error("File load error for file %s: %o", url, error);
-            }
-            reject("failed to load file " + url);
-        };
-        tag.onload = () => {
-            cleanup();
-            {
-                const css: CSSStyleSheet = tag.sheet as CSSStyleSheet;
-                const rules = css.cssRules;
-                const rules_remove: number[] = [];
-                const rules_add: string[] = [];
-
-                for(let index = 0; index < rules.length; index++) {
-                    const rule = rules.item(index);
-                    let rule_text = rule.cssText;
-
-                    if(rule.cssText.indexOf("%%base_path%%") != -1) {
-                        rules_remove.push(index);
-                        rules_add.push(rule_text.replace("%%base_path%%", document.location.origin + document.location.pathname));
-                    }
-                }
-
-                for(const index of rules_remove.sort((a, b) => b > a ? 1 : 0)) {
-                    if(css.removeRule)
-                        css.removeRule(index);
-                    else
-                        css.deleteRule(index);
-                }
-                for(const rule of rules_add)
-                    css.insertRule(rule, rules_remove[0]);
-            }
-
-            if(config.verbose) console.debug("Style sheet %o loaded", url);
-            setTimeout(resolve, 100);
+        /* TODO: Test if on syntax error the parameters contain extra info */
+        linkTag.onerror = () => {
+            resourceRequest.markExecuted({ status: "error-event" });
+            errorCleanup();
+            reject();
         };
 
-        document.getElementById("style").appendChild(tag);
-        tag.href = config.baseUrl + url;
-    })).then(() => {
-        /* cleanup memory */
-        loadedStyles[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
-        return loadedStyles[url];
-    }).catch(error => {
-        /* cleanup memory */
-        loadedStyles[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
-        return loadedStyles[url];
+        linkTag.onload = () => {
+            resourceRequest.markExecuted({ status: "success" });
+            cleanup();
+            resolve();
+        };
+
+        document.getElementById("style").appendChild(linkTag);
+        resourceRequest.markExecuting();
     });
 }
 
-export interface Options {
-    cache_tag?: string;
-}
-
-export async function loadStyle(path: SourcePath, options: Options) : Promise<void> {
-    await load_style_url(path + (options.cache_tag || ""));
-}
-
-export type MultipleOptions = Options | ParallelOptions;
+export type MultipleOptions = ParallelOptions;
 export async function loadStyles(paths: SourcePath[], options: MultipleOptions, callback?: LoadCallback<SourcePath>) : Promise<void> {
-    const result = await executeParallelLoad<SourcePath>(paths, e => loadStyle(e, options), e => e, options, callback);
+    const result = await executeParallelLoad<SourcePath>(paths, e => loadStyle(e), e => e, options, callback);
     if(result.failed.length > 0) {
         if(config.error) {
             console.error("Failed to load the following style sheets:");
diff --git a/loader/app/loader/Utils.ts b/loader/app/loader/Utils.ts
index 09725296..c400f8cd 100644
--- a/loader/app/loader/Utils.ts
+++ b/loader/app/loader/Utils.ts
@@ -1,5 +1,3 @@
-import {Options} from "./ScriptLoader";
-
 export const getUrlParameter = key => {
     const match = location.search.match(new RegExp("(.*[?&]|^)" + key + "=([^&]+)($|&.*)"));
     if(!match) {
@@ -16,7 +14,7 @@ export class LoadSyntaxError {
     }
 }
 
-export interface ParallelOptions extends Options {
+export interface ParallelOptions {
     maxParallelRequests?: number
 }
 
diff --git a/loader/app/loader/loader.ts b/loader/app/loader/loader.ts
index 09561c2d..4e28f016 100644
--- a/loader/app/loader/loader.ts
+++ b/loader/app/loader/loader.ts
@@ -1,5 +1,6 @@
 import * as Animation from "../animation";
 import {getUrlParameter} from "./Utils";
+import {LoaderPerformanceLogger} from "./Performance";
 
 export interface ApplicationLoader {
     execute();
@@ -329,4 +330,6 @@ export function critical_error_handler(handler?: ErrorHandler, override?: boolea
 }
 
 /* loaders */
-export type SourcePath = string;
\ No newline at end of file
+export type SourcePath = string;
+
+export let loaderPerformance = new LoaderPerformanceLogger();
\ No newline at end of file
diff --git a/loader/app/maifest.ts b/loader/app/maifest.ts
index a257530c..6d88afcf 100644
--- a/loader/app/maifest.ts
+++ b/loader/app/maifest.ts
@@ -1,5 +1,5 @@
 import * as loader from "./loader/loader";
-import {config} from "./loader/loader";
+import {config, loaderPerformance} from "./loader/loader";
 import {loadStyles} from "./loader/StyleLoader";
 import {loadScripts} from "./loader/ScriptLoader";
 
@@ -31,14 +31,19 @@ export async function loadManifest() : Promise<ApplicationManifest> {
         return manifest;
     }
 
+    const requestResource = loaderPerformance.logResourceRequest("json", "manifest.json");
     try {
+        requestResource.markExecuting();
         const response = await fetch(config.baseUrl + "/manifest.json?_date=" + Date.now());
         if(!response.ok) {
+            requestResource.markExecuted({ status: "unknown-error", message: response.status + " " + response.statusText });
             throw response.status + " " + response.statusText;
         }
 
         manifest = await response.json();
+        requestResource.markExecuted({ status: "success" });
     } catch(error) {
+        requestResource.markExecuted({ status: "error-event" });
         console.error("Failed to load javascript manifest: %o", error);
         loader.critical_error("Failed to load manifest.json", error);
         throw "failed to load manifest.json";
@@ -62,9 +67,9 @@ export async function loadManifestTarget(chunkName: string, taskId: number) {
         modules: manifest.chunks[chunkName].modules
     });
 
+    const kMaxRequests = 4;
     await loadStyles(manifest.chunks[chunkName].css_files.map(e => e.file), {
-        cache_tag: undefined,
-        maxParallelRequests: 4
+        maxParallelRequests: kMaxRequests
     }, (entry, state) => {
         if (state !== "loading") {
             return;
@@ -74,8 +79,7 @@ export async function loadManifestTarget(chunkName: string, taskId: number) {
     });
 
     await loadScripts(manifest.chunks[chunkName].files.map(e => e.file), {
-        cache_tag: undefined,
-        maxParallelRequests: 4
+        maxParallelRequests: kMaxRequests
     }, (script, state) => {
         if(state !== "loading") {
             return;

From 0b5f5197353c9d5156af127a925795582816f8d5 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 20 Mar 2021 15:10:16 +0100
Subject: [PATCH 041/128] Encapsulated the external modal from spawning and
 administrating windows

---
 client/app/{index.scss => AppMain.scss}       |   0
 client/app/EntryPointPopoutModal.ts           |   3 -
 client/app/entry-points/AppMain.ts            |   4 +
 .../{index.ts => entry-points/ModalWindow.ts} |   4 +-
 loader/app/targets/maifest-target.ts          |   2 +-
 loader/exports/loader.d.ts                    |   5 +-
 package-lock.json                             |   6 +-
 package.json                                  |   5 +-
 shared/css/static/modal.scss                  |   1 -
 shared/js/devel_main.ts                       |  25 --
 shared/js/entry-points/MainApp.ts             |   1 +
 shared/js/entry-points/ModalWindow.ts         |   1 +
 shared/js/i18n/localize.ts                    |   2 +-
 shared/js/main.tsx                            |   2 +-
 shared/js/settings.ts                         |  12 +-
 shared/js/ui/react-elements/Button.tsx        |  15 +-
 .../external-modal/Controller.ts              | 169 --------------
 .../external-modal/IPCMessage.ts              |  47 ----
 .../external-modal/PopoutController.ts        |  89 -------
 .../external-modal/PopoutEntrypoint.ts        |  89 -------
 .../ui/react-elements/external-modal/index.ts |  17 --
 .../js/ui/react-elements/modal/Controller.ts  |  16 +-
 .../js/ui/react-elements/modal/Definitions.ts |   2 +
 .../js/ui/react-elements/modal/Renderer.scss  |  21 ++
 .../js/ui/react-elements/modal/Renderer.tsx   |   3 +-
 .../modal/external/Controller.ts              | 219 ++++++++++++++++++
 .../modal/external/Definitions.ts             |  38 +++
 .../modal/external/renderer/Controller.ts     | 106 +++++++++
 .../modal/external/renderer/EntryPoint.ts     |  93 ++++++++
 .../external/renderer}/ModalRenderer.scss     |   8 +-
 .../external/renderer}/ModalRenderer.tsx      |   2 +-
 .../react-elements/modal/internal/index.tsx   |   2 +-
 shared/js/ui/windows/WindowManager.ts         |  50 ++++
 web/app/ExternalModalFactory.ts               | 155 -------------
 web/app/UnloadHandler.ts                      |   4 +-
 web/app/WebWindowManager.ts                   | 197 ++++++++++++++++
 web/app/entry-points/AppMain.ts               |  14 ++
 web/app/entry-points/ModalWindow.ts           |   4 +
 web/app/hooks/{Dns.ts => DNS.ts}              |   0
 web/app/hooks/ExternalModal.ts                |  12 -
 web/app/hooks/WindowManager.ts                |  10 +
 web/app/hooks/index.ts                        |   5 +-
 web/app/index-external.ts                     |   4 -
 web/app/index.ts                              |  14 --
 webpack-client.config.ts                      |   7 +-
 webpack-web.config.ts                         |   4 +-
 webpack.config.ts                             |   3 +-
 webpack/ManifestPlugin.ts                     |  23 +-
 48 files changed, 830 insertions(+), 685 deletions(-)
 rename client/app/{index.scss => AppMain.scss} (100%)
 delete mode 100644 client/app/EntryPointPopoutModal.ts
 create mode 100644 client/app/entry-points/AppMain.ts
 rename client/app/{index.ts => entry-points/ModalWindow.ts} (54%)
 delete mode 100644 shared/js/devel_main.ts
 create mode 100644 shared/js/entry-points/MainApp.ts
 create mode 100644 shared/js/entry-points/ModalWindow.ts
 delete mode 100644 shared/js/ui/react-elements/external-modal/Controller.ts
 delete mode 100644 shared/js/ui/react-elements/external-modal/IPCMessage.ts
 delete mode 100644 shared/js/ui/react-elements/external-modal/PopoutController.ts
 delete mode 100644 shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
 delete mode 100644 shared/js/ui/react-elements/external-modal/index.ts
 create mode 100644 shared/js/ui/react-elements/modal/external/Controller.ts
 create mode 100644 shared/js/ui/react-elements/modal/external/Definitions.ts
 create mode 100644 shared/js/ui/react-elements/modal/external/renderer/Controller.ts
 create mode 100644 shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
 rename shared/js/ui/react-elements/{external-modal => modal/external/renderer}/ModalRenderer.scss (57%)
 rename shared/js/ui/react-elements/{external-modal => modal/external/renderer}/ModalRenderer.tsx (97%)
 create mode 100644 shared/js/ui/windows/WindowManager.ts
 delete mode 100644 web/app/ExternalModalFactory.ts
 create mode 100644 web/app/WebWindowManager.ts
 create mode 100644 web/app/entry-points/AppMain.ts
 create mode 100644 web/app/entry-points/ModalWindow.ts
 rename web/app/hooks/{Dns.ts => DNS.ts} (100%)
 delete mode 100644 web/app/hooks/ExternalModal.ts
 create mode 100644 web/app/hooks/WindowManager.ts
 delete mode 100644 web/app/index-external.ts
 delete mode 100644 web/app/index.ts

diff --git a/client/app/index.scss b/client/app/AppMain.scss
similarity index 100%
rename from client/app/index.scss
rename to client/app/AppMain.scss
diff --git a/client/app/EntryPointPopoutModal.ts b/client/app/EntryPointPopoutModal.ts
deleted file mode 100644
index ea540cf6..00000000
--- a/client/app/EntryPointPopoutModal.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-window.__native_client_init_shared(__webpack_require__);
-
-import "tc-shared/ui/react-elements/external-modal/PopoutEntrypoint";
\ No newline at end of file
diff --git a/client/app/entry-points/AppMain.ts b/client/app/entry-points/AppMain.ts
new file mode 100644
index 00000000..b248c848
--- /dev/null
+++ b/client/app/entry-points/AppMain.ts
@@ -0,0 +1,4 @@
+window.__native_client_init_shared(__webpack_require__);
+
+import "../AppMain.scss";
+import "tc-shared/entry-points/MainApp";
\ No newline at end of file
diff --git a/client/app/index.ts b/client/app/entry-points/ModalWindow.ts
similarity index 54%
rename from client/app/index.ts
rename to client/app/entry-points/ModalWindow.ts
index 091fd57e..0c08ce71 100644
--- a/client/app/index.ts
+++ b/client/app/entry-points/ModalWindow.ts
@@ -1,4 +1,2 @@
 window.__native_client_init_shared(__webpack_require__);
-
-import "./index.scss";
-import "tc-shared/main";
\ No newline at end of file
+import "tc-shared/entry-points/ModalWindow";
\ No newline at end of file
diff --git a/loader/app/targets/maifest-target.ts b/loader/app/targets/maifest-target.ts
index d53e7a63..f4e0a0a7 100644
--- a/loader/app/targets/maifest-target.ts
+++ b/loader/app/targets/maifest-target.ts
@@ -10,7 +10,7 @@ export default class implements ApplicationLoader {
             function: async taskId => {
                 await loadManifest();
 
-                const entryChunk = getUrlParameter("chunk");
+                const entryChunk = getUrlParameter("loader-chunk");
                 if(!entryChunk) {
                     loader.critical_error("Missing entry chunk parameter");
                     throw "Missing entry chunk parameter";
diff --git a/loader/exports/loader.d.ts b/loader/exports/loader.d.ts
index 51ac6e9d..7d28d717 100644
--- a/loader/exports/loader.d.ts
+++ b/loader/exports/loader.d.ts
@@ -24,7 +24,7 @@ export let config: Config;
 export type Task = {
     name: string,
     priority: number, /* tasks with the same priority will be executed in sync */
-    function: () => Promise<void>
+    function: (taskId: number) => Promise<void>
 };
 export enum Stage {
     /*
@@ -86,4 +86,5 @@ export type SourcePath = string | DependSource | string[];
 export type ErrorHandler = (message: string, detail: string) => void;
 export function critical_error(message: string, detail?: string);
 export function critical_error_handler(handler?: ErrorHandler, override?: boolean);
-export function hide_overlay();
\ No newline at end of file
+export function hide_overlay();
+export function setCurrentTaskName(taskId: number, name: string);
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d2a6b819..e701dc44 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19305,9 +19305,9 @@
       }
     },
     "webpack-svg-sprite-generator": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/webpack-svg-sprite-generator/-/webpack-svg-sprite-generator-5.0.2.tgz",
-      "integrity": "sha512-i3b4aKgy2VZI7uYYEteKvnv3+mRtG+UfFSCYvnvoGs4dLJ++pDwbGGZL1XaYXN8qbePsHD88JQEvhfkChtx3aw==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/webpack-svg-sprite-generator/-/webpack-svg-sprite-generator-5.0.4.tgz",
+      "integrity": "sha512-j+Bl44VoF/Jv0pz0qfU/zeomoVUmWWZ0CGpaHdLH7xwHiCK4xCB2E+xaaSYSDRxoyNZNJEKESOIX+BzKCW4QYg==",
       "dev": true
     },
     "webrtc-adapter": {
diff --git a/package.json b/package.json
index d146d363..12f47605 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
     "webpack-web": "webpack --config webpack-web.config.js",
     "webpack-client": "webpack --config webpack-client.config.js",
     "generate-i18n-gtranslate": "node shared/generate_i18n_gtranslate.js",
-    "dev-server": "npm run compile-project-base && webpack serve --config webpack-web.config.js"
+    "dev-server": "npm run compile-project-base && webpack serve --config webpack-web.config.js",
+    "dev-server-client": "npm run compile-project-base && webpack serve --config webpack-client.config.js"
   },
   "author": "TeaSpeak (WolverinDEV)",
   "license": "ISC",
@@ -85,7 +86,7 @@
     "webpack-bundle-analyzer": "^3.6.1",
     "webpack-cli": "^4.5.0",
     "webpack-dev-server": "^3.11.2",
-    "webpack-svg-sprite-generator": "^5.0.2",
+    "webpack-svg-sprite-generator": "^5.0.4",
     "zip-webpack-plugin": "^4.0.1"
   },
   "repository": {
diff --git a/shared/css/static/modal.scss b/shared/css/static/modal.scss
index abc5abb0..80a65d7e 100644
--- a/shared/css/static/modal.scss
+++ b/shared/css/static/modal.scss
@@ -2,7 +2,6 @@
 @import "mixin";
 
 :global {
-
 	.modal {
 		color: #999999; /* base color */
 
diff --git a/shared/js/devel_main.ts b/shared/js/devel_main.ts
deleted file mode 100644
index 38190583..00000000
--- a/shared/js/devel_main.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as loader from "tc-loader";
-import {Stage} from "tc-loader";
-
-import * as ipc from "./ipc/BrowserIPC";
-import * as i18n from "./i18n/localize";
-
-import "./proto";
-
-
-console.error("Hello World from devel main");
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "setup",
-    priority: 10,
-    function: async () => {
-        await i18n.initialize();
-        ipc.setupIpcHandler();
-    }
-});
-
-loader.register_task(Stage.LOADED, {
-    name: "invoke",
-    priority: 10,
-    function: async () => {
-    }
-});
\ No newline at end of file
diff --git a/shared/js/entry-points/MainApp.ts b/shared/js/entry-points/MainApp.ts
new file mode 100644
index 00000000..fff46740
--- /dev/null
+++ b/shared/js/entry-points/MainApp.ts
@@ -0,0 +1 @@
+import "../main";
\ No newline at end of file
diff --git a/shared/js/entry-points/ModalWindow.ts b/shared/js/entry-points/ModalWindow.ts
new file mode 100644
index 00000000..31eb60b8
--- /dev/null
+++ b/shared/js/entry-points/ModalWindow.ts
@@ -0,0 +1 @@
+import "../ui/react-elements/modal/external/renderer/EntryPoint";
\ No newline at end of file
diff --git a/shared/js/i18n/localize.ts b/shared/js/i18n/localize.ts
index 5d4a0aeb..f8bf002f 100644
--- a/shared/js/i18n/localize.ts
+++ b/shared/js/i18n/localize.ts
@@ -316,7 +316,7 @@ export function select_translation(repository: TranslationRepository, entry: Rep
 }
 
 /* ATTENTION: This method is called before most other library initialisations! */
-export async function initialize() {
+export async function initializeI18N() {
     const rcfg = config.repository_config(); /* initialize */
     const cfg = config.translation_config();
 
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index 0fd27e80..f9d3d699 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -59,7 +59,7 @@ assertMainApplication();
 let preventWelcomeUI = false;
 async function initialize() {
     try {
-        await i18n.initialize();
+        await i18n.initializeI18N();
     } catch(error) {
         console.error(tr("Failed to initialized the translation system!\nError: %o"), error);
         loader.critical_error("Failed to setup the translation system");
diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index 8e078e67..94e377b3 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -275,16 +275,10 @@ export namespace AppParameters {
         description: "Peer address of the apps core",
     };
 
-    export const KEY_MODAL_IDENTITY_CODE: RegistryKey<string> = {
-        key: "modal-identify",
+    export const KEY_MODAL_IPC_CHANNEL: RegistryKey<string> = {
+        key: "modal-channel",
         valueType: "string",
-        description: "An authentication code used to register the new process as the modal"
-    };
-
-    export const KEY_MODAL_TARGET: RegistryKey<string> = {
-        key: "modal-target",
-        valueType: "string",
-        description: "Target modal unique id which should be loaded"
+        description: "The modal IPC channel id for communication with the controller"
     };
 
     export const KEY_LOAD_DUMMY_ERROR: ValuedRegistryKey<boolean> = {
diff --git a/shared/js/ui/react-elements/Button.tsx b/shared/js/ui/react-elements/Button.tsx
index c5cb9142..03f70822 100644
--- a/shared/js/ui/react-elements/Button.tsx
+++ b/shared/js/ui/react-elements/Button.tsx
@@ -1,5 +1,6 @@
 import {ReactComponentBase} from "tc-shared/ui/react-elements/ReactComponentBase";
 import * as React from "react";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
 
 const cssStyle = require("./Button.scss");
 
@@ -21,12 +22,14 @@ export interface ButtonState {
     disabled?: boolean
 }
 
-export class Button extends ReactComponentBase<ButtonProperties, ButtonState> {
-    protected defaultState(): ButtonState {
-        return {
+export class Button extends React.Component<ButtonProperties, ButtonState> {
+    constructor(props) {
+        super(props);
+
+        this.state = {
             disabled: undefined
-        };
-    }
+        }
+    };
 
     render() {
         if(this.props.hidden)
@@ -34,7 +37,7 @@ export class Button extends ReactComponentBase<ButtonProperties, ButtonState> {
 
         return (
             <button
-                className={this.classList(
+                className={joinClassList(
                     cssStyle.button,
                     cssStyle["color-" + this.props.color] || cssStyle["color-default"],
                     cssStyle["type-" + this.props.type] || cssStyle["type-normal"],
diff --git a/shared/js/ui/react-elements/external-modal/Controller.ts b/shared/js/ui/react-elements/external-modal/Controller.ts
deleted file mode 100644
index a2e42559..00000000
--- a/shared/js/ui/react-elements/external-modal/Controller.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import {LogCategory, logDebug, logTrace} from "../../../log";
-import * as ipc from "../../../ipc/BrowserIPC";
-import {ChannelMessage} from "../../../ipc/BrowserIPC";
-import {Registry} from "tc-events";
-import {
-    EventControllerBase,
-    kPopoutIPCChannelId,
-    Popout2ControllerMessages,
-    PopoutIPCMessage
-} from "../../../ui/react-elements/external-modal/IPCMessage";
-import {ModalEvents, ModalOptions, ModalState} from "../../../ui/react-elements/ModalDefinitions";
-import {guid} from "tc-shared/crypto/uid";
-import {ModalInstanceController, ModalInstanceEvents} from "tc-shared/ui/react-elements/modal/Definitions";
-
-export abstract class AbstractExternalModalController extends EventControllerBase<"controller"> implements ModalInstanceController {
-    public readonly modalType: string;
-    public readonly constructorArguments: any[];
-
-    private readonly modalEvents: Registry<ModalInstanceEvents>;
-    private modalState: ModalState = ModalState.DESTROYED;
-
-    private readonly documentUnloadListener: () => void;
-    private callbackWindowInitialized: (error?: string) => void;
-
-    protected constructor(modalType: string, constructorArguments: any[]) {
-        super(guid());
-        this.modalType = modalType;
-        this.constructorArguments = constructorArguments;
-
-        this.modalEvents = new Registry<ModalInstanceEvents>();
-
-        this.ipcChannel = ipc.getIpcInstance().createChannel(kPopoutIPCChannelId);
-        this.ipcChannel.messageHandler = this.handleIPCMessage.bind(this);
-
-        this.documentUnloadListener = () => this.destroy();
-    }
-
-    getOptions(): Readonly<ModalOptions> {
-        return {}; /* FIXME! */
-    }
-
-    getEvents(): Registry<ModalInstanceEvents> {
-        return this.modalEvents;
-    }
-
-    getState(): ModalState {
-        return this.modalState;
-    }
-
-    protected abstract spawnWindow() : Promise<boolean>;
-    protected abstract focusWindow() : void;
-    protected abstract destroyWindow() : void;
-
-    async show() {
-        if(this.modalState === ModalState.SHOWN) {
-            this.focusWindow();
-            return;
-        }
-        this.modalState = ModalState.SHOWN;
-
-        if(!await this.spawnWindow()) {
-            this.modalState = ModalState.DESTROYED;
-            throw tr("failed to create window");
-        }
-
-        try {
-            await new Promise((resolve, reject) => {
-                const timeout = setTimeout(() => {
-                    this.callbackWindowInitialized = undefined;
-                    reject("window haven't called back");
-                }, 15000);
-
-                this.callbackWindowInitialized = error => {
-                    this.callbackWindowInitialized = undefined;
-                    clearTimeout(timeout);
-                    error ? reject(error) : resolve();
-                };
-            });
-        } catch (e) {
-            this.modalState = ModalState.DESTROYED;
-            if(__build.mode !== "debug") {
-                /* do not destroy the window in debug mode in order to debug what happened */
-                this.doDestroyWindow();
-            }
-            throw e;
-        }
-
-        window.addEventListener("unload", this.documentUnloadListener);
-        this.modalEvents.fire("notify_open");
-    }
-
-    private doDestroyWindow() {
-        this.destroyWindow();
-        window.removeEventListener("beforeunload", this.documentUnloadListener);
-    }
-
-    async hide() {
-        if(this.modalState == ModalState.DESTROYED || this.modalState === ModalState.HIDDEN)
-            return;
-
-        this.doDestroyWindow();
-        this.modalState = ModalState.HIDDEN;
-        this.modalEvents.fire("notify_close");
-    }
-
-    destroy() {
-        if(this.modalState === ModalState.DESTROYED) {
-            return;
-        }
-
-        this.doDestroyWindow();
-        if(this.ipcChannel) {
-            ipc.getIpcInstance().deleteChannel(this.ipcChannel);
-        }
-
-        this.destroyIPC();
-        this.modalState = ModalState.DESTROYED;
-        this.modalEvents.fire("notify_destroy");
-    }
-
-    protected handleWindowClosed() {
-        /* no other way currently */
-        this.destroy();
-    }
-
-    protected handleIPCMessage(remoteId: string, broadcast: boolean, message: ChannelMessage) {
-        if(!broadcast && remoteId !== this.ipcRemotePeerId) {
-            logDebug(LogCategory.IPC, tr("Received direct IPC message for popout controller from unknown source: %s"), remoteId);
-            return;
-        }
-
-        this.handleTypedIPCMessage(remoteId, broadcast, message.type as any, message.data);
-    }
-
-    protected handleTypedIPCMessage<T extends Popout2ControllerMessages>(remoteId: string, isBroadcast: boolean, type: T, payload: PopoutIPCMessage[T]) {
-        super.handleTypedIPCMessage(remoteId, isBroadcast, type, payload);
-
-        if(type === "hello-popout") {
-            const messageHello = payload as PopoutIPCMessage["hello-popout"];
-            if(messageHello.authenticationCode !== this.ipcAuthenticationCode) {
-                /* most likely not for us */
-                return;
-            }
-
-            if(this.ipcRemotePeerId) {
-                logTrace(LogCategory.IPC, tr("Modal popout slave changed from %s to %s. Side reload?"), this.ipcRemotePeerId, remoteId);
-                /* TODO: Send a good by to the old modal */
-            }
-            this.ipcRemotePeerId = remoteId;
-
-            logTrace(LogCategory.IPC, "Received Hello World from popup (peer id %s) with version %s (expected %s).", remoteId, messageHello.version, __build.version);
-            if(messageHello.version !== __build.version) {
-                this.sendIPCMessage("hello-controller", { accepted: false, message: tr("version miss match") });
-                if(this.callbackWindowInitialized) {
-                    this.callbackWindowInitialized(tr("version miss match"));
-                    this.callbackWindowInitialized = undefined;
-                }
-                return;
-            }
-
-            if(this.callbackWindowInitialized) {
-                this.callbackWindowInitialized();
-                this.callbackWindowInitialized = undefined;
-            }
-
-            this.sendIPCMessage("hello-controller", { accepted: true, constructorArguments: this.constructorArguments });
-        }
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/IPCMessage.ts b/shared/js/ui/react-elements/external-modal/IPCMessage.ts
deleted file mode 100644
index c3f80c21..00000000
--- a/shared/js/ui/react-elements/external-modal/IPCMessage.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import {IPCChannel} from "../../../ipc/BrowserIPC";
-
-export const kPopoutIPCChannelId = "popout-channel";
-
-export interface PopoutIPCMessage {
-    "hello-popout": { version: string, authenticationCode: string },
-    "hello-controller": { accepted: boolean, message?: string, constructorArguments?: any[] },
-    "invoke-modal-action": {
-        action: "close" | "minimize"
-    }
-}
-
-export type Controller2PopoutMessages = "hello-controller";
-export type Popout2ControllerMessages = "hello-popout" | "invoke-modal-action";
-
-export interface SendIPCMessage {
-    "controller": Controller2PopoutMessages;
-    "popout": Popout2ControllerMessages;
-}
-
-export interface ReceivedIPCMessage {
-    "controller": Popout2ControllerMessages;
-    "popout": Controller2PopoutMessages;
-}
-
-export abstract class EventControllerBase<Type extends "controller" | "popout"> {
-    protected readonly ipcAuthenticationCode: string;
-    protected ipcRemotePeerId: string;
-    protected ipcChannel: IPCChannel;
-
-    protected constructor(ipcAuthenticationCode: string) {
-        this.ipcAuthenticationCode = ipcAuthenticationCode;
-    }
-
-    protected sendIPCMessage<T extends SendIPCMessage[Type]>(type: T, payload: PopoutIPCMessage[T]) {
-        this.ipcChannel.sendMessage(type, payload, this.ipcRemotePeerId);
-    }
-
-    protected handleTypedIPCMessage<T extends ReceivedIPCMessage[Type]>(remoteId: string, isBroadcast: boolean, type: T, payload: PopoutIPCMessage[T]) {
-
-    }
-
-    protected destroyIPC() {
-        this.ipcChannel = undefined;
-        this.ipcRemotePeerId = undefined;
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/PopoutController.ts b/shared/js/ui/react-elements/external-modal/PopoutController.ts
deleted file mode 100644
index 8f5e0580..00000000
--- a/shared/js/ui/react-elements/external-modal/PopoutController.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import {getIpcInstance as getIPCInstance} from "../../../ipc/BrowserIPC";
-import {AppParameters} from "../../../settings";
-import {
-    Controller2PopoutMessages,
-    EventControllerBase, kPopoutIPCChannelId,
-    PopoutIPCMessage,
-} from "../../../ui/react-elements/external-modal/IPCMessage";
-
-let controller: PopoutController;
-export function getPopoutController() {
-    if(!controller) {
-        controller = new PopoutController();
-    }
-
-    return controller;
-}
-
-
-class PopoutController extends EventControllerBase<"popout"> {
-    private constructorArguments: any[];
-    private callbackControllerHello: (accepted: boolean | string) => void;
-
-    constructor() {
-        super(AppParameters.getValue(AppParameters.KEY_MODAL_IDENTITY_CODE, "invalid"));
-
-        this.ipcChannel = getIPCInstance().createChannel(kPopoutIPCChannelId);
-        this.ipcChannel.messageHandler = (sourcePeerId, broadcast, message) => {
-            this.handleTypedIPCMessage(sourcePeerId, broadcast, message.type as any, message.data);
-        };
-    }
-
-    getConstructorArguments() : any[] {
-        return this.constructorArguments;
-    }
-
-    async initialize() {
-        this.sendIPCMessage("hello-popout", { version: __build.version, authenticationCode: this.ipcAuthenticationCode });
-
-        await new Promise((resolve, reject) => {
-            const timeout = setTimeout(() => {
-                this.callbackControllerHello = undefined;
-                reject("controller haven't called back");
-            }, 5000);
-
-            this.callbackControllerHello = result => {
-                this.callbackControllerHello = undefined;
-                clearTimeout(timeout);
-                if(typeof result === "string") {
-                    reject(result);
-                } else if(!result) {
-                    reject();
-                } else {
-                    resolve();
-                }
-            };
-        });
-    }
-
-    protected handleTypedIPCMessage<T extends Controller2PopoutMessages>(remoteId: string, isBroadcast: boolean, type: T, payload: PopoutIPCMessage[T]) {
-        super.handleTypedIPCMessage(remoteId, isBroadcast, type, payload);
-
-        switch (type) {
-            case "hello-controller": {
-                const tpayload = payload as PopoutIPCMessage["hello-controller"];
-                this.ipcRemotePeerId = remoteId;
-                console.log("Received Hello World from controller (peer id %s). Window instance accepted: %o", this.ipcRemotePeerId, tpayload.accepted);
-                if(!this.callbackControllerHello) {
-                    return;
-                }
-
-                this.constructorArguments = tpayload.constructorArguments;
-                this.callbackControllerHello(tpayload.accepted ? true : tpayload.message || false);
-                break;
-            }
-
-            default:
-                console.warn("Received unknown message type from controller: %s", type);
-                return;
-        }
-    }
-
-    doClose() {
-        this.sendIPCMessage("invoke-modal-action", { action: "close" });
-    }
-
-    doMinimize() {
-        this.sendIPCMessage("invoke-modal-action", { action: "minimize" });
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts b/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
deleted file mode 100644
index 56e541fd..00000000
--- a/shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import * as loader from "tc-loader";
-import * as ipc from "../../../ipc/BrowserIPC";
-import * as i18n from "../../../i18n/localize";
-import {Stage} from "tc-loader";
-import {AbstractModal} from "../../../ui/react-elements/ModalDefinitions";
-import {AppParameters} from "../../../settings";
-import {getPopoutController} from "./PopoutController";
-import {setupJSRender} from "../../../ui/jsrender";
-import {findRegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
-import {ModalRenderer} from "tc-shared/ui/react-elements/external-modal/ModalRenderer";
-import {constructAbstractModalClass} from "tc-shared/ui/react-elements/modal/Definitions";
-import "../../../file/RemoteAvatars";
-import "../../../file/RemoteIcons";
-
-let modalRenderer: ModalRenderer;
-let modalInstance: AbstractModal;
-let modalClass: new (...args: any[]) => AbstractModal;
-
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "setup",
-    priority: 110,
-    function: async () => {
-        await import("tc-shared/proto");
-        await i18n.initialize();
-        ipc.setupIpcHandler();
-
-        setupJSRender();
-    }
-});
-
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "main app connect",
-    priority: 100,
-    function: async () => {
-        const ppController = getPopoutController();
-        await ppController.initialize();
-    }
-});
-
-
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "modal renderer loader",
-    priority: 10,
-    function: async () => {
-        modalRenderer = new ModalRenderer({
-            close() {
-                getPopoutController().doClose()
-            },
-            minimize() {
-                getPopoutController().doMinimize()
-            }
-        });
-    }
-});
-
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "modal class loader",
-    priority: 10,
-    function: async () => {
-        const modalTarget = AppParameters.getValue(AppParameters.KEY_MODAL_TARGET, "unknown");
-        console.error("Loading modal class %s", modalTarget);
-        try {
-            const registeredModal = findRegisteredModal(modalTarget as any);
-            if(!registeredModal) {
-                loader.critical_error("Missing popout handler", "Handler " + modalTarget + " is missing.");
-                throw "missing handler";
-            }
-
-            modalClass = (await registeredModal.classLoader()).default;
-        } catch(error) {
-            loader.critical_error("Failed to load modal", "Lookup the console for more detail");
-            console.error("Failed to load modal %s: %o", modalTarget, error);
-        }
-    }
-});
-
-loader.register_task(Stage.LOADED, {
-    name: "main app connect",
-    priority: 100,
-    function: async () => {
-        try {
-            modalInstance = constructAbstractModalClass(modalClass, { windowed: true }, getPopoutController().getConstructorArguments());
-            modalRenderer.renderModal(modalInstance);
-        } catch(error) {
-            loader.critical_error("Failed to invoker modal", "Lookup the console for more detail");
-            console.error("Failed to load modal: %o", error);
-        }
-    }
-});
diff --git a/shared/js/ui/react-elements/external-modal/index.ts b/shared/js/ui/react-elements/external-modal/index.ts
deleted file mode 100644
index 99705f5d..00000000
--- a/shared/js/ui/react-elements/external-modal/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {ModalInstanceController, ModalOptions} from "../modal/Definitions";
-import "./Controller";
-
-export type ControllerFactory = (modalType: string, constructorArguments?: any[], options?: ModalOptions) => ModalInstanceController;
-
-let modalControllerFactory: ControllerFactory;
-export function setExternalModalControllerFactory(factory: ControllerFactory) {
-    modalControllerFactory = factory;
-}
-
-export function spawnExternalModal<EventClass extends { [key: string]: any }>(modalType: string, constructorArguments: any[], options: ModalOptions) : ModalInstanceController {
-    if(typeof modalControllerFactory === "undefined") {
-        throw tr("No external modal factory has been set");
-    }
-
-    return modalControllerFactory(modalType, constructorArguments, options);
-}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Controller.ts b/shared/js/ui/react-elements/modal/Controller.ts
index 833a490c..12459d08 100644
--- a/shared/js/ui/react-elements/modal/Controller.ts
+++ b/shared/js/ui/react-elements/modal/Controller.ts
@@ -10,9 +10,11 @@ import {
 } from "tc-shared/ui/react-elements/modal/Definitions";
 import {Registry} from "tc-events";
 import {findRegisteredModal, RegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
-import {spawnExternalModal} from "tc-shared/ui/react-elements/external-modal";
-import {InternalModalInstance} from "tc-shared/ui/react-elements/modal/internal";
+import {assertMainApplication} from "tc-shared/ui/utils";
+import {InternalModalInstance} from "./internal";
+import {ExternalModalController} from "./external/Controller";
 
+assertMainApplication();
 export class GenericModalController<T extends keyof ModalConstructorArguments> implements ModalController {
     private readonly events: Registry<ModalEvents>;
 
@@ -66,7 +68,7 @@ export class GenericModalController<T extends keyof ModalConstructorArguments> i
 
     private createModalInstance() {
         if(this.popedOut) {
-            this.instance = spawnExternalModal(this.modalType, this.modalConstructorArguments, this.modalOptions);
+            this.instance = new ExternalModalController(this.modalType, this.modalConstructorArguments, this.modalOptions);
         } else {
             this.instance = new InternalModalInstance(this.getModalClass(), this.modalConstructorArguments, this.modalOptions);
         }
@@ -74,6 +76,11 @@ export class GenericModalController<T extends keyof ModalConstructorArguments> i
         const events = this.instance.getEvents();
         events.on("notify_destroy", events.on("notify_open", () => this.events.fire("open")));
         events.on("notify_destroy", events.on("notify_close", () => this.events.fire("close")));
+        events.on("notify_destroy", () => {
+            if(this.instance) {
+                this.destroy();
+            }
+        });
 
         events.on("action_close", () => this.destroy());
         events.on("action_popout", () => {
@@ -99,8 +106,9 @@ export class GenericModalController<T extends keyof ModalConstructorArguments> i
     }
 
     private destroyModalInstance() {
-        this.instance?.destroy();
+        const instance = this.instance;
         this.instance = undefined;
+        instance?.destroy();
     }
 
     destroy() {
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 30086312..231a6b4b 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -69,10 +69,12 @@ export enum ModalState {
 }
 
 export interface ModalInstanceEvents {
+    /* Actions which must be implemented by our modal owner */
     action_close: {},
     action_minimize: {},
     action_popout: {},
 
+    /* State changes we encountered */
     notify_open: {}
     notify_minimize: {},
     notify_close: {},
diff --git a/shared/js/ui/react-elements/modal/Renderer.scss b/shared/js/ui/react-elements/modal/Renderer.scss
index 2dfd679c..beb35df5 100644
--- a/shared/js/ui/react-elements/modal/Renderer.scss
+++ b/shared/js/ui/react-elements/modal/Renderer.scss
@@ -135,6 +135,27 @@ html:root {
     display: flex;
     flex-direction: column;
     justify-content: stretch;
+
+    &.windowed {
+        position: absolute;
+
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+
+        width: 100%;
+        height: 100%;
+
+        .modalTitle {
+            -webkit-app-region: drag;
+        }
+
+        .modalBody {
+            height: 100%;
+            width: 100%;
+        }
+    }
 }
 
 .modalWindowContainer {
diff --git a/shared/js/ui/react-elements/modal/Renderer.tsx b/shared/js/ui/react-elements/modal/Renderer.tsx
index f9cb7b2d..c25a89a7 100644
--- a/shared/js/ui/react-elements/modal/Renderer.tsx
+++ b/shared/js/ui/react-elements/modal/Renderer.tsx
@@ -123,11 +123,12 @@ export class ModalBodyRenderer extends React.PureComponent<{
 }
 
 export class ModalFrameRenderer extends React.PureComponent<{
+    windowed: boolean,
     children: [React.ReactElement<ModalFrameTopRenderer>, React.ReactElement<ModalBodyRenderer>]
 }> {
     render() {
         return (
-            <div className={cssStyle.modalFrame}>
+            <div className={cssStyle.modalFrame + " " + (this.props.windowed ? cssStyle.windowed : "")}>
                 {this.props.children[0]}
                 {this.props.children[1]}
             </div>
diff --git a/shared/js/ui/react-elements/modal/external/Controller.ts b/shared/js/ui/react-elements/modal/external/Controller.ts
new file mode 100644
index 00000000..cbcd47c4
--- /dev/null
+++ b/shared/js/ui/react-elements/modal/external/Controller.ts
@@ -0,0 +1,219 @@
+import {LogCategory, logError, logInfo, logWarn} from "tc-shared/log";
+import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
+import {Registry} from "tc-events";
+import {ModalOptions} from "tc-shared/ui/react-elements/modal/Definitions";
+import {guid} from "tc-shared/crypto/uid";
+import {ModalInstanceController, ModalInstanceEvents, ModalState} from "tc-shared/ui/react-elements/modal/Definitions";
+import {getWindowManager} from "tc-shared/ui/windows/WindowManager";
+import {assertMainApplication} from "tc-shared/ui/utils";
+import {
+    ModalIPCController2Renderer,
+    ModalIPCRenderer2ControllerMessages
+} from "tc-shared/ui/react-elements/modal/external/Definitions";
+
+assertMainApplication();
+export class ExternalModalController implements ModalInstanceController {
+    private readonly modalType: string;
+    private readonly modalOptions: ModalOptions;
+    private readonly constructorArguments: any[];
+    private readonly mainModalId: string;
+
+    private readonly ipcMessageHandler: { [key: string]: (sourcePeerId: string, message: any) => void };
+    private ipcRemotePeerId: string;
+    private ipcChannel: IPCChannel;
+
+    private readonly modalEvents: Registry<ModalInstanceEvents>;
+    private modalInitializeCallback: () => void;
+
+    private windowId: string | undefined;
+    private windowListener: (() => void)[];
+    private windowMutatePromise: Promise<void>;
+
+    constructor(modalType: string, constructorArguments: any[], modalOptions: ModalOptions) {
+        this.modalType = modalType;
+        this.modalOptions = modalOptions;
+        this.constructorArguments = constructorArguments;
+        this.mainModalId = guid();
+
+        this.modalEvents = new Registry<ModalInstanceEvents>();
+
+        this.ipcMessageHandler = {};
+        this.ipcChannel = getIpcInstance().createChannel(guid());
+        this.ipcChannel.messageHandler = (sourcePeerId, broadcast, message) => {
+            if(sourcePeerId !== this.ipcRemotePeerId && message.type !== "hello-renderer") {
+                return;
+            }
+
+            if(typeof this.ipcMessageHandler[message.type] !== "function") {
+                logWarn(LogCategory.IPC, tr("Received remote modal message but we don't know how to handle the message (%s)."), message.type);
+                return;
+            }
+
+            this.ipcMessageHandler[message.type](sourcePeerId, message.data);
+        };
+
+        this.registerIpcMessageHandler("hello-renderer", (sourcePeerId, message) => {
+            if(this.ipcRemotePeerId) {
+                logInfo(LogCategory.IPC, tr("Modal %s got reloaded (Version: %s). Using new peer address %s instead of %s and initializing it."), this.modalType, message.version, this.ipcRemotePeerId, sourcePeerId);
+                this.sendIpcMessage("invalidate-modal-instance", { });
+            } else {
+                logInfo(LogCategory.IPC, tr("Modal %s has called back (Version: %s). Initializing it."), this.modalType, message.version);
+            }
+
+            this.ipcRemotePeerId = sourcePeerId;
+            if(message.version !== __build.version) {
+                this.sendIpcMessage("hello-controller", { accepted: false, message: tr("version miss match") });
+                return;
+            }
+
+            if(this.modalInitializeCallback) {
+                this.modalInitializeCallback();
+            }
+
+            this.sendIpcMessage("hello-controller", {
+                accepted: true,
+
+                modalId: this.mainModalId,
+                modalType: this.modalType,
+                constructorArguments: this.constructorArguments
+            });
+        });
+
+        this.registerIpcMessageHandler("invoke-modal-action", (sourcePeerId, message) => {
+            if(message.modalId !== this.mainModalId) {
+                return;
+            }
+
+            switch (message.action) {
+                case "minimize":
+                    this.modalEvents.fire("action_minimize");
+                    break;
+
+                case "close":
+                    this.modalEvents.fire("action_close");
+                    break;
+            }
+        });
+    }
+
+    destroy() {
+        this.hide().then(undefined);
+        this.modalEvents.destroy();
+    }
+
+    getEvents(): Registry<ModalInstanceEvents> {
+        return this.modalEvents;
+    }
+
+    getState(): ModalState {
+        return typeof this.windowId === "string" ? ModalState.SHOWN : ModalState.DESTROYED;
+    }
+
+    async show(): Promise<void> {
+        await this.mutateWindow(async () => {
+            const windowManager = getWindowManager();
+            if(typeof this.windowId === "string") {
+                if(windowManager.isActionSupported(this.windowId, "focus")) {
+                    await windowManager.executeAction(this.windowId, "focus");
+                }
+
+                return;
+            }
+
+            const result = await windowManager.createWindow({
+                uniqueId: this.modalOptions.uniqueId || this.modalType,
+                loaderTarget: "modal-external",
+
+                windowName: "modal " + this.modalType,
+
+                defaultSize: this.modalOptions.defaultSize,
+                appParameters: {
+                    "modal-channel": this.ipcChannel.channelId,
+                }
+            });
+
+            if(result.status === "error-user-rejected") {
+                throw tr("user rejected");
+            } else if(result.status === "error-unknown") {
+                throw result.message;
+            }
+
+            this.windowListener = [];
+            this.windowListener.push(windowManager.getEvents().on("notify_window_destroyed", event => {
+                if(event.windowId !== this.windowId) {
+                    return;
+                }
+
+                this.handleWindowDestroyed();
+            }));
+
+            this.windowId = result.windowId;
+            try {
+                await new Promise((resolve, reject) => {
+                    this.modalInitializeCallback = resolve;
+                    setTimeout(reject, 15000);
+                });
+            } catch (_) {
+                logError(LogCategory.IPC, tr("Opened modal failed to call back within 15 seconds."));
+                getWindowManager().destroyWindow(this.windowId);
+            } finally {
+                this.modalInitializeCallback = undefined;
+            }
+        });
+    }
+
+    async hide(): Promise<void> {
+        await this.mutateWindow(async () => {
+            if(typeof this.windowId !== "string") {
+                return;
+            }
+
+            getWindowManager().destroyWindow(this.windowId);
+        });
+    }
+
+    private async mutateWindow<T>(callback: () => Promise<T>) : Promise<T> {
+        while(this.windowMutatePromise) {
+            await this.windowMutatePromise;
+        }
+
+        return await new Promise((resolveOuter, rejectOuter) => {
+            const promise = callback();
+            this.windowMutatePromise = new Promise<void>(resolve => {
+                promise.then(result => {
+                    this.windowMutatePromise = undefined;
+                    resolve();
+
+                    resolveOuter(result);
+                }).catch(error => {
+                    this.windowMutatePromise = undefined;
+                    resolve();
+
+                    rejectOuter(error);
+                });
+            });
+        });
+    }
+
+    private handleWindowDestroyed() {
+        this.windowId = undefined;
+        this.windowListener.forEach(callback => callback());
+        this.modalEvents.fire("notify_destroy");
+    }
+
+    private registerIpcMessageHandler<T extends keyof ModalIPCRenderer2ControllerMessages>(
+        type: T,
+        handler: (sourcePeerId: string, message: ModalIPCRenderer2ControllerMessages[T]) => void
+    ) {
+        this.ipcMessageHandler[type] = handler;
+    }
+
+    private sendIpcMessage<T extends keyof ModalIPCController2Renderer>(type: T, message: ModalIPCController2Renderer[T]) {
+        if(!this.ipcRemotePeerId) {
+            logWarn(LogCategory.IPC, tr("Tried to send a modal message but we don't know the modals peer address."));
+            return;
+        }
+
+        this.ipcChannel.sendMessage(type, message, this.ipcRemotePeerId);
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/external/Definitions.ts b/shared/js/ui/react-elements/modal/external/Definitions.ts
new file mode 100644
index 00000000..abd8110e
--- /dev/null
+++ b/shared/js/ui/react-elements/modal/external/Definitions.ts
@@ -0,0 +1,38 @@
+export interface ModalIPCMessages {
+    "hello-renderer": { version: string },
+    "hello-controller": {
+        accepted: true,
+
+        modalId: string,
+        modalType: string,
+        constructorArguments: any[],
+    } | {
+        accepted: false,
+        message: string
+    },
+    /*
+    "create-inline-modal": {
+        modalId: string,
+        modalType: string,
+        constructorArguments: any[],
+    },
+    "destroy-inline-modal": {
+
+    },
+    */
+    "invoke-modal-action": {
+        modalId: string,
+        action: "close" | "minimize"
+    },
+
+    /* The controller has a new peer which authenticated for the modal */
+    "invalidate-modal-instance": {}
+}
+
+export type ModalIPCRenderer2ControllerMessages = Pick<ModalIPCMessages, "hello-renderer" | "invoke-modal-action">;
+export type ModalIPCController2Renderer = Pick<ModalIPCMessages, "hello-controller" | "invalidate-modal-instance">;
+
+export type ModalIPCMessage<Messages, T extends keyof Messages = keyof Messages> = {
+    type: T,
+    payload: Messages[T]
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/external/renderer/Controller.ts b/shared/js/ui/react-elements/modal/external/renderer/Controller.ts
new file mode 100644
index 00000000..ee5f1eaa
--- /dev/null
+++ b/shared/js/ui/react-elements/modal/external/renderer/Controller.ts
@@ -0,0 +1,106 @@
+import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
+import {
+    ModalIPCController2Renderer,
+    ModalIPCRenderer2ControllerMessages
+} from "../Definitions";
+import {LogCategory, logDebug, logWarn} from "tc-shared/log";
+
+export type ModalInstanceInitializeResult = {
+    status: "success",
+
+    modalId: string,
+    modalType: string,
+    constructorArguments: any[],
+} | {
+    status: "timeout"
+} | {
+    status: "rejected",
+    message: string
+};
+
+export class ModalWindowControllerInstance {
+    private readonly ipcMessageHandler: { [key: string]: (sourcePeerId: string,  message: any) => void };
+    private ipcRemotePeerId: string;
+    private ipcChannel: IPCChannel;
+
+    constructor(modalChannelId: string) {
+        this.ipcMessageHandler = {};
+        this.ipcChannel = getIpcInstance().createCoreControlChannel(modalChannelId);
+        this.ipcChannel.messageHandler = (sourcePeerId, broadcast, message) => {
+            if(this.ipcRemotePeerId && sourcePeerId !== this.ipcRemotePeerId) {
+                return;
+            }
+
+            if(typeof this.ipcMessageHandler[message.type] !== "function") {
+                logWarn(LogCategory.IPC, tr("Received remote controller message but we don't know how to handle the message (%s)."), message.type);
+                return;
+            }
+
+            this.ipcMessageHandler[message.type](sourcePeerId, message.data);
+        };
+
+        this.registerIpcMessageHandler("invalidate-modal-instance", () => {
+            logWarn(LogCategory.IPC, tr("This modal instance has been invalidated."));
+            /* TODO: Show so on the screen. */
+        });
+    }
+
+    async initialize() : Promise<ModalInstanceInitializeResult> {
+        this.sendIpcMessage("hello-renderer", {
+            version: __build.version
+        });
+
+        let controllerResult: ModalIPCController2Renderer["hello-controller"];
+        try {
+            controllerResult = await new Promise((resolve, reject) => {
+                this.registerIpcMessageHandler("hello-controller", (sourcePeerId, message) => {
+                    logDebug(LogCategory.IPC, tr("Found remote controller peer id: %s"), sourcePeerId);
+                    this.ipcRemotePeerId = sourcePeerId;
+                    resolve(message);
+                });
+
+                setTimeout(reject, 15000);
+            });
+        } catch (_) {
+            return { status: "timeout" };
+        }
+
+        if(controllerResult.accepted === true) {
+            return {
+                status: "success",
+
+                modalId: controllerResult.modalId,
+                modalType: controllerResult.modalType,
+                constructorArguments: controllerResult.constructorArguments
+            };
+        } else {
+            return {
+                status: "rejected",
+                message: controllerResult.message
+            };
+        }
+    }
+
+    triggerModalAction(modalId: string, action: "minimize" | "close") {
+        this.sendIpcMessage("invoke-modal-action", {
+            modalId: modalId,
+            action: action
+        });
+    }
+
+    private registerIpcMessageHandler<T extends keyof ModalIPCController2Renderer>(
+        type: T,
+        handler: (sourcePeerId: string, message: ModalIPCController2Renderer[T]) => void
+    ) {
+        this.ipcMessageHandler[type] = handler;
+    }
+
+    private sendIpcMessage<T extends keyof ModalIPCRenderer2ControllerMessages>(type: T, message: ModalIPCRenderer2ControllerMessages[T]) {
+        if(!this.ipcRemotePeerId && type !== "hello-renderer") {
+            logWarn(LogCategory.IPC, tr("Tried to send a controller message but we don't know the controllers peer address."));
+            return;
+        }
+
+        this.ipcChannel.sendMessage(type, message, this.ipcRemotePeerId);
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
new file mode 100644
index 00000000..795f42a9
--- /dev/null
+++ b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
@@ -0,0 +1,93 @@
+import * as loader from "tc-loader";
+import {setupIpcHandler} from "tc-shared/ipc/BrowserIPC";
+import {initializeI18N} from "tc-shared/i18n/localize";
+import {Stage} from "tc-loader";
+import {AbstractModal, constructAbstractModalClass} from "tc-shared/ui/react-elements/modal/Definitions";
+import {AppParameters} from "tc-shared/settings";
+import {setupJSRender} from "tc-shared/ui/jsrender";
+import {findRegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
+import {ModalWindowControllerInstance} from "./Controller";
+import {LogCategory, logError, logInfo} from "tc-shared/log";
+import {ModalRenderer} from "./ModalRenderer";
+
+import "../../../../../file/RemoteAvatars";
+import "../../../../../file/RemoteIcons";
+
+let instanceController: ModalWindowControllerInstance;
+
+let mainModalId: string;
+let mainModalRenderer: ModalRenderer;
+let mainModalInstance: AbstractModal;
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "setup",
+    priority: 110,
+    function: async () => {
+        await import("tc-shared/proto");
+        await initializeI18N();
+        setupIpcHandler();
+
+        setupJSRender();
+    }
+});
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "modal renderer initialize",
+    priority: 100,
+    function: async () => {
+        mainModalRenderer = new ModalRenderer({
+            close() {
+                instanceController?.triggerModalAction(mainModalId, "close");
+            },
+            minimize() {
+                instanceController?.triggerModalAction(mainModalId, "minimize");
+            }
+        });
+    }
+});
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "modal initialize",
+    priority: 10,
+    function: initializeModalRenderer
+});
+
+async function initializeModalRenderer(taskId) {
+    loader.setCurrentTaskName(taskId, tr("connecting to controller"));
+    instanceController = new ModalWindowControllerInstance(AppParameters.getValue(AppParameters.KEY_MODAL_IPC_CHANNEL, "invalid"));
+    const result = await instanceController.initialize();
+    if(result.status === "timeout") {
+        loader.critical_error("Modal controller timeout", "Modal controller failed to call back.");
+        throw "modal controller timeout";
+    } else if(result.status === "rejected") {
+        loader.critical_error("Modal controller reject", result.message || tr("unknown why"));
+        throw "modal controller reject";
+    }
+
+    mainModalId = result.modalId;
+
+    loader.setCurrentTaskName(taskId, tr("loading modal class"));
+    let modalClass: new (...args: any[]) => AbstractModal;
+    logInfo(LogCategory.GENERAL, tr("Loading modal class %s"), result.modalType);
+    try {
+        const registeredModal = findRegisteredModal(result.modalType as any);
+        if(!registeredModal) {
+            loader.critical_error(tr("Unknown modal"), tra("Modal {} is unknown", result.modalType));
+            throw "missing modal";
+        }
+
+        modalClass = (await registeredModal.classLoader()).default;
+    } catch(error) {
+        loader.critical_error("Failed to load modal", "Lookup the console for more detail");
+        logError(LogCategory.GENERAL,tr("Failed to load main modal %s: %o"), result.modalType, error);
+    }
+
+    loader.setCurrentTaskName(taskId, tr("initializing modal class"));
+    try {
+        mainModalInstance = constructAbstractModalClass(modalClass, { windowed: true }, result.constructorArguments);
+        mainModalRenderer.renderModal(mainModalInstance);
+    } catch(error) {
+        loader.critical_error("Failed to invoker modal", "Lookup the console for more detail");
+        logError(LogCategory.GENERAL,tr("Failed to load modal: %o"), error);
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/ModalRenderer.scss b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.scss
similarity index 57%
rename from shared/js/ui/react-elements/external-modal/ModalRenderer.scss
rename to shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.scss
index 24545dd4..e428ab65 100644
--- a/shared/js/ui/react-elements/external-modal/ModalRenderer.scss
+++ b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.scss
@@ -1,8 +1,8 @@
-@import "../../../../css/static/mixin";
+@import "../../../../../../css/static/mixin";
 
 /* FIXME: Remove this wired import */
-@import "../../../../css/static/general";
-@import "../../../../css/static/modal";
+@import "../../../../../../css/static/general";
+@import "../../../../../../css/static/modal";
 
 html, body {
     margin: 0;
@@ -15,4 +15,4 @@ html, body {
     color: #999;
 
     overflow: hidden;
-}
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/external-modal/ModalRenderer.tsx b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.tsx
similarity index 97%
rename from shared/js/ui/react-elements/external-modal/ModalRenderer.tsx
rename to shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.tsx
index 68e776cd..ace9c369 100644
--- a/shared/js/ui/react-elements/external-modal/ModalRenderer.tsx
+++ b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.tsx
@@ -33,7 +33,7 @@ export class ModalRenderer {
 
         if(__build.target === "client") {
             ReactDOM.render(
-                <ModalFrameRenderer>
+                <ModalFrameRenderer windowed={true}>
                     <ModalFrameTopRenderer
                         replacePageTitle={true}
                         modalInstance={modal}
diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
index 9ca8deb7..ed7e1c5f 100644
--- a/shared/js/ui/react-elements/modal/internal/index.tsx
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -66,7 +66,7 @@ export class InternalModalInstance implements ModalInstanceController {
         await new Promise(resolve => {
             ReactDOM.render(
                 <PageModalRenderer modalInstance={this.modalInstance} onBackdropClicked={this.getCloseCallback()} ref={this.rendererInstance}>
-                    <ModalFrameRenderer>
+                    <ModalFrameRenderer windowed={false}>
                         <ModalFrameTopRenderer
                             replacePageTitle={false}
                             modalInstance={this.modalInstance}
diff --git a/shared/js/ui/windows/WindowManager.ts b/shared/js/ui/windows/WindowManager.ts
new file mode 100644
index 00000000..f847151b
--- /dev/null
+++ b/shared/js/ui/windows/WindowManager.ts
@@ -0,0 +1,50 @@
+import {Registry} from "tc-events";
+
+export type WindowCreateResult = {
+    status: "success",
+    windowId: string
+} | {
+    status: "error-unknown",
+    message: string
+} | {
+    status: "error-user-rejected",
+};
+
+export interface WindowManagerEvents {
+    notify_window_created: { windowId: string },
+    notify_window_focused: { windowId: string },
+    notify_window_destroyed: { windowId: string },
+}
+
+export type WindowAction = "focus" | "maximize" | "minimize";
+
+export interface WindowSpawnOptions {
+    uniqueId: string,
+    loaderTarget: string,
+    /* if the window hasn't been created within a user gesture the client will be prompted if he wants to open the window */
+    windowName?: string,
+
+    appParameters?: {[key: string]: string},
+    defaultSize?: { width: number, height: number },
+}
+
+export interface WindowManager {
+    getEvents() : Registry<WindowManagerEvents>;
+
+    createWindow(options: WindowSpawnOptions) : Promise<WindowCreateResult>;
+    destroyWindow(windowId: string);
+
+    getActiveWindowId() : string | undefined;
+
+    isActionSupported(windowId: string, action: WindowAction) : boolean;
+    executeAction(windowId: string, action: WindowAction) : Promise<void>;
+}
+
+let windowManager: WindowManager;
+export function getWindowManager() : WindowManager {
+    return windowManager;
+}
+
+export function setWindowManager(newWindowManager: WindowManager) {
+    windowManager = newWindowManager;
+}
\ No newline at end of file
diff --git a/web/app/ExternalModalFactory.ts b/web/app/ExternalModalFactory.ts
deleted file mode 100644
index f7873d89..00000000
--- a/web/app/ExternalModalFactory.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import {AbstractExternalModalController} from "tc-shared/ui/react-elements/external-modal/Controller";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
-import {ChannelMessage, getIpcInstance} from "tc-shared/ipc/BrowserIPC";
-import {LogCategory, logDebug, logWarn} from "tc-shared/log";
-import {Popout2ControllerMessages, PopoutIPCMessage} from "tc-shared/ui/react-elements/external-modal/IPCMessage";
-import {tr, tra} from "tc-shared/i18n/localize";
-import {ModalOptions} from "tc-shared/ui/react-elements/modal/Definitions";
-import {assertMainApplication} from "tc-shared/ui/utils";
-
-assertMainApplication();
-
-export class ExternalModalController extends AbstractExternalModalController {
-    private readonly options: ModalOptions;
-    private currentWindow: Window;
-    private windowClosedTestInterval: number = 0;
-    private windowClosedTimeout: number;
-
-    constructor(modalType: string, constructorArguments: any[] | undefined, options: ModalOptions | undefined) {
-        super(modalType, constructorArguments);
-        this.options = options || {};
-    }
-
-    protected async spawnWindow() : Promise<boolean> {
-        if(this.currentWindow) {
-            return true;
-        }
-
-        this.currentWindow = this.trySpawnWindow0();
-        if(!this.currentWindow) {
-            await new Promise((resolve, reject) => {
-                spawnYesNo(tr("Would you like to open the popup?"), tra("Would you like to open popup {}?", this.modalType), callback => {
-                    if(!callback) {
-                        reject("user aborted");
-                        return;
-                    }
-
-                    this.currentWindow = this.trySpawnWindow0();
-                    if(window) {
-                        reject(tr("Failed to spawn window"));
-                    } else {
-                        resolve();
-                    }
-                }).close_listener.push(() => reject(tr("user aborted")));
-            });
-        }
-
-        if(!this.currentWindow) {
-            return false;
-        }
-
-        this.currentWindow.onbeforeunload = () => {
-            clearInterval(this.windowClosedTestInterval);
-
-            this.windowClosedTimeout = Date.now() + 5000;
-            this.windowClosedTestInterval = setInterval(() => {
-                if(!this.currentWindow) {
-                    clearInterval(this.windowClosedTestInterval);
-                    this.windowClosedTestInterval = 0;
-                    return;
-                }
-
-                if(this.currentWindow.closed || Date.now() > this.windowClosedTimeout) {
-                    clearInterval(this.windowClosedTestInterval);
-                    this.windowClosedTestInterval = 0;
-                    this.handleWindowClosed();
-                }
-            }, 100);
-        };
-
-        return true;
-    }
-
-    protected destroyWindow() {
-        clearInterval(this.windowClosedTestInterval);
-        this.windowClosedTestInterval = 0;
-
-        if(this.currentWindow) {
-            this.currentWindow.close();
-            this.currentWindow = undefined;
-        }
-    }
-
-    protected focusWindow() {
-        this.currentWindow?.focus();
-    }
-
-    private trySpawnWindow0() : Window | null {
-        const parameters = {
-            "loader-target": "manifest",
-            "chunk": "modal-external",
-            "modal-target": this.modalType,
-            "modal-identify": this.ipcAuthenticationCode,
-            "ipc-address": getIpcInstance().getApplicationChannelId(),
-            "ipc-core-peer": getIpcInstance().getLocalPeerId(),
-            "disableGlobalContextMenu": __build.mode === "debug" ? 1 : 0,
-            "loader-abort": __build.mode === "debug" ? 1 : 0,
-        };
-
-        const options = this.getOptions();
-        const features = {
-            status: "no",
-            location: "no",
-            toolbar: "no",
-            menubar: "no",
-            resizable: "yes",
-            width: options.defaultSize?.width,
-            height: options.defaultSize?.height
-        };
-
-        let baseUrl = location.origin + location.pathname + "?";
-        return window.open(
-            baseUrl + Object.keys(parameters).map(e => e + "=" + encodeURIComponent(parameters[e])).join("&"),
-            this.options?.uniqueId || this.modalType,
-            Object.keys(features).map(e => e + "=" + features[e]).join(",")
-        );
-    }
-
-    protected handleIPCMessage(remoteId: string, broadcast: boolean, message: ChannelMessage) {
-        if(!broadcast && this.ipcRemotePeerId !== remoteId) {
-            if(this.windowClosedTestInterval > 0) {
-                clearInterval(this.windowClosedTestInterval);
-                this.windowClosedTestInterval = 0;
-
-                logDebug(LogCategory.IPC, tr("Remote window got reconnected. Client reloaded it."));
-            } else {
-                logWarn(LogCategory.IPC, tr("Remote window got a new id. Maybe a reload?"));
-            }
-        }
-
-        super.handleIPCMessage(remoteId, broadcast, message);
-    }
-
-    protected handleTypedIPCMessage<T extends Popout2ControllerMessages>(remoteId: string, isBroadcast: boolean, type: T, payload: PopoutIPCMessage[T]) {
-        super.handleTypedIPCMessage(remoteId, isBroadcast, type, payload);
-
-        if(isBroadcast) {
-            return;
-        }
-
-        switch (type) {
-            case "invoke-modal-action":
-                const data = payload as PopoutIPCMessage["invoke-modal-action"];
-                switch (data.action) {
-                    case "close":
-                        this.destroy();
-                        break;
-
-                    case "minimize":
-                        window.focus();
-                        break;
-                }
-                break;
-        }
-    }
-}
\ No newline at end of file
diff --git a/web/app/UnloadHandler.ts b/web/app/UnloadHandler.ts
index 8fe2a95a..a5b7cc99 100644
--- a/web/app/UnloadHandler.ts
+++ b/web/app/UnloadHandler.ts
@@ -7,7 +7,9 @@ window.addEventListener("beforeunload", event => {
     }
 
     const active_connections = server_connections.getAllConnectionHandlers().filter(e => e.connected);
-    if(active_connections.length == 0) return;
+    if(active_connections.length == 0) {
+        return;
+    }
 
     event.returnValue = "Are you really sure?<br>You're still connected!";
 });
\ No newline at end of file
diff --git a/web/app/WebWindowManager.ts b/web/app/WebWindowManager.ts
new file mode 100644
index 00000000..db3064ed
--- /dev/null
+++ b/web/app/WebWindowManager.ts
@@ -0,0 +1,197 @@
+import {
+    WindowAction,
+    WindowCreateResult,
+    WindowManager,
+    WindowManagerEvents,
+    WindowSpawnOptions
+} from "tc-shared/ui/windows/WindowManager";
+import {assertMainApplication} from "tc-shared/ui/utils";
+import {Registry} from "tc-events";
+import {getIpcInstance} from "tc-shared/ipc/BrowserIPC";
+import _ from "lodash";
+import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
+import {tr, tra} from "tc-shared/i18n/localize";
+import {guid} from "tc-shared/crypto/uid";
+
+assertMainApplication();
+
+type WindowHandle = {
+    window: Window,
+    uniqueId: string,
+
+    destroy: () => void,
+
+    closeTestInterval: number | undefined,
+    closeTestTimeout: number | undefined,
+}
+
+export class WebWindowManager implements WindowManager {
+    private readonly events: Registry<WindowManagerEvents>;
+    private registeredWindows: { [key: string]: WindowHandle } = {};
+
+    constructor() {
+        this.events = new Registry<WindowManagerEvents>();
+        /* TODO: Close all active windows on page unload */
+    }
+
+    getEvents(): Registry<WindowManagerEvents> {
+        return this.events;
+    }
+
+    async createWindow(options: WindowSpawnOptions): Promise<WindowCreateResult> {
+        /* Multiple application instance may want to open the same windows */
+        const windowUniqueId = getIpcInstance().getApplicationChannelId() + "-" + options.uniqueId;
+
+        /* If we're opening a window with the same unique id we need to destroy the old handle */
+        for(const windowId of Object.keys(this.registeredWindows)) {
+            if(this.registeredWindows[windowId].uniqueId === windowUniqueId) {
+                this.registeredWindows[windowId].destroy();
+            }
+        }
+
+        let windowInstance = this.tryCreateWindow(options, windowUniqueId);
+        if(!windowInstance) {
+            try {
+                await new Promise((resolve, reject) => {
+                    spawnYesNo(tr("Would you like to open the popup?"), tra("Would you like to open window {}?", options.windowName), callback => {
+                        if(!callback) {
+                            reject();
+                            return;
+                        }
+
+                        windowInstance = this.tryCreateWindow(options, windowUniqueId);
+                        resolve();
+                    });
+                });
+            } catch (_) {
+                return { status: "error-user-rejected" };
+            }
+        }
+
+        if(!windowInstance) {
+            return { status: "error-user-rejected" };
+        }
+
+        const windowId = guid();
+        const windowHandle = this.registeredWindows[windowId] = {
+            window: windowInstance,
+            uniqueId: windowUniqueId,
+
+            closeTestInterval: 0,
+            closeTestTimeout: 0,
+
+            destroy: undefined
+        };
+
+        const handleWindowClosed = () => {
+            if(windowHandle.window && !windowHandle.window.closed) {
+                windowHandle.window.onbeforeunload = undefined;
+                windowHandle.window.onunload = undefined;
+                windowHandle.window.onclose = undefined;
+                windowHandle.window.close();
+            }
+
+            clearInterval(windowHandle.closeTestInterval);
+            clearTimeout(windowHandle.closeTestTimeout);
+            if(!this.registeredWindows[windowId]) {
+                return;
+            }
+
+            delete this.registeredWindows[windowId];
+            this.events.fire("notify_window_destroyed", { windowId: windowId });
+        };
+
+        const testWindowClosed = (timeout: number) => {
+            clearInterval(windowHandle.closeTestInterval);
+            clearTimeout(windowHandle.closeTestTimeout);
+
+            windowHandle.closeTestInterval = setInterval(() => {
+                /* !== is required for compatibility with Opera */
+                if(windowHandle.window.closed !== false) {
+                    handleWindowClosed();
+                }
+            }, 100);
+            windowHandle.closeTestTimeout = setTimeout(() => {
+                clearInterval(windowHandle.closeTestInterval);
+                clearTimeout(windowHandle.closeTestTimeout);
+            }, timeout);
+        };
+
+        windowInstance.onbeforeunload = () => testWindowClosed(5000);
+        windowInstance.onunload = () => testWindowClosed(2500);
+        windowInstance.onclose = () => testWindowClosed(2500);
+
+        windowHandle.destroy = () => handleWindowClosed();
+        return { status: "success", windowId: windowId };
+    }
+
+    private tryCreateWindow(options: WindowSpawnOptions, uniqueId: string) : Window | null {
+        const parameters = _.cloneDeep(options.appParameters || {});
+        Object.assign(parameters, {
+            "loader-target": "manifest",
+            "loader-chunk": options.loaderTarget,
+            "loader-abort": __build.mode === "debug" ? 1 : 0,
+
+            "ipc-address": getIpcInstance().getApplicationChannelId(),
+            "ipc-core-peer": getIpcInstance().getLocalPeerId(),
+
+            "disableGlobalContextMenu": __build.mode === "debug" ? 1 : 0,
+        });
+
+        const features = {
+            status: "no",
+            location: "no",
+            toolbar: "no",
+            menubar: "no",
+            resizable: "yes",
+            width: options.defaultSize?.width,
+            height: options.defaultSize?.height
+        };
+
+        let baseUrl = location.origin + location.pathname + "?";
+        return window.open(
+            baseUrl + Object.keys(parameters).map(e => e + "=" + encodeURIComponent(parameters[e])).join("&"),
+            uniqueId,
+            Object.keys(features).map(e => e + "=" + features[e]).join(",")
+        );
+    }
+
+    destroyWindow(windowId: string) {
+        this.registeredWindows[windowId]?.destroy();
+    }
+
+    getActiveWindowId(): string | undefined {
+        /* TODO! */
+        return undefined;
+    }
+
+    async executeAction(windowId: string, action: WindowAction): Promise<void> {
+        const windowHandle = this.registeredWindows[windowId];
+        if(!windowHandle || windowHandle.window.closed) {
+            return;
+        }
+
+        switch (action) {
+            case "focus":
+                window.window.focus();
+                break;
+
+            case "minimize":
+            case "maximize":
+                /* we can't do so */
+                break;
+        }
+    }
+
+    isActionSupported(windowId: string, action: WindowAction) {
+        switch (action) {
+            case "focus":
+                return true;
+
+            case "maximize":
+            case "minimize":
+            default:
+                return false;
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/app/entry-points/AppMain.ts b/web/app/entry-points/AppMain.ts
new file mode 100644
index 00000000..30ef89d6
--- /dev/null
+++ b/web/app/entry-points/AppMain.ts
@@ -0,0 +1,14 @@
+import "webrtc-adapter";
+import "webcrypto-liner";
+
+import "../index.scss";
+import "../FileTransfer";
+
+import "../hooks"
+
+import "../UnloadHandler";
+
+import "../ui/context-menu";
+import "../ui/FaviconRenderer";
+
+import "tc-shared/entry-points/MainApp";
\ No newline at end of file
diff --git a/web/app/entry-points/ModalWindow.ts b/web/app/entry-points/ModalWindow.ts
new file mode 100644
index 00000000..f55e24d4
--- /dev/null
+++ b/web/app/entry-points/ModalWindow.ts
@@ -0,0 +1,4 @@
+/* This is the entry point file for the external modals */
+
+import "../ui/context-menu";
+import "tc-shared/entry-points/ModalWindow";
\ No newline at end of file
diff --git a/web/app/hooks/Dns.ts b/web/app/hooks/DNS.ts
similarity index 100%
rename from web/app/hooks/Dns.ts
rename to web/app/hooks/DNS.ts
diff --git a/web/app/hooks/ExternalModal.ts b/web/app/hooks/ExternalModal.ts
deleted file mode 100644
index cdaba7eb..00000000
--- a/web/app/hooks/ExternalModal.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as loader from "tc-loader";
-import {Stage} from "tc-loader";
-import {setExternalModalControllerFactory} from "tc-shared/ui/react-elements/external-modal";
-import {ExternalModalController} from "../ExternalModalFactory";
-
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    priority: 50,
-    name: "external modal controller factory setup",
-    function: async () => {
-        setExternalModalControllerFactory((modalType, constructorArguments, options) => new ExternalModalController(modalType, constructorArguments, options));
-    }
-});
\ No newline at end of file
diff --git a/web/app/hooks/WindowManager.ts b/web/app/hooks/WindowManager.ts
new file mode 100644
index 00000000..f135a9a0
--- /dev/null
+++ b/web/app/hooks/WindowManager.ts
@@ -0,0 +1,10 @@
+import * as loader from "tc-loader";
+import {Stage} from "tc-loader";
+import {setWindowManager} from "tc-shared/ui/windows/WindowManager";
+import {WebWindowManager} from "../WebWindowManager";
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    name: "window manager init",
+    function: async () => setWindowManager(new WebWindowManager()),
+    priority: 100
+});
\ No newline at end of file
diff --git a/web/app/hooks/index.ts b/web/app/hooks/index.ts
index 16cfd413..560e6230 100644
--- a/web/app/hooks/index.ts
+++ b/web/app/hooks/index.ts
@@ -1,9 +1,10 @@
 import "./AudioBackend";
 import "./AudioRecorder";
 import "./Backend";
-import "./Dns";
+import "./DNS";
 import "./MenuBar";
 import "./ServerConnection";
 import "./Sounds";
 import "./Video";
-import "./KeyBoard";
\ No newline at end of file
+import "./KeyBoard";
+import "./WindowManager";
\ No newline at end of file
diff --git a/web/app/index-external.ts b/web/app/index-external.ts
deleted file mode 100644
index 12a2f66b..00000000
--- a/web/app/index-external.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-/* This is the entry point file for the external modals */
-
-import "./ui/context-menu";
-import "tc-shared/ui/react-elements/external-modal/PopoutEntrypoint"
\ No newline at end of file
diff --git a/web/app/index.ts b/web/app/index.ts
deleted file mode 100644
index 73205f60..00000000
--- a/web/app/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import "webrtc-adapter";
-import "webcrypto-liner";
-
-import "./index.scss";
-import "./FileTransfer";
-
-import "./hooks"
-
-import "./UnloadHandler";
-
-import "./ui/context-menu";
-import "./ui/FaviconRenderer";
-
-export = require("tc-shared/main");
\ No newline at end of file
diff --git a/webpack-client.config.ts b/webpack-client.config.ts
index 7b118347..c88970f8 100644
--- a/webpack-client.config.ts
+++ b/webpack-client.config.ts
@@ -3,16 +3,17 @@ import * as config_base from "./webpack.config";
 
 export = env => config_base.config(env, "client").then(config => {
     Object.assign(config.entry, {
-        "client-app": ["./client/app/index.ts"],
-        "modal-external": ["./client/app/EntryPointPopoutModal.ts"]
+        "shared-app": ["./client/app/entry-points/AppMain.ts"],
+        "modal-external": ["./client/app/entry-points/ModalWindow.ts"]
     });
 
     Object.assign(config.resolve.alias, {
         "tc-shared": path.resolve(__dirname, "shared/js"),
     });
 
-    if(!Array.isArray(config.externals))
+    if(!Array.isArray(config.externals)) {
         throw "invalid config";
+    }
 
     config.externals.push(({ context, request }, callback) => {
         if (request.startsWith("tc-backend/")) {
diff --git a/webpack-web.config.ts b/webpack-web.config.ts
index a2c04df7..cfe0cdfc 100644
--- a/webpack-web.config.ts
+++ b/webpack-web.config.ts
@@ -3,8 +3,8 @@ import * as config_base from "./webpack.config";
 
 export = env => config_base.config(env, "web").then(config => {
     Object.assign(config.entry, {
-        "shared-app": ["./web/app/index.ts"],
-        "modal-external": ["./web/app/index-external.ts"]
+        "shared-app": ["./web/app/entry-points/AppMain.ts"],
+        "modal-external": ["./web/app/entry-points/ModalWindow.ts"]
     });
 
     Object.assign(config.resolve.alias, {
diff --git a/webpack.config.ts b/webpack.config.ts
index 3386f143..959c4439 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -118,8 +118,7 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
     return {
         entry: {
             "loader": "./loader/app/index.ts",
-            "modal-external": "./shared/js/ui/react-elements/external-modal/PopoutEntrypoint.ts",
-            //"devel-main": "./shared/js/devel_main.ts"
+            "modal-external": "./shared/js/entry-points/ModalWindow.ts",
         },
 
         devtool: isDevelopment ? "inline-source-map" : "source-map",
diff --git a/webpack/ManifestPlugin.ts b/webpack/ManifestPlugin.ts
index 84b57b47..4c23d614 100644
--- a/webpack/ManifestPlugin.ts
+++ b/webpack/ManifestPlugin.ts
@@ -62,6 +62,17 @@ class ManifestGenerator {
                 }
 
                 for(const module of compilation.chunkGraph.getChunkModules(chunk)) {
+                    const moduleId = compilation.chunkGraph.getModuleId(module);
+                    if(typeof moduleId === "string" && moduleId.startsWith("svg-sprites/")) {
+                        /* custom svg sprite handler */
+                        modules.push({
+                            id: module.id,
+                            context: "svg-sprites",
+                            resource: moduleId.substring("svg-sprites/".length)
+                        });
+                        continue;
+                    }
+
                     if(!module.type.startsWith("javascript/")) {
                         continue;
                     }
@@ -70,16 +81,6 @@ class ManifestGenerator {
                         continue;
                     }
 
-                    if(module.context.startsWith("svg-sprites/")) {
-                        /* custom svg sprite handler */
-                        modules.push({
-                            id: module.id,
-                            context: "svg-sprites",
-                            resource: module.context.substring("svg-sprites/".length)
-                        });
-                        continue;
-                    }
-
                     if(!(module instanceof NormalModule)) {
                         continue;
                     }
@@ -94,7 +95,7 @@ class ManifestGenerator {
                     }
 
                     modules.push({
-                        id: compilation.chunkGraph.getModuleId(module),
+                        id: moduleId,
                         context: path.relative(this.options.context, module.context).replace(/\\/g, "/"),
                         resource: path.basename(module.resource)
                     });

From 79e67920a7c02b0bdf9ce2bb6b9d11adfc01e119 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 20 Mar 2021 15:15:28 +0100
Subject: [PATCH 042/128] Some minor i18n react component cleanup

---
 shared/js/ui/react-elements/i18n/index.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/shared/js/ui/react-elements/i18n/index.tsx b/shared/js/ui/react-elements/i18n/index.tsx
index 21bbeddd..ede29f25 100644
--- a/shared/js/ui/react-elements/i18n/index.tsx
+++ b/shared/js/ui/react-elements/i18n/index.tsx
@@ -5,9 +5,7 @@ import {parseMessageWithArguments} from "tc-shared/ui/frames/chat";
 let instances = [];
 export class Translatable extends React.Component<{
     children: string | (string | React.ReactElement<HTMLBRElement>)[],
-    __cacheKey?: string,
     trIgnore?: boolean,
-    enforceTextOnly?: boolean
 }, { translated: string }> {
     protected renderElementIndex = 0;
 
@@ -29,8 +27,9 @@ export class Translatable extends React.Component<{
     render() {
         return this.state.translated.split("\n").reduce((previousValue, currentValue, currentIndex, array) => {
             previousValue.push(<React.Fragment key={++this.renderElementIndex}>{currentValue}</React.Fragment>);
-            if(currentIndex + 1 !== array.length)
+            if(currentIndex + 1 !== array.length) {
                 previousValue.push(<br key={++this.renderElementIndex} />);
+            }
             return previousValue;
         }, []);
     }
@@ -52,7 +51,7 @@ export class Translatable extends React.Component<{
 
 let renderBrElementIndex = 0;
 export type VariadicTranslatableChild = React.ReactElement | string | number;
-export const VariadicTranslatable = (props: { text: string, __cacheKey?: string, children?: VariadicTranslatableChild[] | VariadicTranslatableChild }) => {
+export const VariadicTranslatable = (props: { text: string, children?: VariadicTranslatableChild[] | VariadicTranslatableChild }) => {
     const args = Array.isArray(props.children) ? props.children : [props.children];
     const argsUseCount = [...new Array(args.length)].map(() => 0);
 

From 9fa6633a1d74647b7bd9e388b65644f30d15a553 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 20 Mar 2021 16:39:50 +0100
Subject: [PATCH 043/128] Fixing up the shared content for the native client

---
 babel.config.ts                               |  2 +-
 .../js/ui/react-elements/modal/Controller.ts  |  2 ++
 .../js/ui/react-elements/modal/Definitions.ts |  3 +++
 .../modal/external/Controller.ts              | 20 +++++++++++++++++++
 .../react-elements/modal/internal/index.tsx   |  3 +++
 shared/js/video-viewer/Renderer.tsx           |  4 ++--
 webpack-client.config.ts                      |  2 +-
 webpack-web.config.ts                         |  2 +-
 webpack.config.ts                             |  2 +-
 9 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/babel.config.ts b/babel.config.ts
index bdcb598f..952ab4b6 100644
--- a/babel.config.ts
+++ b/babel.config.ts
@@ -1,4 +1,4 @@
-export = api => {
+export default api => {
     api.cache(false);
     const presets = [
         [
diff --git a/shared/js/ui/react-elements/modal/Controller.ts b/shared/js/ui/react-elements/modal/Controller.ts
index 12459d08..3597fc73 100644
--- a/shared/js/ui/react-elements/modal/Controller.ts
+++ b/shared/js/ui/react-elements/modal/Controller.ts
@@ -83,6 +83,8 @@ export class GenericModalController<T extends keyof ModalConstructorArguments> i
         });
 
         events.on("action_close", () => this.destroy());
+        events.on("action_minimize", () => this.instance.minimize());
+
         events.on("action_popout", () => {
             if(!this.popedOut) {
                 if(!this.getModalClass().popoutSupported) {
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 231a6b4b..f4f00445 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -88,6 +88,9 @@ export interface ModalInstanceController {
     show() : Promise<void>;
     hide() : Promise<void>;
 
+    minimize() : Promise<void>;
+    maximize() : Promise<void>;
+
     destroy();
 }
 
diff --git a/shared/js/ui/react-elements/modal/external/Controller.ts b/shared/js/ui/react-elements/modal/external/Controller.ts
index cbcd47c4..fad69437 100644
--- a/shared/js/ui/react-elements/modal/external/Controller.ts
+++ b/shared/js/ui/react-elements/modal/external/Controller.ts
@@ -172,6 +172,26 @@ export class ExternalModalController implements ModalInstanceController {
         });
     }
 
+    async minimize(): Promise<void> {
+        await this.mutateWindow(async () => {
+            if (typeof this.windowId !== "string") {
+                return;
+            }
+
+            await getWindowManager().executeAction(this.windowId, "minimize");
+        });
+    }
+
+    async maximize(): Promise<void> {
+        await this.mutateWindow(async () => {
+            if (typeof this.windowId !== "string") {
+                return;
+            }
+
+            await getWindowManager().executeAction(this.windowId, "maximize");
+        });
+    }
+
     private async mutateWindow<T>(callback: () => Promise<T>) : Promise<T> {
         while(this.windowMutatePromise) {
             await this.windowMutatePromise;
diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
index ed7e1c5f..8627e6f9 100644
--- a/shared/js/ui/react-elements/modal/internal/index.tsx
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -145,6 +145,9 @@ export class InternalModalInstance implements ModalInstanceController {
         this.events.fire("notify_close");
     }
 
+    async minimize(): Promise<void> { }
+    async maximize(): Promise<void> { }
+
     destroy() {
         this.destructModal();
         this.events.destroy();
diff --git a/shared/js/video-viewer/Renderer.tsx b/shared/js/video-viewer/Renderer.tsx
index c803065a..9478596f 100644
--- a/shared/js/video-viewer/Renderer.tsx
+++ b/shared/js/video-viewer/Renderer.tsx
@@ -479,9 +479,9 @@ const TitleRenderer = (props: { events: Registry<VideoViewerEvents> }) => {
     });
 
     if(followId && followingName) {
-        return <React.Fragment key={"following"}><Translatable enforceTextOnly={true}>W2G - Following</Translatable> {followingName}</React.Fragment>;
+        return <React.Fragment key={"following"}><Translatable>W2G - Following</Translatable> {followingName}</React.Fragment>;
     } else {
-        return <Translatable key={"watcher"} enforceTextOnly={true}>W2G - Watcher</Translatable>;
+        return <Translatable key={"watcher"}>W2G - Watcher</Translatable>;
     }
 };
 
diff --git a/webpack-client.config.ts b/webpack-client.config.ts
index c88970f8..d451f594 100644
--- a/webpack-client.config.ts
+++ b/webpack-client.config.ts
@@ -3,7 +3,7 @@ import * as config_base from "./webpack.config";
 
 export = env => config_base.config(env, "client").then(config => {
     Object.assign(config.entry, {
-        "shared-app": ["./client/app/entry-points/AppMain.ts"],
+        "main-app": ["./client/app/entry-points/AppMain.ts"],
         "modal-external": ["./client/app/entry-points/ModalWindow.ts"]
     });
 
diff --git a/webpack-web.config.ts b/webpack-web.config.ts
index cfe0cdfc..1ae8ff87 100644
--- a/webpack-web.config.ts
+++ b/webpack-web.config.ts
@@ -3,7 +3,7 @@ import * as config_base from "./webpack.config";
 
 export = env => config_base.config(env, "web").then(config => {
     Object.assign(config.entry, {
-        "shared-app": ["./web/app/entry-points/AppMain.ts"],
+        "main-app": ["./web/app/entry-points/AppMain.ts"],
         "modal-external": ["./web/app/entry-points/ModalWindow.ts"]
     });
 
diff --git a/webpack.config.ts b/webpack.config.ts
index 959c4439..be9b04ef 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -76,7 +76,7 @@ const generateDefinitions = async (target: string) => {
             mode: JSON.stringify(isDevelopment ? "debug" : "release"),
             version: JSON.stringify(localBuildInfo.gitVersion),
             timestamp: localBuildInfo.gitTimestamp,
-            entry_chunk_name: JSON.stringify(target === "web" ? "shared-app" : "client-app")
+            entry_chunk_name: JSON.stringify("main-app")
         } as BuildDefinitions
     } as any;
 };

From b35512db5564e57ac244164c5bfb6fd4b824430a Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 20 Mar 2021 16:41:34 +0100
Subject: [PATCH 044/128] Updated the german translation

---
 shared/i18n/de_google_translate.translation | 66479 +++++++++---------
 1 file changed, 33241 insertions(+), 33238 deletions(-)

diff --git a/shared/i18n/de_google_translate.translation b/shared/i18n/de_google_translate.translation
index cd8aa90a..34c57e03 100644
--- a/shared/i18n/de_google_translate.translation
+++ b/shared/i18n/de_google_translate.translation
@@ -1,33240 +1,33243 @@
 {
-  "info": {
-    "name": "German translation, based on Google Translate",
-    "contributors": [
-      {
-        "name": "Google Translate, via script by Markus Hadenfeldt",
-        "email": "gtr.i18n.client@teaspeak.de"
-      },
-      {
-        "name": "Markus Hadenfeldt",
-        "email": "i18n.client@teaspeak.de"
-      }
+    "info": {
+        "name": "German translation, based on Google Translate and TobiLinuxer",
+        "contributors": [
+            {
+                "name": "Google Translate, via script by Markus Hadenfeldt, edited by TobiLinuxer",
+                "email": "gtr.i18n.client@teaspeak.de"
+            },
+            {
+                "name": "Markus Hadenfeldt",
+                "email": "i18n.client@teaspeak.de"
+            },
+            {
+                "name": "Tobias Müller",
+                "email": "mintuser17@gmail.com"
+            }
+        ]
+    },
+    "translations": [
+        {
+            "translated": "Fehler beim Initialisieren des Audio-Controllers!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize audio controller!"
+            }
+        },
+        {
+            "translated": "Audio initialisiert",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Sounds initialitzed"
+            }
+        },
+        {
+            "translated": "[AudioController] Leerer oder undefinierter Puffer! Lass es fallen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "[AudioController] Got empty or undefined buffer! Dropping it"
+            }
+        },
+        {
+            "translated": "[AudioController] Fehler beim Abspielen von Audio. Globaler Audiokontext noch nicht initialisiert!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "[AudioController] Failed to replay audio. Global audio context not initialized yet!"
+            }
+        },
+        {
+            "translated": "[AudioController] Die Samplerate der Quelle ist nicht gleich der Samplerate der Wiedergabe! (%o | %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "[AudioController] Source sample rate isn't equal to playback sample rate! ( %o |  %o)"
+            }
+        },
+        {
+            "translated": "[Audio] Starten der neuen Wiedergabe",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "[Audio] Starting new playback"
+            }
+        },
+        {
+            "translated": "[Audio] Prebuffering erfolgreich abgeschlossen (jetzt abgespielt)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "[Audio] Prebuffering succeeded (Replaying now)"
+            }
+        },
+        {
+            "translated": "[Audio] Pufferung erfolgreich (Wiedergeben jetzt)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "[Audio] Buffering succeeded (Replaying now)"
+            }
+        },
+        {
+            "translated": "Lösche Puffer, weil die Wiedergabewarteschlange zu stark wächst",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Dropping buffer because playing queue grows to much"
+            }
+        },
+        {
+            "translated": "[Audio] Pufferunterlauf festgestellt!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "[Audio] Detected a buffer underflow!"
+            }
+        },
+        {
+            "translated": "[Audio] Die Pufferung hat das Zeitlimit überschritten. Spüle und stoppe Wiedergabe.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "[Audio] Buffering exceeded timeout. Flushing and stopping replay"
+            }
+        },
+        {
+            "translated": "Json enthält %s nicht",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Json does not contains  %s"
+            }
+        },
+        {
+            "translated": "Der Validator hat für %s den Wert false",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Validator results in false for  %s"
+            }
+        },
+        {
+            "translated": "Ungültiger Objekttyp %s für Eintrag %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid object type  %s for entry  %s"
+            }
+        },
+        {
+            "translated": "Jahre",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "years"
+            }
+        },
+        {
+            "translated": "Tage",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "days"
+            }
+        },
+        {
+            "translated": "Stunden",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "hours"
+            }
+        },
+        {
+            "translated": "Minuten",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "minutes"
+            }
+        },
+        {
+            "translated": "Sekunden",
+            "flags": [
+                "human-verified",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "seconds"
+            }
+        },
+        {
+            "translated": "jetzt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "now"
+            }
+        },
+        {
+            "translated": "Bekam undefinierten Typ!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Got undefined type!"
+            }
+        },
+        {
+            "translated": "VAD geändert!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "VAD changed!"
+            }
+        },
+        {
+            "translated": "VAD-Schlüsselerkennung geändert. <br> Bitte setzen Sie Ihren PPT-Schlüssel zurück!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "VAD key detection changed.<br>Please reset your PPT key!"
+            }
+        },
+        {
+            "translated": "Ungültiger VAD-Handler (Voice Aktivierungsdetektor)! (%o)",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Invalid VAD (Voice activation detector) handler! ( %o)"
+            }
+        },
+        {
+            "translated": "[VoiceRecorder] Starte Aufnahme! (Gerät: %o | Gruppe: %o)",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "[VoiceRecorder] Start recording! (Device:  %o | Group:  %o)"
+            }
+        },
+        {
+            "translated": "Konnte Mikrofon nicht regeln!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not resolve microphone!"
+            }
+        },
+        {
+            "translated": "Konnte Mikrofon nicht regeln. <br> Nachricht:",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not resolve microphone!<br>Message: "
+            }
+        },
+        {
+            "translated": "Konnte Mikrofon nicht bekommen!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not get microphone!"
+            }
+        },
+        {
+            "translated": "Stoppe Aufnahme!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Stop recording!"
+            }
+        },
+        {
+            "translated": "[VoiceRecorder] Bekam Mikrofon-Stream, aber kein Audiokontext. Warte, bis es initialisiert wurde",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "[VoiceRecorder] Got microphone stream, but havn't a audio context. Waiting until its initialized"
+            }
+        },
+        {
+            "translated": "Wieder loslassen (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Release again! ( %o)"
+            }
+        },
+        {
+            "translated": "Deaktivieren der Codec-Unterstützung für",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Disabling codec support for "
+            }
+        },
+        {
+            "translated": "Codec-Treiber konnte nicht geladen werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not load codec driver"
+            }
+        },
+        {
+            "translated": "Codec konnte nicht geladen oder initialisiert werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not load or initialize codec "
+            }
+        },
+        {
+            "translated": "nicht unterstützter Codec",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "unsupported codec!"
+            }
+        },
+        {
+            "translated": "Codec konnte nicht initialisiert werden!\nFehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not initialize codec!\nError:  %o"
+            }
+        },
+        {
+            "translated": "Codec konnte nicht initialisiert werden!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not initialize codec!"
+            }
+        },
+        {
+            "translated": "Speex Schmalband",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Speex Narrowband"
+            }
+        },
+        {
+            "translated": "Speex Wideband",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Speex Wideband"
+            }
+        },
+        {
+            "translated": "Speex Ultra Breitband",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Speex Ultra Wideband"
+            }
+        },
+        {
+            "translated": "CELT Mono",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "CELT Mono"
+            }
+        },
+        {
+            "translated": "Opus-Stimme",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Opus Voice"
+            }
+        },
+        {
+            "translated": "Opus-Musik",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Opus Music"
+            }
+        },
+        {
+            "translated": "Initialisiere Voice Handler, nachdem der Audio Kontroller initialisiert wurde!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Initializing voice handler after AudioController has been initialized!"
+            }
+        },
+        {
+            "translated": "Richte nativen Voice Stream ein!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Setting up native voice stream!"
+            }
+        },
+        {
+            "translated": "Nativer Codec wird nicht unterstützt!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Native codec isnt supported!"
+            }
+        },
+        {
+            "translated": "Audio konnte nicht übertragen werden (nicht verbunden)",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not transfer audio (not connected)"
+            }
+        },
+        {
+            "translated": "Stream hinzufügen (%o)!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding stream ( %o)!"
+            }
+        },
+        {
+            "translated": "Konnte ICE Angebot nicht erstellen!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not create ice offer!"
+            }
+        },
+        {
+            "translated": "Remote-SDP einstellen! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Set remote sdp! ( %o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Anwenden der Remote-Beschreibung: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to apply remote description:  %o"
+            }
+        },
+        {
+            "translated": "Remote-Cache-Eis-Kandidat %s: %o konnte nicht hinzugefügt werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add remote cached ice candidate  %s:  %o"
+            }
+        },
+        {
+            "translated": "Remote-Eis hinzufügen! (%s | %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Add remote ice! ( %s |  %o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Hinzufügen des Remote-Ice-Kandidaten %s: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add remote ice candidate  %s:  %o"
+            }
+        },
+        {
+            "translated": "Cache-Eis fernhalten! (%s | %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Cache remote ice! ( %s |  %o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Einrichten der Sprachbrücke ({}). Wiederverbindung zulassen: {}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to setup voice bridge ({}). Allow reconnect: {}"
+            }
+        },
+        {
+            "translated": "Sprachbrücke konnte nicht eingerichtet werden (%s). Wiederverbindung zulassen: %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to setup voice bridge ( %s). Allow reconnect:  %s"
+            }
+        },
+        {
+            "translated": "Habe einen ICE Kandidaten! Ereignis:",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Got ice candidate! Event:"
+            }
+        },
+        {
+            "translated": "Angebot erstellt und angenommen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Offer created and accepted"
+            }
+        },
+        {
+            "translated": "Lokale Beschreibung konnte nicht angewendet werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to apply local description:  %o"
+            }
+        },
+        {
+            "translated": "Angebot senden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Send offer:  %o"
+            }
+        },
+        {
+            "translated": "Ich habe einen neuen Datenkanal! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got new data channel! ( %s)"
+            }
+        },
+        {
+            "translated": "Stimme von einem unbekannten Kunden haben? (ClientID: %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Having  voice from unknown client? (ClientID:  %o)"
+            }
+        },
+        {
+            "translated": "Der Codec %o konnte nicht abgespielt werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not playback codec  %o"
+            }
+        },
+        {
+            "translated": "Wiedergabe von Client-Audio (%o) (%o) nicht möglich",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not playback client's ( %o) audio ( %o)"
+            }
+        },
+        {
+            "translated": "Lokale Stimme endete",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Local voice ended"
+            }
+        },
+        {
+            "translated": "Lokale Stimme begann",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Local voice started"
+            }
+        },
+        {
+            "translated": "<b> Wechselt zu Channel </ b>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "<b>Switch to channel</b>"
+            }
+        },
+        {
+            "translated": "Channel bearbeiten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Edit channel"
+            }
+        },
+        {
+            "translated": "Geänderte Channeleigenschaften von Channel %s: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Changed channel properties of channel  %s:  %o"
+            }
+        },
+        {
+            "translated": "Channel löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete channel"
+            }
+        },
+        {
+            "translated": "Erstellen Sie einen Musik-Bot",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Create music bot"
+            }
+        },
+        {
+            "translated": "Bot erfolgreich erstellt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bot successfully created"
+            }
+        },
+        {
+            "translated": "Wurde aber erfolgreich erstellt.",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "But has been successfully created."
+            }
+        },
+        {
+            "translated": "Bot konnte nicht erstellt werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to create bot"
+            }
+        },
+        {
+            "translated": "Erstellen Sie einen Unterchannel",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Create sub channel"
+            }
+        },
+        {
+            "translated": "Cannel erstellen",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Create channel"
+            }
+        },
+        {
+            "translated": "Channeloptionen: ' %o'",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Channel options: ' %o'"
+            }
+        },
+        {
+            "translated": "Erhaltener Channelname: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got channel name:  %o"
+            }
+        },
+        {
+            "translated": "Das Wiederholen des Abstandhalters hat zu viele Wiederholungen benötigt!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Repeating spacer took too much repeats!"
+            }
+        },
+        {
+            "translated": "Ausrichten: %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Align:  %s"
+            }
+        },
+        {
+            "translated": "Eigenschaften ( %i) von %s ( %i) aktualisieren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Update properties ( %i) of  %s ( %i)"
+            }
+        },
+        {
+            "translated": "Aktualisiereigenschaft %s = ' %s' -> %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Updating property  %s = ' %s' ->  %o"
+            }
+        },
+        {
+            "translated": "Channel-Passwort",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel password"
+            }
+        },
+        {
+            "translated": "Channel Passwort:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel password:"
+            }
+        },
+        {
+            "translated": "Lautstärke ändern",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Change volume"
+            }
+        },
+        {
+            "translated": "Zurücksetzen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reset"
+            }
+        },
+        {
+            "translated": "Abbrechen",
+            "flags": [
+                "humnan-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Cancel"
+            }
+        },
+        {
+            "translated": "OK",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "OK"
+            }
+        },
+        {
+            "translated": "Servergruppen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Server Groups"
+            }
+        },
+        {
+            "translated": "Zielgruppe konnte nicht aufgelöst werden!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not resolve target group!"
+            }
+        },
+        {
+            "translated": "Schließen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Close"
+            }
+        },
+        {
+            "translated": "Start der Mausbewegung",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Starting mouse move"
+            }
+        },
+        {
+            "translated": "Server Gruppen bearbeiten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Set server group"
+            }
+        },
+        {
+            "translated": "Channelgruppe setzen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Set channel group"
+            }
+        },
+        {
+            "translated": "Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Permissions"
+            }
+        },
+        {
+            "translated": "<b> Textchat öffnen </ b>",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "<b>Open text chat</b>"
+            }
+        },
+        {
+            "translated": "Anstupsen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Poke client"
+            }
+        },
+        {
+            "translated": "Poke message:<br>",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Poke message:<br>"
+            }
+        },
+        {
+            "translated": "Beschreibung ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change description"
+            }
+        },
+        {
+            "translated": "Kundenbeschreibung ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change client description"
+            }
+        },
+        {
+            "translated": "Neue Beschreibung: <br>",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "New description:<br>"
+            }
+        },
+        {
+            "translated": "Ziehen Sie den Client in Ihren Channel",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Move client to your channel"
+            }
+        },
+        {
+            "translated": "Client vom Channel kicken",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kick client from channel"
+            }
+        },
+        {
+            "translated": "Kickgrund: <br>",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kick reason:<br>"
+            }
+        },
+        {
+            "translated": "Client vom Server kicken",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kick client fom server"
+            }
+        },
+        {
+            "translated": "Client vom Server kicken",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kick client from server"
+            }
+        },
+        {
+            "translated": "Client verbieten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ban client"
+            }
+        },
+        {
+            "translated": "Lautstärke ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change Volume"
+            }
+        },
+        {
+            "translated": "<b> Namen ändern </ b>",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "<b>Change name</b>"
+            }
+        },
+        {
+            "translated": "Eigene Beschreibung ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change own description"
+            }
+        },
+        {
+            "translated": "Eigene Beschreibung zu %s ändern",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Changing own description to  %s"
+            }
+        },
+        {
+            "translated": "Der Nickname wurde erfolgreich geändert",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Nickname successfully changed"
+            }
+        },
+        {
+            "translated": "Nickname konnte nicht geändert werden ({})",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not change nickname ({})"
+            }
+        },
+        {
+            "translated": "<b> Botnamen ändern </ b>",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "<b>Change bot name</b>"
+            }
+        },
+        {
+            "translated": "Ändern Sie den Musik-Bots-Spitznamen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change music bots nickname"
+            }
+        },
+        {
+            "translated": "Neuer Spitzname: <br>",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "New nickname:<br>"
+            }
+        },
+        {
+            "translated": "Bot-Beschreibung ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change bot description"
+            }
+        },
+        {
+            "translated": "Beschreibung der Musik-Bots ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change music bots description"
+            }
+        },
+        {
+            "translated": "Musik-Panel öffnen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Open music panel"
+            }
+        },
+        {
+            "translated": "Schnelle URL-Wiedergabe",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Quick url replay"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie die URL ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter the URL"
+            }
+        },
+        {
+            "translated": "URL:",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "URL:"
+            }
+        },
+        {
+            "translated": "Fehler beim Wiederholen der URL",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to replay url"
+            }
+        },
+        {
+            "translated": "Client %o aus Channel mit Grund %o tritt aus",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Kicking client  %o from channel with reason  %o"
+            }
+        },
+        {
+            "translated": "Bot löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete bot"
+            }
+        },
+        {
+            "translated": "Möchten Sie {0} wirklich löschen?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to delete {0}"
+            }
+        },
+        {
+            "translated": "Bist du dir sicher?",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Are you sure?"
+            }
+        },
+        {
+            "translated": "OK",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ok"
+            }
+        },
+        {
+            "translated": "Fehler beim Auflösen der Channelberechtigung für den Namen %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to resolve channel permission for name  %o"
+            }
+        },
+        {
+            "translated": "Aktualisierte Berechtigungen %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Updated permissions  %o"
+            }
+        },
+        {
+            "translated": "Erhaltene Berechtigungen: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got permissions:  %o"
+            }
+        },
+        {
+            "translated": "Genehmigung ausgelöst! %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Permission triggered!  %o"
+            }
+        },
+        {
+            "translated": "Ungültige Channelverschiebung (verschiedene Eltern! (%o | %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid channel move (different parents! ( %o| %o)"
+            }
+        },
+        {
+            "translated": "Multiselect-Channel",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Multiselect channel"
+            }
+        },
+        {
+            "translated": "Multiselect-Client",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Multiselect client"
+            }
+        },
+        {
+            "translated": "Nur Musik: %o | Containermusik: %o | Container local: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Music only:  %o | Container music:  %o | Container local:  %o"
+            }
+        },
+        {
+            "translated": "Anstupsen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Poke clients"
+            }
+        },
+        {
+            "translated": "Verschiebe Kunden in deinen Channel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Move clients to your channel"
+            }
+        },
+        {
+            "translated": "Treten Sie Kunden aus dem Channel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kick clients from channel"
+            }
+        },
+        {
+            "translated": "Kick clients fom server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kick clients fom server"
+            }
+        },
+        {
+            "translated": "Treten Sie die Clients vom Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kick clients from server"
+            }
+        },
+        {
+            "translated": "Kunden verbieten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ban clients"
+            }
+        },
+        {
+            "translated": "Bots löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete bots"
+            }
+        },
+        {
+            "translated": "Möchten Sie wirklich löschen?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to delete "
+            }
+        },
+        {
+            "translated": "Einen neuen Channel erstellen.\nEigenschaften: %o\nBerechtigungen: %o",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Creating a new channel.\nProperties:  %o\nPermissions:  %o"
+            }
+        },
+        {
+            "translated": "Channel konnte nach der Erstellung nicht aufgelöst werden. Berechtigungen konnten nicht angewendet werden!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to resolve channel after creation. Could not apply permissions!"
+            }
+        },
+        {
+            "translated": "Channel {} erfolgreich erstellt!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Channel {} successfully created!"
+            }
+        },
+        {
+            "translated": "Wiedergabeton %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "playback sound  %o"
+            }
+        },
+        {
+            "translated": "Fehlender Ton %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing sound  %o"
+            }
+        },
+        {
+            "translated": "Verwendung des zwischengespeicherten Puffers: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Using cached buffer:  %o"
+            }
+        },
+        {
+            "translated": "Decodiere Daten",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Decoding data"
+            }
+        },
+        {
+            "translated": "Bekam dekodierte Daten",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Got decoded data"
+            }
+        },
+        {
+            "translated": "Fehlschlagen beim decodieren der Audio Daten für %o",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to decode audio data for  %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Audiodatei (Antwortcode %o)",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to load audio file. (Response code  %o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Audiodatei",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to load audio file "
+            }
+        },
+        {
+            "translated": "Wiedergabe von %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Replaying  %s"
+            }
+        },
+        {
+            "translated": "Ihr Browser unterstützt decodeAudioData nicht! Verwenden eines Knotens für die Wiedergabe! Dadurch werden die Audioausgabe und die Lautstärkeregelung umgangen!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your browser does not support decodeAudioData! Using a node to playback! This bypasses the audio output and volume regulation!"
+            }
+        },
+        {
+            "translated": "Du wurdest gestoßen!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You have been poked!"
+            }
+        },
+        {
+            "translated": "Sockel angeschlossen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Socket connected"
+            }
+        },
+        {
+            "translated": "Einloggen...",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Logging in..."
+            }
+        },
+        {
+            "translated": "Verbindung zu {0}:{1}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Connecting to {0}:{1}"
+            }
+        },
+        {
+            "translated": "Verbindungszeitüberschreiten ausgelöst!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Connect timeout triggered!"
+            }
+        },
+        {
+            "translated": "Erhaltener Fehler: (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got error: ( %s)"
+            }
+        },
+        {
+            "translated": "Anfrage trennen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "request disconnect"
+            }
+        },
+        {
+            "translated": "Verbindung geschlossen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connection closed"
+            }
+        },
+        {
+            "translated": "Nachricht json konnte nicht analysiert werden!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not parse message json!"
+            }
+        },
+        {
+            "translated": "Fehlender Datentyp!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Missing data type!"
+            }
+        },
+        {
+            "translated": "Unbekannter Befehlstyp %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Unknown command type  %o"
+            }
+        },
+        {
+            "translated": "Handlungsbefehl ' %s'",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Handling command ' %s'"
+            }
+        },
+        {
+            "translated": "Json:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Json:"
+            }
+        },
+        {
+            "translated": "Fehlender Befehl ' %s'",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing command ' %s'"
+            }
+        },
+        {
+            "translated": "Unzureichende Benutzerberechtigung. Bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Insufficient client permissions. Failed on permission "
+            }
+        },
+        {
+            "translated": "Unzureichende Benutzerberechtigung. Fehler bei Erlaubnis {}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Insufficient client permissions. Failed on permission {}"
+            }
+        },
+        {
+            "translated": "Befehlsausführung führt zu",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Command execution results in "
+            }
+        },
+        {
+            "translated": "Ungültiger Versprechen-Ergebnistyp: %o. Ergebnis:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid promise result type:  %o. Result:"
+            }
+        },
+        {
+            "translated": "Bekam Anmeldefehler",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Got login error"
+            }
+        },
+        {
+            "translated": "Version konnte nicht abgerufen werden:",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to get version:"
+            }
+        },
+        {
+            "translated": "Ungültiger Rückgabecode! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid return code! ( %o)"
+            }
+        },
+        {
+            "translated": "Stimme einrichten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Setting up voice"
+            }
+        },
+        {
+            "translated": "Verbunden als {0}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connected as {0}"
+            }
+        },
+        {
+            "translated": "Ungültige Channelbestellungs-ID!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid channel order id!"
+            }
+        },
+        {
+            "translated": "Ungültiger übergeordneter Channel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid channel parent"
+            }
+        },
+        {
+            "translated": "Ich habe %d neue Channels",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got  %d new channels"
+            }
+        },
+        {
+            "translated": "%d Channellöschungen erhalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got  %d channel deletions"
+            }
+        },
+        {
+            "translated": "Ungültiger Channel onDelete (Unbekannter Channel)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid channel onDelete (Unknown channel)"
+            }
+        },
+        {
+            "translated": "%d Channel versteckt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got  %d channel hides"
+            }
+        },
+        {
+            "translated": "Ungültiger Channel beim Ausblenden (unbekannter Channel)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid channel on hide (Unknown channel)"
+            }
+        },
+        {
+            "translated": "{0} erschien von {1} bis {2}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared from {1} to {2}"
+            }
+        },
+        {
+            "translated": "{0} verband sich zu Channel {1} ​",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "{0} connected to channel {1}"
+            }
+        },
+        {
+            "translated": "{0} erschien von {1} bis {2}, verschoben um {3}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared from {1} to {2}, moved by {3}"
+            }
+        },
+        {
+            "translated": "{0} erschien von {1} bis {2}, getreten von {3} {4}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared from {1} to {2}, kicked by {3}{4}"
+            }
+        },
+        {
+            "translated": "Unbekannte Begründung für %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Unknown reasonid for  %o"
+            }
+        },
+        {
+            "translated": "Unbekannter Kunde übrig!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown client left!"
+            }
+        },
+        {
+            "translated": "{0} verschwand von {1} nach {2}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} disappeared from {1} to {2}"
+            }
+        },
+        {
+            "translated": "{0} hat den Server verlassen {1}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} left the server{1}"
+            }
+        },
+        {
+            "translated": "{0} wurde von {1} vom Server gekickt. {2}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} was kicked from the server by {1}.{2}"
+            }
+        },
+        {
+            "translated": "{0} wurde von {1} aus Ihrem Channel geworfen. {2}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "{0} was kicked from your channel by {1}.{2}"
+            }
+        },
+        {
+            "translated": "{0} wurde {1} von {2} gesperrt. {3}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} was banned {1} by {2}.{3}"
+            }
+        },
+        {
+            "translated": "Unbekannter Kunde hat Grund gelassen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Unknown client left reason!"
+            }
+        },
+        {
+            "translated": "Unbekannter Client-Umzug (Client)!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown client move (Client)!"
+            }
+        },
+        {
+            "translated": "Unbekannter Client-Umzug (Channel to)!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown client move (Channel to)!"
+            }
+        },
+        {
+            "translated": "Unbekannter Client-Umzug (Channel from)!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown client move (Channel from)!"
+            }
+        },
+        {
+            "translated": "Sie wurden von {3} von Channel {1} ​​nach {2} verschoben.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You was moved by {3} from channel {1} to {2}"
+            }
+        },
+        {
+            "translated": "{0} wurde um {3} von Channel {1} ​​nach {2} verschoben.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} was moved from channel {1} to {2} by {3}"
+            }
+        },
+        {
+            "translated": "Sie haben von Channel {1} ​​zu {2} gewechselt.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You switched from channel {1} to {2}"
+            }
+        },
+        {
+            "translated": "{0} hat von Channel {1} ​​zu {2} gewechselt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} switched from channel {1} to {2}"
+            }
+        },
+        {
+            "translated": "Sie wurden aus dem Channel {1} ​​in den Channel {2} von {3} {4} geworfen.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You got kicked out of the channel {1} to channel {2} by {3}{4}"
+            }
+        },
+        {
+            "translated": "{0} wurde von Channel {1} ​​in {2} von {3} {4} geworfen.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} got kicked from channel {1} to {2} by {3}{4}"
+            }
+        },
+        {
+            "translated": "Unbekannte Grund-ID %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Unknown reason id  %o"
+            }
+        },
+        {
+            "translated": "Unbekannter Channelzug (Channel)!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown channel move (Channel)!"
+            }
+        },
+        {
+            "translated": "Unbekannter Channelzug (prev)!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown channel move (prev)!"
+            }
+        },
+        {
+            "translated": "Unbekannter Channelzug (Eltern)!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown channel move (parent)!"
+            }
+        },
+        {
+            "translated": "Unbekannter Channel bearbeiten (Channel)!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown channel edit (Channel)!"
+            }
+        },
+        {
+            "translated": "Private Nachricht von ungültigem Client erhalten!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Got private message from invalid client!"
+            }
+        },
+        {
+            "translated": "Es wurde versucht, einen nicht vorhandenen Client zu aktualisieren",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Tried to update an non existing client"
+            }
+        },
+        {
+            "translated": "Musik-Player-Info für unbekannten oder ungültigen Bot erhalten! (ID: %i, Eintrag: %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got music player info for unknown or invalid bot! (ID:  %i, Entry:  %o)"
+            }
+        },
+        {
+            "translated": "Verwenden des Info-Managers: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Using info manager:  %o"
+            }
+        },
+        {
+            "translated": "Hostbanner konnte nicht geladen werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load hostbanner:  %o"
+            }
+        },
+        {
+            "translated": "Hostbanner wurde geladen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Hostbanner has been loaded"
+            }
+        },
+        {
+            "translated": "Wird geladen...",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "loading..."
+            }
+        },
+        {
+            "translated": "Kein Titel oder URL",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "No title or url"
+            }
+        },
+        {
+            "translated": "Wiedergabe konnte nicht ausgeführt werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to execute play"
+            }
+        },
+        {
+            "translated": "Wiedergabe konnte nicht ausgeführt werden. <br> {}",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to execute play.<br>{}"
+            }
+        },
+        {
+            "translated": "Pause konnte nicht ausgeführt werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to execute pause"
+            }
+        },
+        {
+            "translated": "Fehler beim ausführen von Pause. <br> {}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to execute pause.<br>{}"
+            }
+        },
+        {
+            "translated": "Stopp konnte nicht ausgeführt werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to execute stop"
+            }
+        },
+        {
+            "translated": "Stopp konnte nicht ausgeführt werden. <br> {}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to execute stop.<br>{}"
+            }
+        },
+        {
+            "translated": "Vorwärtsspulen konnte nicht ausgeführt werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to execute forward"
+            }
+        },
+        {
+            "translated": "Zurückspulen konnte nicht ausgeführt werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to execute rewind"
+            }
+        },
+        {
+            "translated": "Nicht implementiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Not implemented"
+            }
+        },
+        {
+            "translated": "Diese Funktion ist noch nicht implementiert!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "This function is not implemented yet!"
+            }
+        },
+        {
+            "translated": "Eltern: %o | %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Parents:  %o |  %o"
+            }
+        },
+        {
+            "translated": "Player: %o | oo",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Player:  %o |  %o"
+            }
+        },
+        {
+            "translated": "Skala:% f => übersetzen: %o | %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Scale: %f => translate:  %o |  %o"
+            }
+        },
+        {
+            "translated": "Erforderlicher Test: %o |  %i | %o => %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Test needed required:  %o |  %i |  %o =>  %o"
+            }
+        },
+        {
+            "translated": "Bekam unbekannte Berechtigungs-ID (%o / %o (%o))!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Got unknown permission id ( %o/ %o ( %o))!"
+            }
+        },
+        {
+            "translated": "Berechtigungszuordnung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Permission mapping"
+            }
+        },
+        {
+            "translated": "Gruppe",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Group "
+            }
+        },
+        {
+            "translated": "%i <> %s -> %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "%i <>  %s ->  %s"
+            }
+        },
+        {
+            "translated": "Ich habe %i Berechtigungen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got  %i permissions"
+            }
+        },
+        {
+            "translated": "Ich benötige Berechtigungen, habe aber keine Berechtigungsliste!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got needed permissions but don't have a permission list!"
+            }
+        },
+        {
+            "translated": "%d benötigte Berechtigungen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got  %d needed permissions."
+            }
+        },
+        {
+            "translated": "Konnte Perm für ID %s nicht auflösen (%o | %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not resolve perm for id  %s ( %o| %o)"
+            }
+        },
+        {
+            "translated": "Channelberechtigungen für Channel %o erhalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got channel permissions for channel  %o"
+            }
+        },
+        {
+            "translated": "Fehlendes Channelberechtigungshandle für angeforderte Channel-ID %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing channel permission handle for requested channel id  %o"
+            }
+        },
+        {
+            "translated": "Erteilungserlaubnis% konnte nicht aufgelöst werden. Neues erstellen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not resolve grant permission  %o. Creating a new one."
+            }
+        },
+        {
+            "translated": "Gewünschte Berechtigung mit ungültigem Schlüssel angefordert! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Requested needed permission with invalid key! ( %o)"
+            }
+        },
+        {
+            "translated": "ungültige Bestellung!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "invalid order!"
+            }
+        },
+        {
+            "translated": "Gruppenziel konnte nicht aufgelöst werden! => %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not resolve group target! =>  %o"
+            }
+        },
+        {
+            "translated": "Ich habe Gruppenberechtigungen für Gruppe %o / %o erhalten, aber es ist keine registrierte Gruppe!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got group permissions for group  %o/ %o, but its not a registered group!"
+            }
+        },
+        {
+            "translated": "Ich habe Gruppenberechtigungen für Gruppe %o / %o erhalten, wurde aber nie angefordert!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got group permissions for group  %o/ %o, but it was never requested!"
+            }
+        },
+        {
+            "translated": "Tab customElements konnte nicht abgelehnt werden!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not defied tab customElements!"
+            }
+        },
+        {
+            "translated": "Einstellungen",
+            "flags": [
+                "google-translate",
+                "human-modified",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Settings"
+            }
+        },
+        {
+            "translated": "Drücken Sie die Taste, die Sie wünschen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Type the key you wish"
+            }
+        },
+        {
+            "translated": "Erhielt Taste %o",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Got key  %o"
+            }
+        },
+        {
+            "translated": "Kein Gerät",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No device"
+            }
+        },
+        {
+            "translated": "Gerät %s (%s): %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got device  %s ( %s):  %s"
+            }
+        },
+        {
+            "translated": "Konnte nicht über Geräten auflisten!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not enumerate over devices!"
+            }
+        },
+        {
+            "translated": "Konnte keine Geräteliste erhalten!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Could not get device list!"
+            }
+        },
+        {
+            "translated": "Ausgewähltes Mikrofon: id: %o Gruppe: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Selected microphone device: id:  %o group:  %o"
+            }
+        },
+        {
+            "translated": "Ausgewähltes Lautsprechergerät: id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Selected speaker device: id:  %o"
+            }
+        },
+        {
+            "translated": "Fehlschlagen beim ändern des Gerätes.",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to change device!"
+            }
+        },
+        {
+            "translated": "Verbot %o hinzufügen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding ban  %o"
+            }
+        },
+        {
+            "translated": "Verbot konnte nicht hinzugefügt werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to add ban"
+            }
+        },
+        {
+            "translated": "Bearbeiten der Anleihe% und",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Editing ban  %o"
+            }
+        },
+        {
+            "translated": "Bearbeitungsänderungen übernehmen %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Apply edit changes  %o"
+            }
+        },
+        {
+            "translated": "Bann konnte nicht bearbeitet werden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to edit ban"
+            }
+        },
+        {
+            "translated": "Lösche Bann %o",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Deleting ban  %o"
+            }
+        },
+        {
+            "translated": "Verbot konnte nicht gelöscht werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete ban"
+            }
+        },
+        {
+            "translated": "Bekam Bannliste: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got banlist:  %o"
+            }
+        },
+        {
+            "translated": "Fehlender Verbotseintrag mit ID %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing ban entry with id  %d"
+            }
+        },
+        {
+            "translated": "Bannliste",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Banlist"
+            }
+        },
+        {
+            "translated": "Suche nach Filter %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Search for filter  %s"
+            }
+        },
+        {
+            "translated": "Nachricht absetzen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Set away message"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie die Abwesenheitsnachricht ein",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Please enter the away message"
+            }
+        },
+        {
+            "translated": "Channel-Codec wird nicht unterstützt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel codec unsupported"
+            }
+        },
+        {
+            "translated": "Dieser Channel hat einen nicht unterstützten Codec. <br> Sie können niemanden innerhalb dieses Channels sprechen oder hören!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "This channel has an unsupported codec.<br>You cant speak or listen to anybody within this channel!"
+            }
+        },
+        {
+            "translated": "Token verwenden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Use token"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie Ihren Token / Privilegschlüssel ein",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Please enter your token/priviledge key"
+            }
+        },
+        {
+            "translated": "Toke erfolgreich eingesetzt!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Toke successfully used!"
+            }
+        },
+        {
+            "translated": "Token-Liste ist noch nicht implementiert!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Token list is not implemented yet!"
+            }
+        },
+        {
+            "translated": "Starte Verbindung zu %s: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Start connection to  %s: %d"
+            }
+        },
+        {
+            "translated": "Fehler beim Hashing des Passworts",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Error while hashing password"
+            }
+        },
+        {
+            "translated": "Passwort für Hash-Server fehlgeschlagen! <br>",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to hash server password!<br>"
+            }
+        },
+        {
+            "translated": "Codec Encodierung wird nicht unterstützt!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Codec encode type not supported!"
+            }
+        },
+        {
+            "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Ausnahme",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not connect to remote host! Exception"
+            }
+        },
+        {
+            "translated": "Konnte keine Verbindung herstellen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not connect"
+            }
+        },
+        {
+            "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden (Verbindung abgelehnt)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not connect to remote host (Connection refused)"
+            }
+        },
+        {
+            "translated": "Verbindung zum Remote-Server verloren!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Lost connection to remote server!"
+            }
+        },
+        {
+            "translated": "Die Verbindung wurde vom Remote-Host geschlossen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The connection was closed by remote host"
+            }
+        },
+        {
+            "translated": "Verbindungs-Ping-Timeout",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connection ping timeout"
+            }
+        },
+        {
+            "translated": "Verbindung unterbrochen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connection lost"
+            }
+        },
+        {
+            "translated": "Verbindung zum Remote-Host verloren (Ping-Timeout) <br> Sogar möglich?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Lost connection to remote host (Ping timeout)<br>Even possible?"
+            }
+        },
+        {
+            "translated": "Server geschlossen ({0})",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Server closed ({0})"
+            }
+        },
+        {
+            "translated": "Server geschlossen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server closed"
+            }
+        },
+        {
+            "translated": "Server erfordert Passwort",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Server requires password"
+            }
+        },
+        {
+            "translated": "Server password",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Server password"
+            }
+        },
+        {
+            "translated": "Server Passwort eingeben:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter server password:"
+            }
+        },
+        {
+            "translated": "Sie wurden von {0} {1} vom Server gekickt.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You got kicked from the server by {0}{1}"
+            }
+        },
+        {
+            "translated": "Sie wurden von {0} {1} vom Server verbannt.",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "You got banned from the server by {0}{1}"
+            }
+        },
+        {
+            "translated": "Nicht abgeholte Verbindung trennen!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got uncaught disconnect!"
+            }
+        },
+        {
+            "translated": "Typ: %o Daten:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Type:  %o Data:"
+            }
+        },
+        {
+            "translated": "Erstellen Sie einen neuen Dateidownload für %s: %s (Schlüssel: %s, erwartet %d Bytes).",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create new file download to  %s: %s (Key:  %s, Expect  %d bytes)"
+            }
+        },
+        {
+            "translated": "Haben Sie Daten, aber Socket geschlossen?",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got data, but socket closed?"
+            }
+        },
+        {
+            "translated": "ein Fehler ist aufgetreten",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "an error occurent"
+            }
+        },
+        {
+            "translated": "unerwartetes Schließen (Remote geschlossen)",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "unexpected close (remote closed)"
+            }
+        },
+        {
+            "translated": "Ungültiger Dateilisteneintrag Pfad: %s",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Invalid file list entry. Path:  %s"
+            }
+        },
+        {
+            "translated": "Ungültiger Dateilisteneintrag beendet. Pfad:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid file list entry finish. Path: "
+            }
+        },
+        {
+            "translated": "Symbol% ​​s -> %s konnte nicht heruntergeladen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not download icon  %s ->  %s"
+            }
+        },
+        {
+            "translated": "Fehlschlagen beim download des Symbols {0}. ({1})",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Fail to download icon {0}. ({1})"
+            }
+        },
+        {
+            "translated": "Fehler beim Herunterladen des Symbols! (%s)",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Error while downloading icon! ( %s)"
+            }
+        },
+        {
+            "translated": "Fehler beim Anfordern des Downloads für das Symbol {0}. ({1})",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to request download for icon {0}. ({1})"
+            }
+        },
+        {
+            "translated": "Symbol hat einen Bildtyp von %o (Medium: %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon has an image type of  %o (media:  %o)"
+            }
+        },
+        {
+            "translated": "Symbol% ​​o geladen :)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon  %o loaded :)"
+            }
+        },
+        {
+            "translated": "Symbol% ​​o konnte nicht geladen werden. Grund:% p",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load icon  %o. Reason: %p"
+            }
+        },
+        {
+            "translated": "Avatar %s wird heruntergeladen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Downloading avatar  %s"
+            }
+        },
+        {
+            "translated": "Avatar %o -> %s konnte nicht heruntergeladen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not download avatar  %o ->  %s"
+            }
+        },
+        {
+            "translated": "Avatar kann für {0} nicht heruntergeladen werden. ({1})",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Fail to download avatar for {0}. ({1})"
+            }
+        },
+        {
+            "translated": "Fehler beim Herunterladen des Avatars! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Error while downloading avatar! ( %s)"
+            }
+        },
+        {
+            "translated": "Avatar-Download für {0} konnte nicht angefordert werden. ({1})",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to request avatar download for {0}. ({1})"
+            }
+        },
+        {
+            "translated": "avatar has an image type of %o (media: %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "avatar has an image type of  %o (media:  %o)"
+            }
+        },
+        {
+            "translated": "Avatar has an image type of %o (media: %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Avatar has an image type of  %o (media:  %o)"
+            }
+        },
+        {
+            "translated": "Avatar konnte für %s nicht geladen werden. Gründe dafür",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load avatar for  %s. Reason:  %s"
+            }
+        },
+        {
+            "translated": "Avatar konnte nicht geladen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load avatar "
+            }
+        },
+        {
+            "translated": "Fehlende erforderliche Wasm-Funktion! <br> Bitte laden Sie die Seite neu!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing required wasm function!<br>Please reload the page!"
+            }
+        },
+        {
+            "translated": "Verschiebung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Shift"
+            }
+        },
+        {
+            "translated": "Alt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Alt"
+            }
+        },
+        {
+            "translated": "STRG",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "CTRL"
+            }
+        },
+        {
+            "translated": "Sieg",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Win"
+            }
+        },
+        {
+            "translated": "unset",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "unset"
+            }
+        },
+        {
+            "translated": "Zu formatierende Nachricht enthält ungültigen Index (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Message to format contains invalid index ( %o)"
+            }
+        },
+        {
+            "translated": "Offset: %d Anzahl: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Offset:  %d Number:  %d"
+            }
+        },
+        {
+            "translated": "klar",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Clear"
+            }
+        },
+        {
+            "translated": "Schließen Sie alle privaten Registerkarten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Close all private tabs"
+            }
+        },
+        {
+            "translated": "Namen ändern!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Change name!"
+            }
+        },
+        {
+            "translated": "Schließbar:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Set closeable: "
+            }
+        },
+        {
+            "translated": "Gesangsmeldung konnte nicht gesendet werden (nicht verbunden)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not send chant message (Not connected)"
+            }
+        },
+        {
+            "translated": "Neue Verbindung erstellen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Create a new connection"
+            }
+        },
+        {
+            "translated": "Identität konnte nicht gelesen werden!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not read identity! "
+            }
+        },
+        {
+            "translated": "Identitätsdatei konnte nicht gelesen werden!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not read identity file!"
+            }
+        },
+        {
+            "translated": "Bitte wählen Sie eine Identität aus!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Please select an identity!"
+            }
+        },
+        {
+            "translated": "Aktualisierung über angezeigt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Updating via shown"
+            }
+        },
+        {
+            "translated": "Verbinden",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Connect"
+            }
+        },
+        {
+            "translated": "Verbot bearbeiten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Edit ban"
+            }
+        },
+        {
+            "translated": "Verbot hinzufügen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add ban"
+            }
+        },
+        {
+            "translated": "Ja",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Yes"
+            }
+        },
+        {
+            "translated": "Nein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No"
+            }
+        },
+        {
+            "translated": "Fehler beim Initialisieren des Übersetzungssystems!\nFehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialized the translation system!\nError:  %o"
+            }
+        },
+        {
+            "translated": "Der TeamSpeak-Identitätsparser konnte nicht eingerichtet werden!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not setup the TeamSpeak identity parser!"
+            }
+        },
+        {
+            "translated": "Ppt konnte nicht initialisiert werden!\nFehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize ppt!\nError:  %o"
+            }
+        },
+        {
+            "translated": "Ppt konnte nicht initialisiert werden!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize ppt!"
+            }
+        },
+        {
+            "translated": "Audio-Controller später initialisieren!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Initialize audio controller later!"
+            }
+        },
+        {
+            "translated": "Fehlender audio.player.initializeFromGesture",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing audio.player.initializeFromGesture"
+            }
+        },
+        {
+            "translated": "PCM-Daten konnten für Codec nicht erneut berechnet werden. Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not resample PCM data for codec. Error:  %o"
+            }
+        },
+        {
+            "translated": "PCM-Daten konnten nicht für Codec codiert werden. Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not encode PCM data for codec. Error:  %o"
+            }
+        },
+        {
+            "translated": "Erforderliche Zeit: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Required time:  %d"
+            }
+        },
+        {
+            "translated": "Lagerzeit der Arbeiternachricht: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Worker message stock time:  %d"
+            }
+        },
+        {
+            "translated": "Ungültiger Arbeitstoken!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid worker token!"
+            }
+        },
+        {
+            "translated": "[Codec] Bekannte Antwort des Arbeitnehmers: Erfolg: %o Nachricht: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "[Codec] Got worker init response: Success:  %o Message:  %o"
+            }
+        },
+        {
+            "translated": "Rückruf für Kostüm! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Costume callback! ( %o)"
+            }
+        },
+        {
+            "translated": "Übersetzungsdatei von %s erfolgreich initialisiert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Successfully initialized up translation file from  %s"
+            }
+        },
+        {
+            "translated": "Verwalten Sie den virtuellen Server",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Manager the  Virtual Server"
+            }
+        },
+        {
+            "translated": "Bearbeiten",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Edit"
+            }
+        },
+        {
+            "translated": "Servereigenschaften ändern %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Changing server properties  %o"
+            }
+        },
+        {
+            "translated": "Geänderte Eigenschaften: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Changed properties:  %o"
+            }
+        },
+        {
+            "translated": "Eigenschaften aktualisieren ( %i)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Update properties ( %i)"
+            }
+        },
+        {
+            "translated": "Server Permissions",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server Permissions"
+            }
+        },
+        {
+            "translated": "Gruppe aufwenden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Expend group"
+            }
+        },
+        {
+            "translated": "Alle erweitern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Expend all"
+            }
+        },
+        {
+            "translated": "Gruppe minimieren",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Collapse group"
+            }
+        },
+        {
+            "translated": "Alles einklappen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Collapse all"
+            }
+        },
+        {
+            "translated": "Erlaubnis hinzufügen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add permission"
+            }
+        },
+        {
+            "translated": "Berechtigung entfernen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remove permission"
+            }
+        },
+        {
+            "translated": "Erlaubnis hinzufügen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add grant permission"
+            }
+        },
+        {
+            "translated": "Berechtigungsbeschreibung anzeigen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show permission description"
+            }
+        },
+        {
+            "translated": "Nicht implementiert!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Not implemented!"
+            }
+        },
+        {
+            "translated": "Diese Funktion ist noch nicht implementiert!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "This function isnt implemented yet!"
+            }
+        },
+        {
+            "translated": "Kopieren Sie den Berechtigungsnamen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Copy permission name"
+            }
+        },
+        {
+            "translated": "Es wurde versucht, eine nicht bekannte Berechtigung zu bearbeiten! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Attempted to edit a not known permission! ( %s)"
+            }
+        },
+        {
+            "translated": "Fehlende ausgewählte Channel-ID für die Aktion des Berechtigungseditors!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing selected channel id for permission editor action!"
+            }
+        },
+        {
+            "translated": "ungültiger Channel",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "invalid channel"
+            }
+        },
+        {
+            "translated": "Berechtigung %s mit Eigenschaften hinzugefügt: %o %o %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Added permission  %s with properties:  %o  %o  %o"
+            }
+        },
+        {
+            "translated": "Berechtigung %s wurde entfernt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removed permission  %s"
+            }
+        },
+        {
+            "translated": "Zuschuss von %o für %s hinzugefügt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Added grant of  %o for  %s"
+            }
+        },
+        {
+            "translated": "Berechtigungsberechtigung für %s entfernt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removed grant permission for  %s"
+            }
+        },
+        {
+            "translated": "Berechtigung %o mit Eigenschaften hinzugefügt: %o %o %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Added permission  %o with properties:  %o  %o  %o"
+            }
+        },
+        {
+            "translated": "Fehlende ausgewählte Gruppen-ID für Berechtigungseditor-Aktion!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing selected group id for permission editor action!"
+            }
+        },
+        {
+            "translated": "Fehlende ausgewählte Gruppen-ID für den Berechtigungseditor!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing selected group id for permission editor!"
+            }
+        },
+        {
+            "translated": "Die Zielabtastrate liegt außerhalb des Bereichs [3000, 384000].",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The target sample rate is outside the range [3000, 384000]."
+            }
+        },
+        {
+            "translated": "Leerer Puffer als Eingabe erhalten! Leere Ausgabe zurückgeben!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received empty buffer as input! Returning empty output!"
+            }
+        },
+        {
+            "translated": "Ziel Adresse und Port:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Remote address and port:"
+            }
+        },
+        {
+            "translated": "Server-Passwort:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server password:"
+            }
+        },
+        {
+            "translated": "Spitzname:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Nickname:"
+            }
+        },
+        {
+            "translated": "Identitätseinstellungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Identity Settings"
+            }
+        },
+        {
+            "translated": "Forumkonto",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Forum Account"
+            }
+        },
+        {
+            "translated": "TeamSpeak",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeamSpeak"
+            }
+        },
+        {
+            "translated": "Spitzname (nur zu Debug-Zwecken!)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Nickname (Debug purposes only!)"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie Ihre exportierte TS3-Identitätszeichenfolge ein oder wählen Sie Ihre exportierte Identität aus",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Please enter your exported TS3 Identity string bellow or select your exported Identity"
+            }
+        },
+        {
+            "translated": "Sie verwenden Ihr Forumkonto als Bestätigung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You're using your forum account as verification"
+            }
+        },
+        {
+            "translated": "Dies ist nur zum Debuggen und verwendet den Namen als eindeutige Kennung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "This is just for debug and uses the name as unique identifier"
+            }
+        },
+        {
+            "translated": "Name:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Name:"
+            }
+        },
+        {
+            "translated": "Passwort:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Password:"
+            }
+        },
+        {
+            "translated": "Thema:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Topic:"
+            }
+        },
+        {
+            "translated": "Beschreibung:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Description:"
+            }
+        },
+        {
+            "translated": "Standard",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Standard"
+            }
+        },
+        {
+            "translated": "Channeltyp",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel Type"
+            }
+        },
+        {
+            "translated": "Temporär",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Temporary"
+            }
+        },
+        {
+            "translated": "Semi-Permanent",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Semi-Permanent"
+            }
+        },
+        {
+            "translated": "Dauerhaft",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Permanent"
+            }
+        },
+        {
+            "translated": "Standardkanal",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Default Channel"
+            }
+        },
+        {
+            "translated": "Diesen Channel sortieren nach:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sort this channel after:"
+            }
+        },
+        {
+            "translated": "Benötigte Gesprächskraft:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Needed Talk Power:"
+            }
+        },
+        {
+            "translated": "Audio",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Audio"
+            }
+        },
+        {
+            "translated": "Voreinstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Presets"
+            }
+        },
+        {
+            "translated": "Voice Mobile",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Voice Mobile"
+            }
+        },
+        {
+            "translated": "Voice Desktop",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Voice Desktop"
+            }
+        },
+        {
+            "translated": "Musik",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Music"
+            }
+        },
+        {
+            "translated": "Brauch",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Custom"
+            }
+        },
+        {
+            "translated": "Benutzerdefinierte Einstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Custom Settings"
+            }
+        },
+        {
+            "translated": "Codec:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Codec:"
+            }
+        },
+        {
+            "translated": "Speex Ultra-Wideband",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Speex Ultra-Wideband"
+            }
+        },
+        {
+            "translated": "Qualität:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Quality:"
+            }
+        },
+        {
+            "translated": "Regelmäßig benötigte Kräfte:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Regular needed powers:"
+            }
+        },
+        {
+            "translated": "Beitreten:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Join:"
+            }
+        },
+        {
+            "translated": "Aussicht:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "View:"
+            }
+        },
+        {
+            "translated": "Abonnieren:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Subscribe:"
+            }
+        },
+        {
+            "translated": "Desc. Aussicht:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Desc. view:"
+            }
+        },
+        {
+            "translated": "Ändern:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Modify:"
+            }
+        },
+        {
+            "translated": "Löschen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Delete:"
+            }
+        },
+        {
+            "translated": "Erforderliche Befugnisse für die Dateiübertragung:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "File transfer needed powers:"
+            }
+        },
+        {
+            "translated": "Erweitert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Advanced"
+            }
+        },
+        {
+            "translated": "Andere Einstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Other Settings"
+            }
+        },
+        {
+            "translated": "Phonetischer Name:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Phonetic Name:"
+            }
+        },
+        {
+            "translated": "Verzögerung löschen:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete delay:"
+            }
+        },
+        {
+            "translated": "Sprachdaten verschlüsselt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Voice Data encrypted"
+            }
+        },
+        {
+            "translated": "Max Benutzer",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Max users"
+            }
+        },
+        {
+            "translated": "Unbegrenzt",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Unlimited"
+            }
+        },
+        {
+            "translated": "Begrenzt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Limited"
+            }
+        },
+        {
+            "translated": "Family Max Benutzer",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Family Max users"
+            }
+        },
+        {
+            "translated": "Vererbt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Inherited"
+            }
+        },
+        {
+            "translated": "geprüft",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "checked"
+            }
+        },
+        {
+            "translated": "Maximale Anzahl Kunden:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Maximum Clients:"
+            }
+        },
+        {
+            "translated": "Reservierte Slots:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reserved slots:"
+            }
+        },
+        {
+            "translated": "Willkommensnachricht:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Welcome Message:"
+            }
+        },
+        {
+            "translated": "Wirt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Host"
+            }
+        },
+        {
+            "translated": "Bindung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Binding"
+            }
+        },
+        {
+            "translated": "Wirt:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Host:"
+            }
+        },
+        {
+            "translated": "Hafen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Port:"
+            }
+        },
+        {
+            "translated": "Hinweis: Diese Einstellungen erfordern einen Neustart des virtuellen Servers, um wirksam zu werden!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Note: These settings require a virtual server restart to take effect!"
+            }
+        },
+        {
+            "translated": "Host-Nachricht",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Host message"
+            }
+        },
+        {
+            "translated": "Botschaft:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Message:"
+            }
+        },
+        {
+            "translated": "Nachrichtenmodus:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Message Mode:"
+            }
+        },
+        {
+            "translated": "Keine Nachricht",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No message"
+            }
+        },
+        {
+            "translated": "Nachricht im Protokoll anzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show message in log"
+            }
+        },
+        {
+            "translated": "Nachricht als modal anzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show message as modal"
+            }
+        },
+        {
+            "translated": "Nachricht als modal anzeigen und Verbindung mit dem Client trennen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show message as modal and disconnect the client"
+            }
+        },
+        {
+            "translated": "Host-Banner",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Host banner"
+            }
+        },
+        {
+            "translated": "Banner-Gfx-URL:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Banner Gfx URL:"
+            }
+        },
+        {
+            "translated": "Gfx-Intervall:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Gfx Interval:"
+            }
+        },
+        {
+            "translated": "Größe ändern:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Resize:"
+            }
+        },
+        {
+            "translated": "Nicht einstellen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do not adjust"
+            }
+        },
+        {
+            "translated": "Passen Sie das Seitenverhältnis an, aber ignorieren Sie es",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Adjust but ignore ratio aspect"
+            }
+        },
+        {
+            "translated": "Passen Sie das Seitenverhältnis an und halten Sie es",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Adjust and keep ratio aspect"
+            }
+        },
+        {
+            "translated": "Host-Schaltfläche",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Host Button"
+            }
+        },
+        {
+            "translated": "Tooltip:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Tooltip:"
+            }
+        },
+        {
+            "translated": "Icon-URL:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon URL:"
+            }
+        },
+        {
+            "translated": "Transfers",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Transfers"
+            }
+        },
+        {
+            "translated": "Hochladen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Upload"
+            }
+        },
+        {
+            "translated": "Bandbreitenlimit:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bandwidth Limit:"
+            }
+        },
+        {
+            "translated": "Bytes / s",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bytes/s"
+            }
+        },
+        {
+            "translated": "Upload-Quote:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Upload Quota:"
+            }
+        },
+        {
+            "translated": "MiB",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "MiB"
+            }
+        },
+        {
+            "translated": "Herunterladen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Download"
+            }
+        },
+        {
+            "translated": "Download-Quote:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Download Quota:"
+            }
+        },
+        {
+            "translated": "Anti-Flood",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Anti-Flood"
+            }
+        },
+        {
+            "translated": "Reduzierte Punkte pro Tick:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Reduced points per tick:"
+            }
+        },
+        {
+            "translated": "Erforderliche Punkte zum Blockieren von Befehlen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Points needed to block commands:"
+            }
+        },
+        {
+            "translated": "Für das Blockieren der IP benötigte Punkte:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Points needed to block IP:"
+            }
+        },
+        {
+            "translated": "Sicherheit",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Security"
+            }
+        },
+        {
+            "translated": "Benötigte Sicherheitsstufe:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Needed Security Level:"
+            }
+        },
+        {
+            "translated": "Channelsprachdatenverschlüsselung:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Channel voice data encryption:"
+            }
+        },
+        {
+            "translated": "Pro Channel einzeln bearbeiten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Edit per channel individually"
+            }
+        },
+        {
+            "translated": "Weltweit deaktiviert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Globally disabled"
+            }
+        },
+        {
+            "translated": "Weltweit aktiviert (empfohlen)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Globally enabled (recommended)"
+            }
+        },
+        {
+            "translated": "Sonstiges",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Misc"
+            }
+        },
+        {
+            "translated": "Standardgruppen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Default groups"
+            }
+        },
+        {
+            "translated": "Server-Gruppe",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server group"
+            }
+        },
+        {
+            "translated": "Musik-Bot-Gruppe",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Music bot group"
+            }
+        },
+        {
+            "translated": "Channelgruppe",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Channel group"
+            }
+        },
+        {
+            "translated": "Channel Admin-Gruppe",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Channel Admin group"
+            }
+        },
+        {
+            "translated": "Beschweren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Complain"
+            }
+        },
+        {
+            "translated": "Autoban Graf",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Autoban Count"
+            }
+        },
+        {
+            "translated": "Autoban Zeit",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Autoban Time"
+            }
+        },
+        {
+            "translated": "Zeit entfernen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Remove Time"
+            }
+        },
+        {
+            "translated": "Minimum Clients ist Channel vor der Stille:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Minimum clients is channel before silence:"
+            }
+        },
+        {
+            "translated": "Lautstärkeregler für Prioritätslautsprecher:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Priority speaker dim modificator:"
+            }
+        },
+        {
+            "translated": "Verzögerung für temporäre Channels löschen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Delete delay for temporary channels"
+            }
+        },
+        {
+            "translated": "Serverliste",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server list"
+            }
+        },
+        {
+            "translated": "Aktivieren Sie die Berichterstellung für die TeamSpeak-Serverliste",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enable reporting to the TeamSpeak server list"
+            }
+        },
+        {
+            "translated": "<del> Aktivieren Sie das Reporting für die TeaSpeak-Serverliste </del> (TeaSpeak unterstützt diese Einstellung nicht)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "<del>Enable reporting to the TeaSpeak server list</del> (TeaSpeak does not support this setting)"
+            }
+        },
+        {
+            "translated": "Mitteilungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Messages"
+            }
+        },
+        {
+            "translated": "Channel",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Channel"
+            }
+        },
+        {
+            "translated": "Standardthema:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Default Topic:"
+            }
+        },
+        {
+            "translated": "Standardbeschreibung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Default Description"
+            }
+        },
+        {
+            "translated": "Client",
+            "flags": [
+                "human-verified",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Client"
+            }
+        },
+        {
+            "translated": "Allgemeines",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "General"
+            }
+        },
+        {
+            "translated": "Noch nicht eingerichtet!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Didnt setuped yet!"
+            }
+        },
+        {
+            "translated": "Mikrofon / Eingabe",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Microphone"
+            }
+        },
+        {
+            "translated": "Gerät:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Device:"
+            }
+        },
+        {
+            "translated": "Sprachaktivitätserkennung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Voice Activity Detection"
+            }
+        },
+        {
+            "translated": "Immer aktiv",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Always active"
+            }
+        },
+        {
+            "translated": "Sprachaktivitätserkennung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Voice activity detection"
+            }
+        },
+        {
+            "translated": "Drücken, um zu sprechen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Push to talk"
+            }
+        },
+        {
+            "translated": "Es gibt keine Einstellungen für eine <b>immer</b> Online-Spracherkennung.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "There are no setting entries for an <b>always</b> online voice detection."
+            }
+        },
+        {
+            "translated": "Taste zum Sprechen drücken:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Push to talk key:"
+            }
+        },
+        {
+            "translated": "Nicht initialisiert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Uninitialised"
+            }
+        },
+        {
+            "translated": "Sprachaktivitätsschwelle ( <a class='vad_vad_slider_value'>20</a> %)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Voice activity threshold (<a class='vad_vad_slider_value'>20</a>%)"
+            }
+        },
+        {
+            "translated": "Lautsprecher / Ausgabe",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Speaker"
+            }
+        },
+        {
+            "translated": "Channelgruppen",
+            "flags": [
+                "human-verified",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Channel Groups"
+            }
+        },
+        {
+            "translated": "Channelberechtigungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Channel permissions"
+            }
+        },
+        {
+            "translated": "Client-Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client permissions"
+            }
+        },
+        {
+            "translated": "Kundennummer:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Client unique ID:"
+            }
+        },
+        {
+            "translated": "Eindeutige ID:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unique ID:"
+            }
+        },
+        {
+            "translated": "Kundendatenbank-ID:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client database ID:"
+            }
+        },
+        {
+            "translated": "Client-Channel-Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client channel permissions"
+            }
+        },
+        {
+            "translated": "Ändern von Gruppen von",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changing groups of"
+            }
+        },
+        {
+            "translated": "Filter:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Filter:"
+            }
+        },
+        {
+            "translated": "Nur erteilte Berechtigungen anzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show granted permissions only"
+            }
+        },
+        {
+            "translated": "Berechtigungsname",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Permission Name"
+            }
+        },
+        {
+            "translated": "Wert",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Value"
+            }
+        },
+        {
+            "translated": "Überspringen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Skip"
+            }
+        },
+        {
+            "translated": "Negieren",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Negate"
+            }
+        },
+        {
+            "translated": "Gewährt",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Granted"
+            }
+        },
+        {
+            "translated": "Aktualisieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Update"
+            }
+        },
+        {
+            "translated": "Hinzufügen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Add"
+            }
+        },
+        {
+            "translated": "Löschen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Remove"
+            }
+        },
+        {
+            "translated": "Name / IP / UID / HWID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Name/IP/UID/HWID"
+            }
+        },
+        {
+            "translated": "Grund",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reason"
+            }
+        },
+        {
+            "translated": "Schöpfer",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Creator"
+            }
+        },
+        {
+            "translated": "Erstellt / läuft ab",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Created / Expires"
+            }
+        },
+        {
+            "translated": "Neu laden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reload"
+            }
+        },
+        {
+            "translated": "Zeige nur eigene Verbote",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show only own bans"
+            }
+        },
+        {
+            "translated": "Eigene Verbote hervorheben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Highlight own bans"
+            }
+        },
+        {
+            "translated": "Grund:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reason:"
+            }
+        },
+        {
+            "translated": "Dauer:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Duration:"
+            }
+        },
+        {
+            "translated": "permanent",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "permanent"
+            }
+        },
+        {
+            "translated": "Verbot des Kunden durch",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Ban client by"
+            }
+        },
+        {
+            "translated": "Spitzname",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Nickname"
+            }
+        },
+        {
+            "translated": "Verbietet den Client nach seinem aktuellen Spitznamen. <br> Der derzeitige Spitzname kann nicht verwendet werden, bis das Verbot abgelaufen ist",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bans the client by his current nickname.<br>The currently nickname cant be used until the ban expired"
+            }
+        },
+        {
+            "translated": "Hardware ID",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Hardware ID"
+            }
+        },
+        {
+            "translated": "Verbietet den Client anhand seiner Hardware-ID. <br> Die Hardware-ID hat unterschiedliche Bedeutungen, abhängig vom Benutzeragenten <br> TeaClient: Die Hardware-ID entspricht der MAC-Adresse <br> TeaWeb: Der TeaSpeak-Webclient hat keine Hardware-ID. Dies ist zufällig <br> TeamSpeak 3-Client: Die Hardware-ID ist das Ergebnis einiger Hashes von hardwarespezifischen Eigenschaften",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bans the client by his hardware id.<br>The hardware id has different meanings, depends on the users agent<br>TeaClient: The hardware id will be equal to the mac address<br>TeaWeb: The TeaSpeak web client hasn't a hardware id, it will be random<br>TeamSpeak 3 client: The hardware id will be a result of some hashes from hardware specific properties"
+            }
+        },
+        {
+            "translated": "IP Adresse",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "IP Address"
+            }
+        },
+        {
+            "translated": "Erstellt:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Created:"
+            }
+        },
+        {
+            "translated": "Verfallen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Expire:"
+            }
+        },
+        {
+            "translated": "IP:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "IP:"
+            }
+        },
+        {
+            "translated": "Interpretiere IP / Name als:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Interpret IP/Name as:"
+            }
+        },
+        {
+            "translated": "Platzhalter IPv4",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Wildcard IPv4"
+            }
+        },
+        {
+            "translated": "Wildcard IPv6",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Wildcard IPv6"
+            }
+        },
+        {
+            "translated": "Feste Zeichenfolge",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Fixed string"
+            }
+        },
+        {
+            "translated": "Regulären Ausdruck",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Regular Expression"
+            }
+        },
+        {
+            "translated": "Hardware ID:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Hardware ID:"
+            }
+        },
+        {
+            "translated": "Dauer",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Duration"
+            }
+        },
+        {
+            "translated": "Verwenden Sie diesen Bann als globaler Bann",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Use this ban as a global ban"
+            }
+        },
+        {
+            "translated": "Globale Verbote sind Verbote, die sich auf alle Instanzen beziehen. <br> Dies bedeutet, dass (falls diese Regel auf ein Opfer zutrifft) <b>kein</b> virtueller Server beitreten <b>kann</b> ! <br> Globale Verbote werden standardmäßig jeder Server-Admin-Gruppe angezeigt. <br> konnte aber nur mit Abfragerechten erstellt werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Global bans are bans which apply instance wide.<br>This means that (if this rule apply to a victim) cant join <b>any</b> virtual server!<br>Global bans are by default shown to every server admin group,<br>but could only be created with query rights"
+            }
+        },
+        {
+            "translated": "Keine Musik zu spielen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Not playing any music"
+            }
+        },
+        {
+            "translated": "Version:",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Version:"
+            }
+        },
+        {
+            "translated": "Online seit:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Online since:"
+            }
+        },
+        {
+            "translated": "Volume:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Volume:"
+            }
+        },
+        {
+            "translated": "TeaSpeak-Konto:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaSpeak Account:"
+            }
+        },
+        {
+            "translated": "Servergruppen:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server groups:"
+            }
+        },
+        {
+            "translated": "Channelgruppe:",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel group:"
+            }
+        },
+        {
+            "translated": "Abwesenheit",
+            "flags": [
+                "human-verified",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Away"
+            }
+        },
+        {
+            "translated": "Lautsprecher / Kopfhörer deaktiviert",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Speakers/Headphones disabled"
+            }
+        },
+        {
+            "translated": "Mikrofon ausgeschaltet",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Microphone disabled"
+            }
+        },
+        {
+            "translated": "Lautsprecher / Kopfhörer stummgeschaltet",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Speakers/Headphones Muted"
+            }
+        },
+        {
+            "translated": "Mikrofon stummgeschaltet",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Microphone Muted"
+            }
+        },
+        {
+            "translated": "Lebenszeit:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Livetime:"
+            }
+        },
+        {
+            "translated": "Remote Volume:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remote Volume:"
+            }
+        },
+        {
+            "translated": "Lokales Volumen:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Local Volume:"
+            }
+        },
+        {
+            "translated": "Momentan abgespielt:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Currently replaying:"
+            }
+        },
+        {
+            "translated": "Adresse:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Address:"
+            }
+        },
+        {
+            "translated": "Art:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Type:"
+            }
+        },
+        {
+            "translated": "Betriebszeit:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Uptime:"
+            }
+        },
+        {
+            "translated": "Aktuelle Channels:",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current Channels:"
+            }
+        },
+        {
+            "translated": "Aktuelle Benutzer:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current Clients:"
+            }
+        },
+        {
+            "translated": "Aktuelle Queries:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current Queries:"
+            }
+        },
+        {
+            "translated": "Info aktualisieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Update info"
+            }
+        },
+        {
+            "translated": "Codec-Qualität:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Codec Quality:"
+            }
+        },
+        {
+            "translated": "Aktuelle Benutzer:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current clients:"
+            }
+        },
+        {
+            "translated": "Abonnementstatus:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Subscription Status:"
+            }
+        },
+        {
+            "translated": "Gezeichnet",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Subscribed"
+            }
+        },
+        {
+            "translated": "Abbestellt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unsubscribed"
+            }
+        },
+        {
+            "translated": "Sprachdatenverschlüsselung:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Voice Data Encryption:"
+            }
+        },
+        {
+            "translated": "Unverschlüsselt",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Unencrypted"
+            }
+        },
+        {
+            "translated": "Verschlüsselt",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Encrypted"
+            }
+        },
+        {
+            "translated": "(Vom Server mit Encrypted überschrieben)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "(Overridden by the server with Encrypted)"
+            }
+        },
+        {
+            "translated": "(Vom Server mit unverschlüsselt überschrieben)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "(Overridden by the server with Unencrypted)"
+            }
+        },
+        {
+            "translated": "Beschreibung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Description"
+            }
+        },
+        {
+            "translated": "Du wurdest von ...",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You have been poked by"
+            }
+        },
+        {
+            "translated": "[AudioController] Die Samplerate der Quelle ist nicht gleich der Samplerate der Wiedergabe! (%o |%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "[AudioController] Source sample rate isn't equal to playback sample rate! (%o | %o)"
+            }
+        },
+        {
+            "translated": "Json enthält%s nicht",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Json does not contains %s"
+            }
+        },
+        {
+            "translated": "Der Validator hat für%s den Wert false",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Validator results in false for %s"
+            }
+        },
+        {
+            "translated": "Ungültiger Objekttyp%s für Eintrag%s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid object type %s for entry %s"
+            }
+        },
+        {
+            "translated": "Ungültiger VAD-Handler (Voice Activation Detector)! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid VAD (Voice activation detector) handler! (%o)"
+            }
+        },
+        {
+            "translated": "[VoiceRecorder] Starten Sie die Aufnahme! (Gerät:%o | Gruppe:%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "[VoiceRecorder] Start recording! (Device: %o | Group: %o)"
+            }
+        },
+        {
+            "translated": "Wieder loslassen (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Release again! (%o)"
+            }
+        },
+        {
+            "translated": "Codec konnte nicht initialisiert werden! Fehler:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not initialize codec!\nError: %o"
+            }
+        },
+        {
+            "translated": "Stream hinzufügen (%o)!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding stream (%o)!"
+            }
+        },
+        {
+            "translated": "Remote-SDP einstellen! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Set remote sdp! (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Anwenden der Remote-Beschreibung:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to apply remote description: %o"
+            }
+        },
+        {
+            "translated": "Remote-Cache-Eis-Kandidat%s:%o konnte nicht hinzugefügt werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add remote cached ice candidate %s: %o"
+            }
+        },
+        {
+            "translated": "Remote-Eis hinzufügen! (%s |%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Add remote ice! (%s | %o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Hinzufügen des Remote-Ice-Kandidaten%s:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add remote ice candidate %s: %o"
+            }
+        },
+        {
+            "translated": "Cache-Eis fernhalten! (%s |%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Cache remote ice! (%s | %o)"
+            }
+        },
+        {
+            "translated": "Sprachbrücke konnte nicht eingerichtet werden (%s). Wiederverbindung zulassen:%s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to setup voice bridge (%s). Allow reconnect: %s"
+            }
+        },
+        {
+            "translated": "Lokale Beschreibung konnte nicht angewendet werden:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to apply local description: %o"
+            }
+        },
+        {
+            "translated": "Angebot senden:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Send offer: %o"
+            }
+        },
+        {
+            "translated": "Ich habe einen neuen Datenkanal! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got new data channel! (%s)"
+            }
+        },
+        {
+            "translated": "Stimme von einem unbekannten Kunden haben? (ClientID:%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Having  voice from unknown client? (ClientID: %o)"
+            }
+        },
+        {
+            "translated": "Der Codec%o konnte nicht abgespielt werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not playback codec %o"
+            }
+        },
+        {
+            "translated": "Wiedergabe von Client-Audio (%o) (%o) nicht möglich",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not playback client's (%o) audio (%o)"
+            }
+        },
+        {
+            "translated": "Geänderte Channeleigenschaften von Channel%s:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changed channel properties of channel %s: %o"
+            }
+        },
+        {
+            "translated": "Channeloptionen: &#39;%o&#39;",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Channel options: '%o'"
+            }
+        },
+        {
+            "translated": "Erhaltener Channelname:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got channel name: %o"
+            }
+        },
+        {
+            "translated": "Ausrichten:%s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Align: %s"
+            }
+        },
+        {
+            "translated": "Eigenschaften (% i) von%s (% i) aktualisieren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Update properties (%i) of %s (%i)"
+            }
+        },
+        {
+            "translated": "Aktualisiereigenschaft%s = &#39;%s&#39; -&gt;%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Updating property %s = '%s' -> %o"
+            }
+        },
+        {
+            "translated": "Eigene Beschreibung in%s ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changing own description to %s"
+            }
+        },
+        {
+            "translated": "Client%o aus Channel mit Grund%o tritt aus",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Kicking client %o from channel with reason %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Auflösen der Channelberechtigung für den Namen%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to resolve channel permission for name %o"
+            }
+        },
+        {
+            "translated": "Aktualisierte Berechtigungen%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Updated permissions %o"
+            }
+        },
+        {
+            "translated": "Erhaltene Berechtigungen:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got permissions: %o"
+            }
+        },
+        {
+            "translated": "Genehmigung ausgelöst! %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Permission triggered! %o"
+            }
+        },
+        {
+            "translated": "Ungültige Channelverschiebung (verschiedene Eltern! (%o |%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid channel move (different parents! (%o|%o)"
+            }
+        },
+        {
+            "translated": "Nur Musik:%o | Containermusik:%o | Container local:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Music only: %o | Container music: %o | Container local: %o"
+            }
+        },
+        {
+            "translated": "Einen neuen Channel erstellen. Eigenschaften:%o Berechtigungen:%o",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Creating a new channel.\nProperties: %o\nPermissions: %o"
+            }
+        },
+        {
+            "translated": "Wiedergabeton%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "playback sound %o"
+            }
+        },
+        {
+            "translated": "Fehlender Ton%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing sound %o"
+            }
+        },
+        {
+            "translated": "Verwendung des zwischengespeicherten Puffers:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Using cached buffer: %o"
+            }
+        },
+        {
+            "translated": "Audiodaten für%o konnten nicht decodiert werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to decode audio data for %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Audiodatei (Antwortcode%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load audio file. (Response code %o)"
+            }
+        },
+        {
+            "translated": "Wiedergabe von%s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Replaying %s"
+            }
+        },
+        {
+            "translated": "Erhaltener Fehler: (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got error: (%s)"
+            }
+        },
+        {
+            "translated": "Unbekannter Befehlstyp%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown command type %o"
+            }
+        },
+        {
+            "translated": "Handlungsbefehl &#39;%s&#39;",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Handling command '%s'"
+            }
+        },
+        {
+            "translated": "Fehlender Befehl &#39;%s&#39;",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing command '%s'"
+            }
+        },
+        {
+            "translated": "Ungültiger Versprechen-Ergebnistyp:%o. Ergebnis:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid promise result type: %o. Result:"
+            }
+        },
+        {
+            "translated": "Ungültiger Rückgabecode! (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid return code! (%o)"
+            }
+        },
+        {
+            "translated": "Ich habe %d neue Channels",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got %d new channels"
+            }
+        },
+        {
+            "translated": " %d Channellöschungen erhalten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got %d channel deletions"
+            }
+        },
+        {
+            "translated": " %d Channel versteckt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got %d channel hides"
+            }
+        },
+        {
+            "translated": "Unbekannte Begründung für%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown reasonid for %o"
+            }
+        },
+        {
+            "translated": "Unbekannte Grund-ID%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown reason id %o"
+            }
+        },
+        {
+            "translated": "Musik-Player-Info für unbekannten oder ungültigen Bot erhalten! (ID:% i, Eintrag:%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got music player info for unknown or invalid bot! (ID: %i, Entry: %o)"
+            }
+        },
+        {
+            "translated": "Verwenden des Info-Managers:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Using info manager: %o"
+            }
+        },
+        {
+            "translated": "Hostbanner konnte nicht geladen werden:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load hostbanner: %o"
+            }
+        },
+        {
+            "translated": "Eltern:%o | %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Parents: %o | %o"
+            }
+        },
+        {
+            "translated": "Spieler:%o | oo",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Player: %o | %o"
+            }
+        },
+        {
+            "translated": "Skala:% f =&gt; übersetzen:%o | %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Scale: %f => translate: %o | %o"
+            }
+        },
+        {
+            "translated": "Erforderlicher Test:%o | % i | %o =&gt;%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Test needed required: %o | %i | %o => %o"
+            }
+        },
+        {
+            "translated": "Bekannte unbekannte Berechtigungs-ID (%o /%o (%o))!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got unknown permission id (%o/%o (%o))!"
+            }
+        },
+        {
+            "translated": "% i &lt;&gt;%s -&gt;%s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "%i <> %s -> %s"
+            }
+        },
+        {
+            "translated": "Ich habe% i Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got %i permissions"
+            }
+        },
+        {
+            "translated": " %d benötigte Berechtigungen.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got %d needed permissions."
+            }
+        },
+        {
+            "translated": "Konnte Perm für ID%s nicht auflösen (%o |%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not resolve perm for id %s (%o|%o)"
+            }
+        },
+        {
+            "translated": "Channelberechtigungen für Channel%o erhalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got channel permissions for channel %o"
+            }
+        },
+        {
+            "translated": "Fehlendes Channel-Berechtigungs-Handle für angeforderte Channel-ID%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing channel permission handle for requested channel id %o"
+            }
+        },
+        {
+            "translated": "Erteilungsberechtigung%o konnte nicht aufgelöst werden. Neues erstellen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not resolve grant permission %o. Creating a new one."
+            }
+        },
+        {
+            "translated": "Gewünschte Berechtigung mit ungültigem Schlüssel angefordert! (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Requested needed permission with invalid key! (%o)"
+            }
+        },
+        {
+            "translated": "Gruppenziel konnte nicht aufgelöst werden! =&gt;%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not resolve group target! => %o"
+            }
+        },
+        {
+            "translated": "Ich habe Gruppenberechtigungen für Gruppe%o /%o erhalten, aber es ist keine registrierte Gruppe!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got group permissions for group %o/%o, but its not a registered group!"
+            }
+        },
+        {
+            "translated": "Ich habe Gruppenberechtigungen für Gruppe%o /%o erhalten, wurde aber nie angefordert!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got group permissions for group %o/%o, but it was never requested!"
+            }
+        },
+        {
+            "translated": "Schlüssel%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got key %o"
+            }
+        },
+        {
+            "translated": "Gerät%s (%s):%s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got device %s (%s): %s"
+            }
+        },
+        {
+            "translated": "Ausgewähltes Mikrofon: id:%o Gruppe:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Selected microphone device: id: %o group: %o"
+            }
+        },
+        {
+            "translated": "Ausgewähltes Lautsprechergerät: id:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Selected speaker device: id: %o"
+            }
+        },
+        {
+            "translated": "Repository-Informationen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Repository info"
+            }
+        },
+        {
+            "translated": "Möchten Sie dieses Repository wirklich löschen?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to delete this repository?"
+            }
+        },
+        {
+            "translated": "Übersetzungsinfo",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Translation info"
+            }
+        },
+        {
+            "translated": "Repository-URL eingeben: <br>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Enter repository URL:<br>"
+            }
+        },
+        {
+            "translated": "Repository konnte nicht abgefragt werden. <br> Stellen Sie sicher, dass dieses Repository gültig und erreichbar ist. <br> Error:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to query repository.<br>Ensure that this repository is valid and reachable.<br>Error: "
+            }
+        },
+        {
+            "translated": "Verbot%o hinzufügen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding ban %o"
+            }
+        },
+        {
+            "translated": "Bearbeitungsverbot%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Editing ban %o"
+            }
+        },
+        {
+            "translated": "Bearbeitungsänderungen übernehmen%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Apply edit changes %o"
+            }
+        },
+        {
+            "translated": "Verbot löschen%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Deleting ban %o"
+            }
+        },
+        {
+            "translated": "Bekam Banliste:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got banlist: %o"
+            }
+        },
+        {
+            "translated": "Fehlender Verbotseintrag mit ID %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing ban entry with id %d"
+            }
+        },
+        {
+            "translated": "Suche nach Filter%s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Search for filter %s"
+            }
+        },
+        {
+            "translated": "Starten Sie die Verbindung zu%s: %d",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Start connection to %s:%d"
+            }
+        },
+        {
+            "translated": "Typ:%o Daten:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Type: %o Data:"
+            }
+        },
+        {
+            "translated": "Erstellen Sie einen neuen Dateidownload für%s:%s (Schlüssel:%s, erwartet %d Bytes).",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create new file download to %s:%s (Key: %s, Expect %d bytes)"
+            }
+        },
+        {
+            "translated": "Ungültiger Dateilisteneintrag Pfad:%s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid file list entry. Path: %s"
+            }
+        },
+        {
+            "translated": "Symbol%s -&gt;%s konnte nicht heruntergeladen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not download icon %s -> %s"
+            }
+        },
+        {
+            "translated": "Fehler beim Herunterladen des Symbols! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Error while downloading icon! (%s)"
+            }
+        },
+        {
+            "translated": "Symbol hat einen Bildtyp von%o (Medium:%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon has an image type of %o (media: %o)"
+            }
+        },
+        {
+            "translated": "Symbol%o geladen :)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon %o loaded :)"
+            }
+        },
+        {
+            "translated": "Symbol%o konnte nicht geladen werden. Grund:% p",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load icon %o. Reason: %p"
+            }
+        },
+        {
+            "translated": "Avatar%s wird heruntergeladen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Downloading avatar %s"
+            }
+        },
+        {
+            "translated": "Avatar%o -&gt;%s konnte nicht heruntergeladen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not download avatar %o -> %s"
+            }
+        },
+        {
+            "translated": "Fehler beim Herunterladen des Avatars! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Error while downloading avatar! (%s)"
+            }
+        },
+        {
+            "translated": "Avatar hat einen Bildtyp von%o (Medien:%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "avatar has an image type of %o (media: %o)"
+            }
+        },
+        {
+            "translated": "Avatar hat einen Bildtyp von%o (Medien:%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Avatar has an image type of %o (media: %o)"
+            }
+        },
+        {
+            "translated": "Avatar konnte für%s nicht geladen werden. Gründe dafür",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load avatar for %s. Reason: %s"
+            }
+        },
+        {
+            "translated": "Zu formatierende Nachricht enthält ungültigen Index (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Message to format contains invalid index (%o)"
+            }
+        },
+        {
+            "translated": "Offset: %d Anzahl: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Offset: %d Number: %d"
+            }
+        },
+        {
+            "translated": "Server-Chat",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server chat"
+            }
+        },
+        {
+            "translated": "Channel-Chat",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Channel chat"
+            }
+        },
+        {
+            "translated": "Fehler beim Einrichten von Jsrender",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to setup jsrender"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden von Jsrender! %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load jsrender! %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Einrichten der Hauptseite!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to setup main page!"
+            }
+        },
+        {
+            "translated": "Fehler beim Initialisieren des Übersetzungssystems! Fehler:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialized the translation system!\nError: %o"
+            }
+        },
+        {
+            "translated": "Ppt konnte nicht initialisiert werden! Fehler:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize ppt!\nError: %o"
+            }
+        },
+        {
+            "translated": "PCM-Daten konnten für Codec nicht erneut berechnet werden. Fehler:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not resample PCM data for codec. Error: %o"
+            }
+        },
+        {
+            "translated": "PCM-Daten konnten nicht für Codec codiert werden. Fehler:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not encode PCM data for codec. Error: %o"
+            }
+        },
+        {
+            "translated": "Erforderliche Zeit: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Required time: %d"
+            }
+        },
+        {
+            "translated": "Lagerzeit der Arbeiternachricht: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Worker message stock time: %d"
+            }
+        },
+        {
+            "translated": "[Codec] Bekannte Antwort des Arbeitnehmers: Erfolg:%o Nachricht:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "[Codec] Got worker init response: Success: %o Message: %o"
+            }
+        },
+        {
+            "translated": "Rückruf für Kostüm! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Costume callback! (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Übersetzungsdatei%s. Json konnte nicht analysiert oder verarbeitet werden:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load translation file %s. Failed to parse or process json: %o"
+            }
+        },
+        {
+            "translated": "Json konnte nicht verarbeitet oder analysiert werden!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to process or parse json!"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Datei:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file: "
+            }
+        },
+        {
+            "translated": "Übersetzungsdatei von%s erfolgreich initialisiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Successfully initialized up translation file from %s"
+            }
+        },
+        {
+            "translated": "Übersetzungsdatei konnte nicht von &quot;%s&quot; geladen werden. Fehler:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load translation file from \"%s\". Error: %o"
+            }
+        },
+        {
+            "translated": "Standard-Repository wurde erfolgreich von &quot;%s&quot; hinzugefügt.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Successfully added default repository from \"%s\"."
+            }
+        },
+        {
+            "translated": "Standard-Repository konnte nicht hinzugefügt werden. Fehler:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to add default repository. Error: %o"
+            }
+        },
+        {
+            "translated": "Übersetzungsdatei für Repository%s konnte nicht geladen werden. Übersetzung:%s (%s) Fehler:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load translation file for repository %s. Translation: %s (%s) Error: %o"
+            }
+        },
+        {
+            "translated": "Das Repository konnte während der Iteration nicht geladen werden:%s (%s). Fehler:%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load repository while iteration: %s (%s). Error: %o"
+            }
+        },
+        {
+            "translated": "Übersetzungssystem",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Translation System"
+            }
+        },
+        {
+            "translated": "Laden der aktuell ausgewählten Übersetzungsdatei fehlgeschlagen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load current selected translation file."
+            }
+        },
+        {
+            "translated": "Standard-Fallback-Übersetzungen verwenden.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Using default fallback translations."
+            }
+        },
+        {
+            "translated": "Servereigenschaften ändern%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changing server properties %o"
+            }
+        },
+        {
+            "translated": "Geänderte Eigenschaften:%o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changed properties: %o"
+            }
+        },
+        {
+            "translated": "Eigenschaften aktualisieren (% i)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Update properties (%i)"
+            }
+        },
+        {
+            "translated": "Es wurde versucht, eine nicht bekannte Berechtigung zu bearbeiten! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Attempted to edit a not known permission! (%s)"
+            }
+        },
+        {
+            "translated": "Berechtigung%s mit Eigenschaften hinzugefügt:%o%o%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Added permission %s with properties: %o %o %o"
+            }
+        },
+        {
+            "translated": "Berechtigung%s wurde entfernt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removed permission %s"
+            }
+        },
+        {
+            "translated": "Zuschuss von%o für%s hinzugefügt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Added grant of %o for %s"
+            }
+        },
+        {
+            "translated": "Berechtigungsberechtigung für%s entfernt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removed grant permission for %s"
+            }
+        },
+        {
+            "translated": "Berechtigung%o mit Eigenschaften hinzugefügt:%o%o%o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Added permission %o with properties: %o %o %o"
+            }
+        },
+        {
+            "translated": "Verbinden Sie sich mit einem Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connect to a server"
+            }
+        },
+        {
+            "translated": "Trennen Sie die Verbindung zum Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Disconnect from server"
+            }
+        },
+        {
+            "translated": "Abwesenheitsstatus ändern",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Toggle away status"
+            }
+        },
+        {
+            "translated": "Mikrofon abschalten/anschalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Mute/unmute microphone"
+            }
+        },
+        {
+            "translated": "Kopfhörer abschalten/anschalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Mute/unmute headphones"
+            }
+        },
+        {
+            "translated": "Tokenliste",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "List tokens"
+            }
+        },
+        {
+            "translated": "Berechtigungen anzeigen / bearbeiten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "View/edit permissions"
+            }
+        },
+        {
+            "translated": "Bearbeiten der globalen Client-Einstellungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Edit global client settings"
+            }
+        },
+        {
+            "translated": "Übersetzungen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Translations"
+            }
+        },
+        {
+            "translated": "Verfügbare Übersetzungen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Available translations"
+            }
+        },
+        {
+            "translated": "Englisch (Standard / Fallback)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "English (Default / Fallback)"
+            }
+        },
+        {
+            "translated": "Repository hinzufügen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add repository"
+            }
+        },
+        {
+            "translated": "Achtung: Diese Einstellungen werden erst nach einem Neustart oder Neuladen beeinflusst!",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Attention: These settings get only affected after a restart or reload!"
+            }
+        },
+        {
+            "translated": "jetzt neu laden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "reload now"
+            }
+        },
+        {
+            "translated": "Fehler beim Initialisieren des Opus-Codecs. Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize the opus codec. Error: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Initialisieren des bereits deaktivierten Codecs. Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize already disabled codec. Error: %o"
+            }
+        },
+        {
+            "translated": "Der Audioplayer ist noch nicht initialisiert. Warten auf Geste.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Audio player isn't initialized yet. Waiting for gesture."
+            }
+        },
+        {
+            "translated": "Standardkanal",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Default channel"
+            }
+        },
+        {
+            "translated": "Der Channel ist durch ein Passwort geschützt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The channel is password protected"
+            }
+        },
+        {
+            "translated": "Musikqualität",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Music quality"
+            }
+        },
+        {
+            "translated": "Channel wird moderiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel is moderated"
+            }
+        },
+        {
+            "translated": "Channelsymbol",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Channel icon"
+            }
+        },
+        {
+            "translated": "Channelinfo anzeigen",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show channel info"
+            }
+        },
+        {
+            "translated": "<b>Channel abonnieren</b>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "<b>Subscribe to channel</b>"
+            }
+        },
+        {
+            "translated": "<b>Abo abbestellen</b>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "<b>Unsubscribe from channel</b>"
+            }
+        },
+        {
+            "translated": "<b>Verwenden Sie den vererbten Abonnementmodus</b>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "<b>Use inherited subscribe mode</b>"
+            }
+        },
+        {
+            "translated": "Bot wurde erfolgreich erstellt.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bot has been successfully created."
+            }
+        },
+        {
+            "translated": "Fehler beim Erstellen des Musikbots: <br> {0}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to create the music bot:<br>{0}"
+            }
+        },
+        {
+            "translated": "Formatierter Channelname: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got formated channel name: %o"
+            }
+        },
+        {
+            "translated": "Sich bewerben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Apply"
+            }
+        },
+        {
+            "translated": "Clientinformationen anzeigen",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show client info"
+            }
+        },
+        {
+            "translated": "Chat-Teilnehmer konnte nicht benachrichtigt werden (%o), dass der Chat geschlossen wurde. Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to notify chat participant (%o) that the chat has been closed. Error: %o"
+            }
+        },
+        {
+            "translated": "Bot-Info anzeigen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show bot info"
+            }
+        },
+        {
+            "translated": "Öffnen Sie die Playlist des Bots",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Open bot's playlist"
+            }
+        },
+        {
+            "translated": "Ungültige Berechtigungen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid permissions"
+            }
+        },
+        {
+            "translated": "Sie müssen die Bots-Wiedergabeliste nicht sehen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You dont have to see the bots playlist."
+            }
+        },
+        {
+            "translated": "Abfragen der Wiedergabeliste fehlgeschlagen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to query playlist."
+            }
+        },
+        {
+            "translated": "Abfragen der Wiedergabelisteninformationen fehlgeschlagen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to query playlist info."
+            }
+        },
+        {
+            "translated": "Lokales Volumen ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change local volume"
+            }
+        },
+        {
+            "translated": "Remote-Lautstärke ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change remote volume"
+            }
+        },
+        {
+            "translated": "Abonnieren bestimmter Channels fehlgeschlagen (%o)",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to subscribe to specific channels (%o)"
+            }
+        },
+        {
+            "translated": "Fehler bei der Deabonierung aller Channels! (%o)",
+            "flags": [
+                "Human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to unsubscribe to all channels! (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim deabonieren bestimmter Channels (%o)",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to unsubscribe to specific channels (%o)"
+            }
+        },
+        {
+            "translated": "Abonnieren aller Channels fehlgeschlagen! (%o)",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to subscribe to all channels! (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Parsen der Banner-URL: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to parse banner URL: %o"
+            }
+        },
+        {
+            "translated": "Hostbanner konnte nicht geladen werden, da &#39;Access-Control-Allow-Origin&#39; nicht gültig ist!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load hostbanner because 'Access-Control-Allow-Origin' isnt valid!"
+            }
+        },
+        {
+            "translated": "Hostbanner erfolgreich abgerufen (%o, Typ: %o, URL: %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Fetsched hostbanner successfully (%o, type: %o, url: %o)"
+            }
+        },
+        {
+            "translated": "Hostbanner-URL %s wurde zurückgezogen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Revoked hostbanner url %s"
+            }
+        },
+        {
+            "translated": "Hostbanner-Image konnte nicht abgerufen werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to fetch hostbanner image: %o"
+            }
+        },
+        {
+            "translated": "Sie müssen die Bots-Wiedergabeliste nicht sehen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You don't have to see the bots playlist."
+            }
+        },
+        {
+            "translated": "Es wurde versucht, die Registrierung des Befehlshandlers aufzuheben, der nicht zum Handler-Boss gehört",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Tried to unregister command handler which does not belong to the handler boss"
+            }
+        },
+        {
+            "translated": "Fehler beim Aufruf des Befehlshandlers. Aufruf führt zu einer Ausnahme: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to invoke command handler. Invocation results in an exception: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Aufrufen des einzelnen Befehlshandlers. Aufruf führt zu einer Ausnahme: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to invoke single command handler. Invocation results in an exception: %o"
+            }
+        },
+        {
+            "translated": "Unbekannter Befehl beim Handshaking empfangen (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received unknown command while handshaking (%o)"
+            }
+        },
+        {
+            "translated": "Identität verbessern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Improve identity"
+            }
+        },
+        {
+            "translated": "Start",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Start"
+            }
+        },
+        {
+            "translated": "Halt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Stop"
+            }
+        },
+        {
+            "translated": "Fehler beim Verbessern der Identität",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to improve identity"
+            }
+        },
+        {
+            "translated": "Fehler beim Verbessern der Identität <br> Error:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to improve identity.<br>Error:"
+            }
+        },
+        {
+            "translated": "Identität erfolgreich verbessert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity successfully improved"
+            }
+        },
+        {
+            "translated": "Identität erfolgreich auf Stufe {} verbessert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity successfully improved to level {}"
+            }
+        },
+        {
+            "translated": "Identität importieren",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Import identity"
+            }
+        },
+        {
+            "translated": "Fehler beim Lesen der angegebenen Identitätsdatei: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to read give identity file: %o"
+            }
+        },
+        {
+            "translated": "Datei konnte nicht gelesen werden!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to read file!"
+            }
+        },
+        {
+            "translated": "Ja",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "yes"
+            }
+        },
+        {
+            "translated": "Nein",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "no"
+            }
+        },
+        {
+            "translated": "Gerät %s (%s) erhalten: %s (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got device %s (%s): %s (%o)"
+            }
+        },
+        {
+            "translated": "Mikrofonliste konnte nicht abgerufen werden!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not get microphone device list!"
+            }
+        },
+        {
+            "translated": "Lautsprecherliste konnte nicht abgerufen werden!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not get speaker device list!"
+            }
+        },
+        {
+            "translated": "Sound %s wurde in %o geändert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Sound %s had changed to %o"
+            }
+        },
+        {
+            "translated": "Identität importiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity imported"
+            }
+        },
+        {
+            "translated": "Ihre Identität wurde erfolgreich importiert!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Your identity has been successfully imported!"
+            }
+        },
+        {
+            "translated": "Bist du sicher",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Are you sure"
+            }
+        },
+        {
+            "translated": "Möchten Sie wirklich eine neue Identität importieren und die alte Identität überschreiben?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to import a new identity and override the old identity?"
+            }
+        },
+        {
+            "translated": "Dateiname",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "File name"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie den Dateinamen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter the file name"
+            }
+        },
+        {
+            "translated": "Fehler beim Export der Identität",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to export identity"
+            }
+        },
+        {
+            "translated": "Fehler beim Exportieren und Speichern der Identität. <br> Error:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to export and save identity.<br>Error: "
+            }
+        },
+        {
+            "translated": "Identität erzeugen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Identity generate"
+            }
+        },
+        {
+            "translated": "Eine neue Identität wurde erfolgreich generiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "A new identity had been successfully generated"
+            }
+        },
+        {
+            "translated": "Fehler beim Generieren einer neuen Identität. Fehlerobjekt: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to generate a new identity. Error object: %o"
+            }
+        },
+        {
+            "translated": "Identität konnte nicht generiert werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to generate identity"
+            }
+        },
+        {
+            "translated": "Fehler beim Generieren einer neuen Identität. <br> Error:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to generate a new identity.<br>Error:"
+            }
+        },
+        {
+            "translated": "Möchten Sie wirklich eine neue Identität generieren und die alte Identität überschreiben?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to generate a new identity and override the old identity?"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie einen Namen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter a name"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie einen Namen für das neue Profil ein: <br>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Please enter a name for the new profile:<br>"
+            }
+        },
+        {
+            "translated": "Möchten Sie dieses Profil wirklich löschen?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to delete this profile?"
+            }
+        },
+        {
+            "translated": "Sie haben keine Erlaubnis",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You dont have the permission"
+            }
+        },
+        {
+            "translated": "Sie haben keine Berechtigung, die Verbotsliste anzuzeigen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You dont have the permission to view the ban list"
+            }
+        },
+        {
+            "translated": "Geben Sie den Namen der Lesezeichen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter bookmarks name"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie den Namen der Lesezeichen ein: <br>",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter the bookmarks name:<br>"
+            }
+        },
+        {
+            "translated": "Du musst verbunden sein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You have to be connected"
+            }
+        },
+        {
+            "translated": "Du musst verbunden sein!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You have to be connected!"
+            }
+        },
+        {
+            "translated": "Sie haben keine Berechtigung zum Erstellen eines Serverabfrage-Logins",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You dont have the permission to create a server query login"
+            }
+        },
+        {
+            "translated": "Sie müssen verbunden sein, um diese Funktion nutzen zu können!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You have to be connected to use this function!"
+            }
+        },
+        {
+            "translated": "Verbindung fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connect failed"
+            }
+        },
+        {
+            "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Ausnahme: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not connect to remote host! Exception: %o"
+            }
+        },
+        {
+            "translated": "Handshake konnte nicht verarbeitet werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to process handshake: %o"
+            }
+        },
+        {
+            "translated": "Handshake konnte nicht verarbeitet werden:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to process handshake: "
+            }
+        },
+        {
+            "translated": "Erlaubt, die Verbindung automatisch wiederherzustellen, kann aber nicht wiederhergestellt werden, da uns keine Informationen zur Verfügung stehen ...",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Allowed to auto reconnect but cant reconnect because we dont have any information left..."
+            }
+        },
+        {
+            "translated": "Wiederverbinden in 5 Sekunden",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Reconnecting in 5 seconds"
+            }
+        },
+        {
+            "translated": "Erlaubt die automatische Wiederverbindung. Wiederverbindung in 5000ms",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Allowed to auto reconnect. Reconnecting in 5000ms"
+            }
+        },
+        {
+            "translated": "Verbindung wird wiederhergestellt ...",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Reconnecting..."
+            }
+        },
+        {
+            "translated": "Wiederverbinden abgebrochen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Reconnect canceled"
+            }
+        },
+        {
+            "translated": "BBCode-Analysefehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "BBCode parse error: %o"
+            }
+        },
+        {
+            "translated": "SMS konnte nicht gesendet werden.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to send text message."
+            }
+        },
+        {
+            "translated": "Senden der Servertextnachricht fehlgeschlagen: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to send server text message: %o"
+            }
+        },
+        {
+            "translated": "Channeltextnachricht konnte nicht gesendet werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to send channel text message: %o"
+            }
+        },
+        {
+            "translated": "Chatnachricht enthält URL: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Chat message contains URL: %o"
+            }
+        },
+        {
+            "translated": "Statistik mit dieser Konfiguration initialisieren: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Initializing statistics with this config: %o"
+            }
+        },
+        {
+            "translated": "Verbindung zum Statistikserver verloren (Verbindung geschlossen). Grund: %o. Ereignisobjekt: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Lost connection to statistics server (Connection closed). Reason: %o. Event object: %o"
+            }
+        },
+        {
+            "translated": "Verbindung zum Server erfolgreich hergestellt. Sitzung wird initialisiert.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Successfully connected to server. Initializing session."
+            }
+        },
+        {
+            "translated": "Einen Fehler erhalten Verbindung schließen Objekt: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received an error. Closing connection. Object: %o"
+            }
+        },
+        {
+            "translated": "Eine Nachricht empfangen, die keine Zeichenfolge ist. Ereignisobjekt: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received an message which isn't a string. Event object: %o"
+            }
+        },
+        {
+            "translated": "Geplante Wiederverbindung in %dms",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Scheduled reconnect in %dms"
+            }
+        },
+        {
+            "translated": "Verbindung erneut herstellen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reconnecting"
+            }
+        },
+        {
+            "translated": "Verarbeitungsmeldung vom Typ %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Handling message of type %s"
+            }
+        },
+        {
+            "translated": "Empfangene Nachricht mit unbekanntem Typ (%s). Nachricht löschen Vollständige Nachricht: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received message with an unknown type (%s). Dropping message. Full message: %o"
+            }
+        },
+        {
+            "translated": "Sitzung erfolgreich initialisiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Session successfully initialized."
+            }
+        },
+        {
+            "translated": "Überspringen der Spracheinstellung (keine Sprachbrücke verfügbar)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Skipping voice setup (No voice bridge available)"
+            }
+        },
+        {
+            "translated": "Ihr Chat-Partner hat die Verbindung wieder hergestellt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your chat partner has reconnected"
+            }
+        },
+        {
+            "translated": "Ihr Chatpartner hat die Verbindung getrennt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your chat partner has disconnected"
+            }
+        },
+        {
+            "translated": "Chat für unbekannten Client erhalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received chat close for unknown client"
+            }
+        },
+        {
+            "translated": "Chat für Client erhalten, aber eindeutige IDs stimmen nicht überein. (erwartet %o, erhalten %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received chat close for client, but unique ids dosn't match. (expected %o, received %o)"
+            }
+        },
+        {
+            "translated": "Chat für Client erhalten, aber kein Chat geöffnet.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received chat close for client, but we haven't a chat open."
+            }
+        },
+        {
+            "translated": "Ihr Chatpartner hat die Konversation geschlossen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Your chat partner has close the conversation"
+            }
+        },
+        {
+            "translated": "Empfangter Channel für nicht sichtbaren Channel abonniert (cid: %d)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received channel subscribed for not visible channel (cid: %d)"
+            }
+        },
+        {
+            "translated": "Empfangter Channel für nicht sichtbaren Channel nicht abonniert (cid: %d)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received channel unsubscribed for not visible channel (cid: %d)"
+            }
+        },
+        {
+            "translated": "Der Playlist-Eintrag konnte nicht analysiert werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse playlist entry: %o"
+            }
+        },
+        {
+            "translated": "Ungültige Benachrichtigung für Wiedergabelisten erhalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received invalid notification for playlist songs"
+            }
+        },
+        {
+            "translated": "Der Eintrag der Wiedergabeliste konnte nicht analysiert werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse playlist song entry: %o"
+            }
+        },
+        {
+            "translated": "Ungültige Benachrichtigung für Playlist-Informationen erhalten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received invalid notification for playlist info"
+            }
+        },
+        {
+            "translated": "Fehler beim Analysieren der Playlist-Informationen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse playlist info: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Schließen der alten Verbindung. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to close old connection properly. Error: %o"
+            }
+        },
+        {
+            "translated": "Verbindung konnte nicht geschlossen werden, nachdem das Timeout ausgelöst wurde! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to close connection after timeout had been triggered! (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Empfang eines Web-Sockets: (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received web socket error: (%o)"
+            }
+        },
+        {
+            "translated": "Verbindung konnte nicht geschlossen werden, nachdem der Verbindungsversuch fehlgeschlagen ist (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to close connection after connect attempt failed (%o)"
+            }
+        },
+        {
+            "translated": "Löschen des WebRTC-Befehlspakets, da keine Brücke vorhanden ist.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Dropping WebRTC command packet, because we havent a bridge."
+            }
+        },
+        {
+            "translated": "Es wurde eine unbekannte Nachricht vom Typ %s empfangen. Nachricht löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received unknown message of type %s. Dropping message"
+            }
+        },
+        {
+            "translated": "Versucht, einen ungültigen Socket (%s) zu senden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Tried to send on a invalid socket (%s)"
+            }
+        },
+        {
+            "translated": "Es wurde versucht, einen Befehl ohne gültige Verbindung zu senden.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Tried to send a command without a valid connection."
+            }
+        },
+        {
+            "translated": "nicht verbunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "not connected"
+            }
+        },
+        {
+            "translated": "unbekanntes Land",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "unknown country"
+            }
+        },
+        {
+            "translated": "Profil konnte nicht geladen werden. Grund: %s, Profildaten: %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load profile. Reason: %s, Profile data: %s"
+            }
+        },
+        {
+            "translated": "Fehler beim Generieren der Standardidentität",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to generate default identity"
+            }
+        },
+        {
+            "translated": "Fehler beim Generieren der Standardidentität! <br> Bitte generieren Sie die Identität manuell in Ihren Einstellungen =&gt; Profile",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to generate default identity!<br>Please manually generate the identity within your settings => profiles"
+            }
+        },
+        {
+            "translated": "Name-basierter Handshake konnte nicht initialisiert werden. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize name based handshake. Error: %o"
+            }
+        },
+        {
+            "translated": "TeaForum-basierter Handshake konnte nicht initialisiert werden. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize TeaForum based handshake. Error: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Identifizieren der Identität. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to proof the identity. Error: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Initialisieren des TeamSpeak-basierten Handshakes. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize TeamSpeak based handshake. Error: %o"
+            }
+        },
+        {
+            "translated": "POW Worker Fehler %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "POW Worker error %o"
+            }
+        },
+        {
+            "translated": "Abschluss des POW-Arbeiters fehlgeschlagen! (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to finalize POW worker! (%o)"
+            }
+        },
+        {
+            "translated": "Empfangene Nachricht: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received message: %o"
+            }
+        },
+        {
+            "translated": "Es konnte kein neuer Schlüssel generiert werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not generate a new key: %o"
+            }
+        },
+        {
+            "translated": "Es wurde versucht, einen Sound ohne Audiokontext wiederzugeben (Sound: %o). Wiedergabe löschen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Tried to replay a sound without an audio context (Sound: %o). Dropping playback"
+            }
+        },
+        {
+            "translated": "Tonwiedergabe %s (Lautstärke: %o | Hauptlautstärke %o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Replaying sound %s (Sound volume: %o | Master volume %o)"
+            }
+        },
+        {
+            "translated": "Löschen der angeforderten Wiedergabe für Sound %s, da sich diese überschneiden würden.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Dropping requested playback for sound %s because it would overlap."
+            }
+        },
+        {
+            "translated": "Serverinfo anzeigen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show server info"
+            }
+        },
+        {
+            "translated": "Kumpel einladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invite buddy"
+            }
+        },
+        {
+            "translated": "URL der Buddy-Einladung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Buddy invite URL"
+            }
+        },
+        {
+            "translated": "Ihre Buddy-Einladungs-URL: <br>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Your buddy invite URL:<br>"
+            }
+        },
+        {
+            "translated": "<bt> Dies wurde in Ihre Zwischenablage kopiert.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "<bt>This has been copied to your clipboard."
+            }
+        },
+        {
+            "translated": "Lesezeichen verwalten",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Manage bookmarks"
+            }
+        },
+        {
+            "translated": "Erstellen Sie einen neuen Eintrag",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create a new entry"
+            }
+        },
+        {
+            "translated": "Möchten Sie diesen Eintrag wirklich löschen?",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Do you really want to delete this entry?"
+            }
+        },
+        {
+            "translated": "Erlaubnis entfernen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remove grant permission"
+            }
+        },
+        {
+            "translated": "Berechtigungsbeschreibung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Permission description"
+            }
+        },
+        {
+            "translated": "Berechtigungsbeschreibung für die Genehmigung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Permission description for permission "
+            }
+        },
+        {
+            "translated": "Clientkanalberechtigung %s wird entfernt. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing client channel permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Entfernen der Client-Channel-Berechtigungsberechtigung %s. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing client channel grant permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Client-Channel-Berechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating client channel permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Client-Channel-Berechtigungsberechtigung %s. Berechtigung. {id: %o, Wert: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating client channel grant permission %s. permission.{id: %o, value: %o}"
+            }
+        },
+        {
+            "translated": "Client-Berechtigung %s wird entfernt. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing client permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Client-Berechtigungsberechtigung %s wird entfernt. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing client grant permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Client-Berechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating client permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Client-Berechtigungsberechtigung %s. Berechtigung. {id: %o, Wert: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating client grant permission %s. permission.{id: %o, value: %o}"
+            }
+        },
+        {
+            "translated": "Channelberechtigung %s wird entfernt. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing channel permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Channelgenehmigungsberechtigung %s wird entfernt. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing channel grant permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Channelberechtigung %s hinzufügen oder aktualisieren. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating channel permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren zum Erteilen der Berechtigungen von Channels %s. Berechtigung. {id: %o, Wert: %o}",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Adding or updating channel grant permission %s. permission.{id: %o, value: %o}"
+            }
+        },
+        {
+            "translated": "Channelgruppenberechtigung %s wird entfernt. permission.id: %o",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Removing channel group permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Entfernen der Berechtigungsgruppe %s für die Channelgruppe. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing channel group grant permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Channelgruppenberechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating channel group permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Channelgruppenerlaubnisberechtigung %s. Berechtigung. {id: %o, Wert: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating channel group grant permission %s. permission.{id: %o, value: %o}"
+            }
+        },
+        {
+            "translated": "Servergruppenberechtigung %s wird entfernt. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing server group permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Entfernen der Servergruppenberechtigung %s. permission.id: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Removing server group grant permission %s. permission.id: %o"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Servergruppenberechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating server group permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
+            }
+        },
+        {
+            "translated": "Hinzufügen oder Aktualisieren der Servergruppe erteilen Sie die Berechtigung %s. Berechtigung. {id: %o, Wert: %o}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Adding or updating server group grant permission %s. permission.{id: %o, value: %o}"
+            }
+        },
+        {
+            "translated": "Song-Info",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Song info"
+            }
+        },
+        {
+            "translated": "Füge ein Lied hinzu",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add a song"
+            }
+        },
+        {
+            "translated": "Wiedergabeliste bearbeiten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Edit playlist"
+            }
+        },
+        {
+            "translated": "Eigenschaften konnten nicht geändert werden.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change properties."
+            }
+        },
+        {
+            "translated": "Fehler beim Ändern der Playlist-Eigenschaften. <br> Error:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change playlist properties.<br>Error: "
+            }
+        },
+        {
+            "translated": "Berechtigung konnte nicht geändert werden.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change permission."
+            }
+        },
+        {
+            "translated": "Fehler beim Ändern der Wiedergabelistenberechtigungen. <br> Error:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change playlist permissions.<br>Error: "
+            }
+        },
+        {
+            "translated": "Möchten Sie wirklich alle Ihre Änderungen verwerfen?",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Do you really want to discard all your changes?"
+            }
+        },
+        {
+            "translated": "Liedliste laden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "loading song list"
+            }
+        },
+        {
+            "translated": "Lied konnte nicht entfernt werden.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to remove song."
+            }
+        },
+        {
+            "translated": "Song / URL konnte nicht aus der Wiedergabeliste entfernt werden. <br> Error:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to remove song/url from the playlist.<br>Error: "
+            }
+        },
+        {
+            "translated": "Die Songliste konnte nicht geladen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "failed to load song list"
+            }
+        },
+        {
+            "translated": "Lied konnte nicht hinzugefügt werden.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add song."
+            }
+        },
+        {
+            "translated": "Das Hinzufügen von Lied / URL zur Wiedergabeliste ist fehlgeschlagen. <br> Error:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add song/url to the playlist.<br>Error: "
+            }
+        },
+        {
+            "translated": "Abfragen der Wiedergabelisteninformationen fehlgeschlagen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to query playlist info"
+            }
+        },
+        {
+            "translated": "Abfragen der Wiedergabelisteninformationen fehlgeschlagen. <br> Error:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to query playlist info.<br>Error:"
+            }
+        },
+        {
+            "translated": "Playlisten verwalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Manage playlists"
+            }
+        },
+        {
+            "translated": "Playlist erfolgreich erstellt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Playlist created successful"
+            }
+        },
+        {
+            "translated": "Die Playlist wurde erfolgreich erstellt. <br> Sollen wir den Editor öffnen?",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The playlist has been successfully created.<br>Should we open the editor?"
+            }
+        },
+        {
+            "translated": "Playlist kann nicht erstellt werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Unable to create playlist"
+            }
+        },
+        {
+            "translated": "Wiedergabeliste konnte nicht erstellt werden <br> Botschaft:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to create playlist<br>Message: "
+            }
+        },
+        {
+            "translated": "Möchten Sie diese Playlist wirklich löschen?",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Do you really want to delete this playlist?"
+            }
+        },
+        {
+            "translated": "Playlist erfolgreich gelöscht",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Playlist deleted successful"
+            }
+        },
+        {
+            "translated": "Diese Playlist wurde erfolgreich gelöscht.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "This playlist has been deleted successfully."
+            }
+        },
+        {
+            "translated": "Playlist kann nicht gelöscht werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Unable to delete playlist"
+            }
+        },
+        {
+            "translated": "Löschen der Wiedergabeliste fehlgeschlagen <br> Botschaft:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete playlist<br>Message: "
+            }
+        },
+        {
+            "translated": "Erstellen Sie ein Serverabfrage-Login",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Create a server query login"
+            }
+        },
+        {
+            "translated": "Ungültiger Benutzername",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid username"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie einen gültigen Namen ein!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter a valid name!"
+            }
+        },
+        {
+            "translated": "Konto kann nicht erstellt werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unable to create account"
+            }
+        },
+        {
+            "translated": "Konto konnte nicht erstellt werden <br> Botschaft:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to create account<br>Message: "
+            }
+        },
+        {
+            "translated": "Server-Abfrageberechtigungsnachweise",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server query credentials"
+            }
+        },
+        {
+            "translated": "Neue Serverabfrageberechtigungsnachweise",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "New server query credentials"
+            }
+        },
+        {
+            "translated": "Verwalten Sie Abfragekonten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Manage query accounts"
+            }
+        },
+        {
+            "translated": "Ändern Sie den Kontonamen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change account name"
+            }
+        },
+        {
+            "translated": "Geben Sie den neuen Namen für das Login ein: <br>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Enter the new name for the login:<br>"
+            }
+        },
+        {
+            "translated": "Konto kann nicht umbenannt werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unable to rename account"
+            }
+        },
+        {
+            "translated": "Konto konnte nicht umbenannt werden <br> Botschaft:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to rename account<br>Message: "
+            }
+        },
+        {
+            "translated": "Konto erfolgreich umbenannt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Account successfully renamed"
+            }
+        },
+        {
+            "translated": "Das Abfragekonto wurde umbenannt!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The query account has been renamed!"
+            }
+        },
+        {
+            "translated": "Passwort des Kontos ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change account's password"
+            }
+        },
+        {
+            "translated": "Geben Sie ein neues Passwort ein (lassen Sie das Feld für die automatische Generierung leer): <br>",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Enter a new password (leave blank for auto generation):<br>"
+            }
+        },
+        {
+            "translated": "Passwort kann nicht geändert werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unable to change password"
+            }
+        },
+        {
+            "translated": "Kennwort konnte nicht geändert werden <br> Botschaft:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change password<br>Message: "
+            }
+        },
+        {
+            "translated": "Möchten Sie dieses Konto wirklich löschen?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to delete this account?"
+            }
+        },
+        {
+            "translated": "Konto kann nicht gelöscht werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unable to delete account"
+            }
+        },
+        {
+            "translated": "Konto konnte nicht gelöscht werden <br> Botschaft:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete account<br>Message: "
+            }
+        },
+        {
+            "translated": "Konto erfolgreich gelöscht",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Account successfully deleted"
+            }
+        },
+        {
+            "translated": "Das Abfragekonto wurde erfolgreich gelöscht!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The query account has been successfully deleted!"
+            }
+        },
+        {
+            "translated": "Lesezeichen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bookmarks"
+            }
+        },
+        {
+            "translated": "Aktuellen Server zu Lesezeichen hinzufügen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Add current server to bookmarks"
+            }
+        },
+        {
+            "translated": "Entfernen Sie den aktuellen Server zu den Lesezeichen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Remove current server to bookmarks"
+            }
+        },
+        {
+            "translated": "Audio Einstellungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Audio settings"
+            }
+        },
+        {
+            "translated": "Channel-Abonnement-Modus umschalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Toggle channel subscribe mode"
+            }
+        },
+        {
+            "translated": "Server-Tools",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server tools"
+            }
+        },
+        {
+            "translated": "Wiedergabelisten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Playlists"
+            }
+        },
+        {
+            "translated": "Serverabfragen anzeigen / ausblenden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Show/hide server queries"
+            }
+        },
+        {
+            "translated": "Serverabfragen verwalten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Manage server queries"
+            }
+        },
+        {
+            "translated": "Erstellen Sie ein Serverabfrage-Login",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create server query login"
+            }
+        },
+        {
+            "translated": "Chatnachricht eingeben ...",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "enter a chat message..."
+            }
+        },
+        {
+            "translated": "Senden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Send"
+            }
+        },
+        {
+            "translated": "Serveradresse",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server Address"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie eine gültige Serveradresse ein",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter a valid server address"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie einen gültigen Servernamen ein",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter a valid server nickname"
+            }
+        },
+        {
+            "translated": "Profil verbinden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connect Profile"
+            }
+        },
+        {
+            "translated": "Das ausgewählte Profil ist ungültig. Wählen Sie ein anderes aus oder korrigieren Sie das Profil.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Selected profile is invalid. Select another one or fix the profile."
+            }
+        },
+        {
+            "translated": "Profile verwalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Manage profiles"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Beitritt zu diesem Channel",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to join this channel"
+            }
+        },
+        {
+            "translated": "Erforderliche Leistung, um diesen Channel zu sehen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to see this channel"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Abonnieren dieses Channels",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to subscribe to this channel"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Ändern dieser Channelberechtigungen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Required power to modify this channel permissions"
+            }
+        },
+        {
+            "translated": "Erforderliche Leistung zum Löschen dieses Channels",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to delete this channel"
+            }
+        },
+        {
+            "translated": "Durchsuche:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Browse:"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Durchsuchen aller Dateien und Verzeichnisse",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Required power to browse all files and directories"
+            }
+        },
+        {
+            "translated": "Hochladen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Upload:"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Hochladen von Dateien",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to upload files"
+            }
+        },
+        {
+            "translated": "Herunterladen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Download:"
+            }
+        },
+        {
+            "translated": "Erforderliche Leistung zum Herunterladen von Dateien",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to download files"
+            }
+        },
+        {
+            "translated": "Umbenennen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Rename:"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Umbenennen von Dateien in diesem Channel",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Required power to rename files within this channel"
+            }
+        },
+        {
+            "translated": "Verzeichnis erstellen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Directory create:"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Erstellen eines Verzeichnisses",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to create a directory"
+            }
+        },
+        {
+            "translated": "Erforderliche Berechtigung zum Löschen eines Verzeichnisses oder einer Datei",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to delete a directory or file"
+            }
+        },
+        {
+            "translated": "Sprachdaten verschlüsseln",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Encrypt voice data"
+            }
+        },
+        {
+            "translated": "Gfx-Intervall",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Gfx Interval"
+            }
+        },
+        {
+            "translated": "Größe ändern",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Resize"
+            }
+        },
+        {
+            "translated": "Bandbreitenlimit (Bytes / s):",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bandwidth Limit (Bytes/s):"
+            }
+        },
+        {
+            "translated": "Upload-Quote (MiB):",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Upload Quota (MiB):"
+            }
+        },
+        {
+            "translated": "sparen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Save"
+            }
+        },
+        {
+            "translated": "TeaSpeak Forum Verbindung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "TeaSpeak Forum Connection"
+            }
+        },
+        {
+            "translated": "Sie sind derzeit nicht mit Ihrem TeaSpeak Forum-Konto verbunden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You're currently not connected with your TeaSpeak Forum account"
+            }
+        },
+        {
+            "translated": "Anmeldung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "login"
+            }
+        },
+        {
+            "translated": "Sie sind über das TeaSpeak-Forum verbunden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You're connected via TeaSpeak forum"
+            }
+        },
+        {
+            "translated": "Nutzername:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Username:"
+            }
+        },
+        {
+            "translated": "Prämie:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Premium:"
+            }
+        },
+        {
+            "translated": "Synchronisiert:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Synchronized:"
+            }
+        },
+        {
+            "translated": "Synchronisation aktivieren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "enable synchronization"
+            }
+        },
+        {
+            "translated": "Schlüsselfreigabeverzögerung:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Key release delay:"
+            }
+        },
+        {
+            "translated": "Die Stimme war deaktiviert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Voice had been disabled"
+            }
+        },
+        {
+            "translated": "Sound Einstellungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Sound Settings"
+            }
+        },
+        {
+            "translated": "Überlappen Sie dieselben Sounds:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Overlap same sounds:"
+            }
+        },
+        {
+            "translated": "Stummschalten Sie alle Systemtöne, wenn Sie die Ausgabe stummgeschaltet haben. <br> Wenn diese Option nicht deaktiviert ist, erhalten Sie immer noch Systemgeräusche wie &quot;Der Benutzer ist Ihrem Channel beigetreten&quot;.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Mute all system sounds, when you've muted your output.<br>If this option isn't disabled you'll still receive system sounds like 'user joined your channel'."
+            }
+        },
+        {
+            "translated": "Name",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Name"
+            }
+        },
+        {
+            "translated": "Aktiviert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Activated"
+            }
+        },
+        {
+            "translated": "Filter",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Filter"
+            }
+        },
+        {
+            "translated": "Profile",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Profiles"
+            }
+        },
+        {
+            "translated": "Verfügbare Profile",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Available profiles"
+            }
+        },
+        {
+            "translated": "Als Standard festlegen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Set selected as default"
+            }
+        },
+        {
+            "translated": "Ausgewählte löschen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete selected"
+            }
+        },
+        {
+            "translated": "Profil erstellen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create profile"
+            }
+        },
+        {
+            "translated": "Profil Einstellungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Profile settings"
+            }
+        },
+        {
+            "translated": "Profilname:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Profile name:"
+            }
+        },
+        {
+            "translated": "Standard-Nickname:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Default nickname:"
+            }
+        },
+        {
+            "translated": "Standard-Serverpasswort",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Default server password"
+            }
+        },
+        {
+            "translated": "Typ identifizieren:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Identify Type:"
+            }
+        },
+        {
+            "translated": "Eindeutige ID:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "UniqueID:"
+            }
+        },
+        {
+            "translated": "Level:",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Level:"
+            }
+        },
+        {
+            "translated": "Verbessern",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Improve"
+            }
+        },
+        {
+            "translated": "Sie haben keine Identität generiert / importiert. <br> Neue generieren oder importieren.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You have'nt generated/imported an identity.<br>Generate a new one or import one."
+            }
+        },
+        {
+            "translated": "Neues generieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Generate new"
+            }
+        },
+        {
+            "translated": "Identität exportieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Export identity"
+            }
+        },
+        {
+            "translated": "Nutzername",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Username"
+            }
+        },
+        {
+            "translated": "Fehler beim Importieren der Identität (mein kleiner Fehler)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to import identity (my little error)"
+            }
+        },
+        {
+            "translated": "Importieren Sie eine Identität aus TeamSpeak oder eine exportierte Identität",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Import an identity from TeamSpeak or an exported identity"
+            }
+        },
+        {
+            "translated": "Aus Text laden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Load from text"
+            }
+        },
+        {
+            "translated": "Lade von der Datei",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Load from file"
+            }
+        },
+        {
+            "translated": "Identität erfolgreich geladen Bereit zum Importieren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Identity successfully loaded. Ready to import"
+            }
+        },
+        {
+            "translated": "Einführen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Import"
+            }
+        },
+        {
+            "translated": "Identität:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Identity:"
+            }
+        },
+        {
+            "translated": "Aktuelles Level:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current level: "
+            }
+        },
+        {
+            "translated": "Zielniveau:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Target level: "
+            }
+        },
+        {
+            "translated": "Ein Wert von Null bedeutet unbegrenzt. Verbessern Sie, bis Sie abbrechen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "A value of zero means unlimited. Improve until you abort"
+            }
+        },
+        {
+            "translated": "Fäden:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Threads: "
+            }
+        },
+        {
+            "translated": "Die Anzahl der Threads, die zur Verbesserung Ihrer Identität verwendet werden <br> Der optimale Wert entspricht der Anzahl der Kern-Threads.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The number of threads used to improve your identity<br>The optimal value is equal to the amount of kernal threads."
+            }
+        },
+        {
+            "translated": "Hashes / Sekunde:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hashes/second:"
+            }
+        },
+        {
+            "translated": "Verstrichene Zeit:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Elapsed time:"
+            }
+        },
+        {
+            "translated": "Profil ist gültig",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Profile is valid"
+            }
+        },
+        {
+            "translated": "Profil ist ungültig",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Profile is invalid"
+            }
+        },
+        {
+            "translated": "Kundennummer eindeutig",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client unique ID"
+            }
+        },
+        {
+            "translated": "Ungültige eindeutige ID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid unique id"
+            }
+        },
+        {
+            "translated": "Filterberechtigungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "filter permissions"
+            }
+        },
+        {
+            "translated": "Filtern Sie Berechtigungen nach Berechtigungsnamen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Filter permissions by permission name"
+            }
+        },
+        {
+            "translated": "Sie haben keine Berechtigung, diese Berechtigungen anzuzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You dont have the permission to view this permissions"
+            }
+        },
+        {
+            "translated": "Filter",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "filter"
+            }
+        },
+        {
+            "translated": "Browser-Info",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Browser info"
+            }
+        },
+        {
+            "translated": "Online seit",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Online since"
+            }
+        },
+        {
+            "translated": "Server starten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server start"
+            }
+        },
+        {
+            "translated": "Legen Sie den Anmeldenamen für Ihr Server Query-Konto fest.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Set the login name for your Server Query account."
+            }
+        },
+        {
+            "translated": "Sie erhalten Ihr Passwort im nächsten Schritt.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You'll receive your password within the next step."
+            }
+        },
+        {
+            "translated": "Erstellen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Create"
+            }
+        },
+        {
+            "translated": "Ihre Server-Abfrage-Anmeldeinformationen:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your server query credentials:"
+            }
+        },
+        {
+            "translated": "Benutzername kopieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Copy username"
+            }
+        },
+        {
+            "translated": "Benutzerkonto anlegen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Create account"
+            }
+        },
+        {
+            "translated": "Konto löschen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete account"
+            }
+        },
+        {
+            "translated": "Bennene den Account um",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Rename account"
+            }
+        },
+        {
+            "translated": "Ändere das Passwort",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change password"
+            }
+        },
+        {
+            "translated": "Suche",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "search"
+            }
+        },
+        {
+            "translated": "Eindeutige ID",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Unique ID"
+            }
+        },
+        {
+            "translated": "Begrenzter Server",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bounded Server"
+            }
+        },
+        {
+            "translated": "Aktualisierung",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Refresh"
+            }
+        },
+        {
+            "translated": "Wiedergabeliste erstellen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Create playlist"
+            }
+        },
+        {
+            "translated": "Playlist löschen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete playlist"
+            }
+        },
+        {
+            "translated": "ID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "ID"
+            }
+        },
+        {
+            "translated": "Titel",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Title"
+            }
+        },
+        {
+            "translated": "Art",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Type"
+            }
+        },
+        {
+            "translated": "Gebraucht",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Used"
+            }
+        },
+        {
+            "translated": "Eigene Wiedergabelisten hervorheben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Highlight own playlists"
+            }
+        },
+        {
+            "translated": "Playlist wird von Bot verwendet",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Playlist is in use by bot "
+            }
+        },
+        {
+            "translated": "Playlist wird nicht verwendet",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Playlist isnt use"
+            }
+        },
+        {
+            "translated": "Playlist-Besitzer:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Playlist owner:"
+            }
+        },
+        {
+            "translated": "Titel:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Title:"
+            }
+        },
+        {
+            "translated": "Bot gebunden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bot bound"
+            }
+        },
+        {
+            "translated": "Global",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Global"
+            }
+        },
+        {
+            "translated": "Lieder",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Songs"
+            }
+        },
+        {
+            "translated": "URL",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Url"
+            }
+        },
+        {
+            "translated": "geladen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "loaded"
+            }
+        },
+        {
+            "translated": "Lied hinzufügen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add song"
+            }
+        },
+        {
+            "translated": "Wiedergabe Einstellungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Playback settings"
+            }
+        },
+        {
+            "translated": "Wiedergabemodus",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Replay mode"
+            }
+        },
+        {
+            "translated": "Normal",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Normal"
+            }
+        },
+        {
+            "translated": "Loop-Liste",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Loop list"
+            }
+        },
+        {
+            "translated": "Schleife Einzeleintrag",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Loop single entry"
+            }
+        },
+        {
+            "translated": "Mischen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Shuffle"
+            }
+        },
+        {
+            "translated": "Gespieltes Lied löschen:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Delete played song:"
+            }
+        },
+        {
+            "translated": "Aktueller Replay-Song:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Current replaying song:"
+            }
+        },
+        {
+            "translated": "Status der Wiedergabeliste abgeschlossen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Playlist finished status"
+            }
+        },
+        {
+            "translated": "Zugriff auf / Ändern von Befugnissen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Access/modify powers"
+            }
+        },
+        {
+            "translated": "Leistung anzeigen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "View power"
+            }
+        },
+        {
+            "translated": "Ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Modify"
+            }
+        },
+        {
+            "translated": "Berechtigung ändern",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Permission modify"
+            }
+        },
+        {
+            "translated": "Löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Delete"
+            }
+        },
+        {
+            "translated": "Song-Management-Kräfte",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Song management powers"
+            }
+        },
+        {
+            "translated": "Lied hinzufügen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Song add"
+            }
+        },
+        {
+            "translated": "Song neu ordnen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Song reorder"
+            }
+        },
+        {
+            "translated": "Song löschen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Song delete"
+            }
+        },
+        {
+            "translated": "Song-ID:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Song ID:"
+            }
+        },
+        {
+            "translated": "Song-Reihenfolge:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Song order:"
+            }
+        },
+        {
+            "translated": "URL-Resolver:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "URL resolver:"
+            }
+        },
+        {
+            "translated": "Lied geladen:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Song loaded:"
+            }
+        },
+        {
+            "translated": "Metdaten hier anzeigen!",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Display metdata here!"
+            }
+        },
+        {
+            "translated": "Metadaten:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Metadata:"
+            }
+        },
+        {
+            "translated": "URL Loader:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "URL loader:"
+            }
+        },
+        {
+            "translated": "URL hinzufügen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add URL"
+            }
+        },
+        {
+            "translated": "Erstellen Sie ein neues Lesezeichen / Verzeichnis",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create new bookmark/directory"
+            }
+        },
+        {
+            "translated": "Löscht das ausgewählte Lesezeichen / Verzeichnis",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Delete selected bookmark/directory"
+            }
+        },
+        {
+            "translated": "Lesezeichen Einstellungen",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Bookmark settings"
+            }
+        },
+        {
+            "translated": "Name des Lesezeichens:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bookmark name:"
+            }
+        },
+        {
+            "translated": "Profil verbinden:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Connect profile:"
+            }
+        },
+        {
+            "translated": "Servereigenschaften",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server Properties"
+            }
+        },
+        {
+            "translated": "Serveradresse:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server address:"
+            }
+        },
+        {
+            "translated": "Server Port:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Server port:"
+            }
+        },
+        {
+            "translated": "Verbindungseigenschaften (noch nicht unterstützt)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Connect Properties (Not yet supported)"
+            }
+        },
+        {
+            "translated": "Standardbenutzername",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Default Username"
+            }
+        },
+        {
+            "translated": "aktueller Channel",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Current Channel"
+            }
+        },
+        {
+            "translated": "Standardkanalpasswort",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Default channel password"
+            }
+        },
+        {
+            "translated": "Verzeichnisname:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Directory name:"
+            }
+        },
+        {
+            "translated": "Eine Geräteabfrage von %s erhalten.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received a device query from %s."
+            }
+        },
+        {
+            "translated": "Eine Anfrageantwort für eine unbekannte Anforderung erhalten.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received a query response for an unknown request."
+            }
+        },
+        {
+            "translated": "Empfangene Zertifikate akzeptieren Rückruf für eine unbekannte Anforderungs-ID.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received certificate accept callback for an unknown request ID."
+            }
+        },
+        {
+            "translated": "Empfangene Zertifikate akzeptieren erfolgreich, haben jedoch keinen Rückruf.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received certificate accept succeeded, but haven't a callback."
+            }
+        },
+        {
+            "translated": "Empfangene Nachricht mit ungültigem Typ (%s): %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received message with an invalid type (%s): %o"
+            }
+        },
+        {
+            "translated": "Eine ungültige verschlüsselte Nachricht wurde empfangen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received an invalid encoded message: %o"
+            }
+        },
+        {
+            "translated": "Fehler empfangen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received error: %o"
+            }
+        },
+        {
+            "translated": "Nativer Codec wird nicht unterstützt!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Native codec isn't supported!"
+            }
+        },
+        {
+            "translated": "Sprachpaket konnte nicht gesendet werden. Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to send voice packet. Error: %o"
+            }
+        },
+        {
+            "translated": "Eisangebot konnte nicht erstellt werden! Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not create ice offer! error: %o"
+            }
+        },
+        {
+            "translated": "Erhaltene Antwort auf unser Angebot. Antwort: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received answer to our offer. Answer: %o"
+            }
+        },
+        {
+            "translated": "Antwort erfolgreich beantragt Anwenden von ICE-Kandidaten (%d).",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Answer applied successfully. Applying ICE candidates (%d)."
+            }
+        },
+        {
+            "translated": "Remote-Eis hinzufügen! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Add remote ice! (%o)"
+            }
+        },
+        {
+            "translated": "Cache-Eis fernhalten! (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Cache remote ice! (%o)"
+            }
+        },
+        {
+            "translated": "Lokaler Eis-Kandidat %o gesammelt.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Gathered local ice candidate %o."
+            }
+        },
+        {
+            "translated": "Lokales Angebot erstellt. Lokale Beschreibung einrichten (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Local offer created. Setting up local description. (%o)"
+            }
+        },
+        {
+            "translated": "Das Angebot wurde erfolgreich angewendet. Angebot an Server senden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Offer applied successfully. Sending offer to server."
+            }
+        },
+        {
+            "translated": "Stimme von einem unbekannten Audio-Client? (ClientID: %o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Having voice from unknown audio client? (ClientID: %o)"
+            }
+        },
+        {
+            "translated": "Versucht, Sprachdaten zu senden, der lokale Client verfügt jedoch nicht über einen Voice-Client",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Tried to send voice data, but local client hasn't a voice client handle"
+            }
+        },
+        {
+            "translated": "Geladenes Client-Volume %d für Client %s aus der Konfiguration.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Loaded client volume %d for client %s from config."
+            }
+        },
+        {
+            "translated": "Sichtbarer Client wurde eine eindeutige ID zugewiesen, hat jedoch noch kein Audio-Handle. Volume-Zuordnung ignorieren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Visible client got unique id assigned, but hasn't yet an audio handle. Ignoring volume assignment."
+            }
+        },
+        {
+            "translated": "Löschen eines Clients mit einem Sprachhandle, aber keine Sprachverbindung!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Deleting client with a voice handle, but we haven't a voice connection!"
+            }
+        },
+        {
+            "translated": "Hostbanner-Meta-Image-Tag fehlt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Missing hostbanner meta image tag"
+            }
+        },
+        {
+            "translated": "Alte Hostbanner-URL %s wurde zurückgezogen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Revoked old hostbanner url %s"
+            }
+        },
+        {
+            "translated": "Herunterladen des Symbols %d: %o konnte nicht angefordert werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not request download for icon %d: %o"
+            }
+        },
+        {
+            "translated": "Symbol %d: %o konnte nicht heruntergeladen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not download icon %d: %o"
+            }
+        },
+        {
+            "translated": "Symbol %o konnte nicht geladen werden. Gründe dafür",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load icon %o. Reason: %s"
+            }
+        },
+        {
+            "translated": "Download für Avatar %s konnte nicht angefordert werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Could not request download for avatar %s: %o"
+            }
+        },
+        {
+            "translated": "Avatar %s konnte nicht heruntergeladen werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not download avatar %s: %o"
+            }
+        },
+        {
+            "translated": "Kundenavatar",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Client avatar"
+            }
+        },
+        {
+            "translated": "Avatar für ID %s konnte nicht geladen werden. Gründe dafür",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load avatar for id %s. Reason: %s"
+            }
+        },
+        {
+            "translated": "Aktivieren Sie Ihr Mikrofon auf diesem Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enable your microphone on this server"
+            }
+        },
+        {
+            "translated": "Mikrofon stummschalten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Mute microphone"
+            }
+        },
+        {
+            "translated": "Mikrofon stummschalten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unmute microphone"
+            }
+        },
+        {
+            "translated": "Ton stummschalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Mute sound"
+            }
+        },
+        {
+            "translated": "Ton stummschalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Unmute sound"
+            }
+        },
+        {
+            "translated": "Serverabfragen ausblenden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hide server queries"
+            }
+        },
+        {
+            "translated": "Serverabfragen anzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show server queries"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie Ihre Abwesenheitsnachricht ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter your away message"
+            }
+        },
+        {
+            "translated": "Setzen Sie eine globale Abwesenheitsnachricht",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Set global away message"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie Ihre globale Abwesenheitsnachricht ein",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Please enter your global away message"
+            }
+        },
+        {
+            "translated": "Verbinden (in einem neuen Tab)",
+            "flags": [
+                "human-verified",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Connect in a new tab"
+            }
+        },
+        {
+            "translated": "Nicht verbunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Not connected"
+            }
+        },
+        {
+            "translated": "Anschließen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connecting"
+            }
+        },
+        {
+            "translated": "Verbindung zu {0} initialisieren: {1}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Initializing connection to {0}:{1}"
+            }
+        },
+        {
+            "translated": "Hostname auflösen ...",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Resolving hostname..."
+            }
+        },
+        {
+            "translated": "Hostname erfolgreich aufgelöst {0}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Hostname successfully resolved to {0}"
+            }
+        },
+        {
+            "translated": "Hier",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "here"
+            }
+        },
+        {
+            "translated": "Benachrichtigung erhalten, dass das Zertifikat akzeptiert wurde! Erneuter Verbindungsversuch!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received notification that the certificate has been accepted! Attempting reconnect!"
+            }
+        },
+        {
+            "translated": "Das Popup zum Akzeptieren des Zertifikats wurde blockiert. Eine leere Seite wird getestet und href ersetzt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Certificate accept popup has been blocked. Trying a blank page and replacing href"
+            }
+        },
+        {
+            "translated": "Hostname konnte nicht aufgelöst werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to resolve hostname: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Auflösen des Hostnamens: {0}",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Failed to resolve hostname: {0}"
+            }
+        },
+        {
+            "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not connect to remote host! Error: %o"
+            }
+        },
+        {
+            "translated": "Zielserver ist ein TeamSpeak-Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Target server is a TeamSpeak server"
+            }
+        },
+        {
+            "translated": "Der Zielserver ist ein TeamSpeak 3-Server! {: Br:} Nur auf TeamSpeak 3 basierende Identitäten können eine Verbindung herstellen. {: Br} Bitte wählen Sie ein anderes Profil oder ändern Sie den Identifikationstyp.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
+            }
+        },
+        {
+            "translated": "Das Identitätsniveau ist zu niedrig",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity level is too low"
+            }
+        },
+        {
+            "translated": "Sie wurden getrennt, weil Ihr Identitätslevel zu niedrig ist. {: Br:} Sie benötigen mindestens ein Level von {0}.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+            }
+        },
+        {
+            "translated": "Du wurdest verboten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You've been banned"
+            }
+        },
+        {
+            "translated": "Sie wurden von diesem Server gesperrt. {: Br:} {0}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You've been banned from this server.{:br:}{0}"
+            }
+        },
+        {
+            "translated": "Fehler beim Aktualisieren der Eigenschaften der Client-Audiohardware. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update client audio hardware properties. Error: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Aktualisieren der Audio-Hardwareeigenschaften.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update audio hardware properties."
+            }
+        },
+        {
+            "translated": "Dieser Channel hat einen nicht unterstützten Codec. <br> Sie können nicht innerhalb dieses Channels sprechen!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "This channel has an unsupported codec.<br>You cant speak within this channel!"
+            }
+        },
+        {
+            "translated": "Dieser Channel hat einen nicht unterstützten Codec. <br> Sie hören irgendjemandem in diesem Channel!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "This channel has an unsupported codec.<br>You listen to anybody within this channel!"
+            }
+        },
+        {
+            "translated": "Fehler beim Synchronisieren des Handlerstatus mit dem Server. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to sync handler state with server. Error: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Synchronisieren des Handlerstatus mit dem Server.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to sync handler state with server."
+            }
+        },
+        {
+            "translated": "Fehler beim Aktualisieren des Abwesenheitsstatus. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update away status. Error: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Aktualisieren des Abwesenheitsstatus.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update away status."
+            }
+        },
+        {
+            "translated": "Verwendung dieser Instanz als Zertifikatsrückruf. ID: %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Using this instance as certificate callback. ID: %s"
+            }
+        },
+        {
+            "translated": "Andere Instanz hat die Arbeit bestätigt. Dieses Fenster schließen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Other instance has acknowledged out work. Closing this window."
+            }
+        },
+        {
+            "translated": "Fenster schließen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Closing window"
+            }
+        },
+        {
+            "translated": "Zertifikat erfolgreich angenommen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Certificate acccepted successfully"
+            }
+        },
+        {
+            "translated": "Fehler beim erfolgreichen Bereitstellen des Zertifikatstatus: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to successfully post certificate accept status: %o"
+            }
+        },
+        {
+            "translated": "Wir sind es nicht gewohnt, das Zertifikat zu akzeptieren. App starten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "We're not used to accept certificated. Booting app."
+            }
+        },
+        {
+            "translated": "Löschen des WebRTC-Befehlspakets, da keine Bridge vorhanden ist.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Dropping WebRTC command packet, because we haven't a bridge."
+            }
+        },
+        {
+            "translated": "Fehlender Tongriff",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Missing sound handle"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Audiodatei %s. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load audio file %s. Error: %o"
+            }
+        },
+        {
+            "translated": "Tonwiedergabe aufgrund fehlender Ziehpunkte fehlgeschlagen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to replay sound because of missing handles."
+            }
+        },
+        {
+            "translated": "Symbole anzeigen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "View icons"
+            }
+        },
+        {
+            "translated": "Avatare anzeigen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "View avatars"
+            }
+        },
+        {
+            "translated": "Avatare",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Avatars"
+            }
+        },
+        {
+            "translated": "Möchten Sie diesen Avatar wirklich löschen?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to delete this avatar?"
+            }
+        },
+        {
+            "translated": "Avatar delete ist noch nicht implementiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Avatar delete hasn't implemented yet"
+            }
+        },
+        {
+            "translated": "Fehler beim Abrufen von Benutzernamen von Avatar-Namen. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to fetch usernames from avatar names. Error: %o"
+            }
+        },
+        {
+            "translated": "Benutzername konnte nicht abgerufen werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to fetch usernames"
+            }
+        },
+        {
+            "translated": "Fehler beim Abrufen von Benutzernamen, die sich auf ihre Avatarnamen beziehen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to fetch usernames related to their avatar names"
+            }
+        },
+        {
+            "translated": "Avatar-Liste konnte nicht empfangen werden. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to receive avatar list. Error: %o"
+            }
+        },
+        {
+            "translated": "Avatare konnten nicht aufgelistet werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to list avatars"
+            }
+        },
+        {
+            "translated": "Avatar-Liste konnte nicht empfangen werden.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to receive avatar list."
+            }
+        },
+        {
+            "translated": "Icons",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Icons"
+            }
+        },
+        {
+            "translated": "Ein nicht analysierbares Symbol in der Symbolliste empfangen (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received an unparsable icon within icon list (%o)"
+            }
+        },
+        {
+            "translated": "Symbolliste konnte nicht abgerufen werden. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to fetch icon list. Error: %o"
+            }
+        },
+        {
+            "translated": "Symbolliste konnte nicht abgerufen werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to fetch icon list"
+            }
+        },
+        {
+            "translated": "Trennen Sie die Verbindung zum aktuellen Server",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Disconnect from current server"
+            }
+        },
+        {
+            "translated": "Online gehen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Go online"
+            }
+        },
+        {
+            "translated": "Setzen Sie sich auf diesem Server fort",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Set away on this server"
+            }
+        },
+        {
+            "translated": "Setzen Sie die Nachricht auf diesem Server ab",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Set away message on this server"
+            }
+        },
+        {
+            "translated": "Setzen Sie sich für alle Server frei",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Set away for all servers"
+            }
+        },
+        {
+            "translated": "Setzen Sie eine Nachricht für alle Server ab",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Set away message for all servers"
+            }
+        },
+        {
+            "translated": "Gehen Sie für alle Server online",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Go online for all servers"
+            }
+        },
+        {
+            "translated": "Symbol:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon:"
+            }
+        },
+        {
+            "translated": "Slots reserviert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Slots reserved"
+            }
+        },
+        {
+            "translated": "Kunden versteckt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "clients hidden"
+            }
+        },
+        {
+            "translated": "Lesezeichen-Typ:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bookmark type:"
+            }
+        },
+        {
+            "translated": "Übergeordnetes Verzeichnis:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Parent directory:"
+            }
+        },
+        {
+            "translated": "Name des Lesezeichens",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Bookmark name"
+            }
+        },
+        {
+            "translated": "Remote",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remote"
+            }
+        },
+        {
+            "translated": "Sie haben keine Berechtigungen für die Ansicht der Symbole",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You dont have permissions the view the icons"
+            }
+        },
+        {
+            "translated": "Lokal",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Local"
+            }
+        },
+        {
+            "translated": "Symbol entfernen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remove icon"
+            }
+        },
+        {
+            "translated": "Wählen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Select "
+            }
+        },
+        {
+            "translated": "Größe",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Size"
+            }
+        },
+        {
+            "translated": "Datum",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Date"
+            }
+        },
+        {
+            "translated": "Avatar-ID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Avatar ID"
+            }
+        },
+        {
+            "translated": "Bildinfo:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Image info:"
+            }
+        },
+        {
+            "translated": "Bytes",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bytes"
+            }
+        },
+        {
+            "translated": "Breite",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Width"
+            }
+        },
+        {
+            "translated": "Höhe",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Height"
+            }
+        },
+        {
+            "translated": "Bitte wählen Sie einen Benutzer aus",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please select a user"
+            }
+        },
+        {
+            "translated": "Empfangene Channelnachricht für unbekannten Channel (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received channel message for unknown channel (%s)"
+            }
+        },
+        {
+            "translated": "Methode %s mit Argumenten aufrufen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invoking method %s with arguments: %o"
+            }
+        },
+        {
+            "translated": "Ergebnis: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Result: %o"
+            }
+        },
+        {
+            "translated": "Erhaltenes Proxy-Methoden-Ergebnis für unbekanntes Versprechen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received proxy method result for unknown promise"
+            }
+        },
+        {
+            "translated": "Text in die Zwischenablage kopieren: %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Copy text to clipboard: %s"
+            }
+        },
+        {
+            "translated": "Zum Channel wechseln",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Switch to channel"
+            }
+        },
+        {
+            "translated": "Channel abonnieren",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Subscribe to channel"
+            }
+        },
+        {
+            "translated": "Abmeldung vom Channel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unsubscribe from channel"
+            }
+        },
+        {
+            "translated": "Verwenden Sie den geerbten Abonnementmodus",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Use inherited subscribe mode"
+            }
+        },
+        {
+            "translated": "Öffnen Sie den Text-Chat",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Open text chat"
+            }
+        },
+        {
+            "translated": "Namen ändern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change name"
+            }
+        },
+        {
+            "translated": "{0} Zeitüberschreitung ({1})",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "{0} timed out ({1})"
+            }
+        },
+        {
+            "translated": "Der Icon-Download des Icons %d: %o ist fehlgeschlagen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon download failed of icon %d: %o"
+            }
+        },
+        {
+            "translated": "Erhaltenes Gerät %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Got device %o"
+            }
+        },
+        {
+            "translated": "Ausgewähltes Mikrofongerät: ID: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Selected microphone device: id: %o"
+            }
+        },
+        {
+            "translated": "Gerät konnte nicht gefunden werden!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to find device!"
+            }
+        },
+        {
+            "translated": "Verbindung zu {0} {1} wird initialisiert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Initializing connection to {0}{1}"
+            }
+        },
+        {
+            "translated": "Passwort für Hash-Verbindung konnte nicht hergestellt werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to hash connect password: %o"
+            }
+        },
+        {
+            "translated": "Hostname erfolgreich aufgelöst: {0}{1}",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Hostname successfully resolved to {0}{1}"
+            }
+        },
+        {
+            "translated": "Der Zielserver ist ein TeamSpeak 3-Server! {: Br:} Nur TeamSpeak 3-basierte Identitäten können eine Verbindung herstellen. {: Br:} Bitte wählen Sie ein anderes Profil oder ändern Sie den Identifikationstyp.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+            }
+        },
+        {
+            "translated": "Rekorder konnte nicht erworben werden (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to acquire recorder (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Lesezeichen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load bookmarks: %o"
+            }
+        },
+        {
+            "translated": "Ungültige Benachrichtigung für Client-Liste der Servergruppe erhalten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received invalid notification for server group client list"
+            }
+        },
+        {
+            "translated": "Fehler beim Parsen der Client-Liste der Servergruppe: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse server group client list: %o"
+            }
+        },
+        {
+            "translated": "Ungültiges Profil json! Zurücksetzen von Profilen :( (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid profile json! Resetting profiles :( (%o)"
+            }
+        },
+        {
+            "translated": "Profildaten ungültig",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Profile data invalid"
+            }
+        },
+        {
+            "translated": "Die Profildaten sind ungültig. {: Br:} Dies kann zu Datenverlust führen.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The profile data is invalid.{:br:}This might cause data loss."
+            }
+        },
+        {
+            "translated": "Kontextmenü konnte nicht erzeugt werden! Fehlender Anbieter!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to spawn context menu! Missing provider!"
+            }
+        },
+        {
+            "translated": "Die gewählte Symbollänge der Benutzeroberfläche entspricht nicht 1! (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "UI selected icon length does not equal with 1! (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen des Symbols %d: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete icon %d: %o"
+            }
+        },
+        {
+            "translated": "Symbol konnte nicht gelöscht werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete icon"
+            }
+        },
+        {
+            "translated": "Datei %s konnte nicht geladen werden: Datei ist zu groß!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file %s: File is too big!"
+            }
+        },
+        {
+            "translated": "Icon-Upload fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Icon upload failed"
+            }
+        },
+        {
+            "translated": "Datei %s konnte nicht geladen werden: Ihr Browser unterstützt keine Dateigrößen!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file %s: Your browser does not support file sizes!"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden der Datei %s: Das Bild konnte nicht geladen werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file %s: Image failed to load"
+            }
+        },
+        {
+            "translated": "Datei %s konnte nicht geladen werden: Ergebnis ist keine Medienzeichenfolge (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file %s: Result is not an media string (%o)"
+            }
+        },
+        {
+            "translated": "Datei %s konnte nicht geladen werden: Ungültiger Datenträgertyp (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file %s: Invalid data media type (%o)"
+            }
+        },
+        {
+            "translated": "Das angegebene Bild hat den Typ %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Given image has type %s"
+            }
+        },
+        {
+            "translated": "Datei %s konnte nicht geladen werden: Mimetyp ist nicht Base64-codiert (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file %s: Mimetype isnt base64 encoded (%o)"
+            }
+        },
+        {
+            "translated": "Datei %s konnte nicht geladen werden: Ungültige Grenzen: %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load file %s: Invalid bounds: %s"
+            }
+        },
+        {
+            "translated": "Error:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "error: "
+            }
+        },
+        {
+            "translated": "warten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "waiting"
+            }
+        },
+        {
+            "translated": "Warten auf lokale Verarbeitung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Awaiting local processing"
+            }
+        },
+        {
+            "translated": "Lokale Verarbeitung fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "local processing failed"
+            }
+        },
+        {
+            "translated": "lokaler Verarbeitungsfehler",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "local processing error"
+            }
+        },
+        {
+            "translated": "Initialisierung",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "initializing"
+            }
+        },
+        {
+            "translated": "Symbol existiert bereits",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "icon already exists"
+            }
+        },
+        {
+            "translated": "Upload konnte nicht initialisiert werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize upload: %o"
+            }
+        },
+        {
+            "translated": "Upload konnte nicht initialisiert werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "failed to initialize upload"
+            }
+        },
+        {
+            "translated": "Hochladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "uploading"
+            }
+        },
+        {
+            "translated": "Icon-Upload für Icon %s: %o fehlgeschlagen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Icon upload failed for icon %s: %o"
+            }
+        },
+        {
+            "translated": "Upload fehlgeschlagen:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "upload failed: "
+            }
+        },
+        {
+            "translated": "Upload fehlgeschlagen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "upload failed"
+            }
+        },
+        {
+            "translated": "Upload abgeschlossen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "upload completed"
+            }
+        },
+        {
+            "translated": "Icons hochladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Upload Icons"
+            }
+        },
+        {
+            "translated": "Ungültiges Client-Handle",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid client handle"
+            }
+        },
+        {
+            "translated": "Ungültiger URL-Ersteller",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Invalid URL creator"
+            }
+        },
+        {
+            "translated": "stupst dich an:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "pokes you:"
+            }
+        },
+        {
+            "translated": "stupst dich an",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "pokes you."
+            }
+        },
+        {
+            "translated": "Fehler beim Laden des Symbols für den Berechtigungseditor: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load icon for permission editor: %o"
+            }
+        },
+        {
+            "translated": "Client entfernen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remove client"
+            }
+        },
+        {
+            "translated": "Kopieren Sie die eindeutige ID",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Copy unique id"
+            }
+        },
+        {
+            "translated": "Server-Gruppen-Clients für Gruppe %d: %o konnten nicht empfangen werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to receive server group clients for group %d: %o"
+            }
+        },
+        {
+            "translated": "Auswahl des Symbols fehlgeschlagen: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to select icon: %o"
+            }
+        },
+        {
+            "translated": "Rekorder konnte nach Initialisierung nicht gestartet werden (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to start recorder after initialize (%o)"
+            }
+        },
+        {
+            "translated": "Geladenes Datensatzprofilgerät %s | %o (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Loaded record profile device %s | %o (%o)"
+            }
+        },
+        {
+            "translated": "Eingabegerät konnte nicht eingestellt werden (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to set input device (%o)"
+            }
+        },
+        {
+            "translated": "Fehler beim Aufheben der Bereitstellung des Eingabe-Consumer für das Profil (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to unmount input consumer for profile (%o)"
+            }
+        },
+        {
+            "translated": "Client suchen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Search client"
+            }
+        },
+        {
+            "translated": "Peer-Adresse:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Peer address:"
+            }
+        },
+        {
+            "translated": "Verbindungstyp:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Link type:"
+            }
+        },
+        {
+            "translated": "TeaWeb",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaWeb"
+            }
+        },
+        {
+            "translated": "TeaClient (noch nicht unterstützt)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "TeaClient (Not supported yet)"
+            }
+        },
+        {
+            "translated": "Direkt verbinden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connect directly"
+            }
+        },
+        {
+            "translated": "Verwenden Sie die aufgelöste Adresse",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Use resolved address"
+            }
+        },
+        {
+            "translated": "Kopieren",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Copy"
+            }
+        },
+        {
+            "translated": "Symbol hinzufügen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add icon"
+            }
+        },
+        {
+            "translated": "Ausgewählte entfernen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remove selected"
+            }
+        },
+        {
+            "translated": "Abtreibung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "abort"
+            }
+        },
+        {
+            "translated": "Hochgeladene Icons (insgesamt | erfolgreich | Fehler):",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Uploaded icons (total | successfully | error): "
+            }
+        },
+        {
+            "translated": "in Ordnung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "okey"
+            }
+        },
+        {
+            "translated": "Erhaltene Nachricht %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received message %o"
+            }
+        },
+        {
+            "translated": "Registrierungsmethode Proxy für %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Registering method proxy for %s"
+            }
+        },
+        {
+            "translated": "Ausgeschnittene Tabelle &quot; %s&quot;",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Snipped table \"%s\""
+            }
+        },
+        {
+            "translated": "Neu angeordnete Channel-Clients: %d",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Reordered channel clients: %d"
+            }
+        },
+        {
+            "translated": "Am Textkanal teilnehmen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Join text channel"
+            }
+        },
+        {
+            "translated": "Mausbewegung beenden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Finishing mouse move"
+            }
+        },
+        {
+            "translated": "Client mit aktivem Audio-Handle wird zerstört. Dies kann zu Speicherlecks führen!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Destroying client with an active audio handle. This could cause memory leaks!"
+            }
+        },
+        {
+            "translated": "Wiedergabe konnte nicht abgebrochen werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to abort replay: %o"
+            }
+        },
+        {
+            "translated": "Client stumm schalten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Mute client"
+            }
+        },
+        {
+            "translated": "Client einschalten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unmute client"
+            }
+        },
+        {
+            "translated": "Spezifische Eigenschaften des geladenen Clients (%s). Lautstärke: %o Stumm: %o.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Loaded client (%s) server specific properties. Volume: %o Muted: %o."
+            }
+        },
+        {
+            "translated": "Ändern Sie den Bot-Namen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change bot name"
+            }
+        },
+        {
+            "translated": "Channelbeschreibung bearbeitet: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel description edited: %o"
+            }
+        },
+        {
+            "translated": "Channel Max-Benutzermodus: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel max user mode: %o"
+            }
+        },
+        {
+            "translated": "Maximales Benutzerlimit auf %o geändert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changed max user limit to %o"
+            }
+        },
+        {
+            "translated": "Benutzermodus für die Channel-Max-Familie: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel max family user mode: %o"
+            }
+        },
+        {
+            "translated": "Maximales Familienbenutzerlimit auf %o geändert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changed max family user limit to %o"
+            }
+        },
+        {
+            "translated": "Empfangene Channelberechtigungen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received channel permissions: %o"
+            }
+        },
+        {
+            "translated": "Ungültiger Versprechen-Ergebnistyp: %s. Ergebnis: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid promise result type: %s. Result: %o"
+            }
+        },
+        {
+            "translated": "Verwenden Sie einen Berechtigungsschlüssel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Use a privilege key"
+            }
+        },
+        {
+            "translated": "Dies ist ein neu erstellter Server, für den noch keine Administratorrechte beansprucht wurden. <br> Bitte geben Sie den &quot;Berechtigungsschlüssel&quot; ein, der beim Erstellen dieses Servers automatisch generiert wurde, um Administratorrechte zu erhalten.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "This is a newly created server for which administrator privileges have not yet been claimed.<br>Please enter the \"privilege key\" that was automatically generated when this server was created to gain administrator permissions."
+            }
+        },
+        {
+            "translated": "Verwenden Sie einen Berechtigungsschlüssel",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Use privilege key"
+            }
+        },
+        {
+            "translated": "Berechtigungsschlüssel erfolgreich verwendet!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Privilege key successfully used!"
+            }
+        },
+        {
+            "translated": "Fehler beim Verwenden des Berechtigungsschlüssels: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to use privilege key: {}"
+            }
+        },
+        {
+            "translated": "Informationen zur empfangenen Clientverbindung für unbekannten Client (%o)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received client connection info for unknown client (%o)"
+            }
+        },
+        {
+            "translated": "Client vom ungültigen Quellkanal verschieben! Lokaler Client in Channel %d registriert, Server sendet %d.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client move from invalid source channel! Local client registered in channel %d but server send %d."
+            }
+        },
+        {
+            "translated": "Konversationsnachricht für unbekannte Konversation erhalten! (%s)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received conversation message for unknown conversation! (%s)"
+            }
+        },
+        {
+            "translated": "Remote-Nachricht",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Remote message"
+            }
+        },
+        {
+            "translated": "Eigene Nachricht",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Own message"
+            }
+        },
+        {
+            "translated": "Konversationsverlauf für ungültige oder unbekannte Konversation empfangen (%o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Received conversation history for invalid or unknown conversation (%o)"
+            }
+        },
+        {
+            "translated": "Schlüssel %s konnte nicht aus dem Cache gelöscht werden!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete key %s from cache!"
+            }
+        },
+        {
+            "translated": "Icon konnte nicht geladen werden. Gründe dafür",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Could not load icon. Reason: %s"
+            }
+        },
+        {
+            "translated": "Löschen des zwischengespeicherten Avatars für Client %s. Zwischengespeicherte Version: %s; Neue Version: %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Deleting cached avatar for client %s. Cached version: %s; New version: %s"
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen des zwischengespeicherten Avatars für Client %o: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete cached avatar for client %o: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen des zwischengespeicherten Avatars für Client %o (Cache-Suche fehlgeschlagen): %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete cached avatar for client %o (cache lookup failed): %o"
+            }
+        },
+        {
+            "translated": "Verwendung eines zwischengespeicherten Avatars. ID: %o | Version: %o (zwischengespeichert: %o)",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Using cached avatar. ID: %o | Version: %o (Cached: %o)"
+            }
+        },
+        {
+            "translated": "Avatar wird aufgelöst. ID: %o | Version: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Resolving avatar. ID: %o | Version: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Verwenden des zwischengespeicherten Avatars: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to use cached avatar: %o"
+            }
+        },
+        {
+            "translated": "Chat-Avatar für Client %s konnte nicht geladen werden. Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load chat avatar for client %s. Error: %o"
+            }
+        },
+        {
+            "translated": "Erforderlicher Berechtigungstest für Berechtigung %s: %s. Erforderlicher Wert: %s, Gewährter Wert: %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required permission test resulted for permission %s: %s. Required value: %s, Granted value: %s"
+            }
+        },
+        {
+            "translated": "gewährt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "granted"
+            }
+        },
+        {
+            "translated": "verweigert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "denied"
+            }
+        },
+        {
+            "translated": "erforderlich",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "required"
+            }
+        },
+        {
+            "translated": "keiner",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "none"
+            }
+        },
+        {
+            "translated": "Löschen von %o benötigten Berechtigungen und Hinzufügen von %o Berechtigungen.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Dropping %o needed permissions and added %o permissions."
+            }
+        },
+        {
+            "translated": "Ungültiger Gruppentyp: %o für Gruppe %s",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid group type: %o for group %s"
+            }
+        },
+        {
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Loading"
+            }
+        },
+        {
+            "translated": "Unbekannte Sprache",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown language"
+            }
+        },
+        {
+            "translated": "Englisch (Standard)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "English (Default)"
+            }
+        },
+        {
+            "translated": "Geben Sie die Repository-URL ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter repository URL"
+            }
+        },
+        {
+            "translated": "Geben Sie die Repository-URL ein:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter repository URL:"
+            }
+        },
+        {
+            "translated": "Client-Neustart ist nicht implementiert. <br> Bitte machen Sie es manuell!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client restart isn't implemented.<br>Please do it manually!"
+            }
+        },
+        {
+            "translated": "Standard-Mikrofongerät geändert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Changed default microphone device"
+            }
+        },
+        {
+            "translated": "Mikrofon konnte nicht auf Gerät %o geändert werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change microphone to device %o: %o"
+            }
+        },
+        {
+            "translated": "Mikrofonwechsel fehlgeschlagen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change microphone"
+            }
+        },
+        {
+            "translated": "Das Mikrofon konnte nicht in das Zielmikrofon geändert werden. {: Br:} {}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to change the microphone to the target microphone{:br:}{}"
+            }
+        },
+        {
+            "translated": "Fehler beim Erzeugen der Füllstandsanzeige für Gerät %o: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to generate levelmeter for device %o: %o"
+            }
+        },
+        {
+            "translated": "Eingabegeräte konnten nicht aktualisiert werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to refresh input devices: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Erstellen einer neuen Geräteliste: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to build new device list: %o"
+            }
+        },
+        {
+            "translated": "Standardlautsprechergerät geändert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changed default speaker device"
+            }
+        },
+        {
+            "translated": "Fehler beim Ändern des Lautsprechers in Gerät %o: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to change speaker to device %o: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Wechseln des Lautsprechers",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to change speaker"
+            }
+        },
+        {
+            "translated": "Fehler beim Wechseln des Lautsprechergeräts zum Ziellautsprecher {: br:} {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+            }
+        },
+        {
+            "translated": "Abfrage der verfügbaren Lautsprechergeräte fehlgeschlagen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to query available speaker devices: %o"
+            }
+        },
+        {
+            "translated": "Es sind Fehler aufgetreten (Konsole anzeigen)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Errors occurred (View console)"
+            }
+        },
+        {
+            "translated": "Fehler beim Erstellen einer neuen Liste der Lautsprechergeräte: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to build new speaker device list: %o"
+            }
+        },
+        {
+            "translated": "Die Lautstärke wurde für Sound %o auf %o geändert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Changed sound volume to %o for sound %o"
+            }
+        },
+        {
+            "translated": "Tippe unset",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Type unset"
+            }
+        },
+        {
+            "translated": "(Standard)",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "(Default)"
+            }
+        },
+        {
+            "translated": "Unbenannt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unnamed"
+            }
+        },
+        {
+            "translated": "Kein Profil ausgewählt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "No profile selected"
+            }
+        },
+        {
+            "translated": "Identität generiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity generated"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie einen Namen für das neue Profil ein:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter a name for the new profile:"
+            }
+        },
+        {
+            "translated": "Forum Login Ergebnis: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Forum login result: %o"
+            }
+        },
+        {
+            "translated": "Captcha erforderlich",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Captcha required"
+            }
+        },
+        {
+            "translated": "Captcha für Site-Key anzeigen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Showing captcha for site-key: %o"
+            }
+        },
+        {
+            "translated": "Captcha-Token erhalten: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Got captcha token: %o"
+            }
+        },
+        {
+            "translated": "Forum-Captcha konnte nicht initialisiert werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize forum captcha: %o"
+            }
+        },
+        {
+            "translated": "Unbekannter Fehler",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown error"
+            }
+        },
+        {
+            "translated": "Anmeldung im Forum fehlgeschlagen. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to login within the forum. Error: %o"
+            }
+        },
+        {
+            "translated": "Forum Login fehlgeschlagen.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Forum login failed."
+            }
+        },
+        {
+            "translated": "Forum Login fehlgeschlagen. Weitere Informationen finden Sie in der Konsole",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Forum login failed. Lookup the console for more information"
+            }
+        },
+        {
+            "translated": "Fehler beim Abmelden vom Forum: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to logout from forum: %o"
+            }
+        },
+        {
+            "translated": "Abmeldung des Forums fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Forum logout failed"
+            }
+        },
+        {
+            "translated": "Fehler beim Abmelden vom Forum-Konto. {: Br:} Fehler: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to logout from forum account.{:br:}Error: {}"
+            }
+        },
+        {
+            "translated": "Dummy-Übersetzungstest",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Dummy translation test"
+            }
+        },
+        {
+            "translated": "Fehler beim Initialisieren der ausgewählten Übersetzung: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize selected translation: %o"
+            }
+        },
+        {
+            "translated": "Server Banlist",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server Banlist"
+            }
+        },
+        {
+            "translated": "Sekunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Seconds"
+            }
+        },
+        {
+            "translated": "Sekunde",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Second"
+            }
+        },
+        {
+            "translated": "Minuten",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Minutes"
+            }
+        },
+        {
+            "translated": "Minute",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Minute"
+            }
+        },
+        {
+            "translated": "Stunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hours"
+            }
+        },
+        {
+            "translated": "Stunde",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hour"
+            }
+        },
+        {
+            "translated": "Tage",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Days"
+            }
+        },
+        {
+            "translated": "Tag",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Day"
+            }
+        },
+        {
+            "translated": "Abfrage der Berechtigungen zum Hinzufügen von Sperren fehlgeschlagen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to query ban add permissions: %o"
+            }
+        },
+        {
+            "translated": "Abfrage der Bearbeitungsberechtigungen für das Verbot fehlgeschlagen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to query ban edit permissions: %o"
+            }
+        },
+        {
+            "translated": "Sparen Sie Verbot",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Save ban"
+            }
+        },
+        {
+            "translated": "noch nie",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Never"
+            }
+        },
+        {
+            "translated": "Verbot konnte nicht gelöscht werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete ban: %o"
+            }
+        },
+        {
+            "translated": "Verbot konnte nicht gelöscht werden. {: br:} Fehler: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete ban. {:br:}Error: {}"
+            }
+        },
+        {
+            "translated": "Wird geladen...",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Loading..."
+            }
+        },
+        {
+            "translated": "Keine Verbote eingetragen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No bans registered"
+            }
+        },
+        {
+            "translated": "Verbotsliste konnte nicht aktualisiert werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update ban list: %o"
+            }
+        },
+        {
+            "translated": "keine Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "no permissions"
+            }
+        },
+        {
+            "translated": "Banlist konnte nicht empfangen werden:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to receive banlist: "
+            }
+        },
+        {
+            "translated": "IP",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "IP"
+            }
+        },
+        {
+            "translated": "Es wurden keine Trigger protokolliert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No triggers logged"
+            }
+        },
+        {
+            "translated": "Fehler beim Aktualisieren der Triggerliste: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update trigger list: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Empfang der Triggerliste:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to receive trigger list: "
+            }
+        },
+        {
+            "translated": "Du darfst maximal verbieten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You're allowed to ban a maximum of "
+            }
+        },
+        {
+            "translated": "Du darfst <b>permanent</b> verbieten.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You're allowed to ban <b>permanent</b>."
+            }
+        },
+        {
+            "translated": "für immer",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "for ever"
+            }
+        },
+        {
+            "translated": "Das Verbot gilt für genau {}.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The ban lasts for exact {}."
+            }
+        },
+        {
+            "translated": "Das Verbot ist für immer.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The ban is forever."
+            }
+        },
+        {
+            "translated": "Ban erfolgreich bearbeitet",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ban successfully edited"
+            }
+        },
+        {
+            "translated": "Ihr Ban wurde erfolgreich bearbeitet.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your ban has been successfully edited."
+            }
+        },
+        {
+            "translated": "Bann konnte nicht bearbeitet werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to edited ban: %o"
+            }
+        },
+        {
+            "translated": "Das Sperren konnte nicht bearbeitet werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to edited ban"
+            }
+        },
+        {
+            "translated": "Das Sperren konnte nicht bearbeitet werden. {: br:} Fehler: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to edited ban. {:br:}Error: {}"
+            }
+        },
+        {
+            "translated": "Ban erfolgreich hinzugefügt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ban successfully added"
+            }
+        },
+        {
+            "translated": "Ihr Ban wurde erfolgreich hinzugefügt.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your ban has been successfully added."
+            }
+        },
+        {
+            "translated": "Verbot konnte nicht hinzugefügt werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to add ban: %o"
+            }
+        },
+        {
+            "translated": "Hinzufügen des Verbots fehlgeschlagen. {: br:} Fehler: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to add ban. {:br:}Error: {}"
+            }
+        },
+        {
+            "translated": "Keine Verbote gefunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No bans found"
+            }
+        },
+        {
+            "translated": "Keine Triggerereignisse gefunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No trigger events found"
+            }
+        },
+        {
+            "translated": "Bitte geben Sie Ihren Token / Privileg-Schlüssel ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please enter your token/privilege key"
+            }
+        },
+        {
+            "translated": "Token konnte nicht verwendet werden: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to use token: {}"
+            }
+        },
+        {
+            "translated": "Client verbunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client connected"
+            }
+        },
+        {
+            "translated": "Du wurdest getreten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You've been kicked"
+            }
+        },
+        {
+            "translated": "Sie wurden von diesem Server gekickt. {: Br:} {0}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You've been kicked from this server.{:br:}{0}"
+            }
+        },
+        {
+            "translated": "Typ: %o Daten: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Type: %o Data: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Starten der Mikrofoneingabe (%s).",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to start microphone input (%s)."
+            }
+        },
+        {
+            "translated": "Aufzeichnung konnte nicht gestartet werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to start recording"
+            }
+        },
+        {
+            "translated": "Mikrofonstart fehlgeschlagen.{:br:} Fehler: {}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Microphone start failed.{:br:}Error: {}"
+            }
+        },
+        {
+            "translated": "Vorhandenen Avatar löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Deleting existing avatar"
+            }
+        },
+        {
+            "translated": "Avatar gelöscht",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Avatar deleted"
+            }
+        },
+        {
+            "translated": "Avatar erfolgreich gelöscht",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Avatar successfully deleted"
+            }
+        },
+        {
+            "translated": "Fehler beim Zurücksetzen der Avatar-Flagge: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to reset avatar flag: %o"
+            }
+        },
+        {
+            "translated": "Avatar konnte nicht gelöscht werden. {: Br:} Fehler: {0}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete avatar.{:br:}Error: {0}"
+            }
+        },
+        {
+            "translated": "Avatar konnte nicht gelöscht werden. {: Br:} Weitere Informationen finden Sie in der Konsole",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen des Avatars",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete avatar"
+            }
+        },
+        {
+            "translated": "Neuen Avatar hochladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Uploading new avatar"
+            }
+        },
+        {
+            "translated": "Avatar-Upload konnte nicht initialisiert werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize avatar upload: %o"
+            }
+        },
+        {
+            "translated": "Avatar-Upload konnte nicht initialisiert werden. {: Br:} Fehlende Berechtigung {0}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+            }
+        },
+        {
+            "translated": "Avatar-Upload konnte nicht initialisiert werden. {: Br:} Fehler: {0}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+            }
+        },
+        {
+            "translated": "Avatar-Upload konnte nicht initialisiert werden. {: Br:} Weitere Informationen finden Sie in der Konsole",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+            }
+        },
+        {
+            "translated": "Avatar konnte nicht hochgeladen werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to upload avatar"
+            }
+        },
+        {
+            "translated": "Avatar konnte nicht hochgeladen werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to upload avatar: %o"
+            }
+        },
+        {
+            "translated": "Avatar konnte nicht hochgeladen werden. {: Br:} Fehler: {0}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to upload avatar.{:br:}Error: {0}"
+            }
+        },
+        {
+            "translated": "Aktualisierung der Avatar-Flagge fehlgeschlagen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update avatar flag: %o"
+            }
+        },
+        {
+            "translated": "Aktualisierung der Avatar-Flagge fehlgeschlagen. {: Br:} Fehler: {0}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update avatar flag.{:br:}Error: {0}"
+            }
+        },
+        {
+            "translated": "Aktualisierung der Avatar-Flagge fehlgeschlagen. {: Br:} Weitere Informationen finden Sie in der Konsole",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+            }
+        },
+        {
+            "translated": "Avatar konnte nicht festgelegt werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to set avatar"
+            }
+        },
+        {
+            "translated": "Avatar erfolgreich hochgeladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Avatar successfully uploaded"
+            }
+        },
+        {
+            "translated": "Dein Avatar wurde erfolgreich hochgeladen!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your avatar has been uploaded successfully!"
+            }
+        },
+        {
+            "translated": "Server hinzugefügt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server added"
+            }
+        },
+        {
+            "translated": "Der Server wurde erfolgreich zu Ihren Lesezeichen hinzugefügt.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server has been successfully added to your bookmarks."
+            }
+        },
+        {
+            "translated": "Öffne URL",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Open URL"
+            }
+        },
+        {
+            "translated": "URL im Browser öffnen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Open URL in Browser"
+            }
+        },
+        {
+            "translated": "Kopieren Sie die URL in die Zwischenablage",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Copy URL to clipboard"
+            }
+        },
+        {
+            "translated": "Wochen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Weeks"
+            }
+        },
+        {
+            "translated": "Woche",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Week"
+            }
+        },
+        {
+            "translated": "Verbindungsverlauf konnte nicht geladen werden: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load connection history: {}"
+            }
+        },
+        {
+            "translated": "Client geschlossen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "client closed"
+            }
+        },
+        {
+            "translated": "Fehler beim Trennen der Verbindung zum Server beim Schließen des Clients: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to disconnect from server on client close: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Einrichten des Cache für die js-Renderer-Vorlage %s!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to setup cache for js renderer template %s!"
+            }
+        },
+        {
+            "translated": "Die jsrender-Vorlage %s wurde erfolgreich geladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Successfully loaded jsrender template %s"
+            }
+        },
+        {
+            "translated": "Der Client unterstützt audio.player.set_master_volume () nicht ... Ist der Client möglicherweise zu alt?",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Client does not support audio.player.set_master_volume()... May client is too old?"
+            }
+        },
+        {
+            "translated": "Klingt initialisiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sounds initialized"
+            }
+        },
+        {
+            "translated": "Aktualisierung der Benutzeranzahl erhalten: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Received user count update: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Abrufen der Recaptcha-JavaScript-Quelle: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to fetch recaptcha javascript source: %o"
+            }
+        },
+        {
+            "translated": "Download der Quelle fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "failed to download source"
+            }
+        },
+        {
+            "translated": "Recaptcha konnte nicht geladen werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "failed to load recaptcha"
+            }
+        },
+        {
+            "translated": "G-Recaptcha konnte nicht initialisiert werden. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize G-Recaptcha. Error: %o"
+            }
+        },
+        {
+            "translated": "Initialisierung fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "initialisation failed"
+            }
+        },
+        {
+            "translated": "Anmeldeanforderung fehlgeschlagen %o: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Login request failed %o: %o"
+            }
+        },
+        {
+            "translated": "Anfrage fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "request failed"
+            }
+        },
+        {
+            "translated": "Anmeldeanforderung konnte nicht gesendet werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "failed to send login request"
+            }
+        },
+        {
+            "translated": "Antwortstatus nicht in Ordnung. Fehler passiert: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Response status not okey. Error happend: %o"
+            }
+        },
+        {
+            "translated": "Login fehlgeschlagen. Antwort %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Login failed. Response %o"
+            }
+        },
+        {
+            "translated": "Login fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "failed to login"
+            }
+        },
+        {
+            "translated": "ungültiger Benutzername oder Passwort",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid username or password"
+            }
+        },
+        {
+            "translated": "Captcha erforderlich",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "captcha required"
+            }
+        },
+        {
+            "translated": "Fehler beim Parsen der im Forum angegebenen Daten: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse forum given data: %o"
+            }
+        },
+        {
+            "translated": "Antwortdaten konnten nicht analysiert werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse response data"
+            }
+        },
+        {
+            "translated": "Anforderung erneuern fehlgeschlagen %o: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Renew request failed %o: %o"
+            }
+        },
+        {
+            "translated": "Erneuerungsanforderung konnte nicht gesendet werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "failed to send renew request"
+            }
+        },
+        {
+            "translated": "Antwort fehlende Daten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "response missing data"
+            }
+        },
+        {
+            "translated": "Erneuerung erfolgreich. Analysieren von Daten.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Renew succeeded. Parsing data."
+            }
+        },
+        {
+            "translated": "Daten konnten nicht analysiert werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "failed to parse data"
+            }
+        },
+        {
+            "translated": "Abmeldeanforderung fehlgeschlagen %o: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Logout request failed %o: %o"
+            }
+        },
+        {
+            "translated": "Abmeldeanforderung konnte nicht gesendet werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "failed to send logout request"
+            }
+        },
+        {
+            "translated": "Keine TeaForo-Authentifizierung gefunden. TeaForo-Verbindungsstatus: Nicht verbunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No TeaForo authentification found. TeaForo connection status: unconnected"
+            }
+        },
+        {
+            "translated": "Fehler beim Initialisieren der TeaForo-Verbindung von lokalen Daten. Fehler: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to initialize TeaForo connection from local data. Error: %o"
+            }
+        },
+        {
+            "translated": "TeaForo-Daten sollten erneuert werden. Erneuerung wird ausgeführt.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaForo data should be renewed. Executing renew."
+            }
+        },
+        {
+            "translated": "TeaForo-Daten wurden erfolgreich erneuert.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaForo data has been successfully renewed."
+            }
+        },
+        {
+            "translated": "TeaForo-Daten konnten nicht erneuert werden. Neuer Login erforderlich.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to renew TeaForo data. New login required."
+            }
+        },
+        {
+            "translated": "TeaForo-Daten konnten nicht erneuert werden. Ein Fehler ist aufgetreten: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to renew TeaForo data. An error occurred: %o"
+            }
+        },
+        {
+            "translated": "TeaForo-Daten sind abgelaufen. TeaForo-Verbindung ist nicht verfügbar!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaForo data is expired. TeaForo connection isn't available!"
+            }
+        },
+        {
+            "translated": "Fehler beim Dekodieren der Audiodaten für %o: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to decode audio data for %o: %o"
+            }
+        },
+        {
+            "translated": "Die Soundwiedergabe für Sound %o führte zu einem Fehler: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Sound playback for sound %o resulted in an error: %o"
+            }
+        },
+        {
+            "translated": "Wiedergabe von Sound %o fehlgeschlagen, da Ziehpunkte fehlen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to replay sound %o because of missing handles."
+            }
+        },
+        {
+            "translated": "Sound %o konnte nicht wiedergegeben werden, da er nicht behoben werden konnte: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to replay sound %o because it could not be resolved: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Generieren des Client-Tag-Attributs &#39;client-unique-id&#39;: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to generate client tag attribute 'client-unique-id': %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Generieren des Client-Tag-Attributs &quot;Client-Name&quot;: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to generate client tag attribute 'client-name': %o"
+            }
+        },
+        {
+            "translated": "Verwalten Sie den virtuellen Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Manage the Virtual Server"
+            }
+        },
+        {
+            "translated": "Willkommensnachricht bearbeitet: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Welcome message edited: %o"
+            }
+        },
+        {
+            "translated": "Servertextkanal beitreten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Join server text channel"
+            }
+        },
+        {
+            "translated": "Anwenden der zuvor geänderten Speratoreinstellungen für %s: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Applying previous changed sperator settings for %s: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Parsen der Trennzeicheneinstellungen für den Sperator %s: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse seperator settings for sperator %s: %o"
+            }
+        },
+        {
+            "translated": "Bei engem Callback handelt es sich nicht um eine Funktion !. Rückruf: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Given close callback is not a function!. Callback: %o"
+            }
+        },
+        {
+            "translated": "Favoriten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Favorites"
+            }
+        },
+        {
+            "translated": "Verbindung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connection"
+            }
+        },
+        {
+            "translated": "Verlassen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Quit"
+            }
+        },
+        {
+            "translated": "Client-Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Client Permissions"
+            }
+        },
+        {
+            "translated": "Channel-Client-Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel Client Permissions"
+            }
+        },
+        {
+            "translated": "Channelberechtigungen",
+            "flags": [
+                "human-verified",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Channel Permissions"
+            }
+        },
+        {
+            "translated": "Liste der Berechtigungsschlüssel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "List Privilege Keys"
+            }
+        },
+        {
+            "translated": "Berechtigungsschlüsselliste ist noch nicht implementiert!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Privilege key list is not implemented yet!"
+            }
+        },
+        {
+            "translated": "Verwenden Sie einen Berechtigungsschlüssel",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Use Privilege Key"
+            }
+        },
+        {
+            "translated": "Wiedergabelisten verwalten",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Manage Playlists"
+            }
+        },
+        {
+            "translated": "Sperrliste",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ban List"
+            }
+        },
+        {
+            "translated": "Abfrageliste",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Query List"
+            }
+        },
+        {
+            "translated": "Sie haben nicht die Berechtigung, die Server-Abfrageliste anzuzeigen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You dont have the permission to view the server query list"
+            }
+        },
+        {
+            "translated": "Abfrage erstellen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Query Create"
+            }
+        },
+        {
+            "translated": "Auf Updates prüfen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Check for updates"
+            }
+        },
+        {
+            "translated": "Changelog öffnen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Open changelog"
+            }
+        },
+        {
+            "translated": "Besuchen Sie TeaSpeak.de",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Visit TeaSpeak.de"
+            }
+        },
+        {
+            "translated": "Besuchen Sie das TeaSpeak-Forum",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Visit TeaSpeak forum"
+            }
+        },
+        {
+            "translated": "Über TeaWeb",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "About TeaWeb"
+            }
+        },
+        {
+            "translated": "Über TeaClient",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "About TeaClient"
+            }
+        },
+        {
+            "translated": "Sie chatten in Channel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You're chatting in Channel"
+            }
+        },
+        {
+            "translated": "Unbekannte Channel-ID {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unknown channel id {}"
+            }
+        },
+        {
+            "translated": "Sie chatten im Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You're chatting in Server"
+            }
+        },
+        {
+            "translated": "Keine Gespräche",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No conversations"
+            }
+        },
+        {
+            "translated": "Ein Gespräch",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "One conversation"
+            }
+        },
+        {
+            "translated": "Gespräche",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "conversations"
+            }
+        },
+        {
+            "translated": "Gespräch eröffnen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Open conversation"
+            }
+        },
+        {
+            "translated": "Eine Konversation beginnen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Start a conversation"
+            }
+        },
+        {
+            "translated": "Abschriften-Token rendern: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Render Markdown token: %o"
+            }
+        },
+        {
+            "translated": "Fehlender Markdown für den BBCode-Renderer für Token %s: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Missing markdown to bbcode renderer for token %s: %o"
+            }
+        },
+        {
+            "translated": "Gestern um",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Yesterday at"
+            }
+        },
+        {
+            "translated": "Heute um",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Today at"
+            }
+        },
+        {
+            "translated": "Sekunden zuvor",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "seconds ago"
+            }
+        },
+        {
+            "translated": "vor einer Minute",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "one minute ago"
+            }
+        },
+        {
+            "translated": "Vor ein paar Minuten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "minutes ago"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden des Verlaufs der privaten Konversation für Benutzer %s auf Server %s: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to load private conversation history for user %s on server %s: %o"
+            }
+        },
+        {
+            "translated": "Konversationsverlauf für Benutzer %s auf Server %s: %o konnte nicht gespeichert werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to save private conversation history for user %s on server %s: %o"
+            }
+        },
+        {
+            "translated": "schreibe gerade ...",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "currently typing..."
+            }
+        },
+        {
+            "translated": "keine Geschichte",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "no history"
+            }
+        },
+        {
+            "translated": "Gestern",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Yesterday"
+            }
+        },
+        {
+            "translated": "Heute",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Today"
+            }
+        },
+        {
+            "translated": "Ungelesene Nachrichten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unread messages"
+            }
+        },
+        {
+            "translated": "Fehler kein Zeitstempel",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "error no timestamp"
+            }
+        },
+        {
+            "translated": "Ihr Chat-Partner hat die Konversation geschlossen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your chat partner has closed the conversation"
+            }
+        },
+        {
+            "translated": "Sie haben erneut eine Verbindung zum Server hergestellt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You've reconnected to the server"
+            }
+        },
+        {
+            "translated": "Sie haben die Verbindung zum Server getrennt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You've disconnected from the server"
+            }
+        },
+        {
+            "translated": "Konversationsnachricht für Client %o wird aufgrund eines fehlenden Nachrichtenrückrufs gelöscht.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Dropping conversation message for client %o because of no message callback."
+            }
+        },
+        {
+            "translated": "Konversationsnachricht wird wegen keiner aktiven Konversation gelöscht.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Dropping conversation message because of no active conversation."
+            }
+        },
+        {
+            "translated": "Beenden der Konversationstypisierungsaktion, da keine aktive Konversation vorhanden ist.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Dropping conversation typing action because of no active conversation."
+            }
+        },
+        {
+            "translated": "Senden der SMS %s an %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Sending text message %s to %o"
+            }
+        },
+        {
+            "translated": "Nachricht konnte nicht gesendet werden:",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to send message: "
+            }
+        },
+        {
+            "translated": "Nachricht konnte nicht gesendet werden. Weitere Informationen finden Sie in der Konsole",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to send message. Lookup the console for more details"
+            }
+        },
+        {
+            "translated": "Laden Sie ältere Nachrichten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Load older messages"
+            }
+        },
+        {
+            "translated": "Konversationsverlauf konnte nicht abgerufen werden. %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to fetch conversation history. %o"
+            }
+        },
+        {
+            "translated": "Konversationsnachricht für Konversation %o: %o konnte nicht gelöscht werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete conversation message for conversation %o: %o"
+            }
+        },
+        {
+            "translated": "Nachricht konnte nicht gelöscht werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete message"
+            }
+        },
+        {
+            "translated": "Konversationsnachricht {: br:} konnte nicht gelöscht werden Fehler: {}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete conversation message{:br:}Error: {}"
+            }
+        },
+        {
+            "translated": "Löschen der SMS %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Deleting text message %o"
+            }
+        },
+        {
+            "translated": "Verboten",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Banned"
+            }
+        },
+        {
+            "translated": "Sachen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Stuff"
+            }
+        },
+        {
+            "translated": "Prämie",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Premium"
+            }
+        },
+        {
+            "translated": "Client lokal stumm geschaltet",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client local muted"
+            }
+        },
+        {
+            "translated": "Servergruppe",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "server group "
+            }
+        },
+        {
+            "translated": "Fehlende Servergruppen-ID!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Missing server group id!"
+            }
+        },
+        {
+            "translated": "Gruppen-ID:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Group id: "
+            }
+        },
+        {
+            "translated": "Ungültige Channelgruppe!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid channel group!"
+            }
+        },
+        {
+            "translated": "Fehlende Channelgruppen-ID!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Missing channel group id!"
+            }
+        },
+        {
+            "translated": "Regeneriertes Hostbanner-Tag. Ersetzen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Regenerated hostbanner tag. Replacing it: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Laden des Hostbanners: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to load the hostbanner: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Parsen der Banner-URL: %o. Verwenden des Standardanhangs &#39;&amp;&#39;.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse banner URL: %o. Using default '&' append."
+            }
+        },
+        {
+            "translated": "Hostbanner-Image erfolgreich geladen.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Successfully loaded hostbanner image."
+            }
+        },
+        {
+            "translated": "Builder für fehlende Protokollnachricht {0}!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "missing log message builder {0}!"
+            }
+        },
+        {
+            "translated": "Herstellen einer Verbindung zu {0} {1}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connecting to {0}{1}"
+            }
+        },
+        {
+            "translated": "Hostname wird aufgelöst",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Resolving hostname"
+            }
+        },
+        {
+            "translated": "Hostname erfolgreich aufgelöst: {0}:{1}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hostname resolved successfully to {0}:{1}"
+            }
+        },
+        {
+            "translated": "Hostname konnte nicht aufgelöst werden. Verbindung zum angegebenen Hostnamen. Fehler: {0}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to resolve hostname. Connecting to given hostname. Error: {0}"
+            }
+        },
+        {
+            "translated": "Verbindung fehlgeschlagen.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connect failed."
+            }
+        },
+        {
+            "translated": "Fehler beim Einrichten der Sprachbrücke: {0}. Verbindung erneut zulassen: {1}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to setup voice bridge: {0}. Allow reconnect: {1}"
+            }
+        },
+        {
+            "translated": "Unzureichende Benutzerberechtigung. Erlaubnis fehlgeschlagen für {0} ",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "Insufficient client permissions. Failed on permission {0}"
+            }
+        },
+        {
+            "translated": "{0} ist von {1} zu Ihrem {2} erschienen.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "{0} appeared from {1} to your {2}"
+            }
+        },
+        {
+            "translated": "{0} verband sich mit Ihrem Channel {1}",
+            "flags": [
+                "human-verified"
+            ],
+            "key": {
+                "message": "{0} connected to your channel {1}"
+            }
+        },
+        {
+            "translated": "{0} wurde von {1} zu deinem Channel {2} verschoben um {3}.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared from {1} to your channel {2}, moved by {3}"
+            }
+        },
+        {
+            "translated": "{0} wurde deinem Channel {1} angezeigt und von {2} verschoben.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared to your channel {1}, moved by {2}"
+            }
+        },
+        {
+            "translated": "{0} ist {1} erschienen, bewegt von {2}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared to {1}, moved by {2}"
+            }
+        },
+        {
+            "translated": "{0} wurde von {1} in Ihrem Channel {2} geschaltet und von {3} {4} gekickt.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared from {1} to your channel {2}, kicked by {3}{4}"
+            }
+        },
+        {
+            "translated": "{0} wurde Ihrem Channel {1} angezeigt und von {2} {3} gekickt.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared to your channel {1}, kicked by {2}{3}"
+            }
+        },
+        {
+            "translated": "{0} erschien {1} und wurde von {2} {3} getreten.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} appeared to {1}, kicked by {2}{3}"
+            }
+        },
+        {
+            "translated": "{0} ist von Ihrem Channel {1} zu {2} verschwunden.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} disappeared from your channel {1} to {2}"
+            }
+        },
+        {
+            "translated": "{0} wurde von {2} aus Ihrem Channel geworfen. {3}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "{0} was kicked from your channel by {2}.{3}"
+            }
+        },
+        {
+            "translated": "{0} wurde von {2} aus Channel {1} geworfen. {3}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} was kicked from channel {1} by {2}.{3}"
+            }
+        },
+        {
+            "translated": "{0} Zeitüberschreitung {1}",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} timed out{1}"
+            }
+        },
+        {
+            "translated": "Spitzname erfolgreich geändert.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Nickname successfully changed."
+            }
+        },
+        {
+            "translated": "{0} hat seinen Spitznamen von &quot;{1}&quot; in &quot;{2}&quot; geändert.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "{0} changed his nickname from \"{1}\" to \"{2}\""
+            }
+        },
+        {
+            "translated": "Vom Server getrennt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Disconnected from server"
+            }
+        },
+        {
+            "translated": "Über",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "About"
+            }
+        },
+        {
+            "translated": "Avatar hochladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Avatar Upload"
+            }
+        },
+        {
+            "translated": "Du hast {} mal verbunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You've connected {} times"
+            }
+        },
+        {
+            "translated": "Unbekannt",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Unknown"
+            }
+        },
+        {
+            "translated": "Sie haben eine {} Verbindung zu dieser Serveradresse hergestellt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You {} connected to that server address"
+            }
+        },
+        {
+            "translated": "Durchschnittliches Ping wird noch nicht unterstützt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Average ping isn't yet supported"
+            }
+        },
+        {
+            "translated": "Möchten Sie dieses nicht leere Verzeichnis wirklich löschen?",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Do you really want to delete this non empty directory?"
+            }
+        },
+        {
+            "translated": "Geben Sie einen Ordnernamen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter a folder name"
+            }
+        },
+        {
+            "translated": "Geben Sie den Ordnernamen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter the folder name"
+            }
+        },
+        {
+            "translated": "Geben Sie einen Lesezeichennamen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter a bookmark name"
+            }
+        },
+        {
+            "translated": "Geben Sie den Lesezeichennamen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter the bookmark name"
+            }
+        },
+        {
+            "translated": "Verbindungsprofil für Profil %s zu %s konnte nicht geändert werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to change connect profile for profile %s to %s"
+            }
+        },
+        {
+            "translated": "Channelinformationen:",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel information: "
+            }
+        },
+        {
+            "translated": "Beschreibung kopiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Description copied"
+            }
+        },
+        {
+            "translated": "Die Channelbeschreibung wurde in Ihre Zwischenablage kopiert!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The channel description has been copied to your clipboard!"
+            }
+        },
+        {
+            "translated": "Channel hat keine Beschreibung",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Channel has no description"
+            }
+        },
+        {
+            "translated": "Semi permanent",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Semi permanent"
+            }
+        },
+        {
+            "translated": "Privatgelände",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Private"
+            }
+        },
+        {
+            "translated": "Öffentlichkeit; Semipermanente Nachrichtenspeicherung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Public; Semi permanent message saving"
+            }
+        },
+        {
+            "translated": "Öffentlichkeit; Permanente Nachrichtenspeicherung",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Public; Permanent message saving"
+            }
+        },
+        {
+            "translated": "Öffentlichkeit; Letzte {} Nachrichten speichern",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Public; Saving last {} messages"
+            }
+        },
+        {
+            "translated": "Channel nicht abonniert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel not subscribed"
+            }
+        },
+        {
+            "translated": "Vom Server mit unverschlüsselt überschrieben!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Overridden by the server with Unencrypted!"
+            }
+        },
+        {
+            "translated": "Vom Server mit Encrypted überschrieben!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Overridden by the server with Encrypted!"
+            }
+        },
+        {
+            "translated": "Profil Information:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Profile Information: "
+            }
+        },
+        {
+            "translated": "Eindeutige ID kopiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unique ID copied"
+            }
+        },
+        {
+            "translated": "Die eindeutige ID wurde in Ihre Zwischenablage kopiert!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The unique id has been copied to your clipboard!"
+            }
+        },
+        {
+            "translated": "Client-IP kopiert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client IP copied"
+            }
+        },
+        {
+            "translated": "Die Client-IP wurde in Ihre Zwischenablage kopiert!",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The client IP has been copied to your clipboard!"
+            }
+        },
+        {
+            "translated": "Versteckt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hidden"
+            }
+        },
+        {
+            "translated": "Error",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "error"
+            }
+        },
+        {
+            "translated": "0 Sekunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "0 Seconds"
+            }
+        },
+        {
+            "translated": "Zur Zeit aktiv",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Currently active"
+            }
+        },
+        {
+            "translated": "Nicht berechnet",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Not calculated"
+            }
+        },
+        {
+            "translated": "Gruppe löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete group"
+            }
+        },
+        {
+            "translated": "Fehler beim Ändern der Gruppenzuweisung: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to change group assignment: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Entfernen aller Gruppenzuweisungen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to remove all group assignments: %o"
+            }
+        },
+        {
+            "translated": "Identitätsanalyse",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Parsing identity"
+            }
+        },
+        {
+            "translated": "Fehler beim Parsen der Identität:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to parse identity: "
+            }
+        },
+        {
+            "translated": "Datei wird geladen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Loading file"
+            }
+        },
+        {
+            "translated": "Fehler beim Lesen der Identitätsdatei.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to read the identity file."
+            }
+        },
+        {
+            "translated": "Ungültige Identitätszeichenfolge",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid identity string"
+            }
+        },
+        {
+            "translated": "Laden Sie den URL-Ersteller ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invite URL creator"
+            }
+        },
+        {
+            "translated": "Fehlender Link-Generator",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Missing link generator"
+            }
+        },
+        {
+            "translated": "Wählen Sie eine Taste",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Select a key"
+            }
+        },
+        {
+            "translated": "Die Playlist-Bearbeitung wurde noch nicht implementiert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Playlist editing hasn't yet been implemented"
+            }
+        },
+        {
+            "translated": "Das Playlist-Management wurde noch nicht implementiert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Playlist management hasn't yet been implemented"
+            }
+        },
+        {
+            "translated": "Keine Anfragen verfügbar",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No queries available"
+            }
+        },
+        {
+            "translated": "Keine Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No permissions"
+            }
+        },
+        {
+            "translated": "Anfordern der Abfrageliste fehlgeschlagen: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to request the query list: %o"
+            }
+        },
+        {
+            "translated": "Liste konnte nicht angefordert werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to request list"
+            }
+        },
+        {
+            "translated": "Fehler beim Abrufen der eigenen virtuellen Server-ID: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to get own virtual server id: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Abfragen der Server-ID",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to query server id"
+            }
+        },
+        {
+            "translated": "Auf der Instanz",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "On the instance"
+            }
+        },
+        {
+            "translated": "Auf dem aktuellen Server",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "On the current server"
+            }
+        },
+        {
+            "translated": "Keine Konten gefunden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No accounts found"
+            }
+        },
+        {
+            "translated": "Die eindeutige ID wurde erfolgreich in Ihre Zwischenablage kopiert.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The unique id has been successfully copied to your clipboard."
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen des Kontos {: br:} Nachricht: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete account{:br:}Message: {}"
+            }
+        },
+        {
+            "translated": "Geben Sie den neuen Namen für das Login ein:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter the new name for the login:"
+            }
+        },
+        {
+            "translated": "Konto konnte nicht umbenannt werden {: br:} Nachricht: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to rename account{:br:}Message: {}"
+            }
+        },
+        {
+            "translated": "Geben Sie ein neues Passwort ein (lassen Sie dieses Feld für die automatische Generierung leer):",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter a new password (leave blank for auto generation):"
+            }
+        },
+        {
+            "translated": "Passwort konnte nicht geändert werden {: br:} Nachricht: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to change password{:br:}Message: {}"
+            }
+        },
+        {
+            "translated": "Serverinformation:",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server Information: "
+            }
+        },
+        {
+            "translated": "Servereigenschaften konnten nicht aktualisiert werden: %o",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to refresh server properties: %o"
+            }
+        },
+        {
+            "translated": "Aktualisierung fehlgeschlagen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Refresh failed"
+            }
+        },
+        {
+            "translated": "Servereigenschaften konnten nicht aktualisiert werden. {: Br:} Fehler: {}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to refresh server properties.{:br:}Error: {}"
+            }
+        },
+        {
+            "translated": "Abfragen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Queries"
+            }
+        },
+        {
+            "translated": "Abfrage",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Query"
+            }
+        },
+        {
+            "translated": "Reserviert",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reserved"
+            }
+        },
+        {
+            "translated": "Gerade gestartet",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "just started"
+            }
+        },
+        {
+            "translated": "rechnen ...",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "calculating..."
+            }
+        },
+        {
+            "translated": "Keine Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No Permissions"
+            }
+        },
+        {
+            "translated": "Global ausgeschaltet",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Globally off"
+            }
+        },
+        {
+            "translated": "Individuell konfiguriert pro Channel",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Individually configured per channel"
+            }
+        },
+        {
+            "translated": "Global weiter",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Globally on"
+            }
+        },
+        {
+            "translated": "Daten zur Serverbandbreite",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server bandwidth data"
+            }
+        },
+        {
+            "translated": "Empfang...",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "receiving..."
+            }
+        },
+        {
+            "translated": "Erstellen Sie eine Channelgruppe",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create a channel group"
+            }
+        },
+        {
+            "translated": "Channelgruppe umbenennen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Rename channel group"
+            }
+        },
+        {
+            "translated": "Channelgruppe duplizieren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Duplicate channel group"
+            }
+        },
+        {
+            "translated": "Channelgruppe löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete channel group"
+            }
+        },
+        {
+            "translated": "Gruppe erstellt",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Group created"
+            }
+        },
+        {
+            "translated": "Die Channelgruppe wurde erstellt.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The channel group has been created."
+            }
+        },
+        {
+            "translated": "Fehler beim Erstellen der Channelgruppe: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to create channel group: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Erstellen der Gruppe",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to create group"
+            }
+        },
+        {
+            "translated": "Fehler beim Erstellen der Gruppe: {: br:}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to create group:{:br:}"
+            }
+        },
+        {
+            "translated": "Gruppe umbenennen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Rename group"
+            }
+        },
+        {
+            "translated": "Geben Sie den neuen Gruppennamen ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter the new group name"
+            }
+        },
+        {
+            "translated": "Gruppe umbenannt",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Group renamed"
+            }
+        },
+        {
+            "translated": "Die Channelgruppe wurde umbenannt.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The channel group has been renamed."
+            }
+        },
+        {
+            "translated": "Channelgruppe konnte nicht umbenannt werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to rename channel group: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Umbenennen der Gruppe",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to rename group"
+            }
+        },
+        {
+            "translated": "Fehler beim Umbenennen der Gruppe: {: br:}",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to rename group:{:br:}"
+            }
+        },
+        {
+            "translated": "Noch nicht implementiert",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Not implemented yet"
+            }
+        },
+        {
+            "translated": "Diese Funktion wurde noch nicht implementiert!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "This function hasn't been implemented yet!"
+            }
+        },
+        {
+            "translated": "Möchten Sie die Gruppe {} wirklich löschen?",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Do you really want to delete the group {}?"
+            }
+        },
+        {
+            "translated": "Gruppe gelöscht",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Group deleted"
+            }
+        },
+        {
+            "translated": "Die Channelgruppe wurde gelöscht.",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The channel group has been deleted."
+            }
+        },
+        {
+            "translated": "Channelgruppe konnte nicht gelöscht werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete channel group: %o"
+            }
+        },
+        {
+            "translated": "Gruppe konnte nicht gelöscht werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to delete group"
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen der Gruppe: {: br:}",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete group:{:br:}"
+            }
+        },
+        {
+            "translated": "Erstellen Sie eine Servergruppe",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create a server group"
+            }
+        },
+        {
+            "translated": "Servergruppe umbenennen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Rename server group"
+            }
+        },
+        {
+            "translated": "Servergruppe duplizieren",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Duplicate server group"
+            }
+        },
+        {
+            "translated": "Servergruppe löschen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete server group"
+            }
+        },
+        {
+            "translated": "Die Servergruppe wurde erstellt.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The server group has been created."
+            }
+        },
+        {
+            "translated": "Fehler beim Erstellen der Servergruppe: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to create server group: %o"
+            }
+        },
+        {
+            "translated": "Die Servergruppe wurde umbenannt.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The server group has been renamed."
+            }
+        },
+        {
+            "translated": "Fehler beim Umbenennen der Servergruppe: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to rename server group: %o"
+            }
+        },
+        {
+            "translated": "Die Servergruppe wurde gelöscht.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The server group has been deleted."
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen der Servergruppe: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete server group: %o"
+            }
+        },
+        {
+            "translated": "Client hinzufügen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add client"
+            }
+        },
+        {
+            "translated": "Fehler beim Löschen des Clients %o aus der Servergruppe %o: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to delete client %o from server group %o: %o"
+            }
+        },
+        {
+            "translated": "Client konnte nicht entfernt werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to remove client"
+            }
+        },
+        {
+            "translated": "Fehler beim Entfernen des Clients aus der Servergruppe",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to remove client from server group"
+            }
+        },
+        {
+            "translated": "Client zur Servergruppe hinzufügen",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add client to server group"
+            }
+        },
+        {
+            "translated": "Geben Sie die eindeutige Client-ID oder die Datenbank-ID ein",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter the client unique id or database id"
+            }
+        },
+        {
+            "translated": "Fehler beim Auflösen der Client-Datenbank-ID von der eindeutigen ID (%s): %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to resolve client database id from unique id (%s): %o"
+            }
+        },
+        {
+            "translated": "Client konnte nicht hinzugefügt werden",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Failed to add client"
+            }
+        },
+        {
+            "translated": "Fehler beim Hinzufügen des Clients zur Servergruppe Fehler beim Auflösen der Datenbank-ID: {}.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add client to server group\nFailed to resolve database id: {}."
+            }
+        },
+        {
+            "translated": "Fehler beim Auflösen der Client-Datenbank-ID von eindeutiger ID (%s): Client nicht gefunden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to resolve client database id from unique id (%s): Client not found"
+            }
+        },
+        {
+            "translated": "Fehler beim Hinzufügen des Clients zur Servergruppe Client-Datenbank-ID nicht gefunden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add client to server group\nClient database id not found"
+            }
+        },
+        {
+            "translated": "Fehler beim Hinzufügen von Client %o zur Servergruppe %o: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to add client %o to server group %o: %o"
+            }
+        },
+        {
+            "translated": "Clients in Gruppe ausblenden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hide clients in group"
+            }
+        },
+        {
+            "translated": "Kunden in Gruppe anzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show clients in group"
+            }
+        },
+        {
+            "translated": "Erstellen Sie eine neue Gruppe",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Create a new group"
+            }
+        },
+        {
+            "translated": "Fehler beim Analysieren der angegebenen Berechtigungswertzeichenfolge: %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to parse given permission value string: %s"
+            }
+        },
+        {
+            "translated": "Analyse der angegebenen Berechtigung fehlgeschlagen. Zeichenfolge: %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to parse given permission granted value string: %s"
+            }
+        },
+        {
+            "translated": "Leere Symbolvorschau konnte nicht generiert werden: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to generate empty icon preview: %o"
+            }
+        },
+        {
+            "translated": "Ausgewähltes neues Symbol %s",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Selected new icon %s"
+            }
+        },
+        {
+            "translated": "Fehler beim Festlegen der Symbolberechtigung im Berechtigungseditor: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to set icon permission within permission editor: %o"
+            }
+        },
+        {
+            "translated": "Symbolberechtigungen konnten im Berechtigungseditor nicht gefunden werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to find icon permissions within permission editor"
+            }
+        },
+        {
+            "translated": "Fehler beim Auswählen eines Symbols für die Symbolberechtigung: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to select an icon for the icon permission: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Entfernen der Symbolberechtigung im Berechtigungseditor: %o",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to remove icon permission within permission editor: %o"
+            }
+        },
+        {
+            "translated": "Fehler beim Finden der Symbolberechtigung im Berechtigungseditor",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Failed to find icon permission within permission editor"
+            }
+        },
+        {
+            "translated": "Stellen Sie auf einer anderen Registerkarte eine Verbindung zu einem Server her",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connect to a server in another tab"
+            }
+        },
+        {
+            "translated": "Hostbutton",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hostbutton"
+            }
+        },
+        {
+            "translated": "Hostbutton",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "hostbutton"
+            }
+        },
+        {
+            "translated": "Du sprichst in Channel",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You're talking in Channel"
+            }
+        },
+        {
+            "translated": "Deine Ping",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your ping"
+            }
+        },
+        {
+            "translated": "Wechseln Sie zum Channel-Chat",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Switch to channel chat"
+            }
+        },
+        {
+            "translated": "Private Chats",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Private chats"
+            }
+        },
+        {
+            "translated": "Du hast noch keine Chats!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You&nbsp;dont&nbsp;have any&nbsp;chats&nbsp;yet!"
+            }
+        },
+        {
+            "translated": "Partner schreibt ...",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Partner is typing..."
+            }
+        },
+        {
+            "translated": "Schreiben Sie ihre Nachricht hier...",
+            "flags": [
+                "google-translate",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Type your message here..."
+            }
+        },
+        {
+            "translated": "Blättern Sie zu neuen Nachrichten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Scroll to new messages"
+            }
+        },
+        {
+            "translated": "Sie haben keine Berechtigung, an dieser Unterhaltung teilzunehmen!",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You don't have permissions to participate in this conversation!"
+            }
+        },
+        {
+            "translated": "Das Gespräch ist privat. Treten Sie dem Channel bei, um teilzunehmen!",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Conversation is private. Join the channel to participate!"
+            }
+        },
+        {
+            "translated": "Der Zielserver unterstützt keine Channel-Chats.",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The target server does not support channel chats."
+            }
+        },
+        {
+            "translated": "Du kannst nur in deinem eigenen Channel schreiben",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "You're only able to write in your own channel"
+            }
+        },
+        {
+            "translated": "Avatar hochladen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Upload Avatar"
+            }
+        },
+        {
+            "translated": "Land",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Country"
+            }
+        },
+        {
+            "translated": "TeaSpeak-Forum-Konto",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaSpeak Forum Account"
+            }
+        },
+        {
+            "translated": "Version",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Version"
+            }
+        },
+        {
+            "translated": "Lautstärke",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Volume"
+            }
+        },
+        {
+            "translated": "Status",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Status"
+            }
+        },
+        {
+            "translated": "Channelgruppe",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel Group"
+            }
+        },
+        {
+            "translated": "Vollständige Info",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Full Info"
+            }
+        },
+        {
+            "translated": "Adresse",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Address"
+            }
+        },
+        {
+            "translated": "Passwort",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Password"
+            }
+        },
+        {
+            "translated": "Kunden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Clients"
+            }
+        },
+        {
+            "translated": "Anschlüsse",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connections"
+            }
+        },
+        {
+            "translated": "Es wurden noch keine Verbindungen hergestellt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No connections yet made"
+            }
+        },
+        {
+            "translated": "Channel Name",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel name"
+            }
+        },
+        {
+            "translated": "Bearbeitungssymbol",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Edit icon"
+            }
+        },
+        {
+            "translated": "Thema",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Topic"
+            }
+        },
+        {
+            "translated": "Channeloptionen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel Options"
+            }
+        },
+        {
+            "translated": "Channel-Codec",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel Codec"
+            }
+        },
+        {
+            "translated": "Benutzerdefiniert (Fortgeschritten)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Custom (Advanced)"
+            }
+        },
+        {
+            "translated": "Handy, Mobiltelefon",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Mobile"
+            }
+        },
+        {
+            "translated": "Stimme",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Voice"
+            }
+        },
+        {
+            "translated": "Sortier- und Gesprächskraft",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sorting and Talk power"
+            }
+        },
+        {
+            "translated": "Gesprächsstärke:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Talk power:"
+            }
+        },
+        {
+            "translated": "Erforderliche Energie, um in diesem Channel zu sprechen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to talk in this channel"
+            }
+        },
+        {
+            "translated": "Max Benutzer, die dem Channel beitreten können",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Max users which could join the channel"
+            }
+        },
+        {
+            "translated": "Information",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Information"
+            }
+        },
+        {
+            "translated": "Geschätzte benötigte Bandbreite:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Estimated needed bandwidth:"
+            }
+        },
+        {
+            "translated": "Bei einer schlechten Internetverbindung werden niedrigere Einstellungen empfohlen, um die Bandbreite zu verringern.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "For bad internet connection, lower settings are recommend to reduce bandwidth."
+            }
+        },
+        {
+            "translated": "Beitreten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Join"
+            }
+        },
+        {
+            "translated": "Aussicht",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "View"
+            }
+        },
+        {
+            "translated": "Beschreibungsansicht",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Description view"
+            }
+        },
+        {
+            "translated": "Erforderliche Energie, um die Channelbeschreibung zu sehen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required power to see the channel description"
+            }
+        },
+        {
+            "translated": "Abonnieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Subscribe"
+            }
+        },
+        {
+            "translated": "Durchsuche",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Browse"
+            }
+        },
+        {
+            "translated": "Umbenennen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Rename"
+            }
+        },
+        {
+            "translated": "Verzeichnis erstellen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Directory create"
+            }
+        },
+        {
+            "translated": "Zeit in Sekunden, bevor der Channel gelöscht wird, wenn er leer ist.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Time in seconds before the channel gets deleted when its empty."
+            }
+        },
+        {
+            "translated": "Max",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Max"
+            }
+        },
+        {
+            "translated": "Sprachdaten verschlüsseln:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Encrypt voice data:"
+            }
+        },
+        {
+            "translated": "Fortgeschrittener Modus",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Advanced mode"
+            }
+        },
+        {
+            "translated": "Name des virtuellen Servers",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Virtual Server name"
+            }
+        },
+        {
+            "translated": "Schlüssel:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Slots:"
+            }
+        },
+        {
+            "translated": "Maximale Anzahl gleichzeitig verbundener Clients.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Max amount of simultaneously connected clients."
+            }
+        },
+        {
+            "translated": "Reservierte Server-Slots für Administratoren.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reserved server slots for admins."
+            }
+        },
+        {
+            "translated": "Willkommensnachricht",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Welcome message"
+            }
+        },
+        {
+            "translated": "Vernetzung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Networking"
+            }
+        },
+        {
+            "translated": "Host-Nachricht",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Host Message"
+            }
+        },
+        {
+            "translated": "Botschaft",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Message"
+            }
+        },
+        {
+            "translated": "Nachricht eingeben ...",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enter a message..."
+            }
+        },
+        {
+            "translated": "Nachrichtenmodus",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Message Mode"
+            }
+        },
+        {
+            "translated": "Host-Banner",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Host Banner"
+            }
+        },
+        {
+            "translated": "URL",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "URL"
+            }
+        },
+        {
+            "translated": "URL, die geöffnet wird, wenn der Client auf das Host-Banner klickt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "URL which will be opened when the client clicks on the host banner"
+            }
+        },
+        {
+            "translated": "Bild URL",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Image URL"
+            }
+        },
+        {
+            "translated": "URL des Bildes, das angezeigt wird",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "URL of the image which will be displayed"
+            }
+        },
+        {
+            "translated": "Aktualisierungsintervall",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Refresh Interval"
+            }
+        },
+        {
+            "translated": "Zeit in Sekunden, die bestimmt, in welchem Intervall der Client den Hostbanner neu lädt. Ein Wert von 0 bedeutet kein erneutes Laden.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Time in seconds which determine in which interval the client reloads the hostbanner. A value of 0 means no reload."
+            }
+        },
+        {
+            "translated": "Größenänderung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Resize Mode"
+            }
+        },
+        {
+            "translated": "Zeit in Sekunden, die bestimmt, in welchem Intervall der Client den Hostbanner neu lädt. <br> Ein Wert von 0 bedeutet kein erneutes Laden.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Time in seconds which determine in which interval the client reloads the hostbanner.<br>A value of 0 means no reload."
+            }
+        },
+        {
+            "translated": "Bildvorschau",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Image Preview"
+            }
+        },
+        {
+            "translated": "Hostbanner-Vorschau",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hostbanner Preview"
+            }
+        },
+        {
+            "translated": "URL, die geöffnet wird, wenn der Client auf die Host-Schaltfläche klickt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "URL which will be opened when the client clicks on the host button"
+            }
+        },
+        {
+            "translated": "Tooltip",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Tooltip"
+            }
+        },
+        {
+            "translated": "Text für den Tooltip beim Schweben der Schaltfläche",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Text for the tooltip on button hover"
+            }
+        },
+        {
+            "translated": "Icon URL",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Icon URL"
+            }
+        },
+        {
+            "translated": "Icon Vorschau",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Icon Preview"
+            }
+        },
+        {
+            "translated": "Hostbutton Vorschau",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Hostbutton Preview"
+            }
+        },
+        {
+            "translated": "Ein durch Kommas getrennter Satz von IP-Adressen, auf denen der Server lauscht.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "A comma separated set of IP's where the server is listening on."
+            }
+        },
+        {
+            "translated": "IPv4 und IPv6 wird unterstützt!",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "IPv4 and IPv6 is supported!"
+            }
+        },
+        {
+            "translated": "Hinweis: Wenn Sie dies ändern, müssen Sie den virtuellen Server neu starten!",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Note: If you change this you need to restart the virtual server!"
+            }
+        },
+        {
+            "translated": "Hafen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Port"
+            }
+        },
+        {
+            "translated": "Der Port, an dem der Server empfangsbereit sein soll.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The port where the server should be listening to."
+            }
+        },
+        {
+            "translated": "Datei download",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "File Download"
+            }
+        },
+        {
+            "translated": "Bandbreitenlimit",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bandwidth limit"
+            }
+        },
+        {
+            "translated": "Maximale Bandbreite, die von allen Dateiübertragungsclients verwendet wird.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Max bandwidth used by all file transfer clients."
+            }
+        },
+        {
+            "translated": "Zitat",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Quota"
+            }
+        },
+        {
+            "translated": "Maximale Datenmenge in Megabyte, die heruntergeladen werden kann.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Max amount of data in megabytes which could be downloaded."
+            }
+        },
+        {
+            "translated": "Das Kontingent wird jeden neuen Monat zurückgesetzt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The quota will be reset on every new month"
+            }
+        },
+        {
+            "translated": "MiB / mo",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "MiB/mo"
+            }
+        },
+        {
+            "translated": "Quote diesen Monat",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Quota this month"
+            }
+        },
+        {
+            "translated": "Kontingent gesamt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Quota total"
+            }
+        },
+        {
+            "translated": "Datei-Upload",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "File Upload"
+            }
+        },
+        {
+            "translated": "Anti Flood",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Anti Flood"
+            }
+        },
+        {
+            "translated": "Reduzierte Punkte alle ½ Sekunden.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Reduced points every ½ seconds."
+            }
+        },
+        {
+            "translated": "Die Anzahl der Flutpunkte, die bei jedem Server-Tick verringert wird.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Flood point count which will be reduced each server tick."
+            }
+        },
+        {
+            "translated": "Benötigte Punkte zum Blockieren von Befehlen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Points needed to block commands"
+            }
+        },
+        {
+            "translated": "Wenn der Wert erreicht wurde, wird der Benutzerbefehl abgelehnt.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "If the value has been reached, the users command will be rejected."
+            }
+        },
+        {
+            "translated": "Punkte benötigt, um IP zu verbieten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Points needed to ban IP"
+            }
+        },
+        {
+            "translated": "Wenn der Wert erreicht wurde, wird der Benutzer vorübergehend vom Server gebannt.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "If the value has been reached, the user will be temporally banned from the server."
+            }
+        },
+        {
+            "translated": "Channel Sprachdatenverschlüsselung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel voice data encryption"
+            }
+        },
+        {
+            "translated": "Erforderliche Sicherheitsstufe",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Needed Security Level"
+            }
+        },
+        {
+            "translated": "Erforderliche Sicherheitsstufe für den Beitritt zum Server. (Gilt nur für TeamSpeak-Identitäten.)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Required security level to join the server. (Only applies to TeamSpeak identities)"
+            }
+        },
+        {
+            "translated": "Level <b>0 - 23</b> in Sekunden generiert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Level &nbsp;<b>0 - 23</b> generated in seconds"
+            }
+        },
+        {
+            "translated": "Level <b>24 - 29</b> in Minuten generiert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Level <b>24 - 29</b> generated in minutes"
+            }
+        },
+        {
+            "translated": "Level <b>29 - 34</b> in Stunden generiert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Level <b>29 - 34</b> generated in hours"
+            }
+        },
+        {
+            "translated": "Level <b>35 - 39</b> in Tagen generiert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Level <b>35 - 39</b> generated in days"
+            }
+        },
+        {
+            "translated": "Level <b>40 - 43</b> generiert in Monaten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Level <b>40 - 43</b> generated in months"
+            }
+        },
+        {
+            "translated": "Level <b>44 - 23</b> in Jahren generiert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Level <b>44 - 23</b> generated in years"
+            }
+        },
+        {
+            "translated": "Das Standard-Serverkanal-Thema",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The default server channel topic"
+            }
+        },
+        {
+            "translated": "Die Standard-Client-Beschreibung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The default client description"
+            }
+        },
+        {
+            "translated": "Servergruppe",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server Group"
+            }
+        },
+        {
+            "translated": "Musik-Bot-Gruppe",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Music Bot Group"
+            }
+        },
+        {
+            "translated": "Channel Admin Group",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel Admin Group"
+            }
+        },
+        {
+            "translated": "Beschwert sich",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Complains"
+            }
+        },
+        {
+            "translated": "Beschwert sich bis zum Verbot",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Complains until ban"
+            }
+        },
+        {
+            "translated": "Anzahl der Beschwerden gegen einen Benutzer, bis er ein automatisiertes Verbot erhält.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Amount of complains against one user until he receives an automated ban."
+            }
+        },
+        {
+            "translated": "Autoban Zeit",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Autoban time"
+            }
+        },
+        {
+            "translated": "Beschwerde automatische Entfernung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Complain auto remove"
+            }
+        },
+        {
+            "translated": "Zeit in Sekunden nach Ablauf einer Beschwerde.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Time in seconds after a complain expires."
+            }
+        },
+        {
+            "translated": "Andere",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Others"
+            }
+        },
+        {
+            "translated": "Kunden vor dem Schweigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Clients before silence"
+            }
+        },
+        {
+            "translated": "Mindestanzahl von Clients in einem Channel, um die Stille durchzusetzen.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Minimum clients within a channel to enforce silence."
+            }
+        },
+        {
+            "translated": "Dimmfaktor des Prioritätslautsprechers",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Priority speaker dim factor"
+            }
+        },
+        {
+            "translated": "Dimmfaktor in% für Prioritätslautsprecher.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Dim factor in '%' for priority speakers."
+            }
+        },
+        {
+            "translated": "Standardlöschverzögerung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Default delete delay"
+            }
+        },
+        {
+            "translated": "Die Standardverzögerung für das Löschen temporärer Channels.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The default temporary channel delete delay."
+            }
+        },
+        {
+            "translated": "Änderungen speichern",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Save Changes"
+            }
+        },
+        {
+            "translated": "Allgemeine Einstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "General Settings"
+            }
+        },
+        {
+            "translated": "Anwendung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Application"
+            }
+        },
+        {
+            "translated": "Sprache",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Language"
+            }
+        },
+        {
+            "translated": "Aktualisierung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Updates"
+            }
+        },
+        {
+            "translated": "Chat",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Chat"
+            }
+        },
+        {
+            "translated": "Sounds",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sounds"
+            }
+        },
+        {
+            "translated": "Identität",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity"
+            }
+        },
+        {
+            "translated": "TeaForo-Verbindung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaForo connection"
+            }
+        },
+        {
+            "translated": "Deaktiviere Hintergründe innerhalb des Hostbanner",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Disabled backrounds within the hostbanner"
+            }
+        },
+        {
+            "translated": "Schriftgröße",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Font size"
+            }
+        },
+        {
+            "translated": "Aktuelle Sprache:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current language:"
+            }
+        },
+        {
+            "translated": "Deutsch",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "German"
+            }
+        },
+        {
+            "translated": "Neustart",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Restart"
+            }
+        },
+        {
+            "translated": "Achtung: Das Ändern der Client-Sprache erfordert einen Neustart des Clients!",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Attention: Changing the client language require a client restart!"
+            }
+        },
+        {
+            "translated": "GU",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "GU"
+            }
+        },
+        {
+            "translated": "Zeitstempel für Chat korrigieren (Deaktiviert &quot;vor 2 Sekunden&quot; ... etc)",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Fixed chat timestamp (Disables \"2 seconds ago\"... etc)"
+            }
+        },
+        {
+            "translated": "Umgangssprachlicher Chat-Zeitstempel (Aktiviert &quot;Gestern um ...&quot; oder &quot;Heute um ...&quot;)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Colloquial chat timestamp (Enables \"Yesterday at ...\" or \"Today at ...\")"
+            }
+        },
+        {
+            "translated": "Bei Auswahl zum Channel-Chat wechseln",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Switch to channel chat on select"
+            }
+        },
+        {
+            "translated": "Wechseln Sie bei Client-Auswahl zu Client-Informationen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Switch to client info on client select"
+            }
+        },
+        {
+            "translated": "Farbige Emojies im Chat",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Colored emojies within chat"
+            }
+        },
+        {
+            "translated": "Automatisch gültige URLs erkennen und mit [url] versehen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Automatically detect valid URL's and tag them with [url]"
+            }
+        },
+        {
+            "translated": "Aktiviert die Unterstützung von Abzeicheneingaben für den Chat.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enables markdown input support for chat. "
+            }
+        },
+        {
+            "translated": "Chat-Icon Größe:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Chat-icon size:"
+            }
+        },
+        {
+            "translated": "Wählen Sie Ihr Mikrofongerät aus",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Select your Microphone Device"
+            }
+        },
+        {
+            "translated": "Mikrofoneinstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Microphone Settings"
+            }
+        },
+        {
+            "translated": "Taste drücken, um zu sprechen",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Push to Talk"
+            }
+        },
+        {
+            "translated": "T",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "T"
+            }
+        },
+        {
+            "translated": "Empfindlichkeitseinstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sensitivity Settings"
+            }
+        },
+        {
+            "translated": "Erweiterte Einstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Advanced Settings"
+            }
+        },
+        {
+            "translated": "Verzögerung bei Push-to-Talk",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delay on Push to Talk"
+            }
+        },
+        {
+            "translated": "Sec",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sec"
+            }
+        },
+        {
+            "translated": "Wählen Sie Ihr Lautsprechergerät",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Select your Speaker Device"
+            }
+        },
+        {
+            "translated": "Testton abspielen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Play test Sound"
+            }
+        },
+        {
+            "translated": "Lautsprechereinstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Speaker Settings"
+            }
+        },
+        {
+            "translated": "Master Lautstärke",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Master Volume"
+            }
+        },
+        {
+            "translated": "Soundpack-Lautstärke",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Soundpack Volume"
+            }
+        },
+        {
+            "translated": "Soundliste",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sound list"
+            }
+        },
+        {
+            "translated": "Suche nach einem Sound",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Search for a sound"
+            }
+        },
+        {
+            "translated": "Toneinstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Sound settings"
+            }
+        },
+        {
+            "translated": "Gleiche Sounds überlappen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Overlap same sounds"
+            }
+        },
+        {
+            "translated": "Sounds muten, wenn der Ausgang stummgeschaltet ist",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Mute sounds when output is muted"
+            }
+        },
+        {
+            "translated": "Ihre Profile",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your Profiles"
+            }
+        },
+        {
+            "translated": "Erstelle neu",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Create new"
+            }
+        },
+        {
+            "translated": "Als Standard auswählen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Select as Default"
+            }
+        },
+        {
+            "translated": "Profileinstellungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Profile Settings"
+            }
+        },
+        {
+            "translated": "Avatar wechseln",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change Avatar"
+            }
+        },
+        {
+            "translated": "Profilname",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Profile Name"
+            }
+        },
+        {
+            "translated": "Profilname ist ungültig",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Profile name is invalid"
+            }
+        },
+        {
+            "translated": "Standard-Spitzname",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Default Nickname"
+            }
+        },
+        {
+            "translated": "Identitätstyp",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity Type"
+            }
+        },
+        {
+            "translated": "Aufheben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unset"
+            }
+        },
+        {
+            "translated": "TeamSpeak Identität",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeamSpeak Identity"
+            }
+        },
+        {
+            "translated": "Spitzname (nur Debuggen!)",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Nickname (Debug only!)"
+            }
+        },
+        {
+            "translated": "Ungültiger Identitätstyp",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid identity type"
+            }
+        },
+        {
+            "translated": "Eindeutige ID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Unique-ID"
+            }
+        },
+        {
+            "translated": "Niveau",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Level"
+            }
+        },
+        {
+            "translated": "Sie haben keine Identität generiert / importiert.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You have'nt generated/imported an identity."
+            }
+        },
+        {
+            "translated": "Erzeugen Sie eine neue oder importieren Sie eine.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Generate a new one or import one."
+            }
+        },
+        {
+            "translated": "Sie verwenden Ihr Forum-Konto als Identifikation",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You're using your forum account as identification"
+            }
+        },
+        {
+            "translated": "Sie können Ihr TeaSpeak-Forum-Konto nicht verwenden. Du bist nicht mit deinem Forum Account verbunden!",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You cant use your TeaSpeak forum account. You're not connected with your forum Account!"
+            }
+        },
+        {
+            "translated": "Richten Sie Ihre Verbindung ein",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Setup your connection"
+            }
+        },
+        {
+            "translated": "Ungültiger Spitzname Der Name muss aus mindestens 5 Zeichen bestehen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid nickname. Name must be at least 5 characters"
+            }
+        },
+        {
+            "translated": "TeaSpeak Forum Verbindung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaSpeak forum connection"
+            }
+        },
+        {
+            "translated": "Ausloggen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Logout"
+            }
+        },
+        {
+            "translated": "Sie sind nicht mit dem TeaSpeak-Forum verbunden.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You're not connected with the TeaSpeak forum."
+            }
+        },
+        {
+            "translated": "Melden Sie sich im TeaSpeak-Forum an:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Login the the TeaSpeak forum:"
+            }
+        },
+        {
+            "translated": "Einloggen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Login"
+            }
+        },
+        {
+            "translated": "Aus Text importieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Import from text"
+            }
+        },
+        {
+            "translated": "Identitätsdaten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity Data"
+            }
+        },
+        {
+            "translated": "Bitte fügen Sie hier Ihre Identitätsdaten ein",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Please paste your identity data here"
+            }
+        },
+        {
+            "translated": "Aus Datei importieren",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Import from file"
+            }
+        },
+        {
+            "translated": "Datei aussuchen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Select file"
+            }
+        },
+        {
+            "translated": "Keine Datei ausgewählt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No file selected"
+            }
+        },
+        {
+            "translated": "Identität:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Identity: "
+            }
+        },
+        {
+            "translated": "Die Anzahl der Threads, die zur Verbesserung Ihrer Identität verwendet werden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The number of threads used to improve your identity"
+            }
+        },
+        {
+            "translated": "Der optimale Wert entspricht der Anzahl der Kernel-Threads.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The optimal value is equal to the amount of kernel threads."
+            }
+        },
+        {
+            "translated": "Repository:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Repository:"
+            }
+        },
+        {
+            "translated": "Lautstärke für Client ändern",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Change volume for client "
+            }
+        },
+        {
+            "translated": "Client-Channel-Berechtigungen",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Client Channel Permissions"
+            }
+        },
+        {
+            "translated": "Entfernen Sie alle Gruppen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Remove all groups"
+            }
+        },
+        {
+            "translated": "Gruppenname",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Group name"
+            }
+        },
+        {
+            "translated": "Ungültiger Gruppenname",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Invalid group name"
+            }
+        },
+        {
+            "translated": "Die erstellte Gruppe sollte den Typ haben:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Created group should have the type:"
+            }
+        },
+        {
+            "translated": "Vorlagengruppe",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Template group"
+            }
+        },
+        {
+            "translated": "Regelmäßige Gruppe",
+            "flags": [
+                "google-translate",
+                "in-use-system",
+                "ui-visible"
+            ],
+            "key": {
+                "message": "Regular group"
+            }
+        },
+        {
+            "translated": "ServerQuery-Gruppe",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "ServerQuery group"
+            }
+        },
+        {
+            "translated": "Nur zugewiesen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Assigned only"
+            }
+        },
+        {
+            "translated": "Sie haben keine Berechtigung zum Erstellen von Verboten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "You dont have permission to create bans"
+            }
+        },
+        {
+            "translated": "Benutzername zum verbannen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Username to ban"
+            }
+        },
+        {
+            "translated": "IP zu verbieten",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "IP to ban"
+            }
+        },
+        {
+            "translated": "Interpretiere IP / Name als",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Interpret IP / Name as"
+            }
+        },
+        {
+            "translated": "Kundenspezifische ID zum Verbot",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client unique id to ban"
+            }
+        },
+        {
+            "translated": "Keine Hardware ID angegeben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No Hardware ID given"
+            }
+        },
+        {
+            "translated": "Die Hardware-ID hat unterschiedliche Bedeutungen, abhängig vom Benutzeragenten <br> TeaClient: Die Hardware-ID wird aus einigen eindeutigen System-IDs generiert <br> TeaWeb: Der TeaSpeak-Webclient hat keine Hardware-ID. Diese ist zufällig <br> TeamSpeak 3-Client: Die Hardware-ID ist das Ergebnis einer zufälligen Generierungszeichenfolge in der Systemregistrierung",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "The hardware id has different meanings, depends on the users agent<br>TeaClient: The hardware id will be generate out of some unique system id's<br>TeaWeb: The TeaSpeak web client hasn't a hardware id, it will be random<br>TeamSpeak 3 client: The hardware id will be a result of a random generate string within the system registry"
+            }
+        },
+        {
+            "translated": "Ohne Grund",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No reason given"
+            }
+        },
+        {
+            "translated": "Kein Benutzername angegeben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No username given"
+            }
+        },
+        {
+            "translated": "Keine IP angegeben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No IP given"
+            }
+        },
+        {
+            "translated": "Keine eindeutige ID angegeben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "No Unique ID given"
+            }
+        },
+        {
+            "translated": "Vollstreckungen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Enforcements"
+            }
+        },
+        {
+            "translated": "Liste anzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show list"
+            }
+        },
+        {
+            "translated": "Dieses Verbot ist ein globales Verbot",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "This ban is a global ban"
+            }
+        },
+        {
+            "translated": "Läuft ab",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Expires"
+            }
+        },
+        {
+            "translated": "Eigenschaften",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Properties"
+            }
+        },
+        {
+            "translated": "Zeitstempel",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Timestamp"
+            }
+        },
+        {
+            "translated": "Ursache hervorheben",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Highlight cause"
+            }
+        },
+        {
+            "translated": "Grund des Ausschlusses",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ban reason"
+            }
+        },
+        {
+            "translated": "Spitzname und eindeutige ID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Nickname and Unique ID"
+            }
+        },
+        {
+            "translated": "IP Adresse",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "IP-Address"
+            }
+        },
+        {
+            "translated": "Globale Verbote sind Verbote, die instanzweit gelten. <br> Dies bedeutet, dass (wenn diese Regel für ein Opfer gilt) <b>kein</b> virtueller Server beitreten <b>kann</b> ! <br> Globale Sperren werden standardmäßig jeder Serveradministratorgruppe angezeigt. <br> konnte aber nur mit Abfragerechten erstellt werden",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Global bans are bans which apply instance wide.<br>This means that (if this rule apply to a victim) cant join <b>any</b> virtualserver!<br>Global bans are by default shown to every server admin group,<br>but could only be created with query rights"
+            }
+        },
+        {
+            "translated": "TeaClient",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaClient"
+            }
+        },
+        {
+            "translated": "Ermöglicht es dem Benutzer, eine direkte Verbindung zum Server herzustellen und das Verbindungsmodal nicht zu öffnen",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Lets the user directly connect to the server and not open the connect modal"
+            }
+        },
+        {
+            "translated": "Verwenden Sie die aufgelöste Serveradresse (IP) anstelle der angegebenen Adresse",
+            "flags": [
+                "google-translate"
+            ],
+            "key": {
+                "message": "Use the resolved server address (IP) instead of the given address"
+            }
+        },
+        {
+            "translated": "Kontoliste",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Account list"
+            }
+        },
+        {
+            "translated": "Nach Abfrage suchen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Search for query"
+            }
+        },
+        {
+            "translated": "Kontodetails",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Account details"
+            }
+        },
+        {
+            "translated": "Benutzername",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Login name"
+            }
+        },
+        {
+            "translated": "Gebundene Server-ID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bound server ID"
+            }
+        },
+        {
+            "translated": "Bennene den Account um",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Rename Account"
+            }
+        },
+        {
+            "translated": "Ihre Lesezeichen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your bookmarks"
+            }
+        },
+        {
+            "translated": "Ordner hinzufügen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add Folder"
+            }
+        },
+        {
+            "translated": "Lesezeichen hinzufügen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Add Bookmark"
+            }
+        },
+        {
+            "translated": "Lesezeichenname",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bookmark Name"
+            }
+        },
+        {
+            "translated": "Der angezeigte Name dieses Lesezeichens.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The displayed name of this bookmark."
+            }
+        },
+        {
+            "translated": "Das Profil, mit dem Sie verbunden sind, wenn Sie das Lesezeichen verwenden.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The profile which you're connection with when you're using the bookmark."
+            }
+        },
+        {
+            "translated": "Die Serveradresse des Lesezeichens. Der Port ist durch einen Doppelpunkt getrennt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The server address of the bookmark. The port is separated via a colon"
+            }
+        },
+        {
+            "translated": "Server-Passwort",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server Password"
+            }
+        },
+        {
+            "translated": "Der Serverport des Lesezeichens",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "The server port of the bookmark"
+            }
+        },
+        {
+            "translated": "Noch nicht implementiert",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Not yet implemented"
+            }
+        },
+        {
+            "translated": "Channel-Passwort",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Channel Password"
+            }
+        },
+        {
+            "translated": "Servername",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server name"
+            }
+        },
+        {
+            "translated": "Serverbereich",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Server region"
+            }
+        },
+        {
+            "translated": "Letzter Ping",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Last ping"
+            }
+        },
+        {
+            "translated": "Letzte Kundenanzahl",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Last client count"
+            }
+        },
+        {
+            "translated": "Ihre Verbindung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Your connection"
+            }
+        },
+        {
+            "translated": "Unterstützte Bildtypen: SVG, PNG, JPEG",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Supported image types: SVG, PNG, JPEG"
+            }
+        },
+        {
+            "translated": "Unterstützte Bildgrößen: beliebig",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Supported image sizes: any"
+            }
+        },
+        {
+            "translated": "Avatar hochladen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Upload avatar"
+            }
+        },
+        {
+            "translated": "Avatar löschen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Delete avatar"
+            }
+        },
+        {
+            "translated": "Vorschau",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Preview"
+            }
+        },
+        {
+            "translated": "Clientinfo",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client info"
+            }
+        },
+        {
+            "translated": "Chat-Avatar",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Chat avatar"
+            }
+        },
+        {
+            "translated": "Chatliste Avatar",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Chat list avatar"
+            }
+        },
+        {
+            "translated": "Besonderen Dank",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Special thanks"
+            }
+        },
+        {
+            "translated": "Kontakt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Contact"
+            }
+        },
+        {
+            "translated": "Email:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "E-Mail:"
+            }
+        },
+        {
+            "translated": "WWW:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "WWW:"
+            }
+        },
+        {
+            "translated": "Gemeinschaft:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Community:"
+            }
+        },
+        {
+            "translated": "Lizenz",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "License"
+            }
+        },
+        {
+            "translated": "Drücken Sie eine beliebige Taste, die Sie verwenden möchten.",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Press any key which you want to use."
+            }
+        },
+        {
+            "translated": "Taste speichern",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Save Key"
+            }
+        },
+        {
+            "translated": "Abwesenheitsnachricht",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Away message"
+            }
+        },
+        {
+            "translated": "Basisinformation",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Basic Info"
+            }
+        },
+        {
+            "translated": "Gruppen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Groups"
+            }
+        },
+        {
+            "translated": "Pakete",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Packets"
+            }
+        },
+        {
+            "translated": "Datenbank ID:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Database ID:"
+            }
+        },
+        {
+            "translated": "TeaForo-Verbindung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "TeaForo Connection"
+            }
+        },
+        {
+            "translated": "Zeitstempel erstellen:",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Build timestamp:"
+            }
+        },
+        {
+            "translated": "Zuerst verbunden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "First connected"
+            }
+        },
+        {
+            "translated": "Verbindungsanzahl",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Connect count"
+            }
+        },
+        {
+            "translated": "Wartezeit",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Idle time"
+            }
+        },
+        {
+            "translated": "Klingeln",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Ping"
+            }
+        },
+        {
+            "translated": "Der Client hat keine eigene Servergruppe",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Client has no own server group"
+            }
+        },
+        {
+            "translated": "Verwalten von Client-Server-Gruppen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Manage client server groups"
+            }
+        },
+        {
+            "translated": "Paketverlust",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Packetloss"
+            }
+        },
+        {
+            "translated": "Downstream",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Downstream"
+            }
+        },
+        {
+            "translated": "Upstream",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Upstream"
+            }
+        },
+        {
+            "translated": "Übertragene Pakete",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Transmitted Packets"
+            }
+        },
+        {
+            "translated": "Übertragene Bytes",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Transmitted Bytes"
+            }
+        },
+        {
+            "translated": "Verwendete / Maximale Dateiübertragungsquote",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Used/Max file transfer quota"
+            }
+        },
+        {
+            "translated": "Bandbreite letzte Sekunde",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bandwidth last second"
+            }
+        },
+        {
+            "translated": "Bandbreite in letzter Minute",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Bandwidth last minute"
+            }
+        },
+        {
+            "translated": "Mode Katze",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Chat mode"
+            }
+        },
+        {
+            "translated": "Aktuelle Kunden",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current clients"
+            }
+        },
+        {
+            "translated": "Audio-Codec",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Audio Codec"
+            }
+        },
+        {
+            "translated": "Audio verschlüsselt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Audio encrypted"
+            }
+        },
+        {
+            "translated": "Passwortgeschützt",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Password protected"
+            }
+        },
+        {
+            "translated": "Schlüssel",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Slots"
+            }
+        },
+        {
+            "translated": "Erster Lauf",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "First run"
+            }
+        },
+        {
+            "translated": "Betriebszeit",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Uptime"
+            }
+        },
+        {
+            "translated": "Plattform",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Platform"
+            }
+        },
+        {
+            "translated": "Bandbreite anzeigen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Show Bandwidth"
+            }
+        },
+        {
+            "translated": "Durchschnittlicher Ping",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Average ping"
+            }
+        },
+        {
+            "translated": "Durchschnittlicher Paketverlust",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Average packet loss"
+            }
+        },
+        {
+            "translated": "Globale eindeutige ID",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Global unique ID"
+            }
+        },
+        {
+            "translated": "Aktuelle Channels",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current Channels"
+            }
+        },
+        {
+            "translated": "Sprachdatenverschlüsselung",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Voice data encryption"
+            }
+        },
+        {
+            "translated": "Minimale Sicherheitsstufe",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Minimal security level"
+            }
+        },
+        {
+            "translated": "Übertragene Pakete",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Transmitted packets"
+            }
+        },
+        {
+            "translated": "Bandbreite hochladen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Upload bandwidth"
+            }
+        },
+        {
+            "translated": "Bandbreite herunterladen",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Download bandwidth"
+            }
+        },
+        {
+            "translated": "Übertragene Bytes",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Transmitted bytes"
+            }
+        },
+        {
+            "translated": "Übertragene Dateiübertragungsbytes",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Transferred file transfer bytes"
+            }
+        },
+        {
+            "translated": "Aktuelle Bandbreite",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current bandwidth"
+            }
+        },
+        {
+            "translated": "Aktuelle Dateiübertragungsbandbreite",
+            "flags": [
+                "google-translate",
+                "ui-visible",
+                "in-use-system"
+            ],
+            "key": {
+                "message": "Current file transfer bandwidth"
+            }
+        },
+        {
+            "key": {
+                "message": "App loaded successfully!"
+            },
+            "translated": "App erfolgreich geladen!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client does not support aplayer.set_master_volume()... May client is too old?"
+            },
+            "translated": "Client unterstützt aplayer.set_master_volume () nicht ... Ist der Client möglicherweise zu alt?",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize default recorder: %o"
+            },
+            "translated": "Standardrekorder konnte nicht initialisiert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing aplayer.initializeFromGesture"
+            },
+            "translated": "Fehlender aplayer.initializeFromGesture",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Another TeaWeb instance is already running"
+            },
+            "translated": "Eine andere TeaWeb-Instanz wird bereits ausgeführt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Executed connect successfully in another browser window. Closing this window"
+            },
+            "translated": "Verbindung in einem anderen Browserfenster erfolgreich ausgeführt. Dieses Fenster schließen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connecting successfully within other instance"
+            },
+            "translated": "Verbindung in einer anderen Instanz erfolgreich hergestellt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to execute connect within other TeaWeb instance. Using this one. Error: %o"
+            },
+            "translated": "Verbindung in anderer TeaWeb-Instanz konnte nicht ausgeführt werden. Mit diesem. Fehler:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "default url connect"
+            },
+            "translated": "Standard-URL verbinden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received new connect offer from %s: %s"
+            },
+            "translated": "Neues Verbindungsangebot von% s erhalten:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Dropping connect request %s, because we never received an execute."
+            },
+            "translated": "Verbindungsanforderung% s wird gelöscht, da wir nie eine Ausführung erhalten haben.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received connect offer answer with unknown request id (%s)."
+            },
+            "translated": "Antwort auf Verbindungsangebot mit unbekannter Anforderungs-ID (% s) erhalten.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client %s rejected the connect offer (%s)."
+            },
+            "translated": "Client% s lehnte das Verbindungsangebot ab (% s).",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client %s accepted the connect offer (%s), but offer has already been accepted."
+            },
+            "translated": "Client% s hat das Verbindungsangebot (% s) angenommen, aber das Angebot wurde bereits angenommen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client %s accepted the connect offer (%s). Request local acceptance."
+            },
+            "translated": "Client% s hat das Verbindungsangebot (% s) angenommen. Lokale Akzeptanz anfordern.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Executing connect with client %s"
+            },
+            "translated": "Ausführen der Verbindung mit Client% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Local avail callback caused an error: %o"
+            },
+            "translated": "Ein lokaler Rückruf verursachte einen Fehler:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "local avail callback caused an error"
+            },
+            "translated": "Ein lokaler Rückruf verursachte einen Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received connect executed with unknown request id (%s)."
+            },
+            "translated": "Empfangene Verbindung mit unbekannter Anforderungs-ID (% s) ausgeführt.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received connect executed for request %s, but from wrong client: %s (expected %s)"
+            },
+            "translated": "Empfangene Verbindung für Anforderung% s ausgeführt, aber vom falschen Client:% s (erwartete% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received connect executed response from client %s for request %s. Succeeded: %o (%s)"
+            },
+            "translated": "Empfangene Verbindungsausführungsantwort vom Client% s für Anforderung% s. Erfolgreich:% o (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received connect execute with unknown request id (%s)."
+            },
+            "translated": "Empfangene Verbindung mit unbekannter Anforderungs-ID (% s) ausführen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received connect execute for request %s, but from wrong client: %s (expected %s)"
+            },
+            "translated": "Empfangene Verbindung für Anforderung% s ausführen, aber vom falschen Client:% s (erwartete% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Executing connect for %s"
+            },
+            "translated": "Verbindung für% s ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load global settings!\nJson: %s\nError: %o"
+            },
+            "translated": "Globale Einstellungen konnten nicht geladen werden!\nJson:% s\nFehler:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load global settings"
+            },
+            "translated": "Fehler beim Laden der globalen Einstellungen",
+            "flags": [
+                "human-verified"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load global client settings!\nLookup console for more information."
+            },
+            "translated": "Fehler beim Laden der globalen Clienteinstellungen!\nWeitere Informationen finden Sie in der Konsole.",
+            "flags": [
+                "human-verified"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load server settings for server %s!\nJson: %s\nError: %o"
+            },
+            "translated": "Servereinstellungen für Server% s konnten nicht geladen werden!\nJson:% s\nFehler:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Trigger key press for %o!"
+            },
+            "translated": "Drücken Sie die Auslösetaste für% o!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Trigger key release for %o!"
+            },
+            "translated": "Triggerschlüsselfreigabe für% o!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to parse repository config: %o"
+            },
+            "translated": "Fehler beim Analysieren der Repository-Konfiguration:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize translation config. Using default one. Error: %o"
+            },
+            "translated": "Übersetzungskonfiguration konnte nicht initialisiert werden. Standard verwenden. Fehler:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to replay sound %s: %o"
+            },
+            "translated": "Sound konnte nicht wiedergegeben werden% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown client left reason %d!"
+            },
+            "translated": "Unbekannter Kunde hat Grund% d verlassen!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received conversation message from invalid client id. Data: %o"
+            },
+            "translated": "Konversationsnachricht von ungültiger Client-ID empfangen. Daten:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received music bot status update for unknown bot (%d)"
+            },
+            "translated": "Aktualisierung des Musikbot-Status für unbekannten Bot erhalten (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received music bot status update for unknown bot (%d)"
+            },
+            "translated": "Aktualisierung des Musikbot-Status für unbekannten Bot erhalten (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received playlist song add event, but we've no music bot for the playlist (%d)"
+            },
+            "translated": "Erhaltenes Ereignis zum Hinzufügen von Playlist-Songs, aber wir haben keinen Musikbot für die Playlist (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received playlist song remove event, but we've no music bot for the playlist (%d)"
+            },
+            "translated": "Erhaltenes Ereignis zum Entfernen von Wiedergabelisten-Songs, aber wir haben keinen Musik-Bot für die Wiedergabeliste (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received playlist song reorder event, but we've no music bot for the playlist (%d)"
+            },
+            "translated": "Ereignis zur Neuordnung von Wiedergabelisten-Songs erhalten, aber wir haben keinen Musik-Bot für die Wiedergabeliste (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received playlist song loaded event, but we've no music bot for the playlist (%d)"
+            },
+            "translated": "Erhaltenes Ereignis mit geladenem Wiedergabelisten-Song, aber wir haben keinen Musikbot für die Wiedergabeliste (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "File initialized for %d listeners"
+            },
+            "translated": "Datei für% d-Listener initialisiert",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Audio player isn't initialized yet!"
+            },
+            "translated": "Audio Player ist noch nicht initialisiert!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query microphone devices (%o)"
+            },
+            "translated": "Mikrofongeräte konnten nicht abgefragt werden (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "AudioInput has callback buffer, but this isn't supported yet!"
+            },
+            "translated": "AudioInput verfügt über einen Rückrufpuffer, der jedoch noch nicht unterstützt wird!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "JavascriptInput:start() Start promise await resulted in an error: %o"
+            },
+            "translated": "JavascriptInput: start () Das erwartete Startversprechen führte zu einem Fehler:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Requesting a microphone stream for device %s in group %s"
+            },
+            "translated": "Anfordern eines Mikrofonstroms für Gerät% s in Gruppe% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Microphone request failed (No permissions). Browser message: %o"
+            },
+            "translated": "Mikrofonanforderung fehlgeschlagen (keine Berechtigungen). Browsermeldung:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Microphone request failed. Request resulted in error: %o: %o"
+            },
+            "translated": "Mikrofonanforderung fehlgeschlagen. Anfrage führte zu Fehler:% o:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize recording stream (%o)"
+            },
+            "translated": "Fehler beim Initialisieren des Aufzeichnungsstroms (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "recorder already started"
+            },
+            "translated": "Rekorder bereits gestartet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid device"
+            },
+            "translated": "ungültiges Gerät",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "missing audio context"
+            },
+            "translated": "fehlender Audiokontext",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to stop previous record session (%o)"
+            },
+            "translated": "Fehler beim Stoppen der vorherigen Aufzeichnungssitzung (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to start new recording stream (%o)"
+            },
+            "translated": "Fehler beim Starten des neuen Aufnahmestreams (% o)",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "audio context timeout"
+            },
+            "translated": "Zeitlimit für Audiokontext",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid context"
+            },
+            "translated": "ungültiger Kontext",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Not supported"
+            },
+            "translated": "Nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Device busy"
+            },
+            "translated": "Gerät beschäftigt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "an error occurred"
+            },
+            "translated": "ein Fehler ist aufgetreten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Disconnect from all servers"
+            },
+            "translated": "Trennen Sie die Verbindung zu allen Servern",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "Self"
+            },
+            "translated": "Selbst",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tools"
+            },
+            "translated": "Werkzeuge",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Help"
+            },
+            "translated": "Hilfe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Open developer tools"
+            },
+            "translated": "Öffnen Sie die Entwicklertools",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Reload UI"
+            },
+            "translated": "Benutzeroberfläche neu laden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Do you really want to skip the basic setup guide?"
+            },
+            "translated": "Möchten Sie die grundlegende Einrichtungsanleitung wirklich überspringen?",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Next step"
+            },
+            "translated": "Nächster Schritt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Finish guide"
+            },
+            "translated": "Anleitung beenden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Last step"
+            },
+            "translated": "Letzter Schritt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Skip guide"
+            },
+            "translated": "Assistenten überspringen",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "On the right side you'll find all microphone settings."
+            },
+            "translated": "Auf der rechten Seite finden Sie alle Mikrofon Einstellungen.",
+            "flags": [
+                "human-verified"
+            ]
+        },
+        {
+            "key": {
+                "message": "Now you're ready to configure your microphone. Just click anywhere on the screen."
+            },
+            "translated": "Jetzt können Sie Ihr Mikrofon konfigurieren. Klicken Sie einfach auf eine beliebige Stelle auf dem Bildschirm.",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "audio context not initialized"
+            },
+            "translated": "Audiokontext nicht initialisiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to decode audio data"
+            },
+            "translated": "Audiodaten konnten nicht dekodiert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to replay sound %s because it could not be resolved."
+            },
+            "translated": "Sound% s konnte nicht wiedergegeben werden, da er nicht behoben werden konnte.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "audio context not initialized (this error should never show up!)"
+            },
+            "translated": "Audiokontext nicht initialisiert (dieser Fehler sollte niemals auftreten!)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to replay sound %s because of an error while loading (see log above)."
+            },
+            "translated": "Fehler beim Wiedergeben von Sound% s aufgrund eines Fehlers beim Laden (siehe Protokoll oben).",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to replay sound %s: %o"
+            },
+            "translated": "Sound konnte nicht wiedergegeben werden% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "{0} disappeared from your channel {1} to {2}, moved by {3}"
+            },
+            "translated": "{0} ist von deinem Channel {1} nach {2} verschwunden und um {3} verschoben worden",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "{0} disappeared from {1} to {2}, moved by {3}"
+            },
+            "translated": "{0} verschwand von {1} nach {2} und wurde um {3} verschoben.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ever"
+            },
+            "translated": "je",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "one second"
+            },
+            "translated": "eine Sekunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Change playback latency"
+            },
+            "translated": "Wiedergabelatenz ändern",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Change playback latency"
+            },
+            "translated": "Wiedergabelatenz ändern",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Could not connect to remote host! Extra data: %o"
+            },
+            "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Zusätzliche Daten:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Could not connect to remote host!"
+            },
+            "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've been kicked from the server by {0}:{:br:}{1}"
+            },
+            "translated": "Sie wurden von {0} vom Server geworfen: {: br:} {1}",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've been kicked from the server:{:br:}{1}"
+            },
+            "translated": "Sie wurden vom Server geworfen: {: br:} {1}",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to decode given base64 data (%s)"
+            },
+            "translated": "Fehler beim Dekodieren der angegebenen base64-Daten (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "result undefined"
+            },
+            "translated": "Ergebnis undefiniert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing identity"
+            },
+            "translated": "Fehlende Identität",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to calculate level"
+            },
+            "translated": "Level konnte nicht berechnet werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown profile"
+            },
+            "translated": "Unbekanntes Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to calculate level for a new identity. Error object: %o"
+            },
+            "translated": "Fehler beim Berechnen des Levels für eine neue Identität. Fehlerobjekt:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to calculate level: "
+            },
+            "translated": "Level konnte nicht berechnet werden:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to generate identity: "
+            },
+            "translated": "Identität konnte nicht generiert werden:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to calculate level for a new imported identity. Error object: %o"
+            },
+            "translated": "Fehler beim Berechnen des Levels für eine neue importierte Identität. Fehlerobjekt:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to calculate identity level after improvement (%o)"
+            },
+            "translated": "Fehler beim Berechnen des Identitätsniveaus nach Verbesserung (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received profile event with unknown profile id (event: %s, id: %s)"
+            },
+            "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown error"
+            },
+            "translated": "unbekannter Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Provile is invalid"
+            },
+            "translated": "Provile ist ungültig",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to query status"
+            },
+            "translated": "Status konnte nicht abgefragt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Profile status watcher encountered an unuseal event!"
+            },
+            "translated": "Der Profilstatus-Beobachter ist auf ein ungewöhnliches Ereignis gestoßen!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set default profile"
+            },
+            "translated": "Standardprofil konnte nicht festgelegt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set default profile:"
+            },
+            "translated": "Fehler beim Festlegen des Standardprofils:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "request timeout"
+            },
+            "translated": "Zeitüberschreitung der Anforderung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown error"
+            },
+            "translated": "unbekannter Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete profile"
+            },
+            "translated": "Profil konnte nicht gelöscht werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete profile:"
+            },
+            "translated": "Profil konnte nicht gelöscht werden:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "request timeout"
+            },
+            "translated": "Zeitüberschreitung der Anforderung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown error"
+            },
+            "translated": "unbekannter Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create profile"
+            },
+            "translated": "Profil konnte nicht erstellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create new profile:"
+            },
+            "translated": "Fehler beim Erstellen eines neuen Profils:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "request timeout"
+            },
+            "translated": "Zeitüberschreitung der Anforderung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown error"
+            },
+            "translated": "unbekannter Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "request timeout"
+            },
+            "translated": "Zeitüberschreitung der Anforderung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown error"
+            },
+            "translated": "unbekannter Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Profile name"
+            },
+            "translated": "Profilname",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading"
+            },
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "saving"
+            },
+            "translated": "Speichern",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change profile name"
+            },
+            "translated": "Profilname konnte nicht geändert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create apply new name:"
+            },
+            "translated": "Fehler beim Erstellen des neuen Namens anwenden:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Another TeaSpeak user"
+            },
+            "translated": "Ein weiterer TeaSpeak-Benutzer",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading"
+            },
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "saving"
+            },
+            "translated": "Speichern",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change nickname"
+            },
+            "translated": "Fehler beim Ändern des Spitznamens",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create apply new nickname:"
+            },
+            "translated": "Fehler beim Erstellen des neuen Spitznamens anwenden:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading"
+            },
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading"
+            },
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading"
+            },
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to generate a new identity"
+            },
+            "translated": "Fehler beim Generieren einer neuen Identität",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create a new identity:"
+            },
+            "translated": "Fehler beim Erstellen einer neuen Identität:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Your identity had been successfully imported generated"
+            },
+            "translated": "Ihre Identität wurde erfolgreich generiert generiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Identity base name"
+            },
+            "translated": "Name der Identitätsbasis",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading"
+            },
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "saving"
+            },
+            "translated": "Speichern",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change name"
+            },
+            "translated": "Name konnte nicht geändert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create new name:"
+            },
+            "translated": "Fehler beim Erstellen eines neuen Namens:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize a level meter for device %s (%s): %o"
+            },
+            "translated": "Fehler beim Initialisieren einer Füllstandsanzeige für Gerät% s (% s):% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to refresh device list: %o"
+            },
+            "translated": "Geräteliste konnte nicht aktualisiert werden:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid device id"
+            },
+            "translated": "Ungültige Geräte-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change microphone to device %s: %o"
+            },
+            "translated": "Fehler beim Wechseln des Mikrofons zu Gerät% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid value type for key"
+            },
+            "translated": "Ungültiger Werttyp für Schlüssel",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown VAD type"
+            },
+            "translated": "Unbekannter VAD-Typ",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid setting key"
+            },
+            "translated": "Ungültiger Einstellungsschlüssel",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Timeout while loading"
+            },
+            "translated": "Zeitüberschreitung beim Laden",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "An unknown error happened"
+            },
+            "translated": "Ein unbekannter Fehler ist aufgetreten",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change setting"
+            },
+            "translated": "Einstellung konnte nicht geändert werden",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change vad type{:br:}{}"
+            },
+            "translated": "Fehler beim Ändern des VAD-Typs {: br:} {}",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading"
+            },
+            "translated": "Wird geladen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "applying"
+            },
+            "translated": "bewirbt sich",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change PPT key"
+            },
+            "translated": "Fehler beim Ändern des PPT-Schlüssels",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change PPT key:{:br:}{}"
+            },
+            "translated": "Fehler beim Ändern des PPT-Schlüssels: {: br:} {}",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change PPT delay state"
+            },
+            "translated": "Fehler beim Ändern des PPT-Verzögerungsstatus",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change PPT delay state:{:br:}{}"
+            },
+            "translated": "Fehler beim Ändern des PPT-Verzögerungsstatus: {: br:} {}",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change PPT delay"
+            },
+            "translated": "Fehler beim Ändern der PPT-Verzögerung",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change PPT delay:{:br:}{}"
+            },
+            "translated": "Fehler beim Ändern der PPT-Verzögerung: {: br:} {}",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load client version: %o"
+            },
+            "translated": "Client-Version konnte nicht geladen werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Open image in browser"
+            },
+            "translated": "Bild im Browser öffnen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy image URL to clipboard"
+            },
+            "translated": "Kopieren Sie die Bild-URL in die Zwischenablage",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to send conversation message: %o"
+            },
+            "translated": "Konversationsnachricht konnte nicht gesendet werden:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "*italic*, **bold**, ~~strikethrough~~, `code`, and more..."
+            },
+            "translated": "* kursiv *, ** fett **, ~~ durchgestrichen ~~, `code` und mehr ...",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "no response"
+            },
+            "translated": "keine Antwort",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Change playback latency"
+            },
+            "translated": "Ändern Sie die Wiedergabelatenz",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Virtual server management"
+            },
+            "translated": "Verwaltung virtueller Server",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Administration"
+            },
+            "translated": "Verwaltung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Virtual Server"
+            },
+            "translated": "Virtueller Server",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Administration"
+            },
+            "translated": "Verwaltung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Access"
+            },
+            "translated": "Zugriff",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Group"
+            },
+            "translated": "Gruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Admin"
+            },
+            "translated": "Administrator",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Basics"
+            },
+            "translated": "Grundlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "File Transfer"
+            },
+            "translated": "Datei Übertragung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to update info"
+            },
+            "translated": "Fehler beim Aktualisieren der Informationen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "server returned "
+            },
+            "translated": "Server zurückgegeben",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to parse response data: %o. Data: %s"
+            },
+            "translated": "Antwortdaten konnten nicht analysiert werden:% o. Daten:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Result for query %s (%s): %o"
+            },
+            "translated": "Ergebnis für Abfrage% s (% s):% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to parse SRV record %s. Invalid split length."
+            },
+            "translated": "Fehler beim Parsen des SRV-Datensatzes% s. Ungültige Spaltlänge.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to parse SRV record %s. Malformed data."
+            },
+            "translated": "Fehler beim Parsen des SRV-Datensatzes% s. Fehlerhafte Daten.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "resolver is already resolving"
+            },
+            "translated": "Resolver wird bereits aufgelöst",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "already resolving"
+            },
+            "translated": "bereits gelöst",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Start resolving %s:%d"
+            },
+            "translated": "Beginnen Sie mit der Auflösung von% s:% d",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": " Executing resolver %s"
+            },
+            "translated": " Resolver% s ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": " Resolver %s returned an empty response."
+            },
+            "translated": " Resolver% s hat eine leere Antwort zurückgegeben.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": " Successfully resolved address %s:%d to %s:%d via resolver %s"
+            },
+            "translated": " Erfolgreich aufgelöste Adresse% s:% d bis% s:% d über Resolver% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": " Resolver %s ran into an error: %o"
+            },
+            "translated": " Resolver% s hat einen Fehler festgestellt:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to disconnect on server connection destroy: %o"
+            },
+            "translated": "Fehler beim Trennen der Verbindung bei Serververbindung:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to reject command promise: %o"
+            },
+            "translated": "Befehlsversprechen konnte nicht abgelehnt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connect timeout triggered. Aborting connect attempt!"
+            },
+            "translated": "Verbindungszeitüberschreitung ausgelöst. Verbindungsversuch abbrechen!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Proxy socket send an error while connecting. Pending sockets: %d. Any succeed: %s"
+            },
+            "translated": "Proxy-Socket sendet beim Verbinden einen Fehler. Ausstehende Steckdosen:% d. Jeder Erfolg:% s",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Proxy socket connected. Pending sockets: %d. Any succeed before: %s"
+            },
+            "translated": "Proxy-Buchse angeschlossen. Ausstehende Steckdosen:% d. Jeder Erfolg vorher:% s",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Direct socket send an error while connecting. Pending sockets: %d. Any succeed: %s"
+            },
+            "translated": "Direkter Socket sendet beim Verbinden einen Fehler. Ausstehende Steckdosen:% d. Jeder Erfolg:% s",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Direct socket connected. Pending sockets: %d. Any succeed before: %s"
+            },
+            "translated": "Direktsteckdose angeschlossen. Ausstehende Steckdosen:% d. Jeder Erfolg vorher:% s",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to connect to %s, but we're already obsolete."
+            },
+            "translated": "Verbindung zu% s fehlgeschlagen, aber wir sind bereits veraltet.",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to cleanup connection after unsuccessful connect attempt: %o"
+            },
+            "translated": "Fehler beim Bereinigen der Verbindung nach erfolglosem Verbindungsversuch:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Successfully connected to %s, but we're already obsolete. Closing connections"
+            },
+            "translated": "Erfolgreich mit% s verbunden, aber wir sind bereits veraltet. Verbindungen schließen",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Established a TCP connection to %s via proxy to %s"
+            },
+            "translated": "Es wurde eine TCP-Verbindung zu% s über einen Proxy zu% s hergestellt",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Established a TCP connection to %s directly"
+            },
+            "translated": "Es wurde direkt eine TCP-Verbindung zu% s hergestellt",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received unexpected error while connecting: %o"
+            },
+            "translated": "Beim Verbinden wurde ein unerwarteter Fehler empfangen:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to cleanup connection after unsuccessful connect attempt: %o"
+            },
+            "translated": "Fehler beim Bereinigen der Verbindung nach erfolglosem Verbindungsversuch:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing data type in message!"
+            },
+            "translated": "Fehlender Datentyp in Nachricht!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received pong which is older than the last request. Delay may over %oms? (Index: %o, Current index: %o)"
+            },
+            "translated": "Erhaltenes Pong, das älter als die letzte Anfrage ist. Verzögerung kann über% oms? (Index:% o, aktueller Index:% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received new pong. Updating ping to: JS: %o Native: %o"
+            },
+            "translated": "Neues Pong erhalten. Ping wird aktualisiert auf: JS:% o Native:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "*italic*, **bold**, ~~strikethrough~~, `code`, and more..."
+            },
+            "translated": "* kursiv *, ** fett **, ~~ durchgestrichen ~~, `code` und mehr ...",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Playlist Manage"
+            },
+            "translated": "Playlist verwalten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission "
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown"
+            },
+            "translated": "Unbekannt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "command error"
+            },
+            "translated": "Befehlsfehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query playlist info for playlist %d: %o"
+            },
+            "translated": "Fehler beim Abfragen der Wiedergabelisteninformationen für die Wiedergabeliste% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown property"
+            },
+            "translated": "unbekanntes Eigentum",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change playlist status %s for playlist %d: %o"
+            },
+            "translated": "Fehler beim Ändern des Wiedergabelistenstatus% s für die Wiedergabeliste% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown property"
+            },
+            "translated": "unbekanntes Eigentum",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change bot setting %s: %o"
+            },
+            "translated": "Fehler beim Ändern der Bot-Einstellung% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query playlist general permissions for playlist %d: %o"
+            },
+            "translated": "Fehler beim Abfragen der allgemeinen Berechtigungen der Wiedergabeliste für die Wiedergabeliste% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set playlist general permissions for playlist %d and permission %d: %o"
+            },
+            "translated": "Fehler beim Festlegen der allgemeinen Berechtigungen für die Wiedergabeliste für die Wiedergabeliste% d und die Berechtigung% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query playlist client permissions for playlist %d and client %d: %o"
+            },
+            "translated": "Fehler beim Abfragen der Clientberechtigungen für die Wiedergabeliste für die Wiedergabeliste% d und den Client% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set playlist client permissions for playlist %d, permission %d and client id %d: %o"
+            },
+            "translated": "Fehler beim Festlegen der Clientberechtigungen für die Wiedergabeliste für die Wiedergabeliste% d, die Berechtigung% d und die Client-ID% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query special client list for playlist %d: %o"
+            },
+            "translated": "Fehler beim Abfragen der speziellen Client-Liste für die Wiedergabeliste% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to lookup search text \"%s\": %o"
+            },
+            "translated": "Fehler beim Suchen des Suchtextes \"% s\":% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to execute permfind for permission %s: %o"
+            },
+            "translated": "Fehler beim Ausführen von permfind für die Berechtigung% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change value"
+            },
+            "translated": "Wert konnte nicht geändert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "error while loading"
+            },
+            "translated": "Fehler beim Laden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set bot name"
+            },
+            "translated": "Fehler beim Festlegen des Botnamens",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "applying..."
+            },
+            "translated": "bewirbt sich...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown country"
+            },
+            "translated": "Unbekanntes Land",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set bots country"
+            },
+            "translated": "Fehler beim Setzen des Bots-Landes",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change channel commander state"
+            },
+            "translated": "Fehler beim Ändern des Channel Commander-Status",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change priority speaker state"
+            },
+            "translated": "Fehler beim Ändern des Prioritätslautsprecherstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "load timeout"
+            },
+            "translated": "Ladezeitüberschreitung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid value"
+            },
+            "translated": "Ungültiger Wert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "error while loading"
+            },
+            "translated": "Fehler beim Laden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change replay mode"
+            },
+            "translated": "Fehler beim Ändern des Wiedergabemodus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "applying..."
+            },
+            "translated": "bewirbt sich...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "error while loading"
+            },
+            "translated": "Fehler beim Laden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change max playlist size"
+            },
+            "translated": "Fehler beim Ändern der maximalen Größe der Wiedergabeliste",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "applying..."
+            },
+            "translated": "bewirbt sich...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change delete state"
+            },
+            "translated": "Löschstatus konnte nicht geändert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change notify state"
+            },
+            "translated": "Fehler beim Ändern des Benachrichtigungsstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "load timeout"
+            },
+            "translated": "Ladezeitüberschreitung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Hide clients"
+            },
+            "translated": "Kunden verstecken",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "List clients"
+            },
+            "translated": "Clients auflisten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Search client list"
+            },
+            "translated": "Kundenliste durchsuchen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client uid or database id"
+            },
+            "translated": "Client-UID oder Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client search failed"
+            },
+            "translated": "Client-Suche fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to perform client search.<br>Search resulted in a timeout."
+            },
+            "translated": "Client-Suche konnte nicht durchgeführt werden. <br> Die Suche führte zu einer Zeitüberschreitung.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Insufficient permissions"
+            },
+            "translated": "Nicht ausreichende Berechtigungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "query failed"
+            },
+            "translated": "Anfrage fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Query timeout"
+            },
+            "translated": "Zeitlimit für Abfragen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "load timeout"
+            },
+            "translated": "Ladezeitüberschreitung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "load error"
+            },
+            "translated": "Ladefehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change permission"
+            },
+            "translated": "Berechtigung konnte nicht geändert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "applying..."
+            },
+            "translated": "bewirbt sich...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to query data"
+            },
+            "translated": "Daten konnten nicht abgefragt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout while loading"
+            },
+            "translated": "Zeitüberschreitung beim Laden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "controller timeout"
+            },
+            "translated": "Controller-Timeout",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing permission needed mapping for %s"
+            },
+            "translated": "Fehlende Berechtigung erforderlich Zuordnung für% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "load timeout"
+            },
+            "translated": "Ladezeitüberschreitung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "load error"
+            },
+            "translated": "Ladefehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "applying..."
+            },
+            "translated": "bewirbt sich...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change permission"
+            },
+            "translated": "Berechtigung konnte nicht geändert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout"
+            },
+            "translated": "Auszeit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to update current song for side bar: %o"
+            },
+            "translated": "Fehler beim Aktualisieren des aktuellen Songs für die Seitenleiste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No song selected"
+            },
+            "translated": "Kein Lied ausgewählt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Song has no description"
+            },
+            "translated": "Song hat keine Beschreibung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Song has no description"
+            },
+            "translated": "Song hat keine Beschreibung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid music bot action event detected: %s. This should not happen!"
+            },
+            "translated": "Ungültiges Musikbot-Aktionsereignis erkannt:% s. Das sollte nicht passieren!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to perform action %s on bot: %o"
+            },
+            "translated": "Aktion% s auf Bot konnte nicht ausgeführt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to perform action."
+            },
+            "translated": "Aktion konnte nicht ausgeführt werden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to perform action for music bot."
+            },
+            "translated": "Aktion für Musikbot konnte nicht ausgeführt werden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set current song on bot: %o"
+            },
+            "translated": "Fehler beim Einstellen des aktuellen Songs auf dem Bot:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set song."
+            },
+            "translated": "Song konnte nicht eingestellt werden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set current replaying song."
+            },
+            "translated": "Fehler beim Einstellen des aktuellen Wiedergabelieds.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Enter song URL"
+            },
+            "translated": "Geben Sie die Song-URL ein",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Please enter the target song URL"
+            },
+            "translated": "Bitte geben Sie die URL des Zielsongs ein",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to add song to bot playlist: %o"
+            },
+            "translated": "Fehler beim Hinzufügen eines Songs zur Bot-Wiedergabeliste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to insert song"
+            },
+            "translated": "Song konnte nicht eingefügt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to append song to the playlist."
+            },
+            "translated": "Song konnte nicht an die Wiedergabeliste angehängt werden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete song from bot playlist: %o"
+            },
+            "translated": "Fehler beim Löschen des Songs aus der Bot-Wiedergabeliste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete song"
+            },
+            "translated": "Song konnte nicht gelöscht werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to remove song from the playlist."
+            },
+            "translated": "Fehler beim Entfernen des Songs aus der Wiedergabeliste.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to subscribe to displayed bot within the side bar: %o"
+            },
+            "translated": "Fehler beim Abonnieren des angezeigten Bots in der Seitenleiste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to decode song metadata"
+            },
+            "translated": "Song-Metadaten konnten nicht dekodiert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to load "
+            },
+            "translated": "Laden fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to load "
+            },
+            "translated": "Laden fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown error"
+            },
+            "translated": "unbekannter Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown error"
+            },
+            "translated": "unbekannter Fehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to add song to bot playlist: %o"
+            },
+            "translated": "Fehler beim Hinzufügen eines Songs zur Bot-Wiedergabeliste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to reorder song"
+            },
+            "translated": "Song konnte nicht neu angeordnet werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to reorder song within the playlist."
+            },
+            "translated": "Song in der Wiedergabeliste konnte nicht neu angeordnet werden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to update music bot variables: %o"
+            },
+            "translated": "Fehler beim Aktualisieren der Musikbot-Variablen:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load bot playlist: %o"
+            },
+            "translated": "Fehler beim Laden der Bot-Wiedergabeliste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to unsubscribe from last playlist: %o"
+            },
+            "translated": "Fehler beim Abbestellen der letzten Wiedergabeliste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to subscribe to bots playlist: %o"
+            },
+            "translated": "Bots-Wiedergabeliste konnte nicht abonniert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": " (left view)"
+            },
+            "translated": " (linke Sicht)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to release voice recorder: %o"
+            },
+            "translated": "Voice Recorder konnte nicht freigegeben werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to release own consumer from old input: %o"
+            },
+            "translated": "Fehler beim Freigeben des eigenen Verbrauchers von der alten Eingabe:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Successfully set/updated to the new input for the recorder"
+            },
+            "translated": "Erfolgreich auf den neuen Eingang für den Rekorder eingestellt / aktualisiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set consumer to the new recorder input: %o"
+            },
+            "translated": "Fehler beim Einstellen des Verbrauchers auf den neuen Rekordereingang:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Adding native audio stream (%o)!"
+            },
+            "translated": "Hinzufügen eines nativen Audiostreams (% o)!",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received local voice started event, even thou we're muted! Do not send any voice."
+            },
+            "translated": "Empfangene lokale Stimme gestartet Ereignis, auch wenn wir stumm geschaltet sind! Senden Sie keine Stimme.",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received invalid notification for playlist clients"
+            },
+            "translated": "Ungültige Benachrichtigung für Playlist-Clients erhalten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No permission"
+            },
+            "translated": "Keine Erlaubnis",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize codec %s: %s"
+            },
+            "translated": "Fehler beim Initialisieren des Codecs% s:% s",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Worker message stock time: {downstream: %dms, handle: %dms, upstream: %dms}"
+            },
+            "translated": "Lagerzeit der Worker-Nachricht: {Downstream:% dms, Handle:% dms, Upstream:% dms}",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown decode error"
+            },
+            "translated": "unbekannter Dekodierungsfehler",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Worker message stock time: {downstream: %dms, handle: %dms, upstream: %dms}"
+            },
+            "translated": "Lagerzeit der Worker-Nachricht: {Downstream:% dms, Handle:% dms, Upstream:% dms}",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown encode error"
+            },
+            "translated": "unbekannter Codierungsfehler",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received worker execute result for unknown token (%s)"
+            },
+            "translated": "Empfangener Worker führt Ergebnis für unbekanntes Token aus (% s)",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received error from codec worker. Closing worker."
+            },
+            "translated": "Fehler vom Codec-Worker empfangen. Arbeiter schließen.",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "worker does not exists"
+            },
+            "translated": "Arbeiter existiert nicht",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "timeout for command "
+            },
+            "translated": "Zeitüberschreitung für Befehl",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice buffer stalled in WorkerPipe longer then expected: %d"
+            },
+            "translated": "Sprachpuffer in WorkerPipe länger als erwartet blockiert:% d",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Manage Bot"
+            },
+            "translated": "Bot verwalten",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Fetching playlist..."
+            },
+            "translated": "Wiedergabeliste abrufen ...",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You don't have permissions to see this playlist"
+            },
+            "translated": "Sie haben keine Berechtigung, diese Wiedergabeliste anzuzeigen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "An error occurred while fetching the playlist"
+            },
+            "translated": "Beim Abrufen der Wiedergabeliste ist ein Fehler aufgetreten",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The playlist is currently empty."
+            },
+            "translated": "Die Wiedergabeliste ist derzeit leer.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Show all permissions in permission editor. Even if their assignment don't make sense."
+            },
+            "translated": "Alle Berechtigungen im Berechtigungseditor anzeigen. Auch wenn ihre Zuordnung keinen Sinn ergibt.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Enable the BBCode syntax for your chat."
+            },
+            "translated": "Aktivieren Sie die BBCode-Syntax für Ihren Chat.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've not profiles yet"
+            },
+            "translated": "Sie haben noch keine Profile",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Default"
+            },
+            "translated": "Standard",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Change latency for client "
+            },
+            "translated": "Latenz für Client ändern",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Min buffer: "
+            },
+            "translated": "Min Puffer:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Max buffer: "
+            },
+            "translated": "Maximaler Puffer:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Flush buffer"
+            },
+            "translated": "Puffer spülen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Show only permission which are assigned"
+            },
+            "translated": "Nur Berechtigungen anzeigen, die zugewiesen sind",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Show only permissions which are editable by yourself"
+            },
+            "translated": "Zeigen Sie nur Berechtigungen an, die Sie selbst bearbeiten können",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Editable only"
+            },
+            "translated": "Nur bearbeitbar",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Welcome to the easy setup guide!"
+            },
+            "translated": "Willkommen in der einfachen Installationsanleitung!",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Identity setup"
+            },
+            "translated": "Identitäts-Setup",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Microphone setup"
+            },
+            "translated": "Mikrofoneinrichtung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Speaker setup"
+            },
+            "translated": "Lautsprechereinstellung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Setup finished"
+            },
+            "translated": "Setup beendet",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Welcome dear TeaSpeak user."
+            },
+            "translated": "Willkommen lieber TeaSpeak-Benutzer,",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "We would like to setup a few things before you're ready to go.<br>"
+            },
+            "translated": "Wir möchten ein paar Dinge einrichten, damit du direkt durchstarten kannst. <br>",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Dont worry! We'll guide you thru the basic setup process."
+            },
+            "translated": "Mach dir keine Sorgen! Wir führen dich durch den grundlegenden Einrichtungsprozess.",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Together we'll go thru these steps:"
+            },
+            "translated": "Gemeinsam werden wir diese Schritte durchlaufen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Welcome Greeting"
+            },
+            "translated": "Willkommensgruß",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Microphone configuration"
+            },
+            "translated": "Mikrofonkonfiguration",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Identity setup"
+            },
+            "translated": "Identitäts-Setup",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Speaker configuration"
+            },
+            "translated": "Lautsprecherkonfiguration",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "It is save to exit this guide at any point and directly jump ahead using the client."
+            },
+            "translated": "Du kannst diese Anleitung jederzeit verlassen und mit dem Client direkt durchstarten.",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Congratulations,<br>your done setting up TeaSpeak"
+            },
+            "translated": "Herzlichen Glückwunsch, <br> Du hast TeaSpeak eingerichtet",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You're done setting up your client. But dont worry,<br>"
+            },
+            "translated": "Du bist mit dem Einrichten deines Clients fertig. Aber mach dir keine Sorgen, <br>",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "your could find all these settings within the settings menu<br>"
+            },
+            "translated": "Du findest alle diese Einstellungen im Einstellungsmenü. <br>",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "To open the client settings click on \"tools\" and than \"settings\"<br>"
+            },
+            "translated": "Um die Client-Einstellungen zu öffnen, klicke auf \"Tools\" und dann auf \"Einstellungen\" <br>",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Music Bot"
+            },
+            "translated": "Musik Bot",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Music bot is channel commander"
+            },
+            "translated": "Musikbot ist Channel Commander",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Music bot is priority speaker"
+            },
+            "translated": "Musikbot ist Prioritätslautsprecher",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Replay"
+            },
+            "translated": "Wiederholung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Looped"
+            },
+            "translated": "Geschlungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Single-Looped"
+            },
+            "translated": "Single-Looped",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Max playlist size"
+            },
+            "translated": "Maximale Größe der Wiedergabeliste",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Delete played songs from playlist"
+            },
+            "translated": "Löschen Sie gespielte Songs aus der Wiedergabeliste",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Send a channel message when the song changes"
+            },
+            "translated": "Senden Sie eine Channelnachricht, wenn sich das Lied ändert",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Permission"
+            },
+            "translated": "Genehmigung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Required value"
+            },
+            "translated": "Erforderlicher Wert",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Search for an client:"
+            },
+            "translated": "Suche nach einem Kunden:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Search"
+            },
+            "translated": "Suche",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unselect"
+            },
+            "translated": "Auswahl aufheben",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Showing permissions for:"
+            },
+            "translated": "Anzeigen von Berechtigungen für:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Bot permissions"
+            },
+            "translated": "Bot-Berechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power to rename the music bot"
+            },
+            "translated": "Möglichkeit, den Musikbot umzubenennen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power to modify the music bot permissions"
+            },
+            "translated": "Möglichkeit zum Ändern der Musikbot-Berechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power to delete the music bot"
+            },
+            "translated": "Macht den Musikbot zu löschen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Playlist permissions"
+            },
+            "translated": "Playlist-Berechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power to see the playlist songs"
+            },
+            "translated": "Power, um die Playlist-Songs zu sehen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power for editing playlist settings"
+            },
+            "translated": "Leistung zum Bearbeiten von Wiedergabelisteneinstellungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power for viewing playlist permissions"
+            },
+            "translated": "Leistung zum Anzeigen von Wiedergabelistenberechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power for editing playlist permissions"
+            },
+            "translated": "Leistung zum Bearbeiten von Wiedergabelistenberechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power for adding a song to the playlist"
+            },
+            "translated": "Power zum Hinzufügen eines Songs zur Wiedergabeliste",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power to reorder a song within the playlist"
+            },
+            "translated": "Möglichkeit, einen Titel in der Wiedergabeliste neu zu ordnen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Power to delete a song from the playlist"
+            },
+            "translated": "Macht es möglich, ein Lied aus der Wiedergabeliste zu löschen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could rename the bot:"
+            },
+            "translated": "Diese Gruppen könnten den Bot umbenennen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could modify the bot:"
+            },
+            "translated": "Diese Gruppen könnten den Bot ändern:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could delete the bot:"
+            },
+            "translated": "Diese Gruppen könnten den Bot löschen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could view the playlist:"
+            },
+            "translated": "Diese Gruppen können die Wiedergabeliste anzeigen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could edit the playlist settings:"
+            },
+            "translated": "Diese Gruppen können die Einstellungen der Wiedergabeliste bearbeiten:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could view the playlist permissions:"
+            },
+            "translated": "Diese Gruppen können die Wiedergabelistenberechtigungen anzeigen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could edit the playlist permissions:"
+            },
+            "translated": "Diese Gruppen können die Wiedergabelistenberechtigungen bearbeiten:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could add a song:"
+            },
+            "translated": "Diese Gruppen könnten ein Lied hinzufügen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could reorder the songs:"
+            },
+            "translated": "Diese Gruppen könnten die Songs neu anordnen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "These groups could delete a song:"
+            },
+            "translated": "Diese Gruppen könnten ein Lied löschen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group could do that."
+            },
+            "translated": "Das konnte keine Gruppe.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed on permission"
+            },
+            "translated": "bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could no see the permissions"
+            },
+            "translated": "Der Client konnte die Berechtigungen nicht sehen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client could perform this action"
+            },
+            "translated": "Der Client könnte diese Aktion ausführen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Clients which have special permissions:"
+            },
+            "translated": "Kunden mit besonderen Berechtigungen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No clients match the filter"
+            },
+            "translated": "Keine Clients stimmen mit dem Filter überein",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No clients available"
+            },
+            "translated": "Keine Clients verfügbar",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Refresh client list"
+            },
+            "translated": "Client-Liste aktualisieren",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Paste"
+            },
+            "translated": "Einfügen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "transfer source is undefined"
+            },
+            "translated": "Übertragungsquelle ist undefiniert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid source type"
+            },
+            "translated": "ungültiger Quelltyp",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to upload object via HTTPS connection: %o"
+            },
+            "translated": "Objekt konnte nicht über HTTPS-Verbindung hochgeladen werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize transfer source: %o"
+            },
+            "translated": "Übertragungsquelle konnte nicht initialisiert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "transfer target is undefined"
+            },
+            "translated": "Übertragungsziel ist undefiniert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid transfer target type"
+            },
+            "translated": "ungültiger Übertragungszieltyp",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to download file to response object: %o"
+            },
+            "translated": "Fehler beim Herunterladen der Datei in das Antwortobjekt:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize transfer target: %o"
+            },
+            "translated": "Übertragungsziel konnte nicht initialisiert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to transfer data throw a HTTPS request: %o"
+            },
+            "translated": "Fehler beim Übertragen von Daten, die eine HTTPS-Anforderung auslösen:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "handler query timeout"
+            },
+            "translated": "Zeitlimit für Handlerabfrage",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to parse old key control data."
+            },
+            "translated": "Fehler beim Analysieren alter Schlüsselsteuerungsdaten.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid transfer state"
+            },
+            "translated": "ungültiger Übertragungsstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid transfer state"
+            },
+            "translated": "ungültiger Übertragungsstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid transfer state"
+            },
+            "translated": "ungültiger Übertragungsstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "response target isn't supported"
+            },
+            "translated": "Antwortziel wird nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "download target isn't supported"
+            },
+            "translated": "Download-Ziel wird nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "file target isn't supported"
+            },
+            "translated": "Dateiziel wird nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "buffer source isn't supported"
+            },
+            "translated": "Pufferquelle wird nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "text source isn't supported"
+            },
+            "translated": "Textquelle wird nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "browser file source isn't supported"
+            },
+            "translated": "Browser-Dateiquelle wird nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No variable matched your filter"
+            },
+            "translated": "Keine Variable stimmte mit Ihrem Filter überein",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Filter variables"
+            },
+            "translated": "Variablen filtern",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "CSS Variable list"
+            },
+            "translated": "CSS-Variablenliste",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Default Value"
+            },
+            "translated": "Standardwert",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Override Value"
+            },
+            "translated": "Wert überschreiben",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Randomize"
+            },
+            "translated": "Randomisieren",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Export"
+            },
+            "translated": "Export",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Variable details"
+            },
+            "translated": "Variable Details",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Config exported successfully"
+            },
+            "translated": "Konfiguration erfolgreich exportiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The config has been exported successfully."
+            },
+            "translated": "Die Konfiguration wurde erfolgreich exportiert.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Config imported successfully"
+            },
+            "translated": "Konfiguration erfolgreich importiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The config has been imported successfully."
+            },
+            "translated": "Die Konfiguration wurde erfolgreich importiert.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Config imported failed"
+            },
+            "translated": "Die importierte Konfiguration ist fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The config import has been failed."
+            },
+            "translated": "Der Konfigurationsimport ist fehlgeschlagen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "[%s] Trigger event: %s"
+            },
+            "translated": "[% s] Auslöseereignis:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The keyword 'type' is reserved for the event type and should not be passed as argument"
+            },
+            "translated": "Das Schlüsselwort 'type' ist für den Ereignistyp reserviert und sollte nicht als Argument übergeben werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Event handler (%s) triggered event %s which has no consumers."
+            },
+            "translated": "Der Ereignishandler (% s) hat ein Ereignis% s ausgelöst, das keine Verbraucher hat.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No events found in event handler which has been registered."
+            },
+            "translated": "Im registrierten Ereignishandler wurden keine Ereignisse gefunden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load window"
+            },
+            "translated": "Fenster konnte nicht geladen werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load the bookmark window.\nSee the console for more details."
+            },
+            "translated": "Fehler beim Laden des Lesezeichenfensters.\nWeitere Informationen finden Sie in der Konsole.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received open window event for an unknown window: %s"
+            },
+            "translated": "Ereignis \"Offenes Fenster\" für ein unbekanntes Fenster empfangen:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Modify CSS variables"
+            },
+            "translated": "Ändern der CSS-Variablen",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Enter Privilege Key"
+            },
+            "translated": "Geben Sie den Berechtigungsschlüssel ein",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received conversation message from our self. This should be impossible."
+            },
+            "translated": "Konversationsnachricht von uns selbst erhalten. Das sollte unmöglich sein.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connection manager has already been initialized"
+            },
+            "translated": "Der Verbindungsmanager wurde bereits initialisiert",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "modal has been destroyed"
+            },
+            "translated": "Modal wurde zerstört",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "modal has been destroyed"
+            },
+            "translated": "Modal wurde zerstört",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Modal - Icon"
+            },
+            "translated": "Modal - Symbol",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading older messages"
+            },
+            "translated": "Laden älterer Nachrichten",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "please wait"
+            },
+            "translated": "Warten Sie mal",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "1 second"
+            },
+            "translated": "1 Sekunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "History query failed"
+            },
+            "translated": "Verlaufsabfrage fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Try again in"
+            },
+            "translated": "Versuchen Sie es erneut",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "1 second"
+            },
+            "translated": "1 Sekunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Jump to present"
+            },
+            "translated": "Zur Gegenwart springen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You joined at"
+            },
+            "translated": "Du bist bei beigetreten",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You left at"
+            },
+            "translated": "Du bist um gegangen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to query history"
+            },
+            "translated": "Verlauf konnte nicht abgefragt werden",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "message send failed due to permission"
+            },
+            "translated": "Das Senden der Nachricht ist aufgrund einer Berechtigung fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to send message:"
+            },
+            "translated": "Nachricht konnte nicht gesendet werden:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You're&nbsp;now&nbsp;chatting&nbsp;with"
+            },
+            "translated": "Sie chatten jetzt mit",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Chat reconnected"
+            },
+            "translated": "Chat wieder verbunden",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Partner is typing"
+            },
+            "translated": "Der Partner tippt",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "An unknown error happened."
+            },
+            "translated": "Ein unbekannter Fehler ist aufgetreten.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No conversation selected"
+            },
+            "translated": "Keine Konversation ausgewählt",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "This conversation is private."
+            },
+            "translated": "Dieses Gespräch ist privat.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Join the channel to participate."
+            },
+            "translated": "Tritt dem Channel bei, um teilzunehmen.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The target server does not support cross channel chat."
+            },
+            "translated": "Der Zielserver unterstützt keinen kanalübergreifenden Chat.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Join the channel if you want to write."
+            },
+            "translated": "Treten Sie dem Channel bei, wenn Sie schreiben möchten.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "There have been no messages yet."
+            },
+            "translated": "Es wurden noch keine Nachrichten gesendet.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Be the first who talks in here!"
+            },
+            "translated": "Sei der Erste, der hier spricht!",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown error/Invalid state"
+            },
+            "translated": "Unbekannter Fehler / Ungültiger Zustand",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Icon set image method threw an unexpected error: %o"
+            },
+            "translated": "Die Symbol-Set-Image-Methode hat einen unerwarteten Fehler ausgelöst:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Icon load method threw an unexpected error: %o"
+            },
+            "translated": "Die Symbollademethode hat einen unerwarteten Fehler ausgelöst:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to download icon %d: %o"
+            },
+            "translated": "Fehler beim Herunterladen des Symbols% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load icon"
+            },
+            "translated": "Symbol konnte nicht geladen werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to update icon image for icon %d: %o"
+            },
+            "translated": "Fehler beim Aktualisieren des Symbolbilds für das Symbol% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to update icon from downloaded file"
+            },
+            "translated": "Fehler beim Aktualisieren des Symbols aus der heruntergeladenen Datei",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid status"
+            },
+            "translated": "Ungültiger Status",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Don't retry icon download from server. We'll try again in %s"
+            },
+            "translated": "Versuchen Sie nicht, das Symbol vom Server herunterzuladen. Wir werden es in% s erneut versuchen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "never"
+            },
+            "translated": "noch nie",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "1 second"
+            },
+            "translated": "1 Sekunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "download canceled"
+            },
+            "translated": "Download abgebrochen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown transfer finished state"
+            },
+            "translated": "Unbekannter Übertragungsstatus beendet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Icon could not be found"
+            },
+            "translated": "Symbol konnte nicht gefunden werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No permissions to download icon"
+            },
+            "translated": "Keine Berechtigung zum Herunterladen des Symbols",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize icon download"
+            },
+            "translated": "Fehler beim Initialisieren des Symbol-Downloads",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Transfer has no response"
+            },
+            "translated": "Übertragung hat keine Antwort",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server permissions"
+            },
+            "translated": "Serverberechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The group has been renamed."
+            },
+            "translated": "Die Gruppe wurde umbenannt.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Do you really want to delete this group?"
+            },
+            "translated": "Möchten Sie diese Gruppe wirklich löschen?",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "insufficient permissions"
+            },
+            "translated": "Nicht ausreichende Berechtigungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to rename group: %o"
+            },
+            "translated": "Gruppe konnte nicht umbenannt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete group: %o"
+            },
+            "translated": "Fehler beim Löschen der Gruppe:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to request server group client list: %o"
+            },
+            "translated": "Servergruppen-Clientliste konnte nicht angefordert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to add client %s to server group %d: %o"
+            },
+            "translated": "Client% s konnte nicht zur Servergruppe% d hinzugefügt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete client %d from server group %d: %o"
+            },
+            "translated": "Client% d konnte nicht aus Servergruppe% d gelöscht werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknwon"
+            },
+            "translated": "unbekannt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query client info for %o: %o"
+            },
+            "translated": "Client-Informationen für% o:% o konnten nicht abgefragt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid subject"
+            },
+            "translated": "Ungültiges Thema",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid server group"
+            },
+            "translated": "Ungültige Servergruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid server group"
+            },
+            "translated": "Ungültige Servergruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel id"
+            },
+            "translated": "Ungültige Channel-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid client database id"
+            },
+            "translated": "Ungültige Client-Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid client database id"
+            },
+            "translated": "Ungültige Client-Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel id"
+            },
+            "translated": "Ungültige Channel-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknwon"
+            },
+            "translated": "unbekannt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query permissions: %o"
+            },
+            "translated": "Abfragen von Berechtigungen fehlgeschlagen:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid subject"
+            },
+            "translated": "Ungültiges Thema",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid server group"
+            },
+            "translated": "Ungültige Servergruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel id"
+            },
+            "translated": "Ungültige Channel-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid client database id"
+            },
+            "translated": "Ungültige Client-Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid client database id"
+            },
+            "translated": "Ungültige Client-Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel id"
+            },
+            "translated": "Ungültige Channel-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to set permissions: %o"
+            },
+            "translated": "Fehler beim Festlegen der Berechtigungen:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid subject"
+            },
+            "translated": "Ungültiges Thema",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid server group"
+            },
+            "translated": "Ungültige Servergruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel id"
+            },
+            "translated": "Ungültige Channel-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid client database id"
+            },
+            "translated": "Ungültige Client-Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid client database id"
+            },
+            "translated": "Ungültige Client-Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel id"
+            },
+            "translated": "Ungültige Channel-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to remove permissions: %o"
+            },
+            "translated": "Berechtigungen konnten nicht entfernt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to find bookmark profile %s. Displaying default one."
+            },
+            "translated": "Lesezeichenprofil% s konnte nicht gefunden werden. Standard eins anzeigen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Enter the bookmark name for the duplicate"
+            },
+            "translated": "Geben Sie den Lesezeichennamen für das Duplikat ein",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unregistered unknown client from channel %s"
+            },
+            "translated": "Nicht registrierter unbekannter Client von Channel% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Open channel file browser"
+            },
+            "translated": "Dateibrowser für Channeldateien anzeigen",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Collapse sub channels"
+            },
+            "translated": "Unterchannels reduzieren",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Expend sub channels"
+            },
+            "translated": "Unterchannels verwenden",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to successfully disconnect from server: {}"
+            },
+            "translated": "Fehler beim erfolgreichen Trennen der Verbindung zum Server: {}",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to upload clients avatar: %o"
+            },
+            "translated": "Client-Avatar konnte nicht hochgeladen werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Your avatar upload has been canceled."
+            },
+            "translated": "Dein Avatar-Upload wurde abgebrochen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Avatar upload finished with an unknown finished state."
+            },
+            "translated": "Der Avatar-Upload wurde mit einem unbekannten Endzustand abgeschlossen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Renewing TeaForo data."
+            },
+            "translated": "TeaForo-Daten erneuern.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Set away on all servers"
+            },
+            "translated": "Auf allen Servern wegstellen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unmute headphones"
+            },
+            "translated": "Kopfhörer stumm schalten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Mute headphones"
+            },
+            "translated": "Kopfhörer stumm schalten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "default avatar"
+            },
+            "translated": "Standard-Avatar",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "default avatar"
+            },
+            "translated": "Standard-Avatar",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "user avatar"
+            },
+            "translated": "Benutzer Avatar",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "user avatar"
+            },
+            "translated": "Benutzer Avatar",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "avatar failed to load:\n"
+            },
+            "translated": "Avatar konnte nicht geladen werden:\n",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading avatar"
+            },
+            "translated": "Avatar laden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You can not write here."
+            },
+            "translated": "Sie können hier nicht schreiben.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "and more"
+            },
+            "translated": "und mehr",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "1 hour"
+            },
+            "translated": "1 Stunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "1 minute"
+            },
+            "translated": "1 Minute",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "1 second"
+            },
+            "translated": "1 Sekunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Filter permissions"
+            },
+            "translated": "Filterberechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Add permissions to this group"
+            },
+            "translated": "Fügen Sie dieser Gruppe Berechtigungen hinzu",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remove permissions from this group"
+            },
+            "translated": "Entfernen Sie Berechtigungen aus dieser Gruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Add granted permissions to this group"
+            },
+            "translated": "Fügen Sie dieser Gruppe erteilte Berechtigungen hinzu",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remove granted permissions from this group"
+            },
+            "translated": "Entfernen Sie erteilte Berechtigungen aus dieser Gruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "An error happened"
+            },
+            "translated": "Ein Fehler ist aufgetreten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Permission editor resize observer fired resize event with no entries!"
+            },
+            "translated": "Berechtigungseditor Größe ändern Beobachter ausgelöst Größe ändern Ereignis ohne Einträge!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Permission editor resize observer fired resize event with more than one entry which should not be possible (%d)!"
+            },
+            "translated": "Berechtigungseditor Größe ändern Beobachter ausgelöst Größe ändern Ereignis mit mehr als einem Eintrag, der nicht möglich sein sollte (% d)!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Handling height update and change permission view height to %d from %d"
+            },
+            "translated": "Aktualisieren der Höhe und Ändern der Höhe der Berechtigungsansicht von% d auf% d",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received group toogle for unknwon group: %s"
+            },
+            "translated": "Empfangene Gruppe Google für unbekannte Gruppe:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You don't have the permissions to view this permissions"
+            },
+            "translated": "Sie haben nicht die Berechtigungen, diese Berechtigungen anzuzeigen",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Add group"
+            },
+            "translated": "Gruppe hinzufügen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy permissions"
+            },
+            "translated": "Kopierberechtigungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Add group"
+            },
+            "translated": "Gruppe hinzufügen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Add server group"
+            },
+            "translated": "Servergruppe hinzufügen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Add channel group"
+            },
+            "translated": "Channelgruppe hinzufügen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy server group permissions"
+            },
+            "translated": "Kopieren Sie Servergruppenberechtigungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy channel group permissions"
+            },
+            "translated": "Kopieren Sie die Berechtigungen für Channelgruppen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "This group contains no clients."
+            },
+            "translated": "Diese Gruppe enthält keine Clients.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "This group is a temporary group."
+            },
+            "translated": "Diese Gruppe ist eine temporäre Gruppe.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You don't have permissions to view the clients in this group"
+            },
+            "translated": "Sie haben keine Berechtigung zum Anzeigen der Clients in dieser Gruppe",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query clients:"
+            },
+            "translated": "Client konnte nicht abgefragt werden:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No group selected"
+            },
+            "translated": "Keine Gruppe ausgewählt",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "no client found"
+            },
+            "translated": "Kein Client gefunden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Database or Unique ID"
+            },
+            "translated": "Datenbank oder eindeutige ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid UUID length"
+            },
+            "translated": "Ungültige UUID-Länge",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid UUID"
+            },
+            "translated": "Ungültige UUID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unique identifier"
+            },
+            "translated": "Eindeutige Kennung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client database ID"
+            },
+            "translated": "Client-Datenbank-ID",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Select a group"
+            },
+            "translated": "Wählen Sie eine Gruppe aus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Query groups"
+            },
+            "translated": "Abfragegruppen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Template groups"
+            },
+            "translated": "Vorlagengruppen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Regular Groups"
+            },
+            "translated": "Regelmäßige Gruppen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy group permissions"
+            },
+            "translated": "Gruppenberechtigungen kopieren",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Source group"
+            },
+            "translated": "Quellgruppe",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Target group"
+            },
+            "translated": "Zielgruppe",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy group permissions"
+            },
+            "translated": "Kopieren Sie Gruppenberechtigungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "insufficient permissions"
+            },
+            "translated": "Nicht ausreichende Berechtigungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Group permissions have been copied"
+            },
+            "translated": "Gruppenberechtigungen wurden kopiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The group permissions have been successfully copied."
+            },
+            "translated": "Die Gruppenberechtigungen wurden erfolgreich kopiert.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to copy group permissions"
+            },
+            "translated": "Gruppenberechtigungen konnten nicht kopiert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknwon"
+            },
+            "translated": "unbekannt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to copy group permissions: %o"
+            },
+            "translated": "Gruppenberechtigungen konnten nicht kopiert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to copy group permissions"
+            },
+            "translated": "Gruppenberechtigungen konnten nicht kopiert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid group name length"
+            },
+            "translated": "Ungültige Länge des Gruppennamens",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A group with this name already exists"
+            },
+            "translated": "Eine Gruppe mit diesem Namen existiert bereits",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading data..."
+            },
+            "translated": "Daten werden geladen...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Target group type"
+            },
+            "translated": "Zielgruppentyp",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Query group"
+            },
+            "translated": "Abfragegruppe",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Create group using this template"
+            },
+            "translated": "Erstellen Sie eine Gruppe mit dieser Vorlage",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No template"
+            },
+            "translated": "Keine Vorlage",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Query groups"
+            },
+            "translated": "Abfragegruppen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Template groups"
+            },
+            "translated": "Vorlagengruppen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Regular Groups"
+            },
+            "translated": "Regelmäßige Gruppen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Create Group"
+            },
+            "translated": "Gruppe erstellen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Create a new server group"
+            },
+            "translated": "Erstellen Sie eine neue Servergruppe",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Create a new channel group"
+            },
+            "translated": "Erstellen Sie eine neue Channelgruppe",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "insufficient permissions"
+            },
+            "translated": "Nicht ausreichende Berechtigungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Group has been created"
+            },
+            "translated": "Gruppe wurde erstellt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The group has been successfully created."
+            },
+            "translated": "Die Gruppe wurde erfolgreich erstellt.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknwon"
+            },
+            "translated": "unbekannt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create group: %o"
+            },
+            "translated": "Gruppe konnte nicht erstellt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Event"
+            },
+            "translated": "Veranstaltung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Focus"
+            },
+            "translated": "Fokus",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Draw focus to the window when the event occurs"
+            },
+            "translated": "Zeichnen Sie den Fokus auf das Fenster, wenn das Ereignis eintritt",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Notify"
+            },
+            "translated": "Benachrichtigen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Sending out a system notification"
+            },
+            "translated": "Senden einer Systembenachrichtigung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Log"
+            },
+            "translated": "Log",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Log the event within the client server log"
+            },
+            "translated": "Protokollieren Sie das Ereignis im Client-Server-Protokoll",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No events matching your filter"
+            },
+            "translated": "Keine Ereignisse, die Ihrem Filter entsprechen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Filter Events"
+            },
+            "translated": "Ereignisse filtern",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Notifications"
+            },
+            "translated": "Benachrichtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You received a poke"
+            },
+            "translated": "Du hast einen Sack bekommen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You send a poke"
+            },
+            "translated": "Du schickst einen Sack",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You received a private message"
+            },
+            "translated": "Sie haben eine private Nachricht erhalten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You send a private message"
+            },
+            "translated": "Sie senden eine private Nachricht",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A client enters your view"
+            },
+            "translated": "Ein Kunde gibt Ihre Ansicht ein",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A client enters your view and your channel"
+            },
+            "translated": "Ein Kunde gibt Ihre Ansicht und Ihren Channel ein",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A client switches/gets moved/kicked"
+            },
+            "translated": "Ein Client wechselt / wird bewegt / getreten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A client switches/gets moved/kicked in to/out of your channel"
+            },
+            "translated": "Ein Client wechselt in Ihren Channel",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've been moved or kicked"
+            },
+            "translated": "Du wurdest bewegt oder getreten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A client leaves/disconnects of your view"
+            },
+            "translated": "Ein Client verlässt / trennt Ihre Ansicht",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A client leaves/disconnects of your channel"
+            },
+            "translated": "Ein Client verlässt / trennt Ihren Channel",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A server message has been send"
+            },
+            "translated": "Eine Servernachricht wurde gesendet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The server has been closed"
+            },
+            "translated": "Der Server wurde geschlossen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've been banned from the server"
+            },
+            "translated": "Sie wurden vom Server gesperrt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You're connecting to a server"
+            },
+            "translated": "Sie stellen eine Verbindung zu einem Server her",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've successfully connected to the server"
+            },
+            "translated": "Sie haben erfolgreich eine Verbindung zum Server hergestellt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You're connect attempt failed"
+            },
+            "translated": "Ihr Verbindungsversuch ist fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Set key"
+            },
+            "translated": "Schlüssel einstellen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remove key"
+            },
+            "translated": "Schlüssel abziehen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "query timeout"
+            },
+            "translated": "Zeitlimit für Abfragen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change key"
+            },
+            "translated": "Schlüssel konnte nicht geändert werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Clear Key"
+            },
+            "translated": "Tasten löschen",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Keymap"
+            },
+            "translated": "Tastenbelegungen",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Deleting an unknown channel!"
+            },
+            "translated": "Unbekannten Channel löschen!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Deleting a non empty channel! This could cause some errors."
+            },
+            "translated": "Nicht leeren Channel löschen! Dies kann zu Fehlern führen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Collapse all channels"
+            },
+            "translated": "Reduzieren Sie alle Channels",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Expend all channels"
+            },
+            "translated": "Verbrauchen Sie alle Channels",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Delete all channels"
+            },
+            "translated": "Löschen Sie alle Channels",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Apply to all clients"
+            },
+            "translated": "Auf alle Kunden anwenden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Apply to all channels"
+            },
+            "translated": "Auf alle Channels anwenden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server actions"
+            },
+            "translated": "Serveraktionen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file transfer start notification for unknown transfer (%s)"
+            },
+            "translated": "Empfangene Benachrichtigung zum Start der Dateiübertragung für unbekannte Übertragung (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file transfer start notification for unknown transfer (%s)"
+            },
+            "translated": "Empfangene Benachrichtigung zum Start der Dateiübertragung für unbekannte Übertragung (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file transfer start notification for unknown transfer (%s)"
+            },
+            "translated": "Empfangene Benachrichtigung zum Start der Dateiübertragung für unbekannte Übertragung (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file transfer progress notification for unknown transfer (%s)"
+            },
+            "translated": "Benachrichtigung über den Fortschritt der Dateiübertragung für unbekannte Übertragung (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file transfer status notification for unknown transfer (%s)"
+            },
+            "translated": "Empfangene Benachrichtigung über den Status der Dateiübertragung für unbekannte Übertragung (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file list for not request path: %s (channel %s)"
+            },
+            "translated": "Liste der empfangenen Dateien für nicht angeforderten Pfad:% s (Channel% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file list finish for not request path: %s (channel %s)"
+            },
+            "translated": "Ende der Liste der empfangenen Dateien für Pfad ohne Anforderung:% s (Channel% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file info for unknown return code: %s"
+            },
+            "translated": "Empfangene Dateiinformationen für unbekannten Rückkehrcode:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file info for already finished return code: %s"
+            },
+            "translated": "Empfangene Dateiinformationen für den bereits abgeschlossenen Rückkehrcode:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received file info for unknown return code: %s"
+            },
+            "translated": "Empfangene Dateiinformationen für unbekannten Rückkehrcode:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing server file list response"
+            },
+            "translated": "Fehlende Antwort auf die Liste der Serverdateien",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "response bulk miss match"
+            },
+            "translated": "Antwort Bulk Miss Match",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "the server failed to full fill the request"
+            },
+            "translated": "Der Server konnte die Anforderung nicht vollständig ausfüllen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "request gone away while parsing response"
+            },
+            "translated": "Anfrage beim Parsen der Antwort verschwunden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing info for bulk "
+            },
+            "translated": "Fehlende Informationen für Bulk",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create transfer target"
+            },
+            "translated": "Übertragungsziel konnte nicht erstellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "missing transfer start notify"
+            },
+            "translated": "fehlender Übertragungsstart benachrichtigen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create transfer source"
+            },
+            "translated": "Fehler beim Erstellen der Übertragungsquelle",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "missing transfer start notify"
+            },
+            "translated": "fehlender Übertragungsstart benachrichtigen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing transfer provider"
+            },
+            "translated": "Fehlender Transferanbieter",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown transfer type"
+            },
+            "translated": "unbekannter Übertragungstyp",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing file transfer in file transfer list!"
+            },
+            "translated": "Fehlende Dateiübertragung in Dateiübertragungsliste!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Timed out"
+            },
+            "translated": "Zeitüberschreitung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Resetting server/channel groups"
+            },
+            "translated": "Server- / Channelgruppen zurücksetzen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Group manager reset"
+            },
+            "translated": "Gruppenmanager zurücksetzen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to request the server group list: %o"
+            },
+            "translated": "Fehler beim Anfordern der Servergruppenliste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to request the channel group list: %o"
+            },
+            "translated": "Fehler beim Anfordern der Channelgruppenliste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "pending"
+            },
+            "translated": "steht aus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "connecting"
+            },
+            "translated": "Anschließen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to upload icon %s: %o"
+            },
+            "translated": "Fehler beim Hochladen des Symbols% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "upload canceled"
+            },
+            "translated": "Upload abgebrochen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "File Browser"
+            },
+            "translated": "Dateibrowser",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to get version: %o"
+            },
+            "translated": "Version konnte nicht abgerufen werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load icon"
+            },
+            "translated": "Symbol konnte nicht geladen werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "general"
+            },
+            "translated": "Allgemeines",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy code"
+            },
+            "translated": "Code kopieren",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Show finished transfers"
+            },
+            "translated": "Fertige Überweisungen anzeigen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "query error"
+            },
+            "translated": "Abfragefehler",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No running transfers"
+            },
+            "translated": "Keine laufenden Transfers",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "file transfer failed: "
+            },
+            "translated": "Dateiübertragung fehlgeschlagen:",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "file transfer failed"
+            },
+            "translated": "Dateiübertragung fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "less than a second"
+            },
+            "translated": "weniger als eine Sekunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "pending"
+            },
+            "translated": "steht aus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid state!"
+            },
+            "translated": "ungültiger Status!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "awaiting info"
+            },
+            "translated": "Warten auf Informationen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query the file transfers:"
+            },
+            "translated": "Fehler beim Abfragen der Dateiübertragungen:",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "No transfers"
+            },
+            "translated": "Keine Überweisungen",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Request timed out"
+            },
+            "translated": "Zeitüberschreitung der Anforderung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "File transfers"
+            },
+            "translated": "Dateiübertragungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Running file transfers"
+            },
+            "translated": "Ausführen von Dateiübertragungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remove finished"
+            },
+            "translated": "Fertig entfernen",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received an unknown drop media type (%o)"
+            },
+            "translated": "Erhielt einen unbekannten Drop-Media-Typ (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to enter path"
+            },
+            "translated": "Pfad konnte nicht eingegeben werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to enter path"
+            },
+            "translated": "Pfad konnte nicht eingegeben werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "File"
+            },
+            "translated": "Datei",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directory icon"
+            },
+            "translated": "Verzeichnissymbol",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directory"
+            },
+            "translated": "Verzeichnis",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "Empty directory icon"
+            },
+            "translated": "Symbol für leeres Verzeichnis",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Empty directory"
+            },
+            "translated": "Leeres Verzeichnis",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directory password protected"
+            },
+            "translated": "Verzeichnis passwortgeschützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Password protected directory"
+            },
+            "translated": "Passwortgeschütztes Verzeichnis",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid directory state"
+            },
+            "translated": "Ungültiger Verzeichnisstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to rename file"
+            },
+            "translated": "Datei konnte nicht umbenannt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to rename file"
+            },
+            "translated": "Datei konnte nicht umbenannt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query directory:"
+            },
+            "translated": "Verzeichnis konnte nicht abgefragt werden:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directory query timed out."
+            },
+            "translated": "Zeitüberschreitung bei Verzeichnisabfrage.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Please try again."
+            },
+            "translated": "Bitte versuche es erneut.",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directory query failed on permission"
+            },
+            "translated": "Verzeichnisabfrage bei Berechtigung fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directory query failed because it is password protected"
+            },
+            "translated": "Die Verzeichnisabfrage ist fehlgeschlagen, da sie kennwortgeschützt ist",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "This folder is empty."
+            },
+            "translated": "Dieser Ordner ist leer.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directory"
+            },
+            "translated": "Verzeichnis",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "File"
+            },
+            "translated": "Datei",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Last changed"
+            },
+            "translated": "Zuletzt geändert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received an unknown drop media type (%o)"
+            },
+            "translated": "Erhielt einen unbekannten Drop-Media-Typ (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Last changed"
+            },
+            "translated": "Zuletzt geändert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown query error"
+            },
+            "translated": "unbekannter Abfragefehler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid query result state"
+            },
+            "translated": "ungültiger Abfrageergebnisstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete entry"
+            },
+            "translated": "Eintrag konnte nicht gelöscht werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create directory"
+            },
+            "translated": "Verzeichnis konnte nicht erstellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create directory"
+            },
+            "translated": "Verzeichnis konnte nicht erstellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Having file download start notification for current path, but target file is unknown (%s%s)"
+            },
+            "translated": "Startbenachrichtigung zum Herunterladen der Datei für den aktuellen Pfad, aber die Zieldatei ist unbekannt (% s% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalidating cached avatar for %s (Version miss match. Cached: unset, Current: %s)"
+            },
+            "translated": "Zwischengespeicherten Avatar für% s ungültig machen (Versionsübereinstimmung der Version. Zwischengespeichert: nicht gesetzt, aktuell:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalidating cached avatar for %s (Version miss match. Cached: %s, Current: %s)"
+            },
+            "translated": "Zwischengespeicherten Avatar für% s ungültig machen (Versionsübereinstimmung der Version. Zwischengespeichert:% s, Aktuell:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "download canceled"
+            },
+            "translated": "Download abgebrochen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown transfer finished state"
+            },
+            "translated": "unbekannter Übertragungszustand beendet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
+            },
+            "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No permissions to download the avatar"
+            },
+            "translated": "Keine Berechtigung zum Herunterladen des Avatars",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Avatar download failed"
+            },
+            "translated": "Avatar-Download fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Avatar transfer has no response"
+            },
+            "translated": "Avatar-Übertragung hat keine Antwort",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Avatar response missing media bytes"
+            },
+            "translated": "Avatar-Antwort fehlende Medienbytes",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
+            },
+            "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing avatar response"
+            },
+            "translated": "Fehlende Avatar-Antwort",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
+            },
+            "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
+            },
+            "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load avatar %s (hash: %s): %o"
+            },
+            "translated": "Fehler beim Laden des Avatars% s (Hash:% s):% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete avatar %s: %o"
+            },
+            "translated": "Fehler beim Löschen des Avatars% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid handler"
+            },
+            "translated": "Ungültiger Handler",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Would you like to open the popup?"
+            },
+            "translated": "Möchten Sie das Popup öffnen?",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "version miss match"
+            },
+            "translated": "Version Miss Match",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "version miss match"
+            },
+            "translated": "Version Miss Match",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel id (ID is NaN)"
+            },
+            "translated": "Ungültige Channel-ID (ID ist NaN)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Channel not visible anymore"
+            },
+            "translated": "Channel nicht mehr sichtbar",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown path"
+            },
+            "translated": "Unbekannter Pfad",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown parsed path type"
+            },
+            "translated": "Unbekannter analysierter Pfadtyp",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query channel directory files: %o"
+            },
+            "translated": "Channelverzeichnisdateien konnten nicht abgefragt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Icon/avatars could not be renamed"
+            },
+            "translated": "Icon / Avatare konnten nicht umbenannt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid source path"
+            },
+            "translated": "Ungültiger Quellpfad",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Target path isn't a channel"
+            },
+            "translated": "Der Zielpfad ist kein Channel",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid target path"
+            },
+            "translated": "Ungültiger Zielpfad",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed on permission "
+            },
+            "translated": "Bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel password"
+            },
+            "translated": "Ungültiges Channelpasswort",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to rename/move files: %o"
+            },
+            "translated": "Fehler beim Umbenennen / Verschieben von Dateien:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Refresh file list"
+            },
+            "translated": "Dateiliste aktualisieren",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Force delete file"
+            },
+            "translated": "Löschdatei erzwingen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Delete file"
+            },
+            "translated": "Datei löschen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Force delete files"
+            },
+            "translated": "Löschen von Dateien erzwingen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Delete files"
+            },
+            "translated": "Dateien löschen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Refresh file list"
+            },
+            "translated": "Dateiliste aktualisieren",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Create folder"
+            },
+            "translated": "Ordner erstellen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "New folder"
+            },
+            "translated": "Neuer Ordner",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "files"
+            },
+            "translated": "Dateien",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "files"
+            },
+            "translated": "Dateien",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Response contained invalid bulk length"
+            },
+            "translated": "Die Antwort enthielt eine ungültige Bulk-Länge",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed on permission "
+            },
+            "translated": "Bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel password"
+            },
+            "translated": "Ungültiges Channelpasswort",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create directory: %o"
+            },
+            "translated": "Verzeichnis konnte nicht erstellt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to parse path for one or more entries "
+            },
+            "translated": "Fehler beim Analysieren des Pfads für einen oder mehrere Einträge",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Directories could only created for channels"
+            },
+            "translated": "Verzeichnisse konnten nur für Channels erstellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid path"
+            },
+            "translated": "Ungültigen Pfad",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed on permission "
+            },
+            "translated": "Bei Erlaubnis fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid channel password"
+            },
+            "translated": "Ungültiges Channelpasswort",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create directory: %o"
+            },
+            "translated": "Verzeichnis konnte nicht erstellt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create transfer target"
+            },
+            "translated": "Übertragungsziel konnte nicht erstellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to create transfer target.\nAll targets are unsupported"
+            },
+            "translated": "Übertragungsziel konnte nicht erstellt werden.\nAlle Ziele werden nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to download file"
+            },
+            "translated": "Datei konnte nicht heruntergeladen werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to parse path for file download: %s"
+            },
+            "translated": "Fehler beim Analysieren des Pfads für den Dateidownload:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to upload file(s)"
+            },
+            "translated": "Fehler beim Hochladen der Datei (en)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to upload file"
+            },
+            "translated": "Datei konnte nicht hochgeladen werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Aborting connect attempt due to a cancel request."
+            },
+            "translated": "Verbindungsversuch aufgrund einer Abbruchanforderung abbrechen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connection attempt to %s:%d via %s got aborted."
+            },
+            "translated": "Verbindungsversuch zu% s:% d über% s wurde abgebrochen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connection attempt to %s:%d via %s failed:\n%o"
+            },
+            "translated": "Verbindungsversuch zu% s:% d über% s fehlgeschlagen:\n%Ö",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to connect to %s:%d. No connection attempt succeeded."
+            },
+            "translated": "Verbindung zu% s fehlgeschlagen:% d. Kein Verbindungsversuch erfolgreich.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to disconnect with an already closed socket: %o"
+            },
+            "translated": "Fehler beim Trennen der Verbindung mit einem bereits geschlossenen Socket:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server connection %s:%d has been terminated due to an unexpected error (%o)."
+            },
+            "translated": "Serververbindung% s:% d wurde aufgrund eines unerwarteten Fehlers (% o) beendet.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server connection %s:%d has been terminated due to an unexpected error."
+            },
+            "translated": "Serververbindung% s:% d wurde aufgrund eines unerwarteten Fehlers beendet.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to disconnect with an already closed socket: %o"
+            },
+            "translated": "Fehler beim Trennen der Verbindung mit einem bereits geschlossenen Socket:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Successfully initialized a connection to %s:%d via %s within %d milliseconds."
+            },
+            "translated": "Eine Verbindung zu% s:% d über% s wurde innerhalb von% d Millisekunden erfolgreich initialisiert.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to send data via a non connected server socket."
+            },
+            "translated": "Es wurde versucht, Daten über einen nicht verbundenen Server-Socket zu senden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Channel resize observer fired resize event with no entries!"
+            },
+            "translated": "Channelgröße ändern Beobachter ausgelöst Größe ändern Ereignis ohne Einträge!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Channel resize observer fired resize event with more than one entry which should not be possible (%d)!"
+            },
+            "translated": "Channelgröße ändern Beobachter ausgelöst Größe ändern Ereignis mit mehr als einem Eintrag, der nicht möglich sein sollte (% d)!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Rebuilding the channel tree"
+            },
+            "translated": "Channelbaum neu erstellen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to scroll tree entry in view because its not registered within the view. Entry: %o"
+            },
+            "translated": "Fehler beim Scrollen des Baumeintrags in der Ansicht, da dieser nicht in der Ansicht registriert ist. Eintrag:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connecting..."
+            },
+            "translated": "Anschließen ...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Hostname resolved"
+            },
+            "translated": "Hostname aufgelöst",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connection to server denied"
+            },
+            "translated": "Verbindung zum Server verweigert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server has been closed"
+            },
+            "translated": "Server wurde geschlossen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server requires a password to connect."
+            },
+            "translated": "Der Server benötigt ein Passwort, um eine Verbindung herzustellen.",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "for"
+            },
+            "translated": "zum",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've peen poked by"
+            },
+            "translated": "Du hast gestochen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Notification permission request resulted in %s"
+            },
+            "translated": "Die Anforderung einer Benachrichtigungserlaubnis führte zu% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to execute notification permission request: %O"
+            },
+            "translated": "Fehler beim Ausführen der Benachrichtigungsberechtigungsanforderung:% O.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Collapse all channels"
+            },
+            "translated": "Reduzieren Sie alle Channels",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Expend all channels"
+            },
+            "translated": "Verbrauchen Sie alle Channels",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "target client is offline/invisible"
+            },
+            "translated": "Zielclient ist offline / unsichtbar",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to register private conversation chat event for %s: %o"
+            },
+            "translated": "Fehler beim Registrieren des Chat-Ereignisses für private Konversation für% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to close a not existing private conversation with id %s"
+            },
+            "translated": "Es wurde versucht, ein nicht vorhandenes privates Gespräch mit der ID% s zu schließen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to send chat composing to server for chat %d: %o"
+            },
+            "translated": "Fehler beim Senden der Chat-Komposition an den Server für den Chat% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to send channel chat message to %s: %o"
+            },
+            "translated": "Fehler beim Senden der Channel-Chat-Nachricht an% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "chat is private"
+            },
+            "translated": "Chat ist privat",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown permission"
+            },
+            "translated": "unbekannte Erlaubnis",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown conversation"
+            },
+            "translated": "Unbekanntes Gespräch",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown conversation"
+            },
+            "translated": "Unbekanntes Gespräch",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to query history for an unknown conversation with id %s"
+            },
+            "translated": "Es wurde versucht, den Verlauf für eine unbekannte Konversation mit der ID% s abzufragen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to send a chat message to an unknown conversation with id %s"
+            },
+            "translated": "Es wurde versucht, eine Chat-Nachricht an eine unbekannte Konversation mit der ID% s zu senden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to jump to present for an unknown conversation with id %s"
+            },
+            "translated": "Versucht zu springen, um für ein unbekanntes Gespräch mit id% s zu präsentieren",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknwon"
+            },
+            "translated": "unbekannt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "lookup the console"
+            },
+            "translated": "Suchen Sie die Konsole",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Conversation history query task threw an error; this should never happen: %o"
+            },
+            "translated": "Die Abfrageaufgabe für den Konversationsverlauf hat einen Fehler ausgelöst. Dies sollte niemals passieren:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to delete an unknown message (id: %s)"
+            },
+            "translated": "Versucht, eine unbekannte Nachricht zu löschen (ID:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to delete conversation message for conversation %d: %o"
+            },
+            "translated": "Konversationsnachricht für Konversation% d:% o konnte nicht gelöscht werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query conversation indexes: %o"
+            },
+            "translated": "Konversationsindizes konnten nicht abgefragt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received conversation history for an unknown conversation: %o"
+            },
+            "translated": "Empfangener Konversationsverlauf für eine unbekannte Konversation:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to delete a chat message from an unknown conversation with id %s"
+            },
+            "translated": "Es wurde versucht, eine Chat-Nachricht aus einer unbekannten Konversation mit der ID% s zu löschen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "permanently"
+            },
+            "translated": "permanent",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Reconnect canceled."
+            },
+            "translated": "Wiederverbindung abgebrochen.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server requires a password to connect."
+            },
+            "translated": "Der Server benötigt ein Passwort, um eine Verbindung herzustellen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server has been closed."
+            },
+            "translated": "Server wurde geschlossen.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Not connected to any server"
+            },
+            "translated": "Keine Verbindung zu einem Server",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connecting to "
+            },
+            "translated": "Verbinden mit",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client icon"
+            },
+            "translated": "Client-Symbol",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You don't support the channel codec"
+            },
+            "translated": "Sie unterstützen den Channelcodec nicht",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unexpected close with code "
+            },
+            "translated": "Unerwartet mit Code schließen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to close the web socket to %s: %o"
+            },
+            "translated": "Fehler beim Schließen des Web-Sockets auf% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Typing"
+            },
+            "translated": "Tippen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No messages"
+            },
+            "translated": "Keine Nachrichten",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to add remote cached ice candidate finish: %o"
+            },
+            "translated": "Fehler beim Hinzufügen des Remote-Cache-Eiskandidaten-Finishs:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to add remote cached ice candidate %o: %o"
+            },
+            "translated": "Fehler beim Hinzufügen des zwischengespeicherten Eiskandidaten% o:% o",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received unknown web client control packet: %s"
+            },
+            "translated": "Unbekanntes Webclient-Steuerpaket empfangen:% s",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Gathered local ice candidate for stream %d: %s"
+            },
+            "translated": "Gesammelter lokaler Eiskandidat für Stream% d:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Local ICE candidate gathering finish."
+            },
+            "translated": "Treffen der lokalen ICE-Kandidaten beendet.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Database ready callback throw an unexpected exception: %o"
+            },
+            "translated": "Datenbankbereiter Rückruf löst eine unerwartete Ausnahme aus:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Importing old chats saved via cache storage. This may take some moments."
+            },
+            "translated": "Importieren alter Chats, die über den Cache-Speicher gespeichert wurden. Dies kann einige Momente dauern.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Skipping importing chat %s because URL does not match."
+            },
+            "translated": "Überspringen des Importierens von Chat% s, da die URL nicht übereinstimmt.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "array expected"
+            },
+            "translated": "Array erwartet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Skipping importing chat %s because of an error: %o"
+            },
+            "translated": "Überspringen des Importierens von Chat% s aufgrund eines Fehlers:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Found %d old chats. Importing."
+            },
+            "translated": "% D alte Chats gefunden. Importieren.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "All old chats have been imported. Deleting old data."
+            },
+            "translated": "Alle alten Chats wurden importiert. Alte Daten löschen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to import old chats from cache storage: %o"
+            },
+            "translated": "Fehler beim Importieren alter Chats aus dem Cache-Speicher:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Database update callback throw an unexpected exception: %o"
+            },
+            "translated": "Rückruf der Datenbankaktualisierung löst eine unerwartete Ausnahme aus:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to open/upgrade the private chat database.\nPlease close all other instances of the TeaWeb client."
+            },
+            "translated": "Fehler beim Öffnen / Aktualisieren der privaten Chat-Datenbank.\nBitte schließen Sie alle anderen Instanzen des TeaWeb-Clients.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Opened private conversations database, with an update, but update didn't happened. Trying again."
+            },
+            "translated": "Geöffnete Datenbank für private Konversationen mit einem Update, aber kein Update. Ich versuche es erneut.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received external database version change. Closing database."
+            },
+            "translated": "Änderung der externen Datenbankversion erhalten. Datenbank schließen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing Indexed DB support"
+            },
+            "translated": "Fehlende Unterstützung für indizierte DB",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing Indexed DB support"
+            },
+            "translated": "Fehlende Unterstützung für indizierte DBs",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Successfully initialized private conversation history database"
+            },
+            "translated": "Erfolgreich initialisierte private Konversationsverlaufsdatenbank",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize private conversation history database: %o"
+            },
+            "translated": "Fehler beim Initialisieren der privaten Konversationsverlaufsdatenbank:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Do not saving the private conversation chat."
+            },
+            "translated": "Speichern Sie den privaten Gesprächs-Chat nicht.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received unknown notify from worker."
+            },
+            "translated": "Unbekannte Benachrichtigung vom Arbeiter erhalten.",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received worker execute error for unknown token (%s)"
+            },
+            "translated": "Fehler beim Ausführen des empfangenen Workers für unbekanntes Token (% s)",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received command %s from voice worker. This should never happen!"
+            },
+            "translated": "Befehl% s vom Spracharbeiter erhalten. Das sollte niemals passieren!",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received unknown message of type %s from voice worker. This should never happen!"
+            },
+            "translated": "Unbekannte Nachricht vom Typ% s vom Voice Worker empfangen. Das sollte niemals passieren!",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "worker terminated with an error"
+            },
+            "translated": "Arbeiter mit einem Fehler beendet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "command timed out"
+            },
+            "translated": "Befehl abgelaufen",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {
+                "message": "Duplicate"
+            },
+            "translated": "Duplikat",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Changing global setting %s to %o"
+            },
+            "translated": "Ändern der globalen Einstellung% s in% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to gather a change list from version %s: %o"
+            },
+            "translated": "Fehler beim Sammeln einer Änderungsliste aus Version% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "This channel has an unsupported codec.<br>You cant listen to anybody within this channel!"
+            },
+            "translated": "Dieser Channel hat einen nicht unterstützten Codec. <br> Sie können niemanden in diesem Channel hören!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to stop the microphone input recorder: %o"
+            },
+            "translated": "Fehler beim Stoppen des Mikrofoneingangsrekorders:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to acquire recorder: %o"
+            },
+            "translated": "Rekorder konnte nicht erworben werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to acquire recorder"
+            },
+            "translated": "Rekorder konnte nicht erworben werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to acquire recorder.\nLookup the console for more details."
+            },
+            "translated": "Rekorder konnte nicht erworben werden.\nSuchen Sie in der Konsole nach weiteren Details.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Your browser does not support voice recording"
+            },
+            "translated": "Ihr Browser unterstützt keine Sprachaufzeichnung",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The input device is busy"
+            },
+            "translated": "Das Eingabegerät ist beschäftigt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Invalid input device"
+            },
+            "translated": "Ungültiges Eingabegerät",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Initializing a whisper session for client %d (%s | %s)"
+            },
+            "translated": "Initialisieren einer Flüstersitzung für Client% d (% s |% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Open Registry"
+            },
+            "translated": "Öffnen Sie die Registry",
+            "flags": [
+                "human-verified",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Default Profile"
+            },
+            "translated": "Standard Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Improved the identity level to %d within %s milliseconds"
+            },
+            "translated": "Die Identitätsstufe wurde innerhalb von% s Millisekunden auf% d verbessert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to generate the default identity: %o"
+            },
+            "translated": "Fehler beim Generieren der Standardidentität:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "TeaSpeak Forum Profile"
+            },
+            "translated": "TeaSpeak Forum Profil",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing video viewer plugin"
+            },
+            "translated": "Fehlendes Video Viewer Plugin",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Video viewer queried the watcher status of an unknown client: %s (%o)"
+            },
+            "translated": "Der Video-Viewer hat den Überwachungsstatus eines unbekannten Clients abgefragt:% s (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Video viewer queried the watcher info of an unknown client: %s (%o)"
+            },
+            "translated": "Der Video-Viewer hat die Beobachterinformationen eines unbekannten Clients abgefragt:% s (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Video viewer queried the watcher followers of an unknown client: %s (%o)"
+            },
+            "translated": "Der Video-Viewer befragte die Beobachter-Follower eines unbekannten Clients:% s (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Video viewer tried to follow an unknown client: %s (%o)"
+            },
+            "translated": "Der Videobetrachter hat versucht, einem unbekannten Client zu folgen:% s (% o)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Target client isn't watching anything"
+            },
+            "translated": "Der Zielclient sieht nichts",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The target client isn't watching anything."
+            },
+            "translated": "Der Zielclient sieht nichts.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lookup the console for details"
+            },
+            "translated": "Suchen Sie in der Konsole nach Details",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to open video viewer."
+            },
+            "translated": "Video-Viewer konnte nicht geöffnet werden.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to open video viewer: %o"
+            },
+            "translated": "Video-Viewer konnte nicht geöffnet werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load old recorder profile config for %s"
+            },
+            "translated": "Fehler beim Laden der alten Rekorderprofilkonfiguration für% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to reinitialize filters after vad type change: %o"
+            },
+            "translated": "Fehler beim erneuten Initialisieren der Filter nach Änderung des VAD-Typs:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Fire audio player initialized for %d listeners"
+            },
+            "translated": "Fire Audio Player für% d Hörer initialisiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Audio context has been closed"
+            },
+            "translated": "Der Audiokontext wurde geschlossen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid audio context state"
+            },
+            "translated": "ungültiger Audiokontextstatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize audio context instance from gesture: %o"
+            },
+            "translated": "Fehler beim Initialisieren der Audiokontextinstanz über die Geste:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to activate an invalid server connection handler with id %s"
+            },
+            "translated": "Es wurde versucht, einen ungültigen Serververbindungshandler mit der ID% s zu aktivieren",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to destroy an invalid server connection handler with id %s"
+            },
+            "translated": "Es wurde versucht, einen ungültigen Serververbindungshandler mit der ID% s zu zerstören",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to query a status for an invalid server connection handler with id %s"
+            },
+            "translated": "Es wurde versucht, einen Status für einen ungültigen Serververbindungshandler mit der ID% s abzufragen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Replay paused"
+            },
+            "translated": "Die Wiedergabe wurde unterbrochen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Buffering"
+            },
+            "translated": "Pufferung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Video ended"
+            },
+            "translated": "Video beendet",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Playing"
+            },
+            "translated": "Spielen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown player status"
+            },
+            "translated": "unbekannter Spielerstatus",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unfollow"
+            },
+            "translated": "Nicht mehr folgen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Watcher list"
+            },
+            "translated": "Beobachterliste",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Follower sync. Remote timestamp %d, Local timestamp: %d. Difference: %d, Do seek: %o"
+            },
+            "translated": "Follower-Synchronisierung. Remote-Zeitstempel% d, lokaler Zeitstempel:% d. Unterschied:% d, Suche:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onBuffer()"
+            },
+            "translated": "ReactPlayer :: onBuffer ()",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onBufferEnd()"
+            },
+            "translated": "ReactPlayer :: onBufferEnd ()",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onDuration(%d)"
+            },
+            "translated": "ReactPlayer :: onDuration (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onEnded()"
+            },
+            "translated": "ReactPlayer :: onEnded ()",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onPause()"
+            },
+            "translated": "ReactPlayer :: onPause ()",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onPlay()"
+            },
+            "translated": "ReactPlayer :: onPlay ()",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Player started, at second %d. Watcher is at %s. So sync: %o"
+            },
+            "translated": "Spieler gestartet, bei Sekunde% d. Beobachter ist bei% s. Also synchronisieren:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onProgress %d seconds played, %d seconds buffered. Player state: %s"
+            },
+            "translated": "ReactPlayer :: onProgress% d Sekunden gespielt,% d Sekunden gepuffert. Spielerstatus:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onReady()"
+            },
+            "translated": "ReactPlayer :: onReady ()",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onSeek(%d)"
+            },
+            "translated": "ReactPlayer :: onSeek (% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ReactPlayer::onStart()"
+            },
+            "translated": "ReactPlayer :: onStart ()",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "W2G - Following"
+            },
+            "translated": "W2G - Folgen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "W2G - Watcher"
+            },
+            "translated": "W2G - Beobachter",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to spawn window"
+            },
+            "translated": "Fenster konnte nicht erzeugt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "user aborted"
+            },
+            "translated": "Benutzer abgebrochen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remote window got reconnected. Client reloaded it."
+            },
+            "translated": "Remote-Fenster wurde wieder verbunden. Client hat es neu geladen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remote window got a new id. Maybe a reload?"
+            },
+            "translated": "Remote-Fenster hat eine neue ID erhalten. Vielleicht ein Nachladen?",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to automatically start audio recording: %s"
+            },
+            "translated": "Fehler beim automatischen Starten der Audioaufnahme:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Input filter chain: %s"
+            },
+            "translated": "Eingangsfilterkette:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "no device selected"
+            },
+            "translated": "kein Gerät ausgewählt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "voice filter isn't supported!"
+            },
+            "translated": "Sprachfilter wird nicht unterstützt!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "unknown filter type"
+            },
+            "translated": "unbekannter Filtertyp",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Click to export the changed values, Shift click to export all values"
+            },
+            "translated": "Klicken Sie hier, um die geänderten Werte zu exportieren. Klicken Sie bei gedrückter Umschalttaste, um alle Werte zu exportieren",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "the recorder backend hasn't been set yet"
+            },
+            "translated": "Das Rekorder-Backend wurde noch nicht eingestellt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "a recorder backend has already been initialized"
+            },
+            "translated": "Ein Rekorder-Backend wurde bereits initialisiert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received command %s"
+            },
+            "translated": "Empfangener Befehl% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to destroy client after a failed initialialization: %o"
+            },
+            "translated": "Client konnte nach einer fehlgeschlagenen Initialisierung nicht zerstört werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to destroy audio client %d: %s"
+            },
+            "translated": "Fehler beim Zerstören des Audio-Clients% d:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Microphone access has been blocked by your browser."
+            },
+            "translated": "Der Mikrofonzugriff wurde von Ihrem Browser blockiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Please grant access to your microphone."
+            },
+            "translated": "Bitte gewähren Sie Zugriff auf Ihr Mikrofon.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Request access"
+            },
+            "translated": "Anfrage Zugang",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to select microphone"
+            },
+            "translated": "Mikrofon konnte nicht ausgewählt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The web audio play hasn't been initialized yet."
+            },
+            "translated": "Die Web-Audiowiedergabe wurde noch nicht initialisiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Click somewhere on the base to initialize it."
+            },
+            "translated": "Klicken Sie irgendwo auf die Basis, um sie zu initialisieren.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Please grant access to your microphone."
+            },
+            "translated": "Bitte gewähren Sie Zugriff auf Ihr Mikrofon.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Request access"
+            },
+            "translated": "Anfrage Zugang",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "\r\n            Firstly we need to setup a microphone.\n\r\n            Let me guide you thru the basic UI elements.\n\r\n            \n\r\n            To continue click anywhere on the screen.\r\n        "
+            },
+            "translated": "\r\n            Zuerst müssen wir ein Mikrofon einrichten.\n\r\n            Lassen Sie sich von mir durch die grundlegenden Elemente der Benutzeroberfläche führen.\n\r\n            \n\r\n            Um fortzufahren, klicken Sie auf eine beliebige Stelle auf dem Bildschirm.\r\n        ",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "\r\n            All your available microphones are listed within this box.\n\r\n            \n\r\n            The currently selected microphone\n\r\n            is marked with a green checkmark. To change the selected microphone\n\r\n            just click on the new one.\n\r\n            \n\r\n            To continue click anywhere on the screen.\r\n        "
+            },
+            "translated": "\r\n            In diesem Feld sind alle verfügbaren Mikrofone aufgeführt.\n\r\n            \n\r\n            Das aktuell ausgewählte Mikrofon\n\r\n            ist mit einem grünen Häkchen markiert. So ändern Sie das ausgewählte Mikrofon\n\r\n            Klicken Sie einfach auf den neuen.\n\r\n            \n\r\n            Um fortzufahren, klicken Sie auf eine beliebige Stelle auf dem Bildschirm.\r\n        ",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "TeaSpeak has three voice activity detection types:"
+            },
+            "translated": "TeaSpeak verfügt über drei Arten der Sprachaktivitätserkennung:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "\r\n                    To transmit audio data you'll have to\n\r\n                    press a key. The key could be selected via the button right to the radio button\r\n                "
+            },
+            "translated": "\r\n                    Um Audiodaten zu übertragen, müssen Sie\n\r\n                    drücke eine Taste. Die Taste kann über die Schaltfläche rechts neben dem Optionsfeld ausgewählt werden\r\n                ",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "\r\n                    In this mode, TeaSpeak will continuously analyze your microphone input.\r\n                    If the audio level is grater than a certain threshold,\r\n                    the audio will be transmitted.\r\n                    The threshold is changeable via the \"Sensitivity Settings\" slider\r\n                "
+            },
+            "translated": "\r\n                    In diesem Modus analysiert TeaSpeak kontinuierlich Ihren Mikrofoneingang.\r\n                    Wenn der Audiopegel einen bestimmten Schwellenwert überschreitet,\r\n                    Das Audio wird übertragen.\r\n                    Der Schwellenwert kann über den Schieberegler \"Empfindlichkeitseinstellungen\" geändert werden\r\n                ",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Continuously transmit any audio data."
+            },
+            "translated": "Übertragen Sie kontinuierlich alle Audiodaten.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "\r\n                Now you're ready to configure your microphone.\n\r\n                Just click anywhere on the screen.\r\n            "
+            },
+            "translated": "\r\n                Jetzt können Sie Ihr Mikrofon konfigurieren.\n\r\n                Klicken Sie einfach auf eine beliebige Stelle auf dem Bildschirm.\r\n            ",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Changed default microphone device to %s"
+            },
+            "translated": "Das Standardmikrofongerät wurde in% s geändert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change microphone setting (Invalid value type supplied. Expected %s, Received: %s)"
+            },
+            "translated": "Mikrofoneinstellung konnte nicht geändert werden (ungültiger Wertetyp angegeben. Erwartete% s, empfangen:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change recorders VAD type to %s"
+            },
+            "translated": "Fehler beim Ändern des VAD-Typs des Rekorders in% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "loading status"
+            },
+            "translated": "Ladestatus",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connecting to server"
+            },
+            "translated": "Verbindung zum Server herstellen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Handler list resize observer received events for more than one element (%d elements)."
+            },
+            "translated": "Die Handlerliste ändert die Größe der vom Beobachter empfangenen Ereignisse für mehr als ein Element (% d Elemente).",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "An UI updater has already been registered"
+            },
+            "translated": "Ein UI-Updater wurde bereits registriert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "An native updater has already been registered"
+            },
+            "translated": "Ein nativer Updater wurde bereits registriert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to load custom variables: %o"
+            },
+            "translated": "Fehler beim Laden benutzerdefinierter Variablen:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "invalid target watcher"
+            },
+            "translated": "ungültiger Zielbeobachter",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You can't follow your self"
+            },
+            "translated": "Du kannst dir nicht folgen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "missing w2g status"
+            },
+            "translated": "fehlender w2g Status",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Watch clients video"
+            },
+            "translated": "Sehen Sie sich das Video des Kunden an",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Kicking client %s from channel with reason %s"
+            },
+            "translated": "Client% s aus dem Channel mit Grund% s treten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Kicking client %s from server with reason %s"
+            },
+            "translated": "Client% s vom Server mit Grund% s treten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to create window"
+            },
+            "translated": "Fenster konnte nicht erstellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remote window connected with id %s"
+            },
+            "translated": "Remote-Fenster mit ID% s verbunden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Microphone device request took %d milliseconds. System answered: %s"
+            },
+            "translated": "Die Anforderung eines Mikrofongeräts dauerte% d Millisekunden. System antwortete:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query for microphone permissions: %s"
+            },
+            "translated": "Abfrage der Mikrofonberechtigungen fehlgeschlagen:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Default Firefox device"
+            },
+            "translated": "Standard-Firefox-Gerät",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "not supported"
+            },
+            "translated": "nicht unterstützt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No external modal factory has been set"
+            },
+            "translated": "Es wurde keine externe Modalfabrik eingestellt",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to enqueue audio buffer for audio client %d: %o"
+            },
+            "translated": "Fehler beim Einreihen des Audiopuffers für den Audio-Client% d:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A worker died. Closing worker."
+            },
+            "translated": "Ein Arbeiter starb. Arbeiter schließen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "worker is not alive"
+            },
+            "translated": "Arbeiter lebt nicht",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Audio player isn't initialized yet. Waiting for it to initialize."
+            },
+            "translated": "Der Audio-Player ist noch nicht initialisiert. Warten auf die Initialisierung.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice connection lost"
+            },
+            "translated": "Sprachverbindung unterbrochen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lost voice connection to the target server. Trying to reconnect..."
+            },
+            "translated": "Verlorene Sprachverbindung zum Zielserver. Der Versuch, die Verbindung wiederherzustellen ...",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Lost voice connection to target server. Trying to reconnect."
+            },
+            "translated": "Verlorene Sprachverbindung zum Zielserver. Versuch, die Verbindung wiederherzustellen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Input recorder attechment failed"
+            },
+            "translated": "Eingabe-Rekorder-Technologie fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to apply the current microphone recorder to the voice sender."
+            },
+            "translated": "Fehler beim Anwenden des aktuellen Mikrofonrekorders auf den Sprachsender.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to apply the input to the voice bridge: %o"
+            },
+            "translated": "Fehler beim Anwenden der Eingabe auf die Sprachbrücke:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to setup voice bridge: %s. Reconnect: %o"
+            },
+            "translated": "Voice Bridge konnte nicht eingerichtet werden:% s. Erneut verbinden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received local voice started event, even thou we're muted!"
+            },
+            "translated": "Empfangene lokale Stimme gestartet Ereignis, auch wenn wir stumm geschaltet sind!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "voice client already registered"
+            },
+            "translated": "Sprachclient bereits registriert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received new whisper from %d (%s)"
+            },
+            "translated": "Neues Flüstern von% d (% s) erhalten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to internally initialize a voice whisper session: %o"
+            },
+            "translated": "Interne Sprachflüstersitzung konnte nicht initialisiert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to initialize whisper session: %o."
+            },
+            "translated": "Fehler beim Initialisieren der Flüstersitzung:% o.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Whisper session %d timed out. Dropping session."
+            },
+            "translated": "Zeitüberschreitung der Flüstersitzung% d. Sitzung löschen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Session isn't an instance of the web whisper system"
+            },
+            "translated": "Die Sitzung ist keine Instanz des Web-Flüstersystems",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing whisper session initializer. Blocking whisper from %d (%s)"
+            },
+            "translated": "Fehlender Initialisierer der Flüstersitzung. Blockieren des Flüsterns von% d (% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Unknown client"
+            },
+            "translated": "Unbekannter Kunde",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to clear the whisper target: %o"
+            },
+            "translated": "Fehler beim Löschen des Flüsterziels:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Setting key"
+            },
+            "translated": "Einstellschlüssel",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Filter settings"
+            },
+            "translated": "Filtereinstellungen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Setting list"
+            },
+            "translated": "Einstellungsliste",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Setting editor"
+            },
+            "translated": "Editor einstellen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Global settings registry"
+            },
+            "translated": "Globale Einstellungsregistrierung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "We've updated the client for you"
+            },
+            "translated": "Wir haben den Client für Sie aktualisiert",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Identity string '%s' seems to be invalid"
+            },
+            "translated": "Die Identitätszeichenfolge '% s' scheint ungültig zu sein",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Found a new identity level at %s. Previous level %d now %d (%d hashes/second)"
+            },
+            "translated": "Bei% s wurde eine neue Identitätsstufe gefunden. Vorheriges Level% d jetzt% d (% d Hashes / Sekunde)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You don't have the permissions to view this\r\n                    permissions"
+            },
+            "translated": "Sie haben nicht die Berechtigung, dies anzuzeigen\r\n                    Berechtigungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Dropping replay buffer because of too high replay latency. (Current: %f, Max: %f)"
+            },
+            "translated": "Löschen des Wiedergabepuffers wegen zu hoher Wiedergabelatenz. (Aktuell:% f, Max:% f)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "This block should be unreachable!"
+            },
+            "translated": "Dieser Block sollte nicht erreichbar sein!",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice player has a buffer underflow. Changing state to buffering."
+            },
+            "translated": "Der Voice Player hat einen Pufferunterlauf. Status in Pufferung ändern.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "[Audio] Buffering exceeded timeout. Flushing and stopping replay."
+            },
+            "translated": "[Audio] Die Pufferung hat das Zeitlimit überschritten. Wiedergabe spülen und stoppen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to generate RTC offer: %o"
+            },
+            "translated": "RTC-Angebot konnte nicht generiert werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to generate local offer"
+            },
+            "translated": "konnte kein lokales Angebot generieren",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to apply local description"
+            },
+            "translated": "lokale Beschreibung konnte nicht angewendet werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to received a WebRTC answer (timeout)"
+            },
+            "translated": "konnte keine WebRTC-Antwort erhalten (Timeout)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing msg in servers answer"
+            },
+            "translated": "Fehlende Nachricht in Servern antworten",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to apply remotes description: %o"
+            },
+            "translated": "Beschreibung der Fernbedienungen fehlgeschlagen:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to apply remotes description"
+            },
+            "translated": "Fernbedienungsbeschreibung konnte nicht angewendet werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to establish a connection"
+            },
+            "translated": "Verbindung konnte nicht hergestellt werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Successfully connected to server. Awaiting main data channel to open."
+            },
+            "translated": "Erfolgreich mit dem Server verbunden. Warten auf das Öffnen des Hauptdatenkanals.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to open the main data channel"
+            },
+            "translated": "Der Hauptdatenkanal konnte nicht geöffnet werden",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Successfully initialized session with server."
+            },
+            "translated": "Sitzung mit Server erfolgreich initialisiert.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "missing main data channel"
+            },
+            "translated": "fehlender Hauptdatenkanal",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Tried to register a remote ICE candidate without a RTC connection. Dropping candidate."
+            },
+            "translated": "Es wurde versucht, einen Remote-ICE-Kandidaten ohne RTC-Verbindung zu registrieren. Kandidat fallen lassen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remote send candidate finish for channel %d."
+            },
+            "translated": "Remote-Sendekandidatenende für Channel% d.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to add remote ICE end candidate to local rtc connection: %o"
+            },
+            "translated": "Fehler beim Hinzufügen eines Remote-ICE-Endkandidaten zur lokalen RTC-Verbindung:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Adding remote ICE candidate %s for media line %d: %s"
+            },
+            "translated": "Hinzufügen des Remote-ICE-Kandidaten% s für die Medienzeile% d:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to add remote ICE candidate %s: %o"
+            },
+            "translated": "Fehler beim Hinzufügen des Remote-ICE-Kandidaten% s:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connection state changed to %s (Local connection state: %s)"
+            },
+            "translated": "Verbindungsstatus in% s geändert (Lokaler Verbindungsstatus:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "connect attempt failed"
+            },
+            "translated": "Verbindungsversuch fehlgeschlagen",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ICE gathering state changed to %s"
+            },
+            "translated": "Der ICE-Erfassungsstatus wurde in% s geändert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "ICE connection state changed to %s"
+            },
+            "translated": "Der ICE-Verbindungsstatus wurde in% s geändert",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to gather any local ice candidates... This is a fatal error."
+            },
+            "translated": "Es konnten keine lokalen Eiskandidaten gesammelt werden ... Dies ist ein schwerwiegender Fehler.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "failed to gather any local ICE candidates"
+            },
+            "translated": "konnte keine lokalen ICE-Kandidaten sammeln",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received error while gathering the ice candidates: %d/%s for %s (url: %s)"
+            },
+            "translated": "Fehler beim Sammeln der Eiskandidaten erhalten:% d /% s für% s (URL:% s)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Ice candidate %s (%s) errored: %d/%s"
+            },
+            "translated": "Eiskandidat% s (% s) fehlerhaft:% d /% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice data channel is open now"
+            },
+            "translated": "Der Sprachdatenkanal ist jetzt geöffnet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Whisper data channel is open now"
+            },
+            "translated": "Der Whisper-Datenkanal ist jetzt geöffnet",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received answer, but we're not expecting one. Dropping it."
+            },
+            "translated": "Antwort erhalten, aber wir erwarten keine. Lass es fallen.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Watch video"
+            },
+            "translated": "Schau Video",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Open video URL"
+            },
+            "translated": "Öffnen Sie die Video-URL",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Copy video URL to clipboard"
+            },
+            "translated": "Kopieren Sie die Video-URL in die Zwischenablage",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Open full Change Log"
+            },
+            "translated": "Vollständige Änderungsprotokoll anzeigen",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "UI Change Log"
+            },
+            "translated": "UI Änderungsprotokoll",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Client Change Log"
+            },
+            "translated": "Client-Änderungsprotokoll",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "We've successfully updated the web client for you."
+            },
+            "translated": "Wir haben den Webclient erfolgreich für Sie aktualisiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The web client has been updated to the version from {}."
+            },
+            "translated": "Der Webclient wurde von {} auf die Version aktualisiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "We've successfully updated the native client and its UI for\r\n                you."
+            },
+            "translated": "Wir haben den nativen Client und seine Benutzeroberfläche für erfolgreich aktualisiert\r\n                Sie.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The native client has been updated to the version from {}."
+            },
+            "translated": "Der native Client wurde von {} auf die Version aktualisiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Its UI has been updated to the version {}."
+            },
+            "translated": "Die Benutzeroberfläche wurde auf die Version {} aktualisiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "We've successfully updated the native client for\r\n            you."
+            },
+            "translated": "Wir haben den nativen Client für erfolgreich aktualisiert\r\n            Sie.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The native client has been updated to the version {}."
+            },
+            "translated": "Der native Client wurde auf die Version {} aktualisiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "We've successfully updated the native clients UI for\r\n            you."
+            },
+            "translated": "Wir haben die Benutzeroberfläche der nativen Clients für erfolgreich aktualisiert\r\n            Sie.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The native clients UI has been updated to the version from 18.08.2020."
+            },
+            "translated": "Die Benutzeroberfläche der nativen Clients wurde auf die neuste Version aktualisiert.",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "TeaSpeak logo"
+            },
+            "translated": "TeaSpeak-Logo",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Welcome back!"
+            },
+            "translated": "Willkommen zurück!",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The client has been updated."
+            },
+            "translated": "Der Client wurde aktualisiert.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "While you've been away, resting, we did some work."
+            },
+            "translated": "Während Sie bei Teaspeak inaktiv waren, haben wir einige Arbeit geleistet.",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "A list of changes, bugfixes and new features can be found bellow."
+            },
+            "translated": "Eine Liste der Änderungen, Bugfixes und neuen Funktionen finden Sie unten.",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Enjoy!"
+            },
+            "translated": "Viel Spass!",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice echo test"
+            },
+            "translated": "Sprachechotest",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to begin echo testing: %o"
+            },
+            "translated": "Echo-Test konnte nicht gestartet werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connecting voice bridge."
+            },
+            "translated": "Voice Bridge verbinden.",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice bridge successfully connected."
+            },
+            "translated": "Voice Bridge erfolgreich verbunden.",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice bridge has been dropped. Trying to reconnect."
+            },
+            "translated": "Die Sprachbrücke wurde gelöscht. Versuch, die Verbindung wiederherzustellen.",
+            "flags": [
+                "google-translated",
+                "in-use-system",
+                "ui-visible"
+            ]
+        },
+        {
+            "key": {
+                "message": "Notification permission request (callback) resulted in %s"
+            },
+            "translated": "Die Anforderung einer Benachrichtigungsberechtigung (Rückruf) führte zu% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Received feature %s with unknown support state: %s"
+            },
+            "translated": "Empfangene Funktion% s mit unbekanntem Unterstützungsstatus:% s",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Target server does not support the feature list command. Disabling all features."
+            },
+            "translated": "Der Zielserver unterstützt den Befehl feature list nicht. Alle Funktionen deaktivieren.",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query server features: %o"
+            },
+            "translated": "Serverfunktionen konnten nicht abgefragt werden:% o",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Setting server feature %s to %s (version %d)"
+            },
+            "translated": "Festlegen der Serverfunktion% s auf% s (Version% d)",
+            "flags": [
+                "google-translated",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Missing log entry builder for {0}"
+            },
+            "translated": "Fehlender Protokolleintragsgenerator für {0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice connection establishment has been failed:"
+            },
+            "translated": "Der Verbindungsaufbau ist fehlgeschlagen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice connection has been disconnected."
+            },
+            "translated": "Die Sprachverbindung wurde getrennt.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice connection isn't supported by the server."
+            },
+            "translated": "Die Sprachverbindung wird vom Server nicht unterstützt.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice connection isn't supported by your browser."
+            },
+            "translated": "Die Sprachverbindung wird von Ihrem Browser nicht unterstützt.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Please use another browser."
+            },
+            "translated": "Bitte benutzen Sie einen anderen Browser.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "establishing voice connection"
+            },
+            "translated": "Sprachverbindung herstellen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to start echo test:\n{0}"
+            },
+            "translated": "Echo-Test konnte nicht gestartet werden:\n{0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Try\r\n                    again"
+            },
+            "translated": "Versuchen\r\n                    nochmal",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Echo testing hasn't been supported by the\r\n                server."
+            },
+            "translated": "Echotests wurden von der nicht unterstützt\r\n                Server.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Troubleshooting guide"
+            },
+            "translated": "Anleitung zur Fehlerbehebung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Correct microphone selected?"
+            },
+            "translated": "Richtiges Mikrofon ausgewählt?",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Open Microphone settings"
+            },
+            "translated": "Öffnen Sie die Mikrofoneinstellungen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Check within the settings, if the right microphone has been\r\n                                    selected."
+            },
+            "translated": "Überprüfen Sie in den Einstellungen, ob das richtige Mikrofon vorhanden ist\r\n                                    ausgewählt.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "The indicators will show you any voice activity."
+            },
+            "translated": "Die Anzeigen zeigen Ihnen jede Sprachaktivität an.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Are any addons blocking the microphone access?"
+            },
+            "translated": "Blockieren Addons den Mikrofonzugriff?",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Some addons might block the access to your microphone. Try to disable all\r\n                                    addons and reload the site."
+            },
+            "translated": "Einige Addons blockieren möglicherweise den Zugriff auf Ihr Mikrofon. Versuchen Sie, alle zu deaktivieren\r\n                                    Addons und laden Sie die Website neu.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Has WebRTC been enabled?"
+            },
+            "translated": "Wurde WebRTC aktiviert?",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Reload the site"
+            },
+            "translated": "Laden Sie die Site neu",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "In some cases, reloading the site will already solve the issue for\r\n                                    you."
+            },
+            "translated": "In einigen Fällen wird das Problem bereits behoben, wenn die Site neu geladen wird\r\n                                    Sie.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Nothing worked? Submit an issue"
+            },
+            "translated": "Nichts hat geklappt? Senden Sie ein Problem",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "forum"
+            },
+            "translated": "Forum",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Abort test"
+            },
+            "translated": "Test abbrechen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Test again"
+            },
+            "translated": "Nochmal testen",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Show this on the next connect"
+            },
+            "translated": "Zeigen Sie dies bei der nächsten Verbindung",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Welcome to the private echo test. Can you hear yourself speaking?"
+            },
+            "translated": "Willkommen zum privaten Echotest. Kannst du dich sprechen hören?",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Connecting voice bridge."
+            },
+            "translated": "Voice Bridge verbinden.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice bridge successfully connected."
+            },
+            "translated": "Voice Bridge erfolgreich verbunden.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Voice bridge has been dropped. Trying to reconnect."
+            },
+            "translated": "Die Sprachbrücke wurde gelöscht. Versuch, die Verbindung wiederherzustellen.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "{0} appeared to channel {1}"
+            },
+            "translated": "{0} schien {1} zu kanalisieren",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Having user enter event with invalid reason: {0}"
+            },
+            "translated": "Benutzer muss ein Ereignis mit ungültigem Grund eingeben: {0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "{0} appeared from {1} to your channel {2}"
+            },
+            "translated": "{0} erschien von {1} in Ihrem Channel {2}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "{0} appeared to your channel {1}"
+            },
+            "translated": "{0} erschien in deinem Channel {1}",
+            "flags": [
+                "human-verified",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Having user enter your channel event with invalid reason: {0}"
+            },
+            "translated": "Wenn der Benutzer Ihr Channelereignis mit einem ungültigen Grund eingibt: {0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Having user move event with invalid reason: {0}"
+            },
+            "translated": "Ereignis beim Verschieben des Benutzers mit ungültigem Grund: {0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You have been moved by {3} from channel {1} to {2}"
+            },
+            "translated": "Sie wurden von {3} von Channel {1} nach {2} verschoben",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You switched from {1} to {2}"
+            },
+            "translated": "Sie haben von {1} zu {2} gewechselt",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Having own move event with invalid reason: {0}"
+            },
+            "translated": "Eigenes Verschiebungsereignis mit ungültigem Grund: {0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Having client leave event with invalid reason: {0}"
+            },
+            "translated": "Wenn der Client das Ereignis mit einem ungültigen Grund verlässt: {0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to change nickname: {0}"
+            },
+            "translated": "Fehler beim Ändern des Spitznamens: {0}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "{} send a server message: {1}"
+            },
+            "translated": "{} Sende eine Servernachricht: {1}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've been banned from the server by {0} for {1}.{2}"
+            },
+            "translated": "Sie wurden von {0} für {1} vom Server verbannt. {2}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You've been banned from the server for {0}.{1}"
+            },
+            "translated": "Sie wurden für {0} vom Server gesperrt. {1}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Server has been closed ({})."
+            },
+            "translated": "Server wurde geschlossen ({}).",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Command execution resulted in: {}"
+            },
+            "translated": "Die Befehlsausführung führte zu: {}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Channel {} has been created by {}."
+            },
+            "translated": "Channel {} wurde von {} erstellt.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Channel {} has been created."
+            },
+            "translated": "Channel {} wurde erstellt.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Channel {} has been deleted by {}."
+            },
+            "translated": "Channel {} wurde von {} gelöscht.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Channel {} has been deleted."
+            },
+            "translated": "Channel {} wurde gelöscht.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You poked {}."
+            },
+            "translated": "Du hast angestupst {}.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You received a poke from {}: {}"
+            },
+            "translated": "Sie haben einen Stoß von {} erhalten: {}",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "You received a poke from {}."
+            },
+            "translated": "Sie haben einen Poke von {} erhalten.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Please try\r\n                        again."
+            },
+            "translated": "Bitte versuche\r\n                        nochmal.",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Failed to query the\r\n                file transfers:"
+            },
+            "translated": "Fehler beim Abfragen der\r\n                Dateiübertragungen:",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "No\r\n                transfers"
+            },
+            "translated": "Nein\r\n                Transfers",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {
+                "message": "Remove\r\n                finished"
+            },
+            "translated": "Entfernen\r\n                fertig",
+            "flags": [
+                "google-translated",
+                "ui-visible",
+                "in-use-system"
+            ]
+        },
+        {
+            "key": {},
+            "translated": "nicht definiert",
+            "flags": [
+                "google-translated"
+            ]
+        },
+        {
+            "key": {},
+            "translated": "nicht definiert",
+            "flags": [
+                "google-translated"
+            ]
+        }
     ]
-  },
-  "translations": [
-    {
-      "translated": "Fehler beim Initialisieren des Audio-Controllers!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize audio controller!"
-      }
-    },
-    {
-      "translated": "Audios initialisiert",
-      "flags": [
-        "google-translate",
-        "human-modified"
-      ],
-      "key": {
-        "message": "Sounds initialitzed"
-      }
-    },
-    {
-      "translated": "[AudioController] Leerer oder undefinierter Puffer! Lass es fallen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "[AudioController] Got empty or undefined buffer! Dropping it"
-      }
-    },
-    {
-      "translated": "[AudioController] Fehler beim Abspielen von Audio. Globaler Audiokontext noch nicht initialisiert!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "[AudioController] Failed to replay audio. Global audio context not initialized yet!"
-      }
-    },
-    {
-      "translated": "[AudioController] Die Samplerate der Quelle ist nicht gleich der Samplerate der Wiedergabe! (%o | %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[AudioController] Source sample rate isn't equal to playback sample rate! ( %o |  %o)"
-      }
-    },
-    {
-      "translated": "[Audio] Starten der neuen Wiedergabe",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "[Audio] Starting new playback"
-      }
-    },
-    {
-      "translated": "[Audio] Prebuffering erfolgreich abgeschlossen (jetzt abgespielt)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "[Audio] Prebuffering succeeded (Replaying now)"
-      }
-    },
-    {
-      "translated": "[Audio] Pufferung erfolgreich (Wiedergeben jetzt)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "[Audio] Buffering succeeded (Replaying now)"
-      }
-    },
-    {
-      "translated": "Puffer löschen, da die Wiedergabeliste zu groß wird",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Dropping buffer because playing queue grows to much"
-      }
-    },
-    {
-      "translated": "[Audio] Pufferüberlauf festgestellt!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[Audio] Detected a buffer underflow!"
-      }
-    },
-    {
-      "translated": "[Audio] Pufferung überschritten. Wiedergabe spülen und stoppen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[Audio] Buffering exceeded timeout. Flushing and stopping replay"
-      }
-    },
-    {
-      "translated": "Json enthält %s nicht",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Json does not contains  %s"
-      }
-    },
-    {
-      "translated": "Der Validator hat für %s den Wert false",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Validator results in false for  %s"
-      }
-    },
-    {
-      "translated": "Ungültiger Objekttyp %s für Eintrag %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid object type  %s for entry  %s"
-      }
-    },
-    {
-      "translated": "Jahre",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "years"
-      }
-    },
-    {
-      "translated": "Tage",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "days"
-      }
-    },
-    {
-      "translated": "Stunden",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "hours"
-      }
-    },
-    {
-      "translated": "Minuten",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "minutes"
-      }
-    },
-    {
-      "translated": "Sekunden",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "seconds"
-      }
-    },
-    {
-      "translated": "jetzt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "now"
-      }
-    },
-    {
-      "translated": "Ich habe undefinierten Typ!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got undefined type!"
-      }
-    },
-    {
-      "translated": "VAD geändert!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "VAD changed!"
-      }
-    },
-    {
-      "translated": "VAD-Schlüsselerkennung geändert. <br> Bitte setzen Sie Ihren PPT-Schlüssel zurück!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "VAD key detection changed.<br>Please reset your PPT key!"
-      }
-    },
-    {
-      "translated": "Ungültiger VAD-Handler (Voice Activation Detector)! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid VAD (Voice activation detector) handler! ( %o)"
-      }
-    },
-    {
-      "translated": "[VoiceRecorder] Starten Sie die Aufnahme! (Gerät: %o | Gruppe: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[VoiceRecorder] Start recording! (Device:  %o | Group:  %o)"
-      }
-    },
-    {
-      "translated": "Mikrofon konnte nicht aufgelöst werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resolve microphone!"
-      }
-    },
-    {
-      "translated": "Mikrofon konnte nicht aufgelöst werden. <br> Nachricht:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resolve microphone!<br>Message: "
-      }
-    },
-    {
-      "translated": "Konnte kein Mikrofon bekommen!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not get microphone!"
-      }
-    },
-    {
-      "translated": "Höre auf, aufzunehmen!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Stop recording!"
-      }
-    },
-    {
-      "translated": "[VoiceRecorder] Mikrofonstrom, aber kein Audiokontext. Warten, bis es initialisiert wird",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[VoiceRecorder] Got microphone stream, but havn't a audio context. Waiting until its initialized"
-      }
-    },
-    {
-      "translated": "Wieder loslassen (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Release again! ( %o)"
-      }
-    },
-    {
-      "translated": "Deaktivieren der Codec-Unterstützung für",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Disabling codec support for "
-      }
-    },
-    {
-      "translated": "Codec-Treiber konnte nicht geladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load codec driver"
-      }
-    },
-    {
-      "translated": "Codec konnte nicht geladen oder initialisiert werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load or initialize codec "
-      }
-    },
-    {
-      "translated": "nicht unterstützter Codec",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "unsupported codec!"
-      }
-    },
-    {
-      "translated": "Codec konnte nicht initialisiert werden!\nFehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not initialize codec!\nError:  %o"
-      }
-    },
-    {
-      "translated": "Codec konnte nicht initialisiert werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not initialize codec!"
-      }
-    },
-    {
-      "translated": "Speex Schmalband",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Speex Narrowband"
-      }
-    },
-    {
-      "translated": "Speex Wideband",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Speex Wideband"
-      }
-    },
-    {
-      "translated": "Speex Ultra Wideband",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Speex Ultra Wideband"
-      }
-    },
-    {
-      "translated": "CELT Mono",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "CELT Mono"
-      }
-    },
-    {
-      "translated": "Opus-Stimme",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Opus Voice"
-      }
-    },
-    {
-      "translated": "Opus-Musik",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Opus Music"
-      }
-    },
-    {
-      "translated": "Sprachhandler initialisieren, nachdem AudioController initialisiert wurde!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Initializing voice handler after AudioController has been initialized!"
-      }
-    },
-    {
-      "translated": "Nativen Sprachstrom einrichten!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Setting up native voice stream!"
-      }
-    },
-    {
-      "translated": "Nativer Codec wird nicht unterstützt!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Native codec isnt supported!"
-      }
-    },
-    {
-      "translated": "Audio konnte nicht übertragen werden (nicht verbunden)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not transfer audio (not connected)"
-      }
-    },
-    {
-      "translated": "Stream hinzufügen (%o)!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding stream ( %o)!"
-      }
-    },
-    {
-      "translated": "Eisangebot konnte nicht erstellt werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not create ice offer!"
-      }
-    },
-    {
-      "translated": "Remote-SDP einstellen! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Set remote sdp! ( %o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Anwenden der Remote-Beschreibung: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to apply remote description:  %o"
-      }
-    },
-    {
-      "translated": "Remote-Cache-Eis-Kandidat %s: %o konnte nicht hinzugefügt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add remote cached ice candidate  %s:  %o"
-      }
-    },
-    {
-      "translated": "Remote-Eis hinzufügen! (%s | %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Add remote ice! ( %s |  %o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Hinzufügen des Remote-Ice-Kandidaten %s: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add remote ice candidate  %s:  %o"
-      }
-    },
-    {
-      "translated": "Cache-Eis fernhalten! (%s | %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Cache remote ice! ( %s |  %o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Einrichten der Sprachbrücke ({}). Wiederverbindung zulassen: {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to setup voice bridge ({}). Allow reconnect: {}"
-      }
-    },
-    {
-      "translated": "Sprachbrücke konnte nicht eingerichtet werden (%s). Wiederverbindung zulassen: %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to setup voice bridge ( %s). Allow reconnect:  %s"
-      }
-    },
-    {
-      "translated": "Ich habe Eis Kandidat! Veranstaltung:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got ice candidate! Event:"
-      }
-    },
-    {
-      "translated": "Angebot erstellt und angenommen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Offer created and accepted"
-      }
-    },
-    {
-      "translated": "Lokale Beschreibung konnte nicht angewendet werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to apply local description:  %o"
-      }
-    },
-    {
-      "translated": "Angebot senden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Send offer:  %o"
-      }
-    },
-    {
-      "translated": "Ich habe einen neuen Datenkanal! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got new data channel! ( %s)"
-      }
-    },
-    {
-      "translated": "Stimme von einem unbekannten Kunden haben? (ClientID: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Having  voice from unknown client? (ClientID:  %o)"
-      }
-    },
-    {
-      "translated": "Der Codec %o konnte nicht abgespielt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not playback codec  %o"
-      }
-    },
-    {
-      "translated": "Wiedergabe von Client-Audio (%o) (%o) nicht möglich",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not playback client's ( %o) audio ( %o)"
-      }
-    },
-    {
-      "translated": "Lokale Stimme endete",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Local voice ended"
-      }
-    },
-    {
-      "translated": "Lokale Stimme begann",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Local voice started"
-      }
-    },
-    {
-      "translated": "<b> Wechseln Sie zu Kanal </ b>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<b>Switch to channel</b>"
-      }
-    },
-    {
-      "translated": "Kanal bearbeiten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Edit channel"
-      }
-    },
-    {
-      "translated": "Geänderte Kanaleigenschaften von Kanal %s: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Changed channel properties of channel  %s:  %o"
-      }
-    },
-    {
-      "translated": "Kanal löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete channel"
-      }
-    },
-    {
-      "translated": "Erstellen Sie einen Musik-Bot",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Create music bot"
-      }
-    },
-    {
-      "translated": "Bot erfolgreich erstellt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bot successfully created"
-      }
-    },
-    {
-      "translated": "Wurde aber erfolgreich erstellt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "But has been successfully created."
-      }
-    },
-    {
-      "translated": "Bot konnte nicht erstellt werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to create bot"
-      }
-    },
-    {
-      "translated": "Erstellen Sie einen Unterkanal",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Create sub channel"
-      }
-    },
-    {
-      "translated": "Kanal erstellen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Create channel"
-      }
-    },
-    {
-      "translated": "Kanaloptionen: ' %o'",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel options: ' %o'"
-      }
-    },
-    {
-      "translated": "Erhaltener Kanalname: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got channel name:  %o"
-      }
-    },
-    {
-      "translated": "Das Wiederholen des Abstandhalters hat zu viele Wiederholungen benötigt!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Repeating spacer took too much repeats!"
-      }
-    },
-    {
-      "translated": "Ausrichten: %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Align:  %s"
-      }
-    },
-    {
-      "translated": "Eigenschaften ( %i) von %s ( %i) aktualisieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Update properties ( %i) of  %s ( %i)"
-      }
-    },
-    {
-      "translated": "Aktualisiereigenschaft %s = ' %s' -> %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Updating property  %s = ' %s' ->  %o"
-      }
-    },
-    {
-      "translated": "Kanal-Passwort",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel password"
-      }
-    },
-    {
-      "translated": "Channel Passwort:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel password:"
-      }
-    },
-    {
-      "translated": "Lautstärke ändern",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Change volume"
-      }
-    },
-    {
-      "translated": "Zurücksetzen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reset"
-      }
-    },
-    {
-      "translated": "Stornieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Cancel"
-      }
-    },
-    {
-      "translated": "OK",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "OK"
-      }
-    },
-    {
-      "translated": "Servergruppen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Server Groups"
-      }
-    },
-    {
-      "translated": "Zielgruppe konnte nicht aufgelöst werden!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not resolve target group!"
-      }
-    },
-    {
-      "translated": "Schließen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Close"
-      }
-    },
-    {
-      "translated": "Start der Mausbewegung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Starting mouse move"
-      }
-    },
-    {
-      "translated": "Server Gruppen bearbeiten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Set server group"
-      }
-    },
-    {
-      "translated": "Kanalgruppe setzen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Set channel group"
-      }
-    },
-    {
-      "translated": "Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Permissions"
-      }
-    },
-    {
-      "translated": "<b> Textchat öffnen </ b>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<b>Open text chat</b>"
-      }
-    },
-    {
-      "translated": "Anstupsen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Poke client"
-      }
-    },
-    {
-      "translated": "Poke message:<br>",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Poke message:<br>"
-      }
-    },
-    {
-      "translated": "Beschreibung ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change description"
-      }
-    },
-    {
-      "translated": "Kundenbeschreibung ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change client description"
-      }
-    },
-    {
-      "translated": "Neue Beschreibung: <br>",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "New description:<br>"
-      }
-    },
-    {
-      "translated": "Bewegen Sie den Client in Ihren Kanal",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Move client to your channel"
-      }
-    },
-    {
-      "translated": "Klient vom Kanal kicken",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kick client from channel"
-      }
-    },
-    {
-      "translated": "Kickgrund: <br>",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kick reason:<br>"
-      }
-    },
-    {
-      "translated": "Klient vom Server kicken",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kick client fom server"
-      }
-    },
-    {
-      "translated": "Klient vom Server kicken",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kick client from server"
-      }
-    },
-    {
-      "translated": "Client verbieten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ban client"
-      }
-    },
-    {
-      "translated": "Lautstärke ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change Volume"
-      }
-    },
-    {
-      "translated": "<b> Namen ändern </ b>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<b>Change name</b>"
-      }
-    },
-    {
-      "translated": "Eigene Beschreibung ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change own description"
-      }
-    },
-    {
-      "translated": "Eigene Beschreibung in %s ändern",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Changing own description to  %s"
-      }
-    },
-    {
-      "translated": "Der Nickname wurde erfolgreich geändert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Nickname successfully changed"
-      }
-    },
-    {
-      "translated": "Spitzname konnte nicht geändert werden ({})",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not change nickname ({})"
-      }
-    },
-    {
-      "translated": "<b> Botnamen ändern </ b>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<b>Change bot name</b>"
-      }
-    },
-    {
-      "translated": "Ändern Sie den Musik-Bots-Spitznamen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change music bots nickname"
-      }
-    },
-    {
-      "translated": "Neuer Spitzname: <br>",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "New nickname:<br>"
-      }
-    },
-    {
-      "translated": "Bot-Beschreibung ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change bot description"
-      }
-    },
-    {
-      "translated": "Beschreibung der Musik-Bots ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change music bots description"
-      }
-    },
-    {
-      "translated": "Musik-Panel öffnen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Open music panel"
-      }
-    },
-    {
-      "translated": "Schnelle URL-Wiedergabe",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Quick url replay"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie die URL ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter the URL"
-      }
-    },
-    {
-      "translated": "URL:",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "URL:"
-      }
-    },
-    {
-      "translated": "Fehler beim Wiederholen der URL",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to replay url"
-      }
-    },
-    {
-      "translated": "Client %o aus Kanal mit Grund %o tritt aus",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Kicking client  %o from channel with reason  %o"
-      }
-    },
-    {
-      "translated": "Bot löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete bot"
-      }
-    },
-    {
-      "translated": "Möchten Sie {0} wirklich löschen?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to delete {0}"
-      }
-    },
-    {
-      "translated": "Bist du sicher?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Are you sure?"
-      }
-    },
-    {
-      "translated": "OK",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ok"
-      }
-    },
-    {
-      "translated": "Fehler beim Auflösen der Kanalberechtigung für den Namen %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to resolve channel permission for name  %o"
-      }
-    },
-    {
-      "translated": "Aktualisierte Berechtigungen %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Updated permissions  %o"
-      }
-    },
-    {
-      "translated": "Erhaltene Berechtigungen: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got permissions:  %o"
-      }
-    },
-    {
-      "translated": "Genehmigung ausgelöst! %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Permission triggered!  %o"
-      }
-    },
-    {
-      "translated": "Ungültige Kanalverschiebung (verschiedene Eltern! (%o | %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid channel move (different parents! ( %o| %o)"
-      }
-    },
-    {
-      "translated": "Multiselect-Kanal",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Multiselect channel"
-      }
-    },
-    {
-      "translated": "Multiselect-Client",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Multiselect client"
-      }
-    },
-    {
-      "translated": "Nur Musik: %o | Containermusik: %o | Container local: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Music only:  %o | Container music:  %o | Container local:  %o"
-      }
-    },
-    {
-      "translated": "Anstupsen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Poke clients"
-      }
-    },
-    {
-      "translated": "Verschiebe Kunden in deinen Kanal",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Move clients to your channel"
-      }
-    },
-    {
-      "translated": "Treten Sie Kunden aus dem Channel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kick clients from channel"
-      }
-    },
-    {
-      "translated": "Kick clients fom server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kick clients fom server"
-      }
-    },
-    {
-      "translated": "Treten Sie die Clients vom Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kick clients from server"
-      }
-    },
-    {
-      "translated": "Kunden verbieten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ban clients"
-      }
-    },
-    {
-      "translated": "Bots löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete bots"
-      }
-    },
-    {
-      "translated": "Möchten Sie wirklich löschen?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to delete "
-      }
-    },
-    {
-      "translated": "Einen neuen Kanal erstellen.\nEigenschaften: %o\nBerechtigungen: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Creating a new channel.\nProperties:  %o\nPermissions:  %o"
-      }
-    },
-    {
-      "translated": "Kanal konnte nach der Erstellung nicht aufgelöst werden. Berechtigungen konnten nicht angewendet werden!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to resolve channel after creation. Could not apply permissions!"
-      }
-    },
-    {
-      "translated": "Kanal {} erfolgreich erstellt!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel {} successfully created!"
-      }
-    },
-    {
-      "translated": "Wiedergabeton %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "playback sound  %o"
-      }
-    },
-    {
-      "translated": "Fehlender Ton %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing sound  %o"
-      }
-    },
-    {
-      "translated": "Verwendung des zwischengespeicherten Puffers: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Using cached buffer:  %o"
-      }
-    },
-    {
-      "translated": "Daten decodieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Decoding data"
-      }
-    },
-    {
-      "translated": "Bekam dekodierte Daten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got decoded data"
-      }
-    },
-    {
-      "translated": "Audiodaten für %o konnten nicht decodiert werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to decode audio data for  %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Audiodatei (Antwortcode %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load audio file. (Response code  %o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Audiodatei",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load audio file "
-      }
-    },
-    {
-      "translated": "Wiedergabe von %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Replaying  %s"
-      }
-    },
-    {
-      "translated": "Ihr Browser unterstützt decodeAudioData nicht! Verwenden eines Knotens für die Wiedergabe! Dadurch werden die Audioausgabe und die Lautstärkeregelung umgangen!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your browser does not support decodeAudioData! Using a node to playback! This bypasses the audio output and volume regulation!"
-      }
-    },
-    {
-      "translated": "Du wurdest gestoßen!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You have been poked!"
-      }
-    },
-    {
-      "translated": "Buchse angeschlossen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Socket connected"
-      }
-    },
-    {
-      "translated": "Einloggen...",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Logging in..."
-      }
-    },
-    {
-      "translated": "Verbindung zu {0} herstellen: {1}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Connecting to {0}:{1}"
-      }
-    },
-    {
-      "translated": "Verbindungszeitüberschreitung ausgelöst!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Connect timeout triggered!"
-      }
-    },
-    {
-      "translated": "Erhaltener Fehler: (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got error: ( %s)"
-      }
-    },
-    {
-      "translated": "Anfrage trennen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "request disconnect"
-      }
-    },
-    {
-      "translated": "Verbindung geschlossen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connection closed"
-      }
-    },
-    {
-      "translated": "Nachricht json konnte nicht analysiert werden!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not parse message json!"
-      }
-    },
-    {
-      "translated": "Fehlender Datentyp!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing data type!"
-      }
-    },
-    {
-      "translated": "Unbekannter Befehlstyp %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Unknown command type  %o"
-      }
-    },
-    {
-      "translated": "Handlungsbefehl ' %s'",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Handling command ' %s'"
-      }
-    },
-    {
-      "translated": "Json:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Json:"
-      }
-    },
-    {
-      "translated": "Fehlender Befehl ' %s'",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing command ' %s'"
-      }
-    },
-    {
-      "translated": "Unzureichende Benutzerberechtigung. Bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Insufficient client permissions. Failed on permission "
-      }
-    },
-    {
-      "translated": "Unzureichende Benutzerberechtigung. Fehler bei Erlaubnis {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Insufficient client permissions. Failed on permission {}"
-      }
-    },
-    {
-      "translated": "Befehlsausführung führt zu",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Command execution results in "
-      }
-    },
-    {
-      "translated": "Ungültiger Versprechen-Ergebnistyp: %o. Ergebnis:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid promise result type:  %o. Result:"
-      }
-    },
-    {
-      "translated": "Anmeldefehler",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got login error"
-      }
-    },
-    {
-      "translated": "Version konnte nicht abgerufen werden:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to get version:"
-      }
-    },
-    {
-      "translated": "Ungültiger Rückgabecode! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid return code! ( %o)"
-      }
-    },
-    {
-      "translated": "Stimme einrichten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Setting up voice"
-      }
-    },
-    {
-      "translated": "Verbunden als {0}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connected as {0}"
-      }
-    },
-    {
-      "translated": "Ungültige Kanalbestellungs-ID!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid channel order id!"
-      }
-    },
-    {
-      "translated": "Ungültiger übergeordneter Kanal",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid channel parent"
-      }
-    },
-    {
-      "translated": "Ich habe %d neue Channels",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got  %d new channels"
-      }
-    },
-    {
-      "translated": "%d Kanallöschungen erhalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got  %d channel deletions"
-      }
-    },
-    {
-      "translated": "Ungültiger Kanal onDelete (Unbekannter Kanal)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid channel onDelete (Unknown channel)"
-      }
-    },
-    {
-      "translated": "%d Kanal versteckt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got  %d channel hides"
-      }
-    },
-    {
-      "translated": "Ungültiger Kanal beim Ausblenden (unbekannter Kanal)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid channel on hide (Unknown channel)"
-      }
-    },
-    {
-      "translated": "{0} erschien von {1} bis {2}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared from {1} to {2}"
-      }
-    },
-    {
-      "translated": "{0} mit Kanal {1} ​​verbunden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "{0} connected to channel {1}"
-      }
-    },
-    {
-      "translated": "{0} erschien von {1} bis {2}, verschoben um {3}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared from {1} to {2}, moved by {3}"
-      }
-    },
-    {
-      "translated": "{0} erschien von {1} bis {2}, getreten von {3} {4}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared from {1} to {2}, kicked by {3}{4}"
-      }
-    },
-    {
-      "translated": "Unbekannte Begründung für %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Unknown reasonid for  %o"
-      }
-    },
-    {
-      "translated": "Unbekannter Kunde übrig!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown client left!"
-      }
-    },
-    {
-      "translated": "{0} verschwand von {1} nach {2}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} disappeared from {1} to {2}"
-      }
-    },
-    {
-      "translated": "{0} hat den Server verlassen {1}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} left the server{1}"
-      }
-    },
-    {
-      "translated": "{0} wurde von {1} vom Server gekickt. {2}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} was kicked from the server by {1}.{2}"
-      }
-    },
-    {
-      "translated": "{0} wurde von {1} aus Ihrem Kanal geworfen. {2}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "{0} was kicked from your channel by {1}.{2}"
-      }
-    },
-    {
-      "translated": "{0} wurde {1} von {2} gesperrt. {3}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} was banned {1} by {2}.{3}"
-      }
-    },
-    {
-      "translated": "Unbekannter Kunde hat Grund gelassen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Unknown client left reason!"
-      }
-    },
-    {
-      "translated": "Unbekannter Client-Umzug (Client)!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown client move (Client)!"
-      }
-    },
-    {
-      "translated": "Unbekannter Client-Umzug (Channel to)!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown client move (Channel to)!"
-      }
-    },
-    {
-      "translated": "Unbekannter Client-Umzug (Channel from)!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown client move (Channel from)!"
-      }
-    },
-    {
-      "translated": "Sie wurden von {3} von Kanal {1} ​​nach {2} verschoben.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You was moved by {3} from channel {1} to {2}"
-      }
-    },
-    {
-      "translated": "{0} wurde um {3} von Kanal {1} ​​nach {2} verschoben.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} was moved from channel {1} to {2} by {3}"
-      }
-    },
-    {
-      "translated": "Sie haben von Kanal {1} ​​zu {2} gewechselt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You switched from channel {1} to {2}"
-      }
-    },
-    {
-      "translated": "{0} hat von Kanal {1} ​​zu {2} gewechselt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} switched from channel {1} to {2}"
-      }
-    },
-    {
-      "translated": "Sie wurden aus dem Kanal {1} ​​in den Kanal {2} von {3} {4} geworfen.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You got kicked out of the channel {1} to channel {2} by {3}{4}"
-      }
-    },
-    {
-      "translated": "{0} wurde von Kanal {1} ​​in {2} von {3} {4} geworfen.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} got kicked from channel {1} to {2} by {3}{4}"
-      }
-    },
-    {
-      "translated": "Unbekannte Grund-ID %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Unknown reason id  %o"
-      }
-    },
-    {
-      "translated": "Unbekannter Kanalzug (Channel)!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown channel move (Channel)!"
-      }
-    },
-    {
-      "translated": "Unbekannter Kanalzug (prev)!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown channel move (prev)!"
-      }
-    },
-    {
-      "translated": "Unbekannter Kanalzug (Eltern)!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown channel move (parent)!"
-      }
-    },
-    {
-      "translated": "Unbekannter Kanal bearbeiten (Kanal)!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown channel edit (Channel)!"
-      }
-    },
-    {
-      "translated": "Private Nachricht von ungültigem Client erhalten!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got private message from invalid client!"
-      }
-    },
-    {
-      "translated": "Es wurde versucht, einen nicht vorhandenen Client zu aktualisieren",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Tried to update an non existing client"
-      }
-    },
-    {
-      "translated": "Musik-Player-Info für unbekannten oder ungültigen Bot erhalten! (ID: %i, Eintrag: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got music player info for unknown or invalid bot! (ID:  %i, Entry:  %o)"
-      }
-    },
-    {
-      "translated": "Verwenden des Info-Managers: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Using info manager:  %o"
-      }
-    },
-    {
-      "translated": "Hostbanner konnte nicht geladen werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load hostbanner:  %o"
-      }
-    },
-    {
-      "translated": "Hostbanner wurde geladen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Hostbanner has been loaded"
-      }
-    },
-    {
-      "translated": "Wird geladen...",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "loading..."
-      }
-    },
-    {
-      "translated": "Kein Titel oder keine URL",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "No title or url"
-      }
-    },
-    {
-      "translated": "Spiel konnte nicht ausgeführt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute play"
-      }
-    },
-    {
-      "translated": "Spiel konnte nicht ausgeführt werden. <br> {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute play.<br>{}"
-      }
-    },
-    {
-      "translated": "Fehler beim Ausführen der Pause",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute pause"
-      }
-    },
-    {
-      "translated": "Fehler beim Ausführen der Pause. <br> {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute pause.<br>{}"
-      }
-    },
-    {
-      "translated": "Stopp konnte nicht ausgeführt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute stop"
-      }
-    },
-    {
-      "translated": "Stopp konnte nicht ausgeführt werden. <br> {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute stop.<br>{}"
-      }
-    },
-    {
-      "translated": "Ausführung fehlgeschlagen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute forward"
-      }
-    },
-    {
-      "translated": "Rücklauf konnte nicht ausgeführt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to execute rewind"
-      }
-    },
-    {
-      "translated": "Nicht implementiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Not implemented"
-      }
-    },
-    {
-      "translated": "Diese Funktion ist noch nicht implementiert!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "This function is not implemented yet!"
-      }
-    },
-    {
-      "translated": "Eltern: %o | %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Parents:  %o |  %o"
-      }
-    },
-    {
-      "translated": "Spieler: %o | oo",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Player:  %o |  %o"
-      }
-    },
-    {
-      "translated": "Skala:% f => übersetzen: %o | %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Scale: %f => translate:  %o |  %o"
-      }
-    },
-    {
-      "translated": "Erforderlicher Test: %o |  %i | %o => %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Test needed required:  %o |  %i |  %o =>  %o"
-      }
-    },
-    {
-      "translated": "Bekannte unbekannte Berechtigungs-ID (%o / %o (%o))!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got unknown permission id ( %o/ %o ( %o))!"
-      }
-    },
-    {
-      "translated": "Berechtigungszuordnung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Permission mapping"
-      }
-    },
-    {
-      "translated": "Gruppe",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Group "
-      }
-    },
-    {
-      "translated": "%i <> %s -> %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "%i <>  %s ->  %s"
-      }
-    },
-    {
-      "translated": "Ich habe %i Berechtigungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got  %i permissions"
-      }
-    },
-    {
-      "translated": "Ich benötige Berechtigungen, habe aber keine Berechtigungsliste!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got needed permissions but don't have a permission list!"
-      }
-    },
-    {
-      "translated": "%d benötigte Berechtigungen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got  %d needed permissions."
-      }
-    },
-    {
-      "translated": "Konnte Perm für ID %s nicht auflösen (%o | %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resolve perm for id  %s ( %o| %o)"
-      }
-    },
-    {
-      "translated": "Kanalberechtigungen für Kanal %o erhalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got channel permissions for channel  %o"
-      }
-    },
-    {
-      "translated": "Fehlendes Kanalberechtigungshandle für angeforderte Kanal-ID %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing channel permission handle for requested channel id  %o"
-      }
-    },
-    {
-      "translated": "Erteilungserlaubnis% konnte nicht aufgelöst werden. Neues erstellen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resolve grant permission  %o. Creating a new one."
-      }
-    },
-    {
-      "translated": "Gewünschte Berechtigung mit ungültigem Schlüssel angefordert! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Requested needed permission with invalid key! ( %o)"
-      }
-    },
-    {
-      "translated": "ungültige Bestellung!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "invalid order!"
-      }
-    },
-    {
-      "translated": "Gruppenziel konnte nicht aufgelöst werden! => %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resolve group target! =>  %o"
-      }
-    },
-    {
-      "translated": "Ich habe Gruppenberechtigungen für Gruppe %o / %o erhalten, aber es ist keine registrierte Gruppe!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got group permissions for group  %o/ %o, but its not a registered group!"
-      }
-    },
-    {
-      "translated": "Ich habe Gruppenberechtigungen für Gruppe %o / %o erhalten, wurde aber nie angefordert!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got group permissions for group  %o/ %o, but it was never requested!"
-      }
-    },
-    {
-      "translated": "Tab customElements konnte nicht abgelehnt werden!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not defied tab customElements!"
-      }
-    },
-    {
-      "translated": "Einstellungen",
-      "flags": [
-        "google-translate",
-        "human-modified",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Settings"
-      }
-    },
-    {
-      "translated": "Geben Sie den gewünschten Schlüssel ein",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Type the key you wish"
-      }
-    },
-    {
-      "translated": "Schlüssel %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got key  %o"
-      }
-    },
-    {
-      "translated": "Kein Gerät",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No device"
-      }
-    },
-    {
-      "translated": "Gerät %s (%s): %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got device  %s ( %s):  %s"
-      }
-    },
-    {
-      "translated": "Konnte nicht über Geräten auflisten!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not enumerate over devices!"
-      }
-    },
-    {
-      "translated": "Geräteliste konnte nicht abgerufen werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not get device list!"
-      }
-    },
-    {
-      "translated": "Ausgewähltes Mikrofon: id: %o Gruppe: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Selected microphone device: id:  %o group:  %o"
-      }
-    },
-    {
-      "translated": "Ausgewähltes Lautsprechergerät: id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Selected speaker device: id:  %o"
-      }
-    },
-    {
-      "translated": "Gerät konnte nicht geändert werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change device!"
-      }
-    },
-    {
-      "translated": "Verbot %o hinzufügen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding ban  %o"
-      }
-    },
-    {
-      "translated": "Verbot konnte nicht hinzugefügt werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to add ban"
-      }
-    },
-    {
-      "translated": "Bearbeiten der Anleihe% und",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Editing ban  %o"
-      }
-    },
-    {
-      "translated": "Bearbeitungsänderungen übernehmen %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Apply edit changes  %o"
-      }
-    },
-    {
-      "translated": "Verbot konnte nicht bearbeitet werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to edit ban"
-      }
-    },
-    {
-      "translated": "Gelöschte Version%",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Deleting ban  %o"
-      }
-    },
-    {
-      "translated": "Verbot konnte nicht gelöscht werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete ban"
-      }
-    },
-    {
-      "translated": "Bekam Banliste: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got banlist:  %o"
-      }
-    },
-    {
-      "translated": "Fehlender Verbotseintrag mit ID %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing ban entry with id  %d"
-      }
-    },
-    {
-      "translated": "Ban Liste",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Banlist"
-      }
-    },
-    {
-      "translated": "Suche nach Filter %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Search for filter  %s"
-      }
-    },
-    {
-      "translated": "Nachricht absetzen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Set away message"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie die Abwesenheitsnachricht ein",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Please enter the away message"
-      }
-    },
-    {
-      "translated": "Kanal-Codec wird nicht unterstützt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel codec unsupported"
-      }
-    },
-    {
-      "translated": "Dieser Kanal hat einen nicht unterstützten Codec. <br> Sie können niemanden innerhalb dieses Kanals sprechen oder hören!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "This channel has an unsupported codec.<br>You cant speak or listen to anybody within this channel!"
-      }
-    },
-    {
-      "translated": "Token verwenden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Use token"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie Ihren Token / Privilegschlüssel ein",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Please enter your token/priviledge key"
-      }
-    },
-    {
-      "translated": "Toke erfolgreich eingesetzt!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Toke successfully used!"
-      }
-    },
-    {
-      "translated": "Token-Liste ist noch nicht implementiert!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Token list is not implemented yet!"
-      }
-    },
-    {
-      "translated": "Starten Sie die Verbindung zu %s: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Start connection to  %s: %d"
-      }
-    },
-    {
-      "translated": "Fehler beim Hashing des Passworts",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Error while hashing password"
-      }
-    },
-    {
-      "translated": "Passwort für Hash-Server fehlgeschlagen! <br>",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to hash server password!<br>"
-      }
-    },
-    {
-      "translated": "Codec-Codetyp wird nicht unterstützt!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Codec encode type not supported!"
-      }
-    },
-    {
-      "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Ausnahme",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not connect to remote host! Exception"
-      }
-    },
-    {
-      "translated": "Konnte keine Verbindung herstellen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not connect"
-      }
-    },
-    {
-      "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden (Verbindung abgelehnt)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not connect to remote host (Connection refused)"
-      }
-    },
-    {
-      "translated": "Verbindung zum Remote-Server verloren!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Lost connection to remote server!"
-      }
-    },
-    {
-      "translated": "Die Verbindung wurde vom Remote-Host geschlossen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The connection was closed by remote host"
-      }
-    },
-    {
-      "translated": "Verbindungs-Ping-Timeout",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connection ping timeout"
-      }
-    },
-    {
-      "translated": "Verbindung unterbrochen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connection lost"
-      }
-    },
-    {
-      "translated": "Verbindung zum Remote-Host verloren (Ping-Timeout) <br> Sogar möglich?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Lost connection to remote host (Ping timeout)<br>Even possible?"
-      }
-    },
-    {
-      "translated": "Server geschlossen ({0})",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server closed ({0})"
-      }
-    },
-    {
-      "translated": "Server geschlossen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server closed"
-      }
-    },
-    {
-      "translated": "Server erfordert Passwort",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server requires password"
-      }
-    },
-    {
-      "translated": "Server password",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Server password"
-      }
-    },
-    {
-      "translated": "Server Passwort eingeben:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter server password:"
-      }
-    },
-    {
-      "translated": "Sie wurden von {0} {1} vom Server gekickt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You got kicked from the server by {0}{1}"
-      }
-    },
-    {
-      "translated": "Sie wurden von {0} {1} vom Server gebannt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You got banned from the server by {0}{1}"
-      }
-    },
-    {
-      "translated": "Nicht abgeholte Verbindung trennen!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got uncaught disconnect!"
-      }
-    },
-    {
-      "translated": "Typ: %o Daten:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Type:  %o Data:"
-      }
-    },
-    {
-      "translated": "Erstellen Sie einen neuen Dateidownload für %s: %s (Schlüssel: %s, erwartet %d Bytes).",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create new file download to  %s: %s (Key:  %s, Expect  %d bytes)"
-      }
-    },
-    {
-      "translated": "Haben Sie Daten, aber Socket geschlossen?",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got data, but socket closed?"
-      }
-    },
-    {
-      "translated": "ein Fehler ist aufgetreten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "an error occurent"
-      }
-    },
-    {
-      "translated": "unerwartetes Schließen (Remote geschlossen)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "unexpected close (remote closed)"
-      }
-    },
-    {
-      "translated": "Ungültiger Dateilisteneintrag Pfad: %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid file list entry. Path:  %s"
-      }
-    },
-    {
-      "translated": "Ungültiger Dateilisteneintrag beendet. Pfad:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid file list entry finish. Path: "
-      }
-    },
-    {
-      "translated": "Symbol% ​​s -> %s konnte nicht heruntergeladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not download icon  %s ->  %s"
-      }
-    },
-    {
-      "translated": "Download des Symbols {0} fehlgeschlagen. ({1})",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Fail to download icon {0}. ({1})"
-      }
-    },
-    {
-      "translated": "Fehler beim Herunterladen des Symbols! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Error while downloading icon! ( %s)"
-      }
-    },
-    {
-      "translated": "Fehler beim Anfordern des Downloads für das Symbol {0}. ({1})",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to request download for icon {0}. ({1})"
-      }
-    },
-    {
-      "translated": "Symbol hat einen Bildtyp von %o (Medium: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon has an image type of  %o (media:  %o)"
-      }
-    },
-    {
-      "translated": "Symbol% ​​o geladen :)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon  %o loaded :)"
-      }
-    },
-    {
-      "translated": "Symbol% ​​o konnte nicht geladen werden. Grund:% p",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load icon  %o. Reason: %p"
-      }
-    },
-    {
-      "translated": "Avatar %s wird heruntergeladen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Downloading avatar  %s"
-      }
-    },
-    {
-      "translated": "Avatar %o -> %s konnte nicht heruntergeladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not download avatar  %o ->  %s"
-      }
-    },
-    {
-      "translated": "Avatar kann für {0} nicht heruntergeladen werden. ({1})",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Fail to download avatar for {0}. ({1})"
-      }
-    },
-    {
-      "translated": "Fehler beim Herunterladen des Avatars! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Error while downloading avatar! ( %s)"
-      }
-    },
-    {
-      "translated": "Avatar-Download für {0} konnte nicht angefordert werden. ({1})",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to request avatar download for {0}. ({1})"
-      }
-    },
-    {
-      "translated": "avatar has an image type of %o (media: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "avatar has an image type of  %o (media:  %o)"
-      }
-    },
-    {
-      "translated": "Avatar has an image type of %o (media: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Avatar has an image type of  %o (media:  %o)"
-      }
-    },
-    {
-      "translated": "Avatar konnte für %s nicht geladen werden. Gründe dafür",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load avatar for  %s. Reason:  %s"
-      }
-    },
-    {
-      "translated": "Avatar konnte nicht geladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load avatar "
-      }
-    },
-    {
-      "translated": "Fehlende erforderliche Wasm-Funktion! <br> Bitte laden Sie die Seite neu!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing required wasm function!<br>Please reload the page!"
-      }
-    },
-    {
-      "translated": "Verschiebung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Shift"
-      }
-    },
-    {
-      "translated": "Alt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Alt"
-      }
-    },
-    {
-      "translated": "STRG",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "CTRL"
-      }
-    },
-    {
-      "translated": "Sieg",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Win"
-      }
-    },
-    {
-      "translated": "unset",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "unset"
-      }
-    },
-    {
-      "translated": "Zu formatierende Nachricht enthält ungültigen Index (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Message to format contains invalid index ( %o)"
-      }
-    },
-    {
-      "translated": "Offset: %d Anzahl: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Offset:  %d Number:  %d"
-      }
-    },
-    {
-      "translated": "klar",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Clear"
-      }
-    },
-    {
-      "translated": "Schließen Sie alle privaten Registerkarten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Close all private tabs"
-      }
-    },
-    {
-      "translated": "Namen ändern!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Change name!"
-      }
-    },
-    {
-      "translated": "Schließbar:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Set closeable: "
-      }
-    },
-    {
-      "translated": "Gesangsmeldung konnte nicht gesendet werden (nicht verbunden)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not send chant message (Not connected)"
-      }
-    },
-    {
-      "translated": "Erstellen Sie eine neue Verbindung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create a new connection"
-      }
-    },
-    {
-      "translated": "Identität konnte nicht gelesen werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not read identity! "
-      }
-    },
-    {
-      "translated": "Identitätsdatei konnte nicht gelesen werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not read identity file!"
-      }
-    },
-    {
-      "translated": "Bitte wählen Sie eine Identität aus!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Please select an identity!"
-      }
-    },
-    {
-      "translated": "Aktualisierung über angezeigt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Updating via shown"
-      }
-    },
-    {
-      "translated": "Verbinden",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Connect"
-      }
-    },
-    {
-      "translated": "Verbot bearbeiten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Edit ban"
-      }
-    },
-    {
-      "translated": "Verbot hinzufügen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add ban"
-      }
-    },
-    {
-      "translated": "Ja",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Yes"
-      }
-    },
-    {
-      "translated": "Nein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No"
-      }
-    },
-    {
-      "translated": "Fehler beim Initialisieren des Übersetzungssystems!\nFehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialized the translation system!\nError:  %o"
-      }
-    },
-    {
-      "translated": "Der TeamSpeak-Identitätsparser konnte nicht eingerichtet werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not setup the TeamSpeak identity parser!"
-      }
-    },
-    {
-      "translated": "Ppt konnte nicht initialisiert werden!\nFehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize ppt!\nError:  %o"
-      }
-    },
-    {
-      "translated": "Ppt konnte nicht initialisiert werden!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize ppt!"
-      }
-    },
-    {
-      "translated": "Audio-Controller später initialisieren!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Initialize audio controller later!"
-      }
-    },
-    {
-      "translated": "Fehlender audio.player.initializeFromGesture",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing audio.player.initializeFromGesture"
-      }
-    },
-    {
-      "translated": "PCM-Daten konnten für Codec nicht erneut berechnet werden. Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resample PCM data for codec. Error:  %o"
-      }
-    },
-    {
-      "translated": "PCM-Daten konnten nicht für Codec codiert werden. Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not encode PCM data for codec. Error:  %o"
-      }
-    },
-    {
-      "translated": "Erforderliche Zeit: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Required time:  %d"
-      }
-    },
-    {
-      "translated": "Lagerzeit der Arbeiternachricht: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Worker message stock time:  %d"
-      }
-    },
-    {
-      "translated": "Ungültiger Arbeitstoken!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid worker token!"
-      }
-    },
-    {
-      "translated": "[Codec] Bekannte Antwort des Arbeitnehmers: Erfolg: %o Nachricht: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[Codec] Got worker init response: Success:  %o Message:  %o"
-      }
-    },
-    {
-      "translated": "Rückruf für Kostüm! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Costume callback! ( %o)"
-      }
-    },
-    {
-      "translated": "Übersetzungsdatei von %s erfolgreich initialisiert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Successfully initialized up translation file from  %s"
-      }
-    },
-    {
-      "translated": "Verwalten Sie den virtuellen Server",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Manager the  Virtual Server"
-      }
-    },
-    {
-      "translated": "Bearbeiten",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Edit"
-      }
-    },
-    {
-      "translated": "Servereigenschaften ändern %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Changing server properties  %o"
-      }
-    },
-    {
-      "translated": "Geänderte Eigenschaften: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Changed properties:  %o"
-      }
-    },
-    {
-      "translated": "Eigenschaften aktualisieren ( %i)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Update properties ( %i)"
-      }
-    },
-    {
-      "translated": "Server Permissions",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server Permissions"
-      }
-    },
-    {
-      "translated": "Gruppe aufwenden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Expend group"
-      }
-    },
-    {
-      "translated": "Alle erweitern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Expend all"
-      }
-    },
-    {
-      "translated": "Gruppe minimieren",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Collapse group"
-      }
-    },
-    {
-      "translated": "Alles einklappen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Collapse all"
-      }
-    },
-    {
-      "translated": "Erlaubnis hinzufügen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add permission"
-      }
-    },
-    {
-      "translated": "Berechtigung entfernen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remove permission"
-      }
-    },
-    {
-      "translated": "Erlaubnis hinzufügen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add grant permission"
-      }
-    },
-    {
-      "translated": "Berechtigungsbeschreibung anzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show permission description"
-      }
-    },
-    {
-      "translated": "Nicht implementiert!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Not implemented!"
-      }
-    },
-    {
-      "translated": "Diese Funktion ist noch nicht implementiert!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "This function isnt implemented yet!"
-      }
-    },
-    {
-      "translated": "Kopieren Sie den Berechtigungsnamen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Copy permission name"
-      }
-    },
-    {
-      "translated": "Es wurde versucht, eine nicht bekannte Berechtigung zu bearbeiten! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Attempted to edit a not known permission! ( %s)"
-      }
-    },
-    {
-      "translated": "Fehlende ausgewählte Kanal-ID für die Aktion des Berechtigungseditors!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing selected channel id for permission editor action!"
-      }
-    },
-    {
-      "translated": "ungültiger Kanal",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "invalid channel"
-      }
-    },
-    {
-      "translated": "Berechtigung %s mit Eigenschaften hinzugefügt: %o %o %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Added permission  %s with properties:  %o  %o  %o"
-      }
-    },
-    {
-      "translated": "Berechtigung %s wurde entfernt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removed permission  %s"
-      }
-    },
-    {
-      "translated": "Zuschuss von %o für %s hinzugefügt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Added grant of  %o for  %s"
-      }
-    },
-    {
-      "translated": "Berechtigungsberechtigung für %s entfernt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removed grant permission for  %s"
-      }
-    },
-    {
-      "translated": "Berechtigung %o mit Eigenschaften hinzugefügt: %o %o %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Added permission  %o with properties:  %o  %o  %o"
-      }
-    },
-    {
-      "translated": "Fehlende ausgewählte Gruppen-ID für Berechtigungseditor-Aktion!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing selected group id for permission editor action!"
-      }
-    },
-    {
-      "translated": "Fehlende ausgewählte Gruppen-ID für den Berechtigungseditor!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing selected group id for permission editor!"
-      }
-    },
-    {
-      "translated": "Die Zielabtastrate liegt außerhalb des Bereichs [3000, 384000].",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The target sample rate is outside the range [3000, 384000]."
-      }
-    },
-    {
-      "translated": "Leerer Puffer als Eingabe erhalten! Leere Ausgabe zurückgeben!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received empty buffer as input! Returning empty output!"
-      }
-    },
-    {
-      "translated": "Ziel Adresse und Port:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Remote address and port:"
-      }
-    },
-    {
-      "translated": "Server-Passwort:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server password:"
-      }
-    },
-    {
-      "translated": "Spitzname:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Nickname:"
-      }
-    },
-    {
-      "translated": "Identitätseinstellungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Identity Settings"
-      }
-    },
-    {
-      "translated": "Forumkonto",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Forum Account"
-      }
-    },
-    {
-      "translated": "TeamSpeak",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeamSpeak"
-      }
-    },
-    {
-      "translated": "Spitzname (nur zu Debug-Zwecken!)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Nickname (Debug purposes only!)"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie Ihre exportierte TS3-Identitätszeichenfolge ein oder wählen Sie Ihre exportierte Identität aus",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Please enter your exported TS3 Identity string bellow or select your exported Identity"
-      }
-    },
-    {
-      "translated": "Sie verwenden Ihr Forumkonto als Bestätigung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You're using your forum account as verification"
-      }
-    },
-    {
-      "translated": "Dies ist nur zum Debuggen und verwendet den Namen als eindeutige Kennung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "This is just for debug and uses the name as unique identifier"
-      }
-    },
-    {
-      "translated": "Name:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Name:"
-      }
-    },
-    {
-      "translated": "Passwort:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Password:"
-      }
-    },
-    {
-      "translated": "Thema:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Topic:"
-      }
-    },
-    {
-      "translated": "Beschreibung:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Description:"
-      }
-    },
-    {
-      "translated": "Standard",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Standard"
-      }
-    },
-    {
-      "translated": "Kanaltyp",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel Type"
-      }
-    },
-    {
-      "translated": "Temporär",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Temporary"
-      }
-    },
-    {
-      "translated": "Semi-Permanent",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Semi-Permanent"
-      }
-    },
-    {
-      "translated": "Dauerhaft",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Permanent"
-      }
-    },
-    {
-      "translated": "Standardkanal",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Default Channel"
-      }
-    },
-    {
-      "translated": "Diesen Kanal sortieren nach:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sort this channel after:"
-      }
-    },
-    {
-      "translated": "Benötigte Gesprächskraft:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Needed Talk Power:"
-      }
-    },
-    {
-      "translated": "Audio",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Audio"
-      }
-    },
-    {
-      "translated": "Voreinstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Presets"
-      }
-    },
-    {
-      "translated": "Voice Mobile",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Voice Mobile"
-      }
-    },
-    {
-      "translated": "Voice Desktop",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Voice Desktop"
-      }
-    },
-    {
-      "translated": "Musik",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Music"
-      }
-    },
-    {
-      "translated": "Brauch",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Custom"
-      }
-    },
-    {
-      "translated": "Benutzerdefinierte Einstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Custom Settings"
-      }
-    },
-    {
-      "translated": "Codec:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Codec:"
-      }
-    },
-    {
-      "translated": "Speex Ultra-Wideband",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Speex Ultra-Wideband"
-      }
-    },
-    {
-      "translated": "Qualität:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Quality:"
-      }
-    },
-    {
-      "translated": "Regelmäßig benötigte Kräfte:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Regular needed powers:"
-      }
-    },
-    {
-      "translated": "Beitreten:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Join:"
-      }
-    },
-    {
-      "translated": "Aussicht:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "View:"
-      }
-    },
-    {
-      "translated": "Abonnieren:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Subscribe:"
-      }
-    },
-    {
-      "translated": "Desc. Aussicht:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Desc. view:"
-      }
-    },
-    {
-      "translated": "Ändern:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Modify:"
-      }
-    },
-    {
-      "translated": "Löschen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Delete:"
-      }
-    },
-    {
-      "translated": "Erforderliche Befugnisse für die Dateiübertragung:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "File transfer needed powers:"
-      }
-    },
-    {
-      "translated": "Erweitert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Advanced"
-      }
-    },
-    {
-      "translated": "Andere Einstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Other Settings"
-      }
-    },
-    {
-      "translated": "Phonetischer Name:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Phonetic Name:"
-      }
-    },
-    {
-      "translated": "Verzögerung löschen:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete delay:"
-      }
-    },
-    {
-      "translated": "Sprachdaten verschlüsselt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Voice Data encrypted"
-      }
-    },
-    {
-      "translated": "Max Benutzer",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Max users"
-      }
-    },
-    {
-      "translated": "Unbegrenzt",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Unlimited"
-      }
-    },
-    {
-      "translated": "Begrenzt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Limited"
-      }
-    },
-    {
-      "translated": "Family Max Benutzer",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Family Max users"
-      }
-    },
-    {
-      "translated": "Vererbt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Inherited"
-      }
-    },
-    {
-      "translated": "geprüft",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "checked"
-      }
-    },
-    {
-      "translated": "Maximale Anzahl Kunden:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Maximum Clients:"
-      }
-    },
-    {
-      "translated": "Reservierte Slots:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reserved slots:"
-      }
-    },
-    {
-      "translated": "Willkommensnachricht:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Welcome Message:"
-      }
-    },
-    {
-      "translated": "Wirt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Host"
-      }
-    },
-    {
-      "translated": "Bindung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Binding"
-      }
-    },
-    {
-      "translated": "Wirt:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Host:"
-      }
-    },
-    {
-      "translated": "Hafen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Port:"
-      }
-    },
-    {
-      "translated": "Hinweis: Diese Einstellungen erfordern einen Neustart des virtuellen Servers, um wirksam zu werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Note: These settings require a virtual server restart to take effect!"
-      }
-    },
-    {
-      "translated": "Host-Nachricht",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Host message"
-      }
-    },
-    {
-      "translated": "Botschaft:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Message:"
-      }
-    },
-    {
-      "translated": "Nachrichtenmodus:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Message Mode:"
-      }
-    },
-    {
-      "translated": "Keine Nachricht",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No message"
-      }
-    },
-    {
-      "translated": "Nachricht im Protokoll anzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show message in log"
-      }
-    },
-    {
-      "translated": "Nachricht als modal anzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show message as modal"
-      }
-    },
-    {
-      "translated": "Nachricht als modal anzeigen und Verbindung mit dem Client trennen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show message as modal and disconnect the client"
-      }
-    },
-    {
-      "translated": "Host-Banner",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Host banner"
-      }
-    },
-    {
-      "translated": "Banner-Gfx-URL:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Banner Gfx URL:"
-      }
-    },
-    {
-      "translated": "Gfx-Intervall:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Gfx Interval:"
-      }
-    },
-    {
-      "translated": "Größe ändern:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Resize:"
-      }
-    },
-    {
-      "translated": "Nicht einstellen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do not adjust"
-      }
-    },
-    {
-      "translated": "Passen Sie das Seitenverhältnis an, aber ignorieren Sie es",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Adjust but ignore ratio aspect"
-      }
-    },
-    {
-      "translated": "Passen Sie das Seitenverhältnis an und halten Sie es",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Adjust and keep ratio aspect"
-      }
-    },
-    {
-      "translated": "Host-Schaltfläche",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Host Button"
-      }
-    },
-    {
-      "translated": "Tooltip:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Tooltip:"
-      }
-    },
-    {
-      "translated": "Icon-URL:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon URL:"
-      }
-    },
-    {
-      "translated": "Transfers",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Transfers"
-      }
-    },
-    {
-      "translated": "Hochladen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Upload"
-      }
-    },
-    {
-      "translated": "Bandbreitenlimit:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bandwidth Limit:"
-      }
-    },
-    {
-      "translated": "Bytes / s",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bytes/s"
-      }
-    },
-    {
-      "translated": "Upload-Quote:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Upload Quota:"
-      }
-    },
-    {
-      "translated": "MiB",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "MiB"
-      }
-    },
-    {
-      "translated": "Herunterladen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Download"
-      }
-    },
-    {
-      "translated": "Download-Quote:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Download Quota:"
-      }
-    },
-    {
-      "translated": "Anti-Flood",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Anti-Flood"
-      }
-    },
-    {
-      "translated": "Reduzierte Punkte pro Tick:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Reduced points per tick:"
-      }
-    },
-    {
-      "translated": "Erforderliche Punkte zum Blockieren von Befehlen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Points needed to block commands:"
-      }
-    },
-    {
-      "translated": "Für das Blockieren der IP benötigte Punkte:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Points needed to block IP:"
-      }
-    },
-    {
-      "translated": "Sicherheit",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Security"
-      }
-    },
-    {
-      "translated": "Benötigte Sicherheitsstufe:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Needed Security Level:"
-      }
-    },
-    {
-      "translated": "Kanalsprachdatenverschlüsselung:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel voice data encryption:"
-      }
-    },
-    {
-      "translated": "Pro Kanal einzeln bearbeiten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Edit per channel individually"
-      }
-    },
-    {
-      "translated": "Weltweit deaktiviert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Globally disabled"
-      }
-    },
-    {
-      "translated": "Weltweit aktiviert (empfohlen)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Globally enabled (recommended)"
-      }
-    },
-    {
-      "translated": "Sonstiges",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Misc"
-      }
-    },
-    {
-      "translated": "Standardgruppen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Default groups"
-      }
-    },
-    {
-      "translated": "Server-Gruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server group"
-      }
-    },
-    {
-      "translated": "Musik-Bot-Gruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Music bot group"
-      }
-    },
-    {
-      "translated": "Kanalgruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel group"
-      }
-    },
-    {
-      "translated": "Channel Admin-Gruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel Admin group"
-      }
-    },
-    {
-      "translated": "Beschweren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Complain"
-      }
-    },
-    {
-      "translated": "Autoban Graf",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Autoban Count"
-      }
-    },
-    {
-      "translated": "Autoban Zeit",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Autoban Time"
-      }
-    },
-    {
-      "translated": "Zeit entfernen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Remove Time"
-      }
-    },
-    {
-      "translated": "Minimum Clients ist Kanal vor der Stille:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Minimum clients is channel before silence:"
-      }
-    },
-    {
-      "translated": "Lautstärkeregler für Prioritätslautsprecher:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Priority speaker dim modificator:"
-      }
-    },
-    {
-      "translated": "Verzögerung für temporäre Kanäle löschen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Delete delay for temporary channels"
-      }
-    },
-    {
-      "translated": "Serverliste",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server list"
-      }
-    },
-    {
-      "translated": "Aktivieren Sie die Berichterstellung für die TeamSpeak-Serverliste",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enable reporting to the TeamSpeak server list"
-      }
-    },
-    {
-      "translated": "<del> Aktivieren Sie das Reporting für die TeaSpeak-Serverliste </del> (TeaSpeak unterstützt diese Einstellung nicht)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<del>Enable reporting to the TeaSpeak server list</del> (TeaSpeak does not support this setting)"
-      }
-    },
-    {
-      "translated": "Mitteilungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Messages"
-      }
-    },
-    {
-      "translated": "Kanal",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Channel"
-      }
-    },
-    {
-      "translated": "Standardthema:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Default Topic:"
-      }
-    },
-    {
-      "translated": "Standardbeschreibung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Default Description"
-      }
-    },
-    {
-      "translated": "Klient",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Client"
-      }
-    },
-    {
-      "translated": "Allgemeines",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "General"
-      }
-    },
-    {
-      "translated": "Noch nicht eingerichtet!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Didnt setuped yet!"
-      }
-    },
-    {
-      "translated": "Mikrofon",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Microphone"
-      }
-    },
-    {
-      "translated": "Gerät:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Device:"
-      }
-    },
-    {
-      "translated": "Sprachaktivitätserkennung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Voice Activity Detection"
-      }
-    },
-    {
-      "translated": "Immer aktiv",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Always active"
-      }
-    },
-    {
-      "translated": "Sprachaktivitätserkennung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Voice activity detection"
-      }
-    },
-    {
-      "translated": "Drücken, um zu sprechen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Push to talk"
-      }
-    },
-    {
-      "translated": "Es gibt keine Einstellungen für eine <b>immer</b> Online-Spracherkennung.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "There are no setting entries for an <b>always</b> online voice detection."
-      }
-    },
-    {
-      "translated": "Taste zum Sprechen drücken:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Push to talk key:"
-      }
-    },
-    {
-      "translated": "Nicht initialisiert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Uninitialised"
-      }
-    },
-    {
-      "translated": "Sprachaktivitätsschwelle ( <a class='vad_vad_slider_value'>20</a> %)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Voice activity threshold (<a class='vad_vad_slider_value'>20</a>%)"
-      }
-    },
-    {
-      "translated": "Lautsprecher",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Speaker"
-      }
-    },
-    {
-      "translated": "Kanalgruppen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Channel Groups"
-      }
-    },
-    {
-      "translated": "Kanalberechtigungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel permissions"
-      }
-    },
-    {
-      "translated": "Client-Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client permissions"
-      }
-    },
-    {
-      "translated": "Kundennummer:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Client unique ID:"
-      }
-    },
-    {
-      "translated": "Eindeutige ID:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unique ID:"
-      }
-    },
-    {
-      "translated": "Kundendatenbank-ID:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client database ID:"
-      }
-    },
-    {
-      "translated": "Client-Channel-Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client channel permissions"
-      }
-    },
-    {
-      "translated": "Ändern von Gruppen von",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changing groups of"
-      }
-    },
-    {
-      "translated": "Filter:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Filter:"
-      }
-    },
-    {
-      "translated": "Nur erteilte Berechtigungen anzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show granted permissions only"
-      }
-    },
-    {
-      "translated": "Berechtigungsname",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Permission Name"
-      }
-    },
-    {
-      "translated": "Wert",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Value"
-      }
-    },
-    {
-      "translated": "Überspringen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Skip"
-      }
-    },
-    {
-      "translated": "Negieren",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Negate"
-      }
-    },
-    {
-      "translated": "Gewährt",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Granted"
-      }
-    },
-    {
-      "translated": "Aktualisieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Update"
-      }
-    },
-    {
-      "translated": "Hinzufügen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Add"
-      }
-    },
-    {
-      "translated": "Löschen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Remove"
-      }
-    },
-    {
-      "translated": "Name / IP / UID / HWID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Name/IP/UID/HWID"
-      }
-    },
-    {
-      "translated": "Grund",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reason"
-      }
-    },
-    {
-      "translated": "Schöpfer",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Creator"
-      }
-    },
-    {
-      "translated": "Erstellt / läuft ab",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Created / Expires"
-      }
-    },
-    {
-      "translated": "Neu laden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reload"
-      }
-    },
-    {
-      "translated": "Zeige nur eigene Verbote",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show only own bans"
-      }
-    },
-    {
-      "translated": "Eigene Verbote hervorheben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Highlight own bans"
-      }
-    },
-    {
-      "translated": "Grund:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reason:"
-      }
-    },
-    {
-      "translated": "Dauer:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Duration:"
-      }
-    },
-    {
-      "translated": "permanent",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "permanent"
-      }
-    },
-    {
-      "translated": "Verbot des Kunden durch",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Ban client by"
-      }
-    },
-    {
-      "translated": "Spitzname",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Nickname"
-      }
-    },
-    {
-      "translated": "Verbietet den Client nach seinem aktuellen Spitznamen. <br> Der derzeitige Spitzname kann nicht verwendet werden, bis das Verbot abgelaufen ist",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bans the client by his current nickname.<br>The currently nickname cant be used until the ban expired"
-      }
-    },
-    {
-      "translated": "Hardware ID",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Hardware ID"
-      }
-    },
-    {
-      "translated": "Verbietet den Client anhand seiner Hardware-ID. <br> Die Hardware-ID hat unterschiedliche Bedeutungen, abhängig vom Benutzeragenten <br> TeaClient: Die Hardware-ID entspricht der MAC-Adresse <br> TeaWeb: Der TeaSpeak-Webclient hat keine Hardware-ID. Dies ist zufällig <br> TeamSpeak 3-Client: Die Hardware-ID ist das Ergebnis einiger Hashes von hardwarespezifischen Eigenschaften",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bans the client by his hardware id.<br>The hardware id has different meanings, depends on the users agent<br>TeaClient: The hardware id will be equal to the mac address<br>TeaWeb: The TeaSpeak web client hasn't a hardware id, it will be random<br>TeamSpeak 3 client: The hardware id will be a result of some hashes from hardware specific properties"
-      }
-    },
-    {
-      "translated": "IP Adresse",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "IP Address"
-      }
-    },
-    {
-      "translated": "Erstellt:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Created:"
-      }
-    },
-    {
-      "translated": "Verfallen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Expire:"
-      }
-    },
-    {
-      "translated": "IP:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "IP:"
-      }
-    },
-    {
-      "translated": "Interpretiere IP / Name als:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Interpret IP/Name as:"
-      }
-    },
-    {
-      "translated": "Platzhalter IPv4",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Wildcard IPv4"
-      }
-    },
-    {
-      "translated": "Wildcard IPv6",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Wildcard IPv6"
-      }
-    },
-    {
-      "translated": "Feste Zeichenfolge",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Fixed string"
-      }
-    },
-    {
-      "translated": "Regulären Ausdruck",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Regular Expression"
-      }
-    },
-    {
-      "translated": "Hardware ID:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Hardware ID:"
-      }
-    },
-    {
-      "translated": "Dauer",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Duration"
-      }
-    },
-    {
-      "translated": "Verwenden Sie dieses Verbot als globales Verbot",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Use this ban as a global ban"
-      }
-    },
-    {
-      "translated": "Globale Verbote sind Verbote, die sich auf alle Instanzen beziehen. <br> Dies bedeutet, dass (falls diese Regel auf ein Opfer zutrifft) <b>kein</b> virtueller Server beitreten <b>kann</b> ! <br> Globale Verbote werden standardmäßig jeder Server-Admin-Gruppe angezeigt. <br> konnte aber nur mit Abfragerechten erstellt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Global bans are bans which apply instance wide.<br>This means that (if this rule apply to a victim) cant join <b>any</b> virtual server!<br>Global bans are by default shown to every server admin group,<br>but could only be created with query rights"
-      }
-    },
-    {
-      "translated": "Keine Musik zu spielen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Not playing any music"
-      }
-    },
-    {
-      "translated": "Ausführung:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Version:"
-      }
-    },
-    {
-      "translated": "Online seit:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Online since:"
-      }
-    },
-    {
-      "translated": "Volumen:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Volume:"
-      }
-    },
-    {
-      "translated": "TeaSpeak-Konto:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaSpeak Account:"
-      }
-    },
-    {
-      "translated": "Servergruppen:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server groups:"
-      }
-    },
-    {
-      "translated": "Kanalgruppe:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel group:"
-      }
-    },
-    {
-      "translated": "Weg",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Away"
-      }
-    },
-    {
-      "translated": "Lautsprecher / Kopfhörer deaktiviert",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Speakers/Headphones disabled"
-      }
-    },
-    {
-      "translated": "Mikrofon ausgeschaltet",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Microphone disabled"
-      }
-    },
-    {
-      "translated": "Lautsprecher / Kopfhörer stummgeschaltet",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Speakers/Headphones Muted"
-      }
-    },
-    {
-      "translated": "Mikrofon stummgeschaltet",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Microphone Muted"
-      }
-    },
-    {
-      "translated": "Lebenszeit:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Livetime:"
-      }
-    },
-    {
-      "translated": "Remote Volume:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remote Volume:"
-      }
-    },
-    {
-      "translated": "Lokales Volumen:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Local Volume:"
-      }
-    },
-    {
-      "translated": "Momentan abgespielt:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Currently replaying:"
-      }
-    },
-    {
-      "translated": "Adresse:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Address:"
-      }
-    },
-    {
-      "translated": "Art:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Type:"
-      }
-    },
-    {
-      "translated": "Betriebszeit:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Uptime:"
-      }
-    },
-    {
-      "translated": "Aktuelle Kanäle:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current Channels:"
-      }
-    },
-    {
-      "translated": "Aktuelle Benutzer:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current Clients:"
-      }
-    },
-    {
-      "translated": "Aktuelle Queries:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current Queries:"
-      }
-    },
-    {
-      "translated": "Info aktualisieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Update info"
-      }
-    },
-    {
-      "translated": "Codec-Qualität:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Codec Quality:"
-      }
-    },
-    {
-      "translated": "Aktuelle Benutzer:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current clients:"
-      }
-    },
-    {
-      "translated": "Abonnementstatus:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Subscription Status:"
-      }
-    },
-    {
-      "translated": "Gezeichnet",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Subscribed"
-      }
-    },
-    {
-      "translated": "Abbestellt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unsubscribed"
-      }
-    },
-    {
-      "translated": "Sprachdatenverschlüsselung:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Voice Data Encryption:"
-      }
-    },
-    {
-      "translated": "Unverschlüsselt",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Unencrypted"
-      }
-    },
-    {
-      "translated": "Verschlüsselt",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Encrypted"
-      }
-    },
-    {
-      "translated": "(Vom Server mit Encrypted überschrieben)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "(Overridden by the server with Encrypted)"
-      }
-    },
-    {
-      "translated": "(Vom Server mit unverschlüsselt überschrieben)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "(Overridden by the server with Unencrypted)"
-      }
-    },
-    {
-      "translated": "Beschreibung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Description"
-      }
-    },
-    {
-      "translated": "Du wurdest von ...",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You have been poked by"
-      }
-    },
-    {
-      "translated": "[AudioController] Die Samplerate der Quelle ist nicht gleich der Samplerate der Wiedergabe! (%o |%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "[AudioController] Source sample rate isn't equal to playback sample rate! (%o | %o)"
-      }
-    },
-    {
-      "translated": "Json enthält%s nicht",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Json does not contains %s"
-      }
-    },
-    {
-      "translated": "Der Validator hat für%s den Wert false",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Validator results in false for %s"
-      }
-    },
-    {
-      "translated": "Ungültiger Objekttyp%s für Eintrag%s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid object type %s for entry %s"
-      }
-    },
-    {
-      "translated": "Ungültiger VAD-Handler (Voice Activation Detector)! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid VAD (Voice activation detector) handler! (%o)"
-      }
-    },
-    {
-      "translated": "[VoiceRecorder] Starten Sie die Aufnahme! (Gerät:%o | Gruppe:%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[VoiceRecorder] Start recording! (Device: %o | Group: %o)"
-      }
-    },
-    {
-      "translated": "Wieder loslassen (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Release again! (%o)"
-      }
-    },
-    {
-      "translated": "Codec konnte nicht initialisiert werden! Fehler:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not initialize codec!\nError: %o"
-      }
-    },
-    {
-      "translated": "Stream hinzufügen (%o)!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding stream (%o)!"
-      }
-    },
-    {
-      "translated": "Remote-SDP einstellen! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Set remote sdp! (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Anwenden der Remote-Beschreibung:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to apply remote description: %o"
-      }
-    },
-    {
-      "translated": "Remote-Cache-Eis-Kandidat%s:%o konnte nicht hinzugefügt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add remote cached ice candidate %s: %o"
-      }
-    },
-    {
-      "translated": "Remote-Eis hinzufügen! (%s |%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Add remote ice! (%s | %o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Hinzufügen des Remote-Ice-Kandidaten%s:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add remote ice candidate %s: %o"
-      }
-    },
-    {
-      "translated": "Cache-Eis fernhalten! (%s |%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Cache remote ice! (%s | %o)"
-      }
-    },
-    {
-      "translated": "Sprachbrücke konnte nicht eingerichtet werden (%s). Wiederverbindung zulassen:%s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to setup voice bridge (%s). Allow reconnect: %s"
-      }
-    },
-    {
-      "translated": "Lokale Beschreibung konnte nicht angewendet werden:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to apply local description: %o"
-      }
-    },
-    {
-      "translated": "Angebot senden:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Send offer: %o"
-      }
-    },
-    {
-      "translated": "Ich habe einen neuen Datenkanal! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got new data channel! (%s)"
-      }
-    },
-    {
-      "translated": "Stimme von einem unbekannten Kunden haben? (ClientID:%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Having  voice from unknown client? (ClientID: %o)"
-      }
-    },
-    {
-      "translated": "Der Codec%o konnte nicht abgespielt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not playback codec %o"
-      }
-    },
-    {
-      "translated": "Wiedergabe von Client-Audio (%o) (%o) nicht möglich",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not playback client's (%o) audio (%o)"
-      }
-    },
-    {
-      "translated": "Geänderte Kanaleigenschaften von Kanal%s:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changed channel properties of channel %s: %o"
-      }
-    },
-    {
-      "translated": "Kanaloptionen: &#39;%o&#39;",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel options: '%o'"
-      }
-    },
-    {
-      "translated": "Erhaltener Kanalname:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got channel name: %o"
-      }
-    },
-    {
-      "translated": "Ausrichten:%s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Align: %s"
-      }
-    },
-    {
-      "translated": "Eigenschaften (% i) von%s (% i) aktualisieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Update properties (%i) of %s (%i)"
-      }
-    },
-    {
-      "translated": "Aktualisiereigenschaft%s = &#39;%s&#39; -&gt;%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Updating property %s = '%s' -> %o"
-      }
-    },
-    {
-      "translated": "Eigene Beschreibung in%s ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changing own description to %s"
-      }
-    },
-    {
-      "translated": "Client%o aus Kanal mit Grund%o tritt aus",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Kicking client %o from channel with reason %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Auflösen der Kanalberechtigung für den Namen%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to resolve channel permission for name %o"
-      }
-    },
-    {
-      "translated": "Aktualisierte Berechtigungen%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Updated permissions %o"
-      }
-    },
-    {
-      "translated": "Erhaltene Berechtigungen:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got permissions: %o"
-      }
-    },
-    {
-      "translated": "Genehmigung ausgelöst! %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Permission triggered! %o"
-      }
-    },
-    {
-      "translated": "Ungültige Kanalverschiebung (verschiedene Eltern! (%o |%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid channel move (different parents! (%o|%o)"
-      }
-    },
-    {
-      "translated": "Nur Musik:%o | Containermusik:%o | Container local:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Music only: %o | Container music: %o | Container local: %o"
-      }
-    },
-    {
-      "translated": "Einen neuen Kanal erstellen. Eigenschaften:%o Berechtigungen:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Creating a new channel.\nProperties: %o\nPermissions: %o"
-      }
-    },
-    {
-      "translated": "Wiedergabeton%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "playback sound %o"
-      }
-    },
-    {
-      "translated": "Fehlender Ton%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing sound %o"
-      }
-    },
-    {
-      "translated": "Verwendung des zwischengespeicherten Puffers:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Using cached buffer: %o"
-      }
-    },
-    {
-      "translated": "Audiodaten für%o konnten nicht decodiert werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to decode audio data for %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Audiodatei (Antwortcode%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load audio file. (Response code %o)"
-      }
-    },
-    {
-      "translated": "Wiedergabe von%s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Replaying %s"
-      }
-    },
-    {
-      "translated": "Erhaltener Fehler: (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got error: (%s)"
-      }
-    },
-    {
-      "translated": "Unbekannter Befehlstyp%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown command type %o"
-      }
-    },
-    {
-      "translated": "Handlungsbefehl &#39;%s&#39;",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Handling command '%s'"
-      }
-    },
-    {
-      "translated": "Fehlender Befehl &#39;%s&#39;",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing command '%s'"
-      }
-    },
-    {
-      "translated": "Ungültiger Versprechen-Ergebnistyp:%o. Ergebnis:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid promise result type: %o. Result:"
-      }
-    },
-    {
-      "translated": "Ungültiger Rückgabecode! (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid return code! (%o)"
-      }
-    },
-    {
-      "translated": "Ich habe %d neue Channels",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got %d new channels"
-      }
-    },
-    {
-      "translated": " %d Kanallöschungen erhalten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got %d channel deletions"
-      }
-    },
-    {
-      "translated": " %d Kanal versteckt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got %d channel hides"
-      }
-    },
-    {
-      "translated": "Unbekannte Begründung für%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown reasonid for %o"
-      }
-    },
-    {
-      "translated": "Unbekannte Grund-ID%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown reason id %o"
-      }
-    },
-    {
-      "translated": "Musik-Player-Info für unbekannten oder ungültigen Bot erhalten! (ID:% i, Eintrag:%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got music player info for unknown or invalid bot! (ID: %i, Entry: %o)"
-      }
-    },
-    {
-      "translated": "Verwenden des Info-Managers:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Using info manager: %o"
-      }
-    },
-    {
-      "translated": "Hostbanner konnte nicht geladen werden:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load hostbanner: %o"
-      }
-    },
-    {
-      "translated": "Eltern:%o | %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Parents: %o | %o"
-      }
-    },
-    {
-      "translated": "Spieler:%o | oo",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Player: %o | %o"
-      }
-    },
-    {
-      "translated": "Skala:% f =&gt; übersetzen:%o | %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Scale: %f => translate: %o | %o"
-      }
-    },
-    {
-      "translated": "Erforderlicher Test:%o | % i | %o =&gt;%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Test needed required: %o | %i | %o => %o"
-      }
-    },
-    {
-      "translated": "Bekannte unbekannte Berechtigungs-ID (%o /%o (%o))!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got unknown permission id (%o/%o (%o))!"
-      }
-    },
-    {
-      "translated": "% i &lt;&gt;%s -&gt;%s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "%i <> %s -> %s"
-      }
-    },
-    {
-      "translated": "Ich habe% i Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got %i permissions"
-      }
-    },
-    {
-      "translated": " %d benötigte Berechtigungen.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got %d needed permissions."
-      }
-    },
-    {
-      "translated": "Konnte Perm für ID%s nicht auflösen (%o |%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not resolve perm for id %s (%o|%o)"
-      }
-    },
-    {
-      "translated": "Kanalberechtigungen für Kanal%o erhalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got channel permissions for channel %o"
-      }
-    },
-    {
-      "translated": "Fehlendes Kanal-Berechtigungs-Handle für angeforderte Kanal-ID%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing channel permission handle for requested channel id %o"
-      }
-    },
-    {
-      "translated": "Erteilungsberechtigung%o konnte nicht aufgelöst werden. Neues erstellen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not resolve grant permission %o. Creating a new one."
-      }
-    },
-    {
-      "translated": "Gewünschte Berechtigung mit ungültigem Schlüssel angefordert! (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Requested needed permission with invalid key! (%o)"
-      }
-    },
-    {
-      "translated": "Gruppenziel konnte nicht aufgelöst werden! =&gt;%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resolve group target! => %o"
-      }
-    },
-    {
-      "translated": "Ich habe Gruppenberechtigungen für Gruppe%o /%o erhalten, aber es ist keine registrierte Gruppe!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got group permissions for group %o/%o, but its not a registered group!"
-      }
-    },
-    {
-      "translated": "Ich habe Gruppenberechtigungen für Gruppe%o /%o erhalten, wurde aber nie angefordert!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got group permissions for group %o/%o, but it was never requested!"
-      }
-    },
-    {
-      "translated": "Schlüssel%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got key %o"
-      }
-    },
-    {
-      "translated": "Gerät%s (%s):%s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got device %s (%s): %s"
-      }
-    },
-    {
-      "translated": "Ausgewähltes Mikrofon: id:%o Gruppe:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Selected microphone device: id: %o group: %o"
-      }
-    },
-    {
-      "translated": "Ausgewähltes Lautsprechergerät: id:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Selected speaker device: id: %o"
-      }
-    },
-    {
-      "translated": "Repository-Informationen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Repository info"
-      }
-    },
-    {
-      "translated": "Möchten Sie dieses Repository wirklich löschen?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to delete this repository?"
-      }
-    },
-    {
-      "translated": "Übersetzungsinfo",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Translation info"
-      }
-    },
-    {
-      "translated": "Repository-URL eingeben: <br>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Enter repository URL:<br>"
-      }
-    },
-    {
-      "translated": "Repository konnte nicht abgefragt werden. <br> Stellen Sie sicher, dass dieses Repository gültig und erreichbar ist. <br> Error:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to query repository.<br>Ensure that this repository is valid and reachable.<br>Error: "
-      }
-    },
-    {
-      "translated": "Verbot%o hinzufügen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding ban %o"
-      }
-    },
-    {
-      "translated": "Bearbeitungsverbot%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Editing ban %o"
-      }
-    },
-    {
-      "translated": "Bearbeitungsänderungen übernehmen%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Apply edit changes %o"
-      }
-    },
-    {
-      "translated": "Verbot löschen%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Deleting ban %o"
-      }
-    },
-    {
-      "translated": "Bekam Banliste:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got banlist: %o"
-      }
-    },
-    {
-      "translated": "Fehlender Verbotseintrag mit ID %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing ban entry with id %d"
-      }
-    },
-    {
-      "translated": "Suche nach Filter%s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Search for filter %s"
-      }
-    },
-    {
-      "translated": "Starten Sie die Verbindung zu%s: %d",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Start connection to %s:%d"
-      }
-    },
-    {
-      "translated": "Typ:%o Daten:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Type: %o Data:"
-      }
-    },
-    {
-      "translated": "Erstellen Sie einen neuen Dateidownload für%s:%s (Schlüssel:%s, erwartet %d Bytes).",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create new file download to %s:%s (Key: %s, Expect %d bytes)"
-      }
-    },
-    {
-      "translated": "Ungültiger Dateilisteneintrag Pfad:%s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid file list entry. Path: %s"
-      }
-    },
-    {
-      "translated": "Symbol%s -&gt;%s konnte nicht heruntergeladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not download icon %s -> %s"
-      }
-    },
-    {
-      "translated": "Fehler beim Herunterladen des Symbols! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Error while downloading icon! (%s)"
-      }
-    },
-    {
-      "translated": "Symbol hat einen Bildtyp von%o (Medium:%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon has an image type of %o (media: %o)"
-      }
-    },
-    {
-      "translated": "Symbol%o geladen :)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon %o loaded :)"
-      }
-    },
-    {
-      "translated": "Symbol%o konnte nicht geladen werden. Grund:% p",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load icon %o. Reason: %p"
-      }
-    },
-    {
-      "translated": "Avatar%s wird heruntergeladen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Downloading avatar %s"
-      }
-    },
-    {
-      "translated": "Avatar%o -&gt;%s konnte nicht heruntergeladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not download avatar %o -> %s"
-      }
-    },
-    {
-      "translated": "Fehler beim Herunterladen des Avatars! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Error while downloading avatar! (%s)"
-      }
-    },
-    {
-      "translated": "Avatar hat einen Bildtyp von%o (Medien:%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "avatar has an image type of %o (media: %o)"
-      }
-    },
-    {
-      "translated": "Avatar hat einen Bildtyp von%o (Medien:%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Avatar has an image type of %o (media: %o)"
-      }
-    },
-    {
-      "translated": "Avatar konnte für%s nicht geladen werden. Gründe dafür",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load avatar for %s. Reason: %s"
-      }
-    },
-    {
-      "translated": "Zu formatierende Nachricht enthält ungültigen Index (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Message to format contains invalid index (%o)"
-      }
-    },
-    {
-      "translated": "Offset: %d Anzahl: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Offset: %d Number: %d"
-      }
-    },
-    {
-      "translated": "Server-Chat",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server chat"
-      }
-    },
-    {
-      "translated": "Channel-Chat",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel chat"
-      }
-    },
-    {
-      "translated": "Fehler beim Einrichten von Jsrender",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to setup jsrender"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden von Jsrender! %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load jsrender! %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Einrichten der Hauptseite!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to setup main page!"
-      }
-    },
-    {
-      "translated": "Fehler beim Initialisieren des Übersetzungssystems! Fehler:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialized the translation system!\nError: %o"
-      }
-    },
-    {
-      "translated": "Ppt konnte nicht initialisiert werden! Fehler:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize ppt!\nError: %o"
-      }
-    },
-    {
-      "translated": "PCM-Daten konnten für Codec nicht erneut berechnet werden. Fehler:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not resample PCM data for codec. Error: %o"
-      }
-    },
-    {
-      "translated": "PCM-Daten konnten nicht für Codec codiert werden. Fehler:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not encode PCM data for codec. Error: %o"
-      }
-    },
-    {
-      "translated": "Erforderliche Zeit: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Required time: %d"
-      }
-    },
-    {
-      "translated": "Lagerzeit der Arbeiternachricht: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Worker message stock time: %d"
-      }
-    },
-    {
-      "translated": "[Codec] Bekannte Antwort des Arbeitnehmers: Erfolg:%o Nachricht:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "[Codec] Got worker init response: Success: %o Message: %o"
-      }
-    },
-    {
-      "translated": "Rückruf für Kostüm! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Costume callback! (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Übersetzungsdatei%s. Json konnte nicht analysiert oder verarbeitet werden:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load translation file %s. Failed to parse or process json: %o"
-      }
-    },
-    {
-      "translated": "Json konnte nicht verarbeitet oder analysiert werden!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to process or parse json!"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Datei:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file: "
-      }
-    },
-    {
-      "translated": "Übersetzungsdatei von%s erfolgreich initialisiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Successfully initialized up translation file from %s"
-      }
-    },
-    {
-      "translated": "Übersetzungsdatei konnte nicht von &quot;%s&quot; geladen werden. Fehler:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load translation file from \"%s\". Error: %o"
-      }
-    },
-    {
-      "translated": "Standard-Repository wurde erfolgreich von &quot;%s&quot; hinzugefügt.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Successfully added default repository from \"%s\"."
-      }
-    },
-    {
-      "translated": "Standard-Repository konnte nicht hinzugefügt werden. Fehler:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to add default repository. Error: %o"
-      }
-    },
-    {
-      "translated": "Übersetzungsdatei für Repository%s konnte nicht geladen werden. Übersetzung:%s (%s) Fehler:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load translation file for repository %s. Translation: %s (%s) Error: %o"
-      }
-    },
-    {
-      "translated": "Das Repository konnte während der Iteration nicht geladen werden:%s (%s). Fehler:%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load repository while iteration: %s (%s). Error: %o"
-      }
-    },
-    {
-      "translated": "Übersetzungssystem",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Translation System"
-      }
-    },
-    {
-      "translated": "Laden der aktuell ausgewählten Übersetzungsdatei fehlgeschlagen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load current selected translation file."
-      }
-    },
-    {
-      "translated": "Standard-Fallback-Übersetzungen verwenden.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Using default fallback translations."
-      }
-    },
-    {
-      "translated": "Servereigenschaften ändern%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changing server properties %o"
-      }
-    },
-    {
-      "translated": "Geänderte Eigenschaften:%o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changed properties: %o"
-      }
-    },
-    {
-      "translated": "Eigenschaften aktualisieren (% i)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Update properties (%i)"
-      }
-    },
-    {
-      "translated": "Es wurde versucht, eine nicht bekannte Berechtigung zu bearbeiten! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Attempted to edit a not known permission! (%s)"
-      }
-    },
-    {
-      "translated": "Berechtigung%s mit Eigenschaften hinzugefügt:%o%o%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Added permission %s with properties: %o %o %o"
-      }
-    },
-    {
-      "translated": "Berechtigung%s wurde entfernt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removed permission %s"
-      }
-    },
-    {
-      "translated": "Zuschuss von%o für%s hinzugefügt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Added grant of %o for %s"
-      }
-    },
-    {
-      "translated": "Berechtigungsberechtigung für%s entfernt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removed grant permission for %s"
-      }
-    },
-    {
-      "translated": "Berechtigung%o mit Eigenschaften hinzugefügt:%o%o%o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Added permission %o with properties: %o %o %o"
-      }
-    },
-    {
-      "translated": "Verbinden Sie sich mit einem Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connect to a server"
-      }
-    },
-    {
-      "translated": "Trennen Sie die Verbindung zum Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Disconnect from server"
-      }
-    },
-    {
-      "translated": "Abwesenheits status ändern",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Toggle away status"
-      }
-    },
-    {
-      "translated": "Mikrofon abschalten/anschalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Mute/unmute microphone"
-      }
-    },
-    {
-      "translated": "Kopfhörer abschalten/anschalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Mute/unmute headphones"
-      }
-    },
-    {
-      "translated": "Tokenliste",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "List tokens"
-      }
-    },
-    {
-      "translated": "Berechtigungen anzeigen / bearbeiten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "View/edit permissions"
-      }
-    },
-    {
-      "translated": "Bearbeiten Sie die globalen Client-Einstellungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Edit global client settings"
-      }
-    },
-    {
-      "translated": "Übersetzungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Translations"
-      }
-    },
-    {
-      "translated": "Verfügbare Übersetzungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Available translations"
-      }
-    },
-    {
-      "translated": "Englisch (Standard / Fallback)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "English (Default / Fallback)"
-      }
-    },
-    {
-      "translated": "Repository hinzufügen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add repository"
-      }
-    },
-    {
-      "translated": "Achtung: Diese Einstellungen werden erst nach einem Neustart oder Neuladen beeinflusst!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Attention: These settings get only affected after a restart or reload!"
-      }
-    },
-    {
-      "translated": "jetzt neu laden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "reload now"
-      }
-    },
-    {
-      "translated": "Fehler beim Initialisieren des Opus-Codecs. Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize the opus codec. Error: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Initialisieren des bereits deaktivierten Codecs. Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize already disabled codec. Error: %o"
-      }
-    },
-    {
-      "translated": "Der Audioplayer ist noch nicht initialisiert. Warten auf Geste.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Audio player isn't initialized yet. Waiting for gesture."
-      }
-    },
-    {
-      "translated": "Standardkanal",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Default channel"
-      }
-    },
-    {
-      "translated": "Der Kanal ist durch ein Passwort geschützt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The channel is password protected"
-      }
-    },
-    {
-      "translated": "Musikqualität",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Music quality"
-      }
-    },
-    {
-      "translated": "Kanal wird moderiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel is moderated"
-      }
-    },
-    {
-      "translated": "Kanalsymbol",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Channel icon"
-      }
-    },
-    {
-      "translated": "Kanalinfo anzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show channel info"
-      }
-    },
-    {
-      "translated": "<b>Channel abonnieren</b>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<b>Subscribe to channel</b>"
-      }
-    },
-    {
-      "translated": "<b>Abo abbestellen</b>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<b>Unsubscribe from channel</b>"
-      }
-    },
-    {
-      "translated": "<b>Verwenden Sie den vererbten Abonnementmodus</b>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<b>Use inherited subscribe mode</b>"
-      }
-    },
-    {
-      "translated": "Bot wurde erfolgreich erstellt.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bot has been successfully created."
-      }
-    },
-    {
-      "translated": "Fehler beim Erstellen des Musikbots: <br> {0}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to create the music bot:<br>{0}"
-      }
-    },
-    {
-      "translated": "Formatierter Kanalname: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got formated channel name: %o"
-      }
-    },
-    {
-      "translated": "Sich bewerben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Apply"
-      }
-    },
-    {
-      "translated": "Kundeninformationen anzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show client info"
-      }
-    },
-    {
-      "translated": "Chat-Teilnehmer konnte nicht benachrichtigt werden (%o), dass der Chat geschlossen wurde. Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to notify chat participant (%o) that the chat has been closed. Error: %o"
-      }
-    },
-    {
-      "translated": "Bot-Info anzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show bot info"
-      }
-    },
-    {
-      "translated": "Öffnen Sie die Playlist des Bots",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Open bot's playlist"
-      }
-    },
-    {
-      "translated": "Ungültige Berechtigungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid permissions"
-      }
-    },
-    {
-      "translated": "Sie müssen die Bots-Wiedergabeliste nicht sehen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You dont have to see the bots playlist."
-      }
-    },
-    {
-      "translated": "Abfragen der Wiedergabeliste fehlgeschlagen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to query playlist."
-      }
-    },
-    {
-      "translated": "Abfragen der Wiedergabelisteninformationen fehlgeschlagen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to query playlist info."
-      }
-    },
-    {
-      "translated": "Lokales Volumen ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change local volume"
-      }
-    },
-    {
-      "translated": "Remote-Lautstärke ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change remote volume"
-      }
-    },
-    {
-      "translated": "Abonnieren bestimmter Kanäle fehlgeschlagen (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to subscribe to specific channels (%o)"
-      }
-    },
-    {
-      "translated": "Fehler bei der Kündigung aller Kanäle! (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to unsubscribe to all channels! (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Abbestellen bestimmter Kanäle (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to unsubscribe to specific channels (%o)"
-      }
-    },
-    {
-      "translated": "Abonnieren aller Kanäle fehlgeschlagen! (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to subscribe to all channels! (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Parsen der Banner-URL: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to parse banner URL: %o"
-      }
-    },
-    {
-      "translated": "Hostbanner konnte nicht geladen werden, da &#39;Access-Control-Allow-Origin&#39; nicht gültig ist!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load hostbanner because 'Access-Control-Allow-Origin' isnt valid!"
-      }
-    },
-    {
-      "translated": "Hostbanner erfolgreich abgerufen (%o, Typ: %o, URL: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Fetsched hostbanner successfully (%o, type: %o, url: %o)"
-      }
-    },
-    {
-      "translated": "Hostbanner-URL %s wurde zurückgezogen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Revoked hostbanner url %s"
-      }
-    },
-    {
-      "translated": "Hostbanner-Image konnte nicht abgerufen werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to fetch hostbanner image: %o"
-      }
-    },
-    {
-      "translated": "Sie müssen die Bots-Wiedergabeliste nicht sehen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You don't have to see the bots playlist."
-      }
-    },
-    {
-      "translated": "Es wurde versucht, die Registrierung des Befehlshandlers aufzuheben, der nicht zum Handler-Boss gehört",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Tried to unregister command handler which does not belong to the handler boss"
-      }
-    },
-    {
-      "translated": "Fehler beim Aufruf des Befehlshandlers. Aufruf führt zu einer Ausnahme: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to invoke command handler. Invocation results in an exception: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Aufrufen des einzelnen Befehlshandlers. Aufruf führt zu einer Ausnahme: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to invoke single command handler. Invocation results in an exception: %o"
-      }
-    },
-    {
-      "translated": "Unbekannter Befehl beim Handshaking empfangen (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received unknown command while handshaking (%o)"
-      }
-    },
-    {
-      "translated": "Identität verbessern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Improve identity"
-      }
-    },
-    {
-      "translated": "Start",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Start"
-      }
-    },
-    {
-      "translated": "Halt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Stop"
-      }
-    },
-    {
-      "translated": "Fehler beim Verbessern der Identität",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to improve identity"
-      }
-    },
-    {
-      "translated": "Fehler beim Verbessern der Identität <br> Error:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to improve identity.<br>Error:"
-      }
-    },
-    {
-      "translated": "Identität erfolgreich verbessert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity successfully improved"
-      }
-    },
-    {
-      "translated": "Identität erfolgreich auf Stufe {} verbessert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity successfully improved to level {}"
-      }
-    },
-    {
-      "translated": "Identität importieren",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Import identity"
-      }
-    },
-    {
-      "translated": "Fehler beim Lesen der angegebenen Identitätsdatei: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to read give identity file: %o"
-      }
-    },
-    {
-      "translated": "Datei konnte nicht gelesen werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to read file!"
-      }
-    },
-    {
-      "translated": "Ja",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "yes"
-      }
-    },
-    {
-      "translated": "Nein",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "no"
-      }
-    },
-    {
-      "translated": "Gerät %s (%s) erhalten: %s (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got device %s (%s): %s (%o)"
-      }
-    },
-    {
-      "translated": "Mikrofonliste konnte nicht abgerufen werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not get microphone device list!"
-      }
-    },
-    {
-      "translated": "Lautsprecherliste konnte nicht abgerufen werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not get speaker device list!"
-      }
-    },
-    {
-      "translated": "Sound %s wurde in %o geändert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Sound %s had changed to %o"
-      }
-    },
-    {
-      "translated": "Identität importiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity imported"
-      }
-    },
-    {
-      "translated": "Ihre Identität wurde erfolgreich importiert!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Your identity has been successfully imported!"
-      }
-    },
-    {
-      "translated": "Bist du sicher",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Are you sure"
-      }
-    },
-    {
-      "translated": "Möchten Sie wirklich eine neue Identität importieren und die alte Identität überschreiben?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to import a new identity and override the old identity?"
-      }
-    },
-    {
-      "translated": "Dateiname",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "File name"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie den Dateinamen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter the file name"
-      }
-    },
-    {
-      "translated": "Fehler beim Export der Identität",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to export identity"
-      }
-    },
-    {
-      "translated": "Fehler beim Exportieren und Speichern der Identität. <br> Error:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to export and save identity.<br>Error: "
-      }
-    },
-    {
-      "translated": "Identität erzeugen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Identity generate"
-      }
-    },
-    {
-      "translated": "Eine neue Identität wurde erfolgreich generiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "A new identity had been successfully generated"
-      }
-    },
-    {
-      "translated": "Fehler beim Generieren einer neuen Identität. Fehlerobjekt: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to generate a new identity. Error object: %o"
-      }
-    },
-    {
-      "translated": "Identität konnte nicht generiert werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to generate identity"
-      }
-    },
-    {
-      "translated": "Fehler beim Generieren einer neuen Identität. <br> Error:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to generate a new identity.<br>Error:"
-      }
-    },
-    {
-      "translated": "Möchten Sie wirklich eine neue Identität generieren und die alte Identität überschreiben?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to generate a new identity and override the old identity?"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie einen Namen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter a name"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie einen Namen für das neue Profil ein: <br>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Please enter a name for the new profile:<br>"
-      }
-    },
-    {
-      "translated": "Möchten Sie dieses Profil wirklich löschen?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to delete this profile?"
-      }
-    },
-    {
-      "translated": "Sie haben keine Erlaubnis",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You dont have the permission"
-      }
-    },
-    {
-      "translated": "Sie haben keine Berechtigung, die Verbotsliste anzuzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You dont have the permission to view the ban list"
-      }
-    },
-    {
-      "translated": "Geben Sie den Namen der Lesezeichen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter bookmarks name"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie den Namen der Lesezeichen ein: <br>",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter the bookmarks name:<br>"
-      }
-    },
-    {
-      "translated": "Du musst verbunden sein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You have to be connected"
-      }
-    },
-    {
-      "translated": "Du musst verbunden sein!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You have to be connected!"
-      }
-    },
-    {
-      "translated": "Sie haben keine Berechtigung zum Erstellen eines Serverabfrage-Logins",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You dont have the permission to create a server query login"
-      }
-    },
-    {
-      "translated": "Sie müssen verbunden sein, um diese Funktion nutzen zu können!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You have to be connected to use this function!"
-      }
-    },
-    {
-      "translated": "Verbindung fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connect failed"
-      }
-    },
-    {
-      "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Ausnahme: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not connect to remote host! Exception: %o"
-      }
-    },
-    {
-      "translated": "Handshake konnte nicht verarbeitet werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to process handshake: %o"
-      }
-    },
-    {
-      "translated": "Handshake konnte nicht verarbeitet werden:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to process handshake: "
-      }
-    },
-    {
-      "translated": "Erlaubt, die Verbindung automatisch wiederherzustellen, kann aber nicht wiederhergestellt werden, da uns keine Informationen zur Verfügung stehen ...",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Allowed to auto reconnect but cant reconnect because we dont have any information left..."
-      }
-    },
-    {
-      "translated": "Verbindung wird in 5 Sekunden wiederhergestellt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Reconnecting in 5 seconds"
-      }
-    },
-    {
-      "translated": "Erlaubt die automatische Wiederverbindung. Wiederverbindung in 5000ms",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Allowed to auto reconnect. Reconnecting in 5000ms"
-      }
-    },
-    {
-      "translated": "Verbindung wird wiederhergestellt ...",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Reconnecting..."
-      }
-    },
-    {
-      "translated": "Verbindung abgebrochen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Reconnect canceled"
-      }
-    },
-    {
-      "translated": "BBCode-Analysefehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "BBCode parse error: %o"
-      }
-    },
-    {
-      "translated": "SMS konnte nicht gesendet werden.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to send text message."
-      }
-    },
-    {
-      "translated": "Senden der Servertextnachricht fehlgeschlagen: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to send server text message: %o"
-      }
-    },
-    {
-      "translated": "Kanaltextnachricht konnte nicht gesendet werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to send channel text message: %o"
-      }
-    },
-    {
-      "translated": "Chatnachricht enthält URL: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Chat message contains URL: %o"
-      }
-    },
-    {
-      "translated": "Statistik mit dieser Konfiguration initialisieren: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Initializing statistics with this config: %o"
-      }
-    },
-    {
-      "translated": "Verbindung zum Statistikserver verloren (Verbindung geschlossen). Grund: %o. Ereignisobjekt: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Lost connection to statistics server (Connection closed). Reason: %o. Event object: %o"
-      }
-    },
-    {
-      "translated": "Verbindung zum Server erfolgreich hergestellt. Sitzung wird initialisiert.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Successfully connected to server. Initializing session."
-      }
-    },
-    {
-      "translated": "Einen Fehler erhalten Verbindung schließen Objekt: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received an error. Closing connection. Object: %o"
-      }
-    },
-    {
-      "translated": "Eine Nachricht empfangen, die keine Zeichenfolge ist. Ereignisobjekt: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received an message which isn't a string. Event object: %o"
-      }
-    },
-    {
-      "translated": "Geplante Wiederverbindung in %dms",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Scheduled reconnect in %dms"
-      }
-    },
-    {
-      "translated": "Verbindung erneut herstellen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reconnecting"
-      }
-    },
-    {
-      "translated": "Verarbeitungsmeldung vom Typ %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Handling message of type %s"
-      }
-    },
-    {
-      "translated": "Empfangene Nachricht mit unbekanntem Typ (%s). Nachricht löschen Vollständige Nachricht: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received message with an unknown type (%s). Dropping message. Full message: %o"
-      }
-    },
-    {
-      "translated": "Sitzung erfolgreich initialisiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Session successfully initialized."
-      }
-    },
-    {
-      "translated": "Überspringen der Spracheinstellung (keine Sprachbrücke verfügbar)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Skipping voice setup (No voice bridge available)"
-      }
-    },
-    {
-      "translated": "Ihr Chat-Partner hat die Verbindung wieder hergestellt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your chat partner has reconnected"
-      }
-    },
-    {
-      "translated": "Ihr Chatpartner hat die Verbindung getrennt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your chat partner has disconnected"
-      }
-    },
-    {
-      "translated": "Chat für unbekannten Client erhalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received chat close for unknown client"
-      }
-    },
-    {
-      "translated": "Chat für Client erhalten, aber eindeutige IDs stimmen nicht überein. (erwartet %o, erhalten %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received chat close for client, but unique ids dosn't match. (expected %o, received %o)"
-      }
-    },
-    {
-      "translated": "Chat für Client erhalten, aber kein Chat geöffnet.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received chat close for client, but we haven't a chat open."
-      }
-    },
-    {
-      "translated": "Ihr Chatpartner hat die Konversation geschlossen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Your chat partner has close the conversation"
-      }
-    },
-    {
-      "translated": "Empfangter Kanal für nicht sichtbaren Kanal abonniert (cid: %d)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received channel subscribed for not visible channel (cid: %d)"
-      }
-    },
-    {
-      "translated": "Empfangter Kanal für nicht sichtbaren Kanal nicht abonniert (cid: %d)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received channel unsubscribed for not visible channel (cid: %d)"
-      }
-    },
-    {
-      "translated": "Der Playlist-Eintrag konnte nicht analysiert werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse playlist entry: %o"
-      }
-    },
-    {
-      "translated": "Ungültige Benachrichtigung für Wiedergabelisten erhalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received invalid notification for playlist songs"
-      }
-    },
-    {
-      "translated": "Der Eintrag der Wiedergabeliste konnte nicht analysiert werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse playlist song entry: %o"
-      }
-    },
-    {
-      "translated": "Ungültige Benachrichtigung für Playlist-Informationen erhalten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received invalid notification for playlist info"
-      }
-    },
-    {
-      "translated": "Fehler beim Analysieren der Playlist-Informationen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse playlist info: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Schließen der alten Verbindung. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to close old connection properly. Error: %o"
-      }
-    },
-    {
-      "translated": "Verbindung konnte nicht geschlossen werden, nachdem das Timeout ausgelöst wurde! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to close connection after timeout had been triggered! (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Empfang eines Web-Sockets: (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received web socket error: (%o)"
-      }
-    },
-    {
-      "translated": "Verbindung konnte nicht geschlossen werden, nachdem der Verbindungsversuch fehlgeschlagen ist (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to close connection after connect attempt failed (%o)"
-      }
-    },
-    {
-      "translated": "Löschen des WebRTC-Befehlspakets, da keine Brücke vorhanden ist.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Dropping WebRTC command packet, because we havent a bridge."
-      }
-    },
-    {
-      "translated": "Es wurde eine unbekannte Nachricht vom Typ %s empfangen. Nachricht löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received unknown message of type %s. Dropping message"
-      }
-    },
-    {
-      "translated": "Versucht, einen ungültigen Socket (%s) zu senden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Tried to send on a invalid socket (%s)"
-      }
-    },
-    {
-      "translated": "Es wurde versucht, einen Befehl ohne gültige Verbindung zu senden.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Tried to send a command without a valid connection."
-      }
-    },
-    {
-      "translated": "nicht verbunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "not connected"
-      }
-    },
-    {
-      "translated": "unbekanntes Land",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "unknown country"
-      }
-    },
-    {
-      "translated": "Profil konnte nicht geladen werden. Grund: %s, Profildaten: %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load profile. Reason: %s, Profile data: %s"
-      }
-    },
-    {
-      "translated": "Fehler beim Generieren der Standardidentität",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to generate default identity"
-      }
-    },
-    {
-      "translated": "Fehler beim Generieren der Standardidentität! <br> Bitte generieren Sie die Identität manuell in Ihren Einstellungen =&gt; Profile",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to generate default identity!<br>Please manually generate the identity within your settings => profiles"
-      }
-    },
-    {
-      "translated": "Name-basierter Handshake konnte nicht initialisiert werden. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize name based handshake. Error: %o"
-      }
-    },
-    {
-      "translated": "TeaForum-basierter Handshake konnte nicht initialisiert werden. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize TeaForum based handshake. Error: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Identifizieren der Identität. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to proof the identity. Error: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Initialisieren des TeamSpeak-basierten Handshakes. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize TeamSpeak based handshake. Error: %o"
-      }
-    },
-    {
-      "translated": "POW Worker Fehler %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "POW Worker error %o"
-      }
-    },
-    {
-      "translated": "Abschluss des POW-Arbeiters fehlgeschlagen! (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to finalize POW worker! (%o)"
-      }
-    },
-    {
-      "translated": "Empfangene Nachricht: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received message: %o"
-      }
-    },
-    {
-      "translated": "Es konnte kein neuer Schlüssel generiert werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not generate a new key: %o"
-      }
-    },
-    {
-      "translated": "Es wurde versucht, einen Sound ohne Audiokontext wiederzugeben (Sound: %o). Wiedergabe löschen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Tried to replay a sound without an audio context (Sound: %o). Dropping playback"
-      }
-    },
-    {
-      "translated": "Tonwiedergabe %s (Lautstärke: %o | Hauptlautstärke %o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Replaying sound %s (Sound volume: %o | Master volume %o)"
-      }
-    },
-    {
-      "translated": "Löschen der angeforderten Wiedergabe für Sound %s, da sich diese überschneiden würden.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Dropping requested playback for sound %s because it would overlap."
-      }
-    },
-    {
-      "translated": "Serverinfo anzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show server info"
-      }
-    },
-    {
-      "translated": "Kumpel einladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invite buddy"
-      }
-    },
-    {
-      "translated": "URL der Buddy-Einladung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Buddy invite URL"
-      }
-    },
-    {
-      "translated": "Ihre Buddy-Einladungs-URL: <br>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Your buddy invite URL:<br>"
-      }
-    },
-    {
-      "translated": "<bt> Dies wurde in Ihre Zwischenablage kopiert.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "<bt>This has been copied to your clipboard."
-      }
-    },
-    {
-      "translated": "Lesezeichen verwalten",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Manage bookmarks"
-      }
-    },
-    {
-      "translated": "Erstellen Sie einen neuen Eintrag",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create a new entry"
-      }
-    },
-    {
-      "translated": "Möchten Sie diesen Eintrag wirklich löschen?",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Do you really want to delete this entry?"
-      }
-    },
-    {
-      "translated": "Erlaubnis entfernen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remove grant permission"
-      }
-    },
-    {
-      "translated": "Berechtigungsbeschreibung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Permission description"
-      }
-    },
-    {
-      "translated": "Berechtigungsbeschreibung für die Genehmigung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Permission description for permission "
-      }
-    },
-    {
-      "translated": "Clientkanalberechtigung %s wird entfernt. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing client channel permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Entfernen der Client-Channel-Berechtigungsberechtigung %s. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing client channel grant permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Client-Channel-Berechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating client channel permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Client-Channel-Berechtigungsberechtigung %s. Berechtigung. {id: %o, Wert: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating client channel grant permission %s. permission.{id: %o, value: %o}"
-      }
-    },
-    {
-      "translated": "Client-Berechtigung %s wird entfernt. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing client permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Client-Berechtigungsberechtigung %s wird entfernt. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing client grant permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Client-Berechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating client permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Client-Berechtigungsberechtigung %s. Berechtigung. {id: %o, Wert: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating client grant permission %s. permission.{id: %o, value: %o}"
-      }
-    },
-    {
-      "translated": "Kanalberechtigung %s wird entfernt. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing channel permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Kanalgenehmigungsberechtigung %s wird entfernt. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing channel grant permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Kanalberechtigung %s hinzufügen oder aktualisieren. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating channel permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Berechtigung zum Erteilen von Kanälen %s. Berechtigung. {id: %o, Wert: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating channel grant permission %s. permission.{id: %o, value: %o}"
-      }
-    },
-    {
-      "translated": "Kanalgruppenberechtigung %s wird entfernt. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing channel group permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Entfernen der Berechtigungsgruppe %s für die Kanalgruppe. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing channel group grant permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Kanalgruppenberechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating channel group permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Kanalgruppenerlaubnisberechtigung %s. Berechtigung. {id: %o, Wert: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating channel group grant permission %s. permission.{id: %o, value: %o}"
-      }
-    },
-    {
-      "translated": "Servergruppenberechtigung %s wird entfernt. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing server group permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Entfernen der Servergruppenberechtigung %s. permission.id: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Removing server group grant permission %s. permission.id: %o"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Servergruppenberechtigung %s. Erlaubnis. {id: %o, Wert: %o, flag_skip: %o, flag_negate: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating server group permission %s. permission.{id: %o, value: %o, flag_skip: %o, flag_negate: %o}"
-      }
-    },
-    {
-      "translated": "Hinzufügen oder Aktualisieren der Servergruppe erteilen Sie die Berechtigung %s. Berechtigung. {id: %o, Wert: %o}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Adding or updating server group grant permission %s. permission.{id: %o, value: %o}"
-      }
-    },
-    {
-      "translated": "Song-Info",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Song info"
-      }
-    },
-    {
-      "translated": "Füge ein Lied hinzu",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add a song"
-      }
-    },
-    {
-      "translated": "Wiedergabeliste bearbeiten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Edit playlist"
-      }
-    },
-    {
-      "translated": "Eigenschaften konnten nicht geändert werden.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change properties."
-      }
-    },
-    {
-      "translated": "Fehler beim Ändern der Playlist-Eigenschaften. <br> Error:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change playlist properties.<br>Error: "
-      }
-    },
-    {
-      "translated": "Berechtigung konnte nicht geändert werden.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change permission."
-      }
-    },
-    {
-      "translated": "Fehler beim Ändern der Wiedergabelistenberechtigungen. <br> Error:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change playlist permissions.<br>Error: "
-      }
-    },
-    {
-      "translated": "Möchten Sie wirklich alle Ihre Änderungen verwerfen?",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Do you really want to discard all your changes?"
-      }
-    },
-    {
-      "translated": "Liedliste laden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "loading song list"
-      }
-    },
-    {
-      "translated": "Lied konnte nicht entfernt werden.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to remove song."
-      }
-    },
-    {
-      "translated": "Song / URL konnte nicht aus der Wiedergabeliste entfernt werden. <br> Error:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to remove song/url from the playlist.<br>Error: "
-      }
-    },
-    {
-      "translated": "Die Songliste konnte nicht geladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "failed to load song list"
-      }
-    },
-    {
-      "translated": "Lied konnte nicht hinzugefügt werden.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add song."
-      }
-    },
-    {
-      "translated": "Das Hinzufügen von Lied / URL zur Wiedergabeliste ist fehlgeschlagen. <br> Error:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add song/url to the playlist.<br>Error: "
-      }
-    },
-    {
-      "translated": "Abfragen der Wiedergabelisteninformationen fehlgeschlagen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to query playlist info"
-      }
-    },
-    {
-      "translated": "Abfragen der Wiedergabelisteninformationen fehlgeschlagen. <br> Error:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to query playlist info.<br>Error:"
-      }
-    },
-    {
-      "translated": "Playlisten verwalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Manage playlists"
-      }
-    },
-    {
-      "translated": "Playlist erfolgreich erstellt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playlist created successful"
-      }
-    },
-    {
-      "translated": "Die Playlist wurde erfolgreich erstellt. <br> Sollen wir den Editor öffnen?",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The playlist has been successfully created.<br>Should we open the editor?"
-      }
-    },
-    {
-      "translated": "Playlist kann nicht erstellt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Unable to create playlist"
-      }
-    },
-    {
-      "translated": "Wiedergabeliste konnte nicht erstellt werden <br> Botschaft:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to create playlist<br>Message: "
-      }
-    },
-    {
-      "translated": "Möchten Sie diese Playlist wirklich löschen?",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Do you really want to delete this playlist?"
-      }
-    },
-    {
-      "translated": "Playlist erfolgreich gelöscht",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playlist deleted successful"
-      }
-    },
-    {
-      "translated": "Diese Playlist wurde erfolgreich gelöscht.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "This playlist has been deleted successfully."
-      }
-    },
-    {
-      "translated": "Playlist kann nicht gelöscht werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Unable to delete playlist"
-      }
-    },
-    {
-      "translated": "Löschen der Wiedergabeliste fehlgeschlagen <br> Botschaft:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete playlist<br>Message: "
-      }
-    },
-    {
-      "translated": "Erstellen Sie ein Serverabfrage-Login",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Create a server query login"
-      }
-    },
-    {
-      "translated": "Ungültiger Benutzername",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid username"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie einen gültigen Namen ein!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter a valid name!"
-      }
-    },
-    {
-      "translated": "Konto kann nicht erstellt werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unable to create account"
-      }
-    },
-    {
-      "translated": "Konto konnte nicht erstellt werden <br> Botschaft:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to create account<br>Message: "
-      }
-    },
-    {
-      "translated": "Server-Abfrageberechtigungsnachweise",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server query credentials"
-      }
-    },
-    {
-      "translated": "Neue Serverabfrageberechtigungsnachweise",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "New server query credentials"
-      }
-    },
-    {
-      "translated": "Verwalten Sie Abfragekonten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Manage query accounts"
-      }
-    },
-    {
-      "translated": "Ändern Sie den Kontonamen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change account name"
-      }
-    },
-    {
-      "translated": "Geben Sie den neuen Namen für das Login ein: <br>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Enter the new name for the login:<br>"
-      }
-    },
-    {
-      "translated": "Konto kann nicht umbenannt werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unable to rename account"
-      }
-    },
-    {
-      "translated": "Konto konnte nicht umbenannt werden <br> Botschaft:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to rename account<br>Message: "
-      }
-    },
-    {
-      "translated": "Konto erfolgreich umbenannt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Account successfully renamed"
-      }
-    },
-    {
-      "translated": "Das Abfragekonto wurde umbenannt!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The query account has been renamed!"
-      }
-    },
-    {
-      "translated": "Passwort des Kontos ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change account's password"
-      }
-    },
-    {
-      "translated": "Geben Sie ein neues Passwort ein (lassen Sie das Feld für die automatische Generierung leer): <br>",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Enter a new password (leave blank for auto generation):<br>"
-      }
-    },
-    {
-      "translated": "Passwort kann nicht geändert werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unable to change password"
-      }
-    },
-    {
-      "translated": "Kennwort konnte nicht geändert werden <br> Botschaft:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change password<br>Message: "
-      }
-    },
-    {
-      "translated": "Möchten Sie dieses Konto wirklich löschen?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to delete this account?"
-      }
-    },
-    {
-      "translated": "Konto kann nicht gelöscht werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unable to delete account"
-      }
-    },
-    {
-      "translated": "Konto konnte nicht gelöscht werden <br> Botschaft:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete account<br>Message: "
-      }
-    },
-    {
-      "translated": "Konto erfolgreich gelöscht",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Account successfully deleted"
-      }
-    },
-    {
-      "translated": "Das Abfragekonto wurde erfolgreich gelöscht!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The query account has been successfully deleted!"
-      }
-    },
-    {
-      "translated": "Lesezeichen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bookmarks"
-      }
-    },
-    {
-      "translated": "Aktuellen Server zu Lesezeichen hinzufügen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Add current server to bookmarks"
-      }
-    },
-    {
-      "translated": "Entfernen Sie den aktuellen Server zu den Lesezeichen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Remove current server to bookmarks"
-      }
-    },
-    {
-      "translated": "Audio Einstellungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Audio settings"
-      }
-    },
-    {
-      "translated": "Kanal-Abonnement-Modus umschalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Toggle channel subscribe mode"
-      }
-    },
-    {
-      "translated": "Server-Tools",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server tools"
-      }
-    },
-    {
-      "translated": "Wiedergabelisten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playlists"
-      }
-    },
-    {
-      "translated": "Serverabfragen anzeigen / ausblenden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Show/hide server queries"
-      }
-    },
-    {
-      "translated": "Serverabfragen verwalten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Manage server queries"
-      }
-    },
-    {
-      "translated": "Erstellen Sie ein Serverabfrage-Login",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create server query login"
-      }
-    },
-    {
-      "translated": "Chatnachricht eingeben ...",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "enter a chat message..."
-      }
-    },
-    {
-      "translated": "Senden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Send"
-      }
-    },
-    {
-      "translated": "Serveradresse",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server Address"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie eine gültige Serveradresse ein",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter a valid server address"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie einen gültigen Servernamen ein",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter a valid server nickname"
-      }
-    },
-    {
-      "translated": "Profil verbinden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connect Profile"
-      }
-    },
-    {
-      "translated": "Das ausgewählte Profil ist ungültig. Wählen Sie ein anderes aus oder korrigieren Sie das Profil.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Selected profile is invalid. Select another one or fix the profile."
-      }
-    },
-    {
-      "translated": "Profile verwalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Manage profiles"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Beitritt zu diesem Kanal",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to join this channel"
-      }
-    },
-    {
-      "translated": "Erforderliche Leistung, um diesen Kanal zu sehen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to see this channel"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Abonnieren dieses Kanals",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to subscribe to this channel"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Ändern dieser Kanalberechtigungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Required power to modify this channel permissions"
-      }
-    },
-    {
-      "translated": "Erforderliche Leistung zum Löschen dieses Kanals",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to delete this channel"
-      }
-    },
-    {
-      "translated": "Durchsuche:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Browse:"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Durchsuchen aller Dateien und Verzeichnisse",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Required power to browse all files and directories"
-      }
-    },
-    {
-      "translated": "Hochladen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Upload:"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Hochladen von Dateien",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to upload files"
-      }
-    },
-    {
-      "translated": "Herunterladen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Download:"
-      }
-    },
-    {
-      "translated": "Erforderliche Leistung zum Herunterladen von Dateien",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to download files"
-      }
-    },
-    {
-      "translated": "Umbenennen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Rename:"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Umbenennen von Dateien in diesem Kanal",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Required power to rename files within this channel"
-      }
-    },
-    {
-      "translated": "Verzeichnis erstellen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Directory create:"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Erstellen eines Verzeichnisses",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to create a directory"
-      }
-    },
-    {
-      "translated": "Erforderliche Berechtigung zum Löschen eines Verzeichnisses oder einer Datei",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to delete a directory or file"
-      }
-    },
-    {
-      "translated": "Sprachdaten verschlüsseln",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Encrypt voice data"
-      }
-    },
-    {
-      "translated": "Gfx-Intervall",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Gfx Interval"
-      }
-    },
-    {
-      "translated": "Größe ändern",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Resize"
-      }
-    },
-    {
-      "translated": "Bandbreitenlimit (Bytes / s):",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bandwidth Limit (Bytes/s):"
-      }
-    },
-    {
-      "translated": "Upload-Quote (MiB):",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Upload Quota (MiB):"
-      }
-    },
-    {
-      "translated": "sparen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Save"
-      }
-    },
-    {
-      "translated": "TeaSpeak Forum Verbindung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "TeaSpeak Forum Connection"
-      }
-    },
-    {
-      "translated": "Sie sind derzeit nicht mit Ihrem TeaSpeak Forum-Konto verbunden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You're currently not connected with your TeaSpeak Forum account"
-      }
-    },
-    {
-      "translated": "Anmeldung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "login"
-      }
-    },
-    {
-      "translated": "Sie sind über das TeaSpeak-Forum verbunden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You're connected via TeaSpeak forum"
-      }
-    },
-    {
-      "translated": "Nutzername:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Username:"
-      }
-    },
-    {
-      "translated": "Prämie:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Premium:"
-      }
-    },
-    {
-      "translated": "Synchronisiert:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Synchronized:"
-      }
-    },
-    {
-      "translated": "Synchronisation aktivieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "enable synchronization"
-      }
-    },
-    {
-      "translated": "Schlüsselfreigabeverzögerung:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Key release delay:"
-      }
-    },
-    {
-      "translated": "Die Stimme war deaktiviert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Voice had been disabled"
-      }
-    },
-    {
-      "translated": "Soundeinstellungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Sound Settings"
-      }
-    },
-    {
-      "translated": "Überlappen Sie dieselben Sounds:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Overlap same sounds:"
-      }
-    },
-    {
-      "translated": "Stummschalten Sie alle Systemtöne, wenn Sie die Ausgabe stummgeschaltet haben. <br> Wenn diese Option nicht deaktiviert ist, erhalten Sie immer noch Systemgeräusche wie &quot;Der Benutzer ist Ihrem Kanal beigetreten&quot;.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Mute all system sounds, when you've muted your output.<br>If this option isn't disabled you'll still receive system sounds like 'user joined your channel'."
-      }
-    },
-    {
-      "translated": "Name",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Name"
-      }
-    },
-    {
-      "translated": "Aktiviert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Activated"
-      }
-    },
-    {
-      "translated": "Filter",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Filter"
-      }
-    },
-    {
-      "translated": "Profile",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Profiles"
-      }
-    },
-    {
-      "translated": "Verfügbare Profile",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Available profiles"
-      }
-    },
-    {
-      "translated": "Als Standard festlegen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Set selected as default"
-      }
-    },
-    {
-      "translated": "Ausgewählte löschen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete selected"
-      }
-    },
-    {
-      "translated": "Profil erstellen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create profile"
-      }
-    },
-    {
-      "translated": "Profileinstellungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Profile settings"
-      }
-    },
-    {
-      "translated": "Profilname:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Profile name:"
-      }
-    },
-    {
-      "translated": "Standard-Nickname:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Default nickname:"
-      }
-    },
-    {
-      "translated": "Standard-Serverpasswort",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Default server password"
-      }
-    },
-    {
-      "translated": "Typ identifizieren:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Identify Type:"
-      }
-    },
-    {
-      "translated": "Eindeutige ID:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "UniqueID:"
-      }
-    },
-    {
-      "translated": "Niveau:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Level:"
-      }
-    },
-    {
-      "translated": "Verbessern",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Improve"
-      }
-    },
-    {
-      "translated": "Sie haben keine Identität generiert / importiert. <br> Neue generieren oder importieren.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You have'nt generated/imported an identity.<br>Generate a new one or import one."
-      }
-    },
-    {
-      "translated": "Neues generieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Generate new"
-      }
-    },
-    {
-      "translated": "Identität exportieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Export identity"
-      }
-    },
-    {
-      "translated": "Nutzername",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Username"
-      }
-    },
-    {
-      "translated": "Fehler beim Importieren der Identität (mein kleiner Fehler)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to import identity (my little error)"
-      }
-    },
-    {
-      "translated": "Importieren Sie eine Identität aus TeamSpeak oder eine exportierte Identität",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Import an identity from TeamSpeak or an exported identity"
-      }
-    },
-    {
-      "translated": "Aus Text laden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Load from text"
-      }
-    },
-    {
-      "translated": "Lade von der Datei",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Load from file"
-      }
-    },
-    {
-      "translated": "Identität erfolgreich geladen Bereit zum Importieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Identity successfully loaded. Ready to import"
-      }
-    },
-    {
-      "translated": "Einführen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Import"
-      }
-    },
-    {
-      "translated": "Identität:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Identity:"
-      }
-    },
-    {
-      "translated": "Aktuelles Level:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current level: "
-      }
-    },
-    {
-      "translated": "Zielniveau:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Target level: "
-      }
-    },
-    {
-      "translated": "Ein Wert von Null bedeutet unbegrenzt. Verbessern Sie, bis Sie abbrechen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "A value of zero means unlimited. Improve until you abort"
-      }
-    },
-    {
-      "translated": "Fäden:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Threads: "
-      }
-    },
-    {
-      "translated": "Die Anzahl der Threads, die zur Verbesserung Ihrer Identität verwendet werden <br> Der optimale Wert entspricht der Anzahl der Kern-Threads.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The number of threads used to improve your identity<br>The optimal value is equal to the amount of kernal threads."
-      }
-    },
-    {
-      "translated": "Hashes / Sekunde:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hashes/second:"
-      }
-    },
-    {
-      "translated": "Verstrichene Zeit:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Elapsed time:"
-      }
-    },
-    {
-      "translated": "Profil ist gültig",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Profile is valid"
-      }
-    },
-    {
-      "translated": "Profil ist ungültig",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Profile is invalid"
-      }
-    },
-    {
-      "translated": "Kundennummer eindeutig",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client unique ID"
-      }
-    },
-    {
-      "translated": "Ungültige eindeutige ID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid unique id"
-      }
-    },
-    {
-      "translated": "Filterberechtigungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "filter permissions"
-      }
-    },
-    {
-      "translated": "Filtern Sie Berechtigungen nach Berechtigungsnamen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Filter permissions by permission name"
-      }
-    },
-    {
-      "translated": "Sie haben keine Berechtigung, diese Berechtigungen anzuzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You dont have the permission to view this permissions"
-      }
-    },
-    {
-      "translated": "Filter",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "filter"
-      }
-    },
-    {
-      "translated": "Browser-Info",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Browser info"
-      }
-    },
-    {
-      "translated": "Online seit",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Online since"
-      }
-    },
-    {
-      "translated": "Server starten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server start"
-      }
-    },
-    {
-      "translated": "Legen Sie den Anmeldenamen für Ihr Server Query-Konto fest.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Set the login name for your Server Query account."
-      }
-    },
-    {
-      "translated": "Sie erhalten Ihr Passwort im nächsten Schritt.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You'll receive your password within the next step."
-      }
-    },
-    {
-      "translated": "Erstellen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Create"
-      }
-    },
-    {
-      "translated": "Ihre Server-Abfrage-Anmeldeinformationen:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your server query credentials:"
-      }
-    },
-    {
-      "translated": "Benutzername kopieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Copy username"
-      }
-    },
-    {
-      "translated": "Benutzerkonto anlegen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Create account"
-      }
-    },
-    {
-      "translated": "Konto löschen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete account"
-      }
-    },
-    {
-      "translated": "Bennene den Account um",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Rename account"
-      }
-    },
-    {
-      "translated": "Ändere das Passwort",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change password"
-      }
-    },
-    {
-      "translated": "Suche",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "search"
-      }
-    },
-    {
-      "translated": "Eindeutige ID",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Unique ID"
-      }
-    },
-    {
-      "translated": "Begrenzter Server",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bounded Server"
-      }
-    },
-    {
-      "translated": "Aktualisierung",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Refresh"
-      }
-    },
-    {
-      "translated": "Wiedergabeliste erstellen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Create playlist"
-      }
-    },
-    {
-      "translated": "Playlist löschen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete playlist"
-      }
-    },
-    {
-      "translated": "ID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "ID"
-      }
-    },
-    {
-      "translated": "Titel",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Title"
-      }
-    },
-    {
-      "translated": "Art",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Type"
-      }
-    },
-    {
-      "translated": "Gebraucht",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Used"
-      }
-    },
-    {
-      "translated": "Eigene Wiedergabelisten hervorheben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Highlight own playlists"
-      }
-    },
-    {
-      "translated": "Playlist wird von Bot verwendet",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Playlist is in use by bot "
-      }
-    },
-    {
-      "translated": "Playlist wird nicht verwendet",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Playlist isnt use"
-      }
-    },
-    {
-      "translated": "Playlist-Besitzer:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playlist owner:"
-      }
-    },
-    {
-      "translated": "Titel:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Title:"
-      }
-    },
-    {
-      "translated": "Bot gebunden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bot bound"
-      }
-    },
-    {
-      "translated": "Global",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Global"
-      }
-    },
-    {
-      "translated": "Lieder",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Songs"
-      }
-    },
-    {
-      "translated": "URL",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Url"
-      }
-    },
-    {
-      "translated": "geladen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "loaded"
-      }
-    },
-    {
-      "translated": "Lied hinzufügen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add song"
-      }
-    },
-    {
-      "translated": "Wiedergabeeinstellungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playback settings"
-      }
-    },
-    {
-      "translated": "Wiedergabemodus",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Replay mode"
-      }
-    },
-    {
-      "translated": "Normal",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Normal"
-      }
-    },
-    {
-      "translated": "Loop-Liste",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Loop list"
-      }
-    },
-    {
-      "translated": "Schleife Einzeleintrag",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Loop single entry"
-      }
-    },
-    {
-      "translated": "Mischen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Shuffle"
-      }
-    },
-    {
-      "translated": "Gespieltes Lied löschen:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Delete played song:"
-      }
-    },
-    {
-      "translated": "Aktueller Replay-Song:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Current replaying song:"
-      }
-    },
-    {
-      "translated": "Status der Wiedergabeliste abgeschlossen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playlist finished status"
-      }
-    },
-    {
-      "translated": "Zugriff auf / Ändern von Befugnissen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Access/modify powers"
-      }
-    },
-    {
-      "translated": "Leistung anzeigen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "View power"
-      }
-    },
-    {
-      "translated": "Ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Modify"
-      }
-    },
-    {
-      "translated": "Berechtigung ändern",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Permission modify"
-      }
-    },
-    {
-      "translated": "Löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Delete"
-      }
-    },
-    {
-      "translated": "Song-Management-Kräfte",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Song management powers"
-      }
-    },
-    {
-      "translated": "Lied hinzufügen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Song add"
-      }
-    },
-    {
-      "translated": "Song neu ordnen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Song reorder"
-      }
-    },
-    {
-      "translated": "Song löschen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Song delete"
-      }
-    },
-    {
-      "translated": "Song-ID:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Song ID:"
-      }
-    },
-    {
-      "translated": "Song-Reihenfolge:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Song order:"
-      }
-    },
-    {
-      "translated": "URL-Resolver:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "URL resolver:"
-      }
-    },
-    {
-      "translated": "Lied geladen:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Song loaded:"
-      }
-    },
-    {
-      "translated": "Metdaten hier anzeigen!",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Display metdata here!"
-      }
-    },
-    {
-      "translated": "Metadaten:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Metadata:"
-      }
-    },
-    {
-      "translated": "URL Loader:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "URL loader:"
-      }
-    },
-    {
-      "translated": "URL hinzufügen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add URL"
-      }
-    },
-    {
-      "translated": "Erstellen Sie ein neues Lesezeichen / Verzeichnis",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create new bookmark/directory"
-      }
-    },
-    {
-      "translated": "Löscht das ausgewählte Lesezeichen / Verzeichnis",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Delete selected bookmark/directory"
-      }
-    },
-    {
-      "translated": "Lesezeicheneinstellungen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bookmark settings"
-      }
-    },
-    {
-      "translated": "Name des Lesezeichens:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bookmark name:"
-      }
-    },
-    {
-      "translated": "Profil verbinden:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Connect profile:"
-      }
-    },
-    {
-      "translated": "Servereigenschaften",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server Properties"
-      }
-    },
-    {
-      "translated": "Serveradresse:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server address:"
-      }
-    },
-    {
-      "translated": "Server Port:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Server port:"
-      }
-    },
-    {
-      "translated": "Verbindungseigenschaften (noch nicht unterstützt)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Connect Properties (Not yet supported)"
-      }
-    },
-    {
-      "translated": "Standardbenutzername",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Default Username"
-      }
-    },
-    {
-      "translated": "aktueller Kanal",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Current Channel"
-      }
-    },
-    {
-      "translated": "Standardkanalpasswort",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Default channel password"
-      }
-    },
-    {
-      "translated": "Verzeichnisname:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Directory name:"
-      }
-    },
-    {
-      "translated": "Eine Geräteabfrage von %s erhalten.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received a device query from %s."
-      }
-    },
-    {
-      "translated": "Eine Anfrageantwort für eine unbekannte Anforderung erhalten.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received a query response for an unknown request."
-      }
-    },
-    {
-      "translated": "Empfangene Zertifikate akzeptieren Rückruf für eine unbekannte Anforderungs-ID.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received certificate accept callback for an unknown request ID."
-      }
-    },
-    {
-      "translated": "Empfangene Zertifikate akzeptieren erfolgreich, haben jedoch keinen Rückruf.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received certificate accept succeeded, but haven't a callback."
-      }
-    },
-    {
-      "translated": "Empfangene Nachricht mit ungültigem Typ (%s): %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received message with an invalid type (%s): %o"
-      }
-    },
-    {
-      "translated": "Eine ungültige verschlüsselte Nachricht wurde empfangen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received an invalid encoded message: %o"
-      }
-    },
-    {
-      "translated": "Fehler empfangen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received error: %o"
-      }
-    },
-    {
-      "translated": "Nativer Codec wird nicht unterstützt!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Native codec isn't supported!"
-      }
-    },
-    {
-      "translated": "Sprachpaket konnte nicht gesendet werden. Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to send voice packet. Error: %o"
-      }
-    },
-    {
-      "translated": "Eisangebot konnte nicht erstellt werden! Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not create ice offer! error: %o"
-      }
-    },
-    {
-      "translated": "Erhaltene Antwort auf unser Angebot. Antwort: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received answer to our offer. Answer: %o"
-      }
-    },
-    {
-      "translated": "Antwort erfolgreich beantragt Anwenden von ICE-Kandidaten (%d).",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Answer applied successfully. Applying ICE candidates (%d)."
-      }
-    },
-    {
-      "translated": "Remote-Eis hinzufügen! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Add remote ice! (%o)"
-      }
-    },
-    {
-      "translated": "Cache-Eis fernhalten! (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Cache remote ice! (%o)"
-      }
-    },
-    {
-      "translated": "Lokaler Eis-Kandidat %o gesammelt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Gathered local ice candidate %o."
-      }
-    },
-    {
-      "translated": "Lokales Angebot erstellt. Lokale Beschreibung einrichten (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Local offer created. Setting up local description. (%o)"
-      }
-    },
-    {
-      "translated": "Das Angebot wurde erfolgreich angewendet. Angebot an Server senden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Offer applied successfully. Sending offer to server."
-      }
-    },
-    {
-      "translated": "Stimme von einem unbekannten Audio-Client? (ClientID: %o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Having voice from unknown audio client? (ClientID: %o)"
-      }
-    },
-    {
-      "translated": "Versucht, Sprachdaten zu senden, der lokale Client verfügt jedoch nicht über einen Voice-Client",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Tried to send voice data, but local client hasn't a voice client handle"
-      }
-    },
-    {
-      "translated": "Geladenes Client-Volume %d für Client %s aus der Konfiguration.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Loaded client volume %d for client %s from config."
-      }
-    },
-    {
-      "translated": "Sichtbarer Client wurde eine eindeutige ID zugewiesen, hat jedoch noch kein Audio-Handle. Volume-Zuordnung ignorieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Visible client got unique id assigned, but hasn't yet an audio handle. Ignoring volume assignment."
-      }
-    },
-    {
-      "translated": "Löschen eines Clients mit einem Sprachhandle, aber keine Sprachverbindung!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Deleting client with a voice handle, but we haven't a voice connection!"
-      }
-    },
-    {
-      "translated": "Hostbanner-Meta-Image-Tag fehlt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Missing hostbanner meta image tag"
-      }
-    },
-    {
-      "translated": "Alte Hostbanner-URL %s wurde zurückgezogen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Revoked old hostbanner url %s"
-      }
-    },
-    {
-      "translated": "Herunterladen des Symbols %d: %o konnte nicht angefordert werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not request download for icon %d: %o"
-      }
-    },
-    {
-      "translated": "Symbol %d: %o konnte nicht heruntergeladen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not download icon %d: %o"
-      }
-    },
-    {
-      "translated": "Symbol %o konnte nicht geladen werden. Gründe dafür",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load icon %o. Reason: %s"
-      }
-    },
-    {
-      "translated": "Download für Avatar %s konnte nicht angefordert werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Could not request download for avatar %s: %o"
-      }
-    },
-    {
-      "translated": "Avatar %s konnte nicht heruntergeladen werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not download avatar %s: %o"
-      }
-    },
-    {
-      "translated": "Kundenavatar",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Client avatar"
-      }
-    },
-    {
-      "translated": "Avatar für ID %s konnte nicht geladen werden. Gründe dafür",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load avatar for id %s. Reason: %s"
-      }
-    },
-    {
-      "translated": "Aktivieren Sie Ihr Mikrofon auf diesem Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enable your microphone on this server"
-      }
-    },
-    {
-      "translated": "Mikrofon stummschalten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Mute microphone"
-      }
-    },
-    {
-      "translated": "Mikrofon stummschalten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unmute microphone"
-      }
-    },
-    {
-      "translated": "Ton stummschalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Mute sound"
-      }
-    },
-    {
-      "translated": "Ton stummschalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Unmute sound"
-      }
-    },
-    {
-      "translated": "Serverabfragen ausblenden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hide server queries"
-      }
-    },
-    {
-      "translated": "Serverabfragen anzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show server queries"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie Ihre Abwesenheitsnachricht ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter your away message"
-      }
-    },
-    {
-      "translated": "Setzen Sie eine globale Abwesenheitsnachricht",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Set global away message"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie Ihre globale Abwesenheitsnachricht ein",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Please enter your global away message"
-      }
-    },
-    {
-      "translated": "Verbinden Sie sich in einer neuen Registerkarte",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Connect in a new tab"
-      }
-    },
-    {
-      "translated": "Nicht verbunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Not connected"
-      }
-    },
-    {
-      "translated": "Anschließen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connecting"
-      }
-    },
-    {
-      "translated": "Verbindung zu {0} initialisieren: {1}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Initializing connection to {0}:{1}"
-      }
-    },
-    {
-      "translated": "Hostname auflösen ...",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Resolving hostname..."
-      }
-    },
-    {
-      "translated": "Hostname erfolgreich in {0} aufgelöst",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Hostname successfully resolved to {0}"
-      }
-    },
-    {
-      "translated": "Hier",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "here"
-      }
-    },
-    {
-      "translated": "Benachrichtigung erhalten, dass das Zertifikat akzeptiert wurde! Erneuter Verbindungsversuch!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received notification that the certificate has been accepted! Attempting reconnect!"
-      }
-    },
-    {
-      "translated": "Das Popup zum Akzeptieren des Zertifikats wurde blockiert. Eine leere Seite wird getestet und href ersetzt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Certificate accept popup has been blocked. Trying a blank page and replacing href"
-      }
-    },
-    {
-      "translated": "Hostname konnte nicht aufgelöst werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to resolve hostname: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Auflösen des Hostnamens: {0}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to resolve hostname: {0}"
-      }
-    },
-    {
-      "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not connect to remote host! Error: %o"
-      }
-    },
-    {
-      "translated": "Zielserver ist ein TeamSpeak-Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Target server is a TeamSpeak server"
-      }
-    },
-    {
-      "translated": "Der Zielserver ist ein TeamSpeak 3-Server! {: Br:} Nur auf TeamSpeak 3 basierende Identitäten können eine Verbindung herstellen. {: Br} Bitte wählen Sie ein anderes Profil oder ändern Sie den Identifikationstyp.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
-      }
-    },
-    {
-      "translated": "Das Identitätsniveau ist zu niedrig",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity level is too low"
-      }
-    },
-    {
-      "translated": "Sie wurden getrennt, weil Ihr Identitätslevel zu niedrig ist. {: Br:} Sie benötigen mindestens ein Level von {0}.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
-      }
-    },
-    {
-      "translated": "Du wurdest verboten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You've been banned"
-      }
-    },
-    {
-      "translated": "Sie wurden von diesem Server gesperrt. {: Br:} {0}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You've been banned from this server.{:br:}{0}"
-      }
-    },
-    {
-      "translated": "Fehler beim Aktualisieren der Eigenschaften der Client-Audiohardware. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update client audio hardware properties. Error: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Aktualisieren der Audio-Hardwareeigenschaften.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update audio hardware properties."
-      }
-    },
-    {
-      "translated": "Dieser Kanal hat einen nicht unterstützten Codec. <br> Sie können nicht innerhalb dieses Kanals sprechen!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "This channel has an unsupported codec.<br>You cant speak within this channel!"
-      }
-    },
-    {
-      "translated": "Dieser Kanal hat einen nicht unterstützten Codec. <br> Sie hören irgendjemandem in diesem Kanal!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "This channel has an unsupported codec.<br>You listen to anybody within this channel!"
-      }
-    },
-    {
-      "translated": "Fehler beim Synchronisieren des Handlerstatus mit dem Server. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to sync handler state with server. Error: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Synchronisieren des Handlerstatus mit dem Server.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to sync handler state with server."
-      }
-    },
-    {
-      "translated": "Fehler beim Aktualisieren des Abwesenheitsstatus. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update away status. Error: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Aktualisieren des Abwesenheitsstatus.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update away status."
-      }
-    },
-    {
-      "translated": "Verwendung dieser Instanz als Zertifikatsrückruf. ID: %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Using this instance as certificate callback. ID: %s"
-      }
-    },
-    {
-      "translated": "Andere Instanz hat die Arbeit bestätigt. Dieses Fenster schließen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Other instance has acknowledged out work. Closing this window."
-      }
-    },
-    {
-      "translated": "Fenster schließen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Closing window"
-      }
-    },
-    {
-      "translated": "Zertifikat erfolgreich angenommen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Certificate acccepted successfully"
-      }
-    },
-    {
-      "translated": "Fehler beim erfolgreichen Bereitstellen des Zertifikatstatus: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to successfully post certificate accept status: %o"
-      }
-    },
-    {
-      "translated": "Wir sind es nicht gewohnt, das Zertifikat zu akzeptieren. App starten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "We're not used to accept certificated. Booting app."
-      }
-    },
-    {
-      "translated": "Löschen des WebRTC-Befehlspakets, da keine Bridge vorhanden ist.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Dropping WebRTC command packet, because we haven't a bridge."
-      }
-    },
-    {
-      "translated": "Fehlender Tongriff",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Missing sound handle"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Audiodatei %s. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load audio file %s. Error: %o"
-      }
-    },
-    {
-      "translated": "Tonwiedergabe aufgrund fehlender Ziehpunkte fehlgeschlagen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to replay sound because of missing handles."
-      }
-    },
-    {
-      "translated": "Symbole anzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "View icons"
-      }
-    },
-    {
-      "translated": "Avatare anzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "View avatars"
-      }
-    },
-    {
-      "translated": "Avatare",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Avatars"
-      }
-    },
-    {
-      "translated": "Möchten Sie diesen Avatar wirklich löschen?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to delete this avatar?"
-      }
-    },
-    {
-      "translated": "Avatar delete ist noch nicht implementiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Avatar delete hasn't implemented yet"
-      }
-    },
-    {
-      "translated": "Fehler beim Abrufen von Benutzernamen von Avatar-Namen. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to fetch usernames from avatar names. Error: %o"
-      }
-    },
-    {
-      "translated": "Benutzername konnte nicht abgerufen werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to fetch usernames"
-      }
-    },
-    {
-      "translated": "Fehler beim Abrufen von Benutzernamen, die sich auf ihre Avatarnamen beziehen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to fetch usernames related to their avatar names"
-      }
-    },
-    {
-      "translated": "Avatar-Liste konnte nicht empfangen werden. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to receive avatar list. Error: %o"
-      }
-    },
-    {
-      "translated": "Avatare konnten nicht aufgelistet werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to list avatars"
-      }
-    },
-    {
-      "translated": "Avatar-Liste konnte nicht empfangen werden.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to receive avatar list."
-      }
-    },
-    {
-      "translated": "Icons",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Icons"
-      }
-    },
-    {
-      "translated": "Ein nicht analysierbares Symbol in der Symbolliste empfangen (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received an unparsable icon within icon list (%o)"
-      }
-    },
-    {
-      "translated": "Symbolliste konnte nicht abgerufen werden. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to fetch icon list. Error: %o"
-      }
-    },
-    {
-      "translated": "Symbolliste konnte nicht abgerufen werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to fetch icon list"
-      }
-    },
-    {
-      "translated": "Trennen Sie die Verbindung zum aktuellen Server",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Disconnect from current server"
-      }
-    },
-    {
-      "translated": "Online gehen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Go online"
-      }
-    },
-    {
-      "translated": "Setzen Sie sich auf diesem Server fort",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Set away on this server"
-      }
-    },
-    {
-      "translated": "Setzen Sie die Nachricht auf diesem Server ab",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Set away message on this server"
-      }
-    },
-    {
-      "translated": "Setzen Sie sich für alle Server frei",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Set away for all servers"
-      }
-    },
-    {
-      "translated": "Setzen Sie eine Nachricht für alle Server ab",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Set away message for all servers"
-      }
-    },
-    {
-      "translated": "Gehen Sie für alle Server online",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Go online for all servers"
-      }
-    },
-    {
-      "translated": "Symbol:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon:"
-      }
-    },
-    {
-      "translated": "Slots reserviert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Slots reserved"
-      }
-    },
-    {
-      "translated": "Kunden versteckt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "clients hidden"
-      }
-    },
-    {
-      "translated": "Lesezeichen-Typ:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bookmark type:"
-      }
-    },
-    {
-      "translated": "Übergeordnetes Verzeichnis:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Parent directory:"
-      }
-    },
-    {
-      "translated": "Name des Lesezeichens",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Bookmark name"
-      }
-    },
-    {
-      "translated": "Remote",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remote"
-      }
-    },
-    {
-      "translated": "Sie haben keine Berechtigungen für die Ansicht der Symbole",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You dont have permissions the view the icons"
-      }
-    },
-    {
-      "translated": "Lokal",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Local"
-      }
-    },
-    {
-      "translated": "Symbol entfernen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remove icon"
-      }
-    },
-    {
-      "translated": "Wählen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Select "
-      }
-    },
-    {
-      "translated": "Größe",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Size"
-      }
-    },
-    {
-      "translated": "Datum",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Date"
-      }
-    },
-    {
-      "translated": "Avatar-ID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Avatar ID"
-      }
-    },
-    {
-      "translated": "Bildinfo:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Image info:"
-      }
-    },
-    {
-      "translated": "Bytes",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bytes"
-      }
-    },
-    {
-      "translated": "Breite",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Width"
-      }
-    },
-    {
-      "translated": "Höhe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Height"
-      }
-    },
-    {
-      "translated": "Bitte wählen Sie einen Benutzer aus",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please select a user"
-      }
-    },
-    {
-      "translated": "Empfangene Kanalnachricht für unbekannten Kanal (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received channel message for unknown channel (%s)"
-      }
-    },
-    {
-      "translated": "Methode %s mit Argumenten aufrufen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invoking method %s with arguments: %o"
-      }
-    },
-    {
-      "translated": "Ergebnis: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Result: %o"
-      }
-    },
-    {
-      "translated": "Erhaltenes Proxy-Methoden-Ergebnis für unbekanntes Versprechen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received proxy method result for unknown promise"
-      }
-    },
-    {
-      "translated": "Text in die Zwischenablage kopieren: %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Copy text to clipboard: %s"
-      }
-    },
-    {
-      "translated": "Zum Kanal wechseln",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Switch to channel"
-      }
-    },
-    {
-      "translated": "Kanal abonnieren",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Subscribe to channel"
-      }
-    },
-    {
-      "translated": "Abmeldung vom Channel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unsubscribe from channel"
-      }
-    },
-    {
-      "translated": "Verwenden Sie den geerbten Abonnementmodus",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Use inherited subscribe mode"
-      }
-    },
-    {
-      "translated": "Öffnen Sie den Text-Chat",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Open text chat"
-      }
-    },
-    {
-      "translated": "Namen ändern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change name"
-      }
-    },
-    {
-      "translated": "{0} Zeitüberschreitung ({1})",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "{0} timed out ({1})"
-      }
-    },
-    {
-      "translated": "Der Icon-Download des Icons %d: %o ist fehlgeschlagen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon download failed of icon %d: %o"
-      }
-    },
-    {
-      "translated": "Erhaltenes Gerät %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Got device %o"
-      }
-    },
-    {
-      "translated": "Ausgewähltes Mikrofongerät: ID: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Selected microphone device: id: %o"
-      }
-    },
-    {
-      "translated": "Gerät konnte nicht gefunden werden!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to find device!"
-      }
-    },
-    {
-      "translated": "Verbindung zu {0} {1} wird initialisiert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Initializing connection to {0}{1}"
-      }
-    },
-    {
-      "translated": "Passwort für Hash-Verbindung konnte nicht hergestellt werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to hash connect password: %o"
-      }
-    },
-    {
-      "translated": "Hostname erfolgreich in {0} {1} aufgelöst",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Hostname successfully resolved to {0}{1}"
-      }
-    },
-    {
-      "translated": "Der Zielserver ist ein TeamSpeak 3-Server! {: Br:} Nur TeamSpeak 3-basierte Identitäten können eine Verbindung herstellen. {: Br:} Bitte wählen Sie ein anderes Profil oder ändern Sie den Identifikationstyp.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
-      }
-    },
-    {
-      "translated": "Rekorder konnte nicht erworben werden (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to acquire recorder (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Lesezeichen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load bookmarks: %o"
-      }
-    },
-    {
-      "translated": "Ungültige Benachrichtigung für Client-Liste der Servergruppe erhalten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received invalid notification for server group client list"
-      }
-    },
-    {
-      "translated": "Fehler beim Parsen der Client-Liste der Servergruppe: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse server group client list: %o"
-      }
-    },
-    {
-      "translated": "Ungültiges Profil json! Zurücksetzen von Profilen :( (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid profile json! Resetting profiles :( (%o)"
-      }
-    },
-    {
-      "translated": "Profildaten ungültig",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Profile data invalid"
-      }
-    },
-    {
-      "translated": "Die Profildaten sind ungültig. {: Br:} Dies kann zu Datenverlust führen.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
-      }
-    },
-    {
-      "translated": "Kontextmenü konnte nicht erzeugt werden! Fehlender Anbieter!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to spawn context menu! Missing provider!"
-      }
-    },
-    {
-      "translated": "Die gewählte Symbollänge der Benutzeroberfläche entspricht nicht 1! (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "UI selected icon length does not equal with 1! (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen des Symbols %d: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete icon %d: %o"
-      }
-    },
-    {
-      "translated": "Symbol konnte nicht gelöscht werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete icon"
-      }
-    },
-    {
-      "translated": "Datei %s konnte nicht geladen werden: Datei ist zu groß!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file %s: File is too big!"
-      }
-    },
-    {
-      "translated": "Icon-Upload fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Icon upload failed"
-      }
-    },
-    {
-      "translated": "Datei %s konnte nicht geladen werden: Ihr Browser unterstützt keine Dateigrößen!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file %s: Your browser does not support file sizes!"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden der Datei %s: Das Bild konnte nicht geladen werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file %s: Image failed to load"
-      }
-    },
-    {
-      "translated": "Datei %s konnte nicht geladen werden: Ergebnis ist keine Medienzeichenfolge (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file %s: Result is not an media string (%o)"
-      }
-    },
-    {
-      "translated": "Datei %s konnte nicht geladen werden: Ungültiger Datenträgertyp (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file %s: Invalid data media type (%o)"
-      }
-    },
-    {
-      "translated": "Das angegebene Bild hat den Typ %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Given image has type %s"
-      }
-    },
-    {
-      "translated": "Datei %s konnte nicht geladen werden: Mimetyp ist nicht Base64-codiert (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file %s: Mimetype isnt base64 encoded (%o)"
-      }
-    },
-    {
-      "translated": "Datei %s konnte nicht geladen werden: Ungültige Grenzen: %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load file %s: Invalid bounds: %s"
-      }
-    },
-    {
-      "translated": "Error:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "error: "
-      }
-    },
-    {
-      "translated": "warten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "waiting"
-      }
-    },
-    {
-      "translated": "Warten auf lokale Verarbeitung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Awaiting local processing"
-      }
-    },
-    {
-      "translated": "Lokale Verarbeitung fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "local processing failed"
-      }
-    },
-    {
-      "translated": "lokaler Verarbeitungsfehler",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "local processing error"
-      }
-    },
-    {
-      "translated": "Initialisierung",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "initializing"
-      }
-    },
-    {
-      "translated": "Symbol existiert bereits",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "icon already exists"
-      }
-    },
-    {
-      "translated": "Upload konnte nicht initialisiert werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize upload: %o"
-      }
-    },
-    {
-      "translated": "Upload konnte nicht initialisiert werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "failed to initialize upload"
-      }
-    },
-    {
-      "translated": "Hochladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "uploading"
-      }
-    },
-    {
-      "translated": "Icon-Upload für Icon %s: %o fehlgeschlagen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Icon upload failed for icon %s: %o"
-      }
-    },
-    {
-      "translated": "Upload fehlgeschlagen:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "upload failed: "
-      }
-    },
-    {
-      "translated": "Upload fehlgeschlagen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "upload failed"
-      }
-    },
-    {
-      "translated": "Upload abgeschlossen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "upload completed"
-      }
-    },
-    {
-      "translated": "Icons hochladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Upload Icons"
-      }
-    },
-    {
-      "translated": "Ungültiges Client-Handle",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid client handle"
-      }
-    },
-    {
-      "translated": "Ungültiger URL-Ersteller",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Invalid URL creator"
-      }
-    },
-    {
-      "translated": "stupst dich an:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "pokes you:"
-      }
-    },
-    {
-      "translated": "stupst dich an",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "pokes you."
-      }
-    },
-    {
-      "translated": "Fehler beim Laden des Symbols für den Berechtigungseditor: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load icon for permission editor: %o"
-      }
-    },
-    {
-      "translated": "Client entfernen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remove client"
-      }
-    },
-    {
-      "translated": "Kopieren Sie die eindeutige ID",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Copy unique id"
-      }
-    },
-    {
-      "translated": "Server-Gruppen-Clients für Gruppe %d: %o konnten nicht empfangen werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to receive server group clients for group %d: %o"
-      }
-    },
-    {
-      "translated": "Auswahl des Symbols fehlgeschlagen: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to select icon: %o"
-      }
-    },
-    {
-      "translated": "Rekorder konnte nach Initialisierung nicht gestartet werden (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to start recorder after initialize (%o)"
-      }
-    },
-    {
-      "translated": "Geladenes Datensatzprofilgerät %s | %o (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Loaded record profile device %s | %o (%o)"
-      }
-    },
-    {
-      "translated": "Eingabegerät konnte nicht eingestellt werden (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to set input device (%o)"
-      }
-    },
-    {
-      "translated": "Fehler beim Aufheben der Bereitstellung des Eingabe-Consumer für das Profil (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to unmount input consumer for profile (%o)"
-      }
-    },
-    {
-      "translated": "Client suchen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Search client"
-      }
-    },
-    {
-      "translated": "Peer-Adresse:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Peer address:"
-      }
-    },
-    {
-      "translated": "Verbindungstyp:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Link type:"
-      }
-    },
-    {
-      "translated": "TeaWeb",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaWeb"
-      }
-    },
-    {
-      "translated": "TeaClient (noch nicht unterstützt)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "TeaClient (Not supported yet)"
-      }
-    },
-    {
-      "translated": "Direkt verbinden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connect directly"
-      }
-    },
-    {
-      "translated": "Verwenden Sie die aufgelöste Adresse",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Use resolved address"
-      }
-    },
-    {
-      "translated": "Kopieren",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Copy"
-      }
-    },
-    {
-      "translated": "Symbol hinzufügen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add icon"
-      }
-    },
-    {
-      "translated": "Ausgewählte entfernen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remove selected"
-      }
-    },
-    {
-      "translated": "Abtreibung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "abort"
-      }
-    },
-    {
-      "translated": "Hochgeladene Icons (insgesamt | erfolgreich | Fehler):",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Uploaded icons (total | successfully | error): "
-      }
-    },
-    {
-      "translated": "in Ordnung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "okey"
-      }
-    },
-    {
-      "translated": "Erhaltene Nachricht %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received message %o"
-      }
-    },
-    {
-      "translated": "Registrierungsmethode Proxy für %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Registering method proxy for %s"
-      }
-    },
-    {
-      "translated": "Ausgeschnittene Tabelle &quot; %s&quot;",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Snipped table \"%s\""
-      }
-    },
-    {
-      "translated": "Neu angeordnete Channel-Clients: %d",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Reordered channel clients: %d"
-      }
-    },
-    {
-      "translated": "Am Textkanal teilnehmen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Join text channel"
-      }
-    },
-    {
-      "translated": "Mausbewegung beenden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Finishing mouse move"
-      }
-    },
-    {
-      "translated": "Client mit aktivem Audio-Handle wird zerstört. Dies kann zu Speicherlecks führen!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Destroying client with an active audio handle. This could cause memory leaks!"
-      }
-    },
-    {
-      "translated": "Wiedergabe konnte nicht abgebrochen werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to abort replay: %o"
-      }
-    },
-    {
-      "translated": "Client stumm schalten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Mute client"
-      }
-    },
-    {
-      "translated": "Client einschalten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unmute client"
-      }
-    },
-    {
-      "translated": "Spezifische Eigenschaften des geladenen Clients (%s). Lautstärke: %o Stumm: %o.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Loaded client (%s) server specific properties. Volume: %o Muted: %o."
-      }
-    },
-    {
-      "translated": "Ändern Sie den Bot-Namen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change bot name"
-      }
-    },
-    {
-      "translated": "Kanalbeschreibung bearbeitet: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel description edited: %o"
-      }
-    },
-    {
-      "translated": "Channel Max-Benutzermodus: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel max user mode: %o"
-      }
-    },
-    {
-      "translated": "Maximales Benutzerlimit auf %o geändert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changed max user limit to %o"
-      }
-    },
-    {
-      "translated": "Benutzermodus für die Channel-Max-Familie: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel max family user mode: %o"
-      }
-    },
-    {
-      "translated": "Maximales Familienbenutzerlimit auf %o geändert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changed max family user limit to %o"
-      }
-    },
-    {
-      "translated": "Empfangene Kanalberechtigungen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received channel permissions: %o"
-      }
-    },
-    {
-      "translated": "Ungültiger Versprechen-Ergebnistyp: %s. Ergebnis: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid promise result type: %s. Result: %o"
-      }
-    },
-    {
-      "translated": "Verwenden Sie einen Berechtigungsschlüssel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Use a privilege key"
-      }
-    },
-    {
-      "translated": "Dies ist ein neu erstellter Server, für den noch keine Administratorrechte beansprucht wurden. <br> Bitte geben Sie den &quot;Berechtigungsschlüssel&quot; ein, der beim Erstellen dieses Servers automatisch generiert wurde, um Administratorrechte zu erhalten.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "This is a newly created server for which administrator privileges have not yet been claimed.<br>Please enter the \"privilege key\" that was automatically generated when this server was created to gain administrator permissions."
-      }
-    },
-    {
-      "translated": "Verwenden Sie den Berechtigungsschlüssel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Use privilege key"
-      }
-    },
-    {
-      "translated": "Berechtigungsschlüssel erfolgreich verwendet!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Privilege key successfully used!"
-      }
-    },
-    {
-      "translated": "Fehler beim Verwenden des Berechtigungsschlüssels: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to use privilege key: {}"
-      }
-    },
-    {
-      "translated": "Informationen zur empfangenen Clientverbindung für unbekannten Client (%o)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received client connection info for unknown client (%o)"
-      }
-    },
-    {
-      "translated": "Client vom ungültigen Quellkanal verschieben! Lokaler Client in Kanal %d registriert, Server sendet %d.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client move from invalid source channel! Local client registered in channel %d but server send %d."
-      }
-    },
-    {
-      "translated": "Konversationsnachricht für unbekannte Konversation erhalten! (%s)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received conversation message for unknown conversation! (%s)"
-      }
-    },
-    {
-      "translated": "Remote-Nachricht",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Remote message"
-      }
-    },
-    {
-      "translated": "Eigene Nachricht",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Own message"
-      }
-    },
-    {
-      "translated": "Konversationsverlauf für ungültige oder unbekannte Konversation empfangen (%o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Received conversation history for invalid or unknown conversation (%o)"
-      }
-    },
-    {
-      "translated": "Schlüssel %s konnte nicht aus dem Cache gelöscht werden!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete key %s from cache!"
-      }
-    },
-    {
-      "translated": "Icon konnte nicht geladen werden. Gründe dafür",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Could not load icon. Reason: %s"
-      }
-    },
-    {
-      "translated": "Löschen des zwischengespeicherten Avatars für Client %s. Zwischengespeicherte Version: %s; Neue Version: %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Deleting cached avatar for client %s. Cached version: %s; New version: %s"
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen des zwischengespeicherten Avatars für Client %o: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete cached avatar for client %o: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen des zwischengespeicherten Avatars für Client %o (Cache-Suche fehlgeschlagen): %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete cached avatar for client %o (cache lookup failed): %o"
-      }
-    },
-    {
-      "translated": "Verwendung eines zwischengespeicherten Avatars. ID: %o | Version: %o (zwischengespeichert: %o)",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Using cached avatar. ID: %o | Version: %o (Cached: %o)"
-      }
-    },
-    {
-      "translated": "Avatar wird aufgelöst. ID: %o | Version: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Resolving avatar. ID: %o | Version: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Verwenden des zwischengespeicherten Avatars: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to use cached avatar: %o"
-      }
-    },
-    {
-      "translated": "Chat-Avatar für Client %s konnte nicht geladen werden. Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load chat avatar for client %s. Error: %o"
-      }
-    },
-    {
-      "translated": "Erforderlicher Berechtigungstest für Berechtigung %s: %s. Erforderlicher Wert: %s, Gewährter Wert: %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required permission test resulted for permission %s: %s. Required value: %s, Granted value: %s"
-      }
-    },
-    {
-      "translated": "gewährt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "granted"
-      }
-    },
-    {
-      "translated": "verweigert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "denied"
-      }
-    },
-    {
-      "translated": "erforderlich",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "required"
-      }
-    },
-    {
-      "translated": "keiner",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "none"
-      }
-    },
-    {
-      "translated": "Löschen von %o benötigten Berechtigungen und Hinzufügen von %o Berechtigungen.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Dropping %o needed permissions and added %o permissions."
-      }
-    },
-    {
-      "translated": "Ungültiger Gruppentyp: %o für Gruppe %s",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid group type: %o for group %s"
-      }
-    },
-    {
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Loading"
-      }
-    },
-    {
-      "translated": "Unbekannte Sprache",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown language"
-      }
-    },
-    {
-      "translated": "Englisch (Standard)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "English (Default)"
-      }
-    },
-    {
-      "translated": "Geben Sie die Repository-URL ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter repository URL"
-      }
-    },
-    {
-      "translated": "Geben Sie die Repository-URL ein:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter repository URL:"
-      }
-    },
-    {
-      "translated": "Client-Neustart ist nicht implementiert. <br> Bitte machen Sie es manuell!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client restart isn't implemented.<br>Please do it manually!"
-      }
-    },
-    {
-      "translated": "Standard-Mikrofongerät geändert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Changed default microphone device"
-      }
-    },
-    {
-      "translated": "Mikrofon konnte nicht auf Gerät %o geändert werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change microphone to device %o: %o"
-      }
-    },
-    {
-      "translated": "Mikrofonwechsel fehlgeschlagen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change microphone"
-      }
-    },
-    {
-      "translated": "Das Mikrofon konnte nicht in das Zielmikrofon geändert werden. {: Br:} {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
-      }
-    },
-    {
-      "translated": "Fehler beim Erzeugen der Füllstandsanzeige für Gerät %o: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to generate levelmeter for device %o: %o"
-      }
-    },
-    {
-      "translated": "Eingabegeräte konnten nicht aktualisiert werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to refresh input devices: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Erstellen einer neuen Geräteliste: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to build new device list: %o"
-      }
-    },
-    {
-      "translated": "Standardlautsprechergerät geändert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changed default speaker device"
-      }
-    },
-    {
-      "translated": "Fehler beim Ändern des Lautsprechers in Gerät %o: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to change speaker to device %o: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Wechseln des Lautsprechers",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to change speaker"
-      }
-    },
-    {
-      "translated": "Fehler beim Wechseln des Lautsprechergeräts zum Ziellautsprecher {: br:} {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
-      }
-    },
-    {
-      "translated": "Abfrage der verfügbaren Lautsprechergeräte fehlgeschlagen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to query available speaker devices: %o"
-      }
-    },
-    {
-      "translated": "Es sind Fehler aufgetreten (Konsole anzeigen)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Errors occurred (View console)"
-      }
-    },
-    {
-      "translated": "Fehler beim Erstellen einer neuen Liste der Lautsprechergeräte: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to build new speaker device list: %o"
-      }
-    },
-    {
-      "translated": "Die Lautstärke wurde für Sound %o auf %o geändert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Changed sound volume to %o for sound %o"
-      }
-    },
-    {
-      "translated": "Tippe unset",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Type unset"
-      }
-    },
-    {
-      "translated": "(Standard)",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "(Default)"
-      }
-    },
-    {
-      "translated": "Unbenannt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unnamed"
-      }
-    },
-    {
-      "translated": "Kein Profil ausgewählt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "No profile selected"
-      }
-    },
-    {
-      "translated": "Identität generiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity generated"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie einen Namen für das neue Profil ein:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter a name for the new profile:"
-      }
-    },
-    {
-      "translated": "Forum Login Ergebnis: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Forum login result: %o"
-      }
-    },
-    {
-      "translated": "Captcha erforderlich",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Captcha required"
-      }
-    },
-    {
-      "translated": "Captcha für Site-Key anzeigen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Showing captcha for site-key: %o"
-      }
-    },
-    {
-      "translated": "Captcha-Token erhalten: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Got captcha token: %o"
-      }
-    },
-    {
-      "translated": "Forum-Captcha konnte nicht initialisiert werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize forum captcha: %o"
-      }
-    },
-    {
-      "translated": "Unbekannter Fehler",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown error"
-      }
-    },
-    {
-      "translated": "Anmeldung im Forum fehlgeschlagen. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to login within the forum. Error: %o"
-      }
-    },
-    {
-      "translated": "Forum Login fehlgeschlagen.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Forum login failed."
-      }
-    },
-    {
-      "translated": "Forum Login fehlgeschlagen. Weitere Informationen finden Sie in der Konsole",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Forum login failed. Lookup the console for more information"
-      }
-    },
-    {
-      "translated": "Fehler beim Abmelden vom Forum: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to logout from forum: %o"
-      }
-    },
-    {
-      "translated": "Abmeldung des Forums fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Forum logout failed"
-      }
-    },
-    {
-      "translated": "Fehler beim Abmelden vom Forum-Konto. {: Br:} Fehler: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
-      }
-    },
-    {
-      "translated": "Dummy-Übersetzungstest",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Dummy translation test"
-      }
-    },
-    {
-      "translated": "Fehler beim Initialisieren der ausgewählten Übersetzung: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize selected translation: %o"
-      }
-    },
-    {
-      "translated": "Server Banlist",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server Banlist"
-      }
-    },
-    {
-      "translated": "Sekunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Seconds"
-      }
-    },
-    {
-      "translated": "Zweite",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Second"
-      }
-    },
-    {
-      "translated": "Protokoll",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Minutes"
-      }
-    },
-    {
-      "translated": "Minute",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Minute"
-      }
-    },
-    {
-      "translated": "Std",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hours"
-      }
-    },
-    {
-      "translated": "Stunde",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hour"
-      }
-    },
-    {
-      "translated": "Tage",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Days"
-      }
-    },
-    {
-      "translated": "Tag",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Day"
-      }
-    },
-    {
-      "translated": "Abfrage der Berechtigungen zum Hinzufügen von Sperren fehlgeschlagen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to query ban add permissions: %o"
-      }
-    },
-    {
-      "translated": "Abfrage der Bearbeitungsberechtigungen für das Verbot fehlgeschlagen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to query ban edit permissions: %o"
-      }
-    },
-    {
-      "translated": "Sparen Sie Verbot",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Save ban"
-      }
-    },
-    {
-      "translated": "noch nie",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Never"
-      }
-    },
-    {
-      "translated": "Verbot konnte nicht gelöscht werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete ban: %o"
-      }
-    },
-    {
-      "translated": "Verbot konnte nicht gelöscht werden. {: br:} Fehler: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
-      }
-    },
-    {
-      "translated": "Wird geladen...",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Loading..."
-      }
-    },
-    {
-      "translated": "Keine Verbote eingetragen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No bans registered"
-      }
-    },
-    {
-      "translated": "Verbotsliste konnte nicht aktualisiert werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update ban list: %o"
-      }
-    },
-    {
-      "translated": "keine Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "no permissions"
-      }
-    },
-    {
-      "translated": "Banlist konnte nicht empfangen werden:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to receive banlist: "
-      }
-    },
-    {
-      "translated": "IP",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "IP"
-      }
-    },
-    {
-      "translated": "Es wurden keine Trigger protokolliert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No triggers logged"
-      }
-    },
-    {
-      "translated": "Fehler beim Aktualisieren der Triggerliste: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update trigger list: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Empfang der Triggerliste:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to receive trigger list: "
-      }
-    },
-    {
-      "translated": "Du darfst maximal verbieten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You're allowed to ban a maximum of "
-      }
-    },
-    {
-      "translated": "Du darfst <b>permanent</b> verbieten.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You're allowed to ban <b>permanent</b>."
-      }
-    },
-    {
-      "translated": "für immer",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "for ever"
-      }
-    },
-    {
-      "translated": "Das Verbot gilt für genau {}.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The ban lasts for exact {}."
-      }
-    },
-    {
-      "translated": "Das Verbot ist für immer.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The ban is forever."
-      }
-    },
-    {
-      "translated": "Ban erfolgreich bearbeitet",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ban successfully edited"
-      }
-    },
-    {
-      "translated": "Ihr Ban wurde erfolgreich bearbeitet.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your ban has been successfully edited."
-      }
-    },
-    {
-      "translated": "Bann konnte nicht bearbeitet werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to edited ban: %o"
-      }
-    },
-    {
-      "translated": "Das Sperren konnte nicht bearbeitet werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to edited ban"
-      }
-    },
-    {
-      "translated": "Das Sperren konnte nicht bearbeitet werden. {: br:} Fehler: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
-      }
-    },
-    {
-      "translated": "Ban erfolgreich hinzugefügt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ban successfully added"
-      }
-    },
-    {
-      "translated": "Ihr Ban wurde erfolgreich hinzugefügt.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your ban has been successfully added."
-      }
-    },
-    {
-      "translated": "Verbot konnte nicht hinzugefügt werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to add ban: %o"
-      }
-    },
-    {
-      "translated": "Hinzufügen des Verbots fehlgeschlagen. {: br:} Fehler: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
-      }
-    },
-    {
-      "translated": "Keine Verbote gefunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No bans found"
-      }
-    },
-    {
-      "translated": "Keine Triggerereignisse gefunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No trigger events found"
-      }
-    },
-    {
-      "translated": "Bitte geben Sie Ihren Token / Privileg-Schlüssel ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please enter your token/privilege key"
-      }
-    },
-    {
-      "translated": "Token konnte nicht verwendet werden: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to use token: {}"
-      }
-    },
-    {
-      "translated": "Client verbunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client connected"
-      }
-    },
-    {
-      "translated": "Du wurdest getreten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You've been kicked"
-      }
-    },
-    {
-      "translated": "Sie wurden von diesem Server gekickt. {: Br:} {0}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You've been kicked from this server.{:br:}{0}"
-      }
-    },
-    {
-      "translated": "Typ: %o Daten: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Type: %o Data: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Starten der Mikrofoneingabe (%s).",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to start microphone input (%s)."
-      }
-    },
-    {
-      "translated": "Aufzeichnung konnte nicht gestartet werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to start recording"
-      }
-    },
-    {
-      "translated": "Mikrofonstart fehlgeschlagen. {: Br:} Fehler: {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
-      }
-    },
-    {
-      "translated": "Vorhandenen Avatar löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Deleting existing avatar"
-      }
-    },
-    {
-      "translated": "Avatar gelöscht",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Avatar deleted"
-      }
-    },
-    {
-      "translated": "Avatar erfolgreich gelöscht",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Avatar successfully deleted"
-      }
-    },
-    {
-      "translated": "Fehler beim Zurücksetzen der Avatar-Flagge: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to reset avatar flag: %o"
-      }
-    },
-    {
-      "translated": "Avatar konnte nicht gelöscht werden. {: Br:} Fehler: {0}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
-      }
-    },
-    {
-      "translated": "Avatar konnte nicht gelöscht werden. {: Br:} Weitere Informationen finden Sie in der Konsole",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen des Avatars",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete avatar"
-      }
-    },
-    {
-      "translated": "Neuen Avatar hochladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Uploading new avatar"
-      }
-    },
-    {
-      "translated": "Avatar-Upload konnte nicht initialisiert werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize avatar upload: %o"
-      }
-    },
-    {
-      "translated": "Avatar-Upload konnte nicht initialisiert werden. {: Br:} Fehlende Berechtigung {0}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
-      }
-    },
-    {
-      "translated": "Avatar-Upload konnte nicht initialisiert werden. {: Br:} Fehler: {0}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
-      }
-    },
-    {
-      "translated": "Avatar-Upload konnte nicht initialisiert werden. {: Br:} Weitere Informationen finden Sie in der Konsole",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
-      }
-    },
-    {
-      "translated": "Avatar konnte nicht hochgeladen werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to upload avatar"
-      }
-    },
-    {
-      "translated": "Avatar konnte nicht hochgeladen werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to upload avatar: %o"
-      }
-    },
-    {
-      "translated": "Avatar konnte nicht hochgeladen werden. {: Br:} Fehler: {0}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
-      }
-    },
-    {
-      "translated": "Aktualisierung der Avatar-Flagge fehlgeschlagen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update avatar flag: %o"
-      }
-    },
-    {
-      "translated": "Aktualisierung der Avatar-Flagge fehlgeschlagen. {: Br:} Fehler: {0}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
-      }
-    },
-    {
-      "translated": "Aktualisierung der Avatar-Flagge fehlgeschlagen. {: Br:} Weitere Informationen finden Sie in der Konsole",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
-      }
-    },
-    {
-      "translated": "Avatar konnte nicht festgelegt werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to set avatar"
-      }
-    },
-    {
-      "translated": "Avatar erfolgreich hochgeladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Avatar successfully uploaded"
-      }
-    },
-    {
-      "translated": "Dein Avatar wurde erfolgreich hochgeladen!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your avatar has been uploaded successfully!"
-      }
-    },
-    {
-      "translated": "Server hinzugefügt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server added"
-      }
-    },
-    {
-      "translated": "Der Server wurde erfolgreich zu Ihren Lesezeichen hinzugefügt.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server has been successfully added to your bookmarks."
-      }
-    },
-    {
-      "translated": "Öffne URL",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Open URL"
-      }
-    },
-    {
-      "translated": "URL im Browser öffnen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Open URL in Browser"
-      }
-    },
-    {
-      "translated": "Kopieren Sie die URL in die Zwischenablage",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Copy URL to clipboard"
-      }
-    },
-    {
-      "translated": "Wochen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Weeks"
-      }
-    },
-    {
-      "translated": "Woche",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Week"
-      }
-    },
-    {
-      "translated": "Verbindungsverlauf konnte nicht geladen werden: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load connection history: {}"
-      }
-    },
-    {
-      "translated": "Client geschlossen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "client closed"
-      }
-    },
-    {
-      "translated": "Fehler beim Trennen der Verbindung zum Server beim Schließen des Clients: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to disconnect from server on client close: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Einrichten des Cache für die js-Renderer-Vorlage %s!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to setup cache for js renderer template %s!"
-      }
-    },
-    {
-      "translated": "Die jsrender-Vorlage %s wurde erfolgreich geladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Successfully loaded jsrender template %s"
-      }
-    },
-    {
-      "translated": "Der Client unterstützt audio.player.set_master_volume () nicht ... Ist der Client möglicherweise zu alt?",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Client does not support audio.player.set_master_volume()... May client is too old?"
-      }
-    },
-    {
-      "translated": "Klingt initialisiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sounds initialized"
-      }
-    },
-    {
-      "translated": "Aktualisierung der Benutzeranzahl erhalten: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Received user count update: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Abrufen der Recaptcha-JavaScript-Quelle: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to fetch recaptcha javascript source: %o"
-      }
-    },
-    {
-      "translated": "Download der Quelle fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "failed to download source"
-      }
-    },
-    {
-      "translated": "Recaptcha konnte nicht geladen werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "failed to load recaptcha"
-      }
-    },
-    {
-      "translated": "G-Recaptcha konnte nicht initialisiert werden. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize G-Recaptcha. Error: %o"
-      }
-    },
-    {
-      "translated": "Initialisierung fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "initialisation failed"
-      }
-    },
-    {
-      "translated": "Anmeldeanforderung fehlgeschlagen %o: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Login request failed %o: %o"
-      }
-    },
-    {
-      "translated": "Anfrage fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "request failed"
-      }
-    },
-    {
-      "translated": "Anmeldeanforderung konnte nicht gesendet werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "failed to send login request"
-      }
-    },
-    {
-      "translated": "Antwortstatus nicht in Ordnung. Fehler passiert: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Response status not okey. Error happend: %o"
-      }
-    },
-    {
-      "translated": "Login fehlgeschlagen. Antwort %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Login failed. Response %o"
-      }
-    },
-    {
-      "translated": "Login fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "failed to login"
-      }
-    },
-    {
-      "translated": "ungültiger Benutzername oder Passwort",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid username or password"
-      }
-    },
-    {
-      "translated": "Captcha erforderlich",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "captcha required"
-      }
-    },
-    {
-      "translated": "Fehler beim Parsen der im Forum angegebenen Daten: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse forum given data: %o"
-      }
-    },
-    {
-      "translated": "Antwortdaten konnten nicht analysiert werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse response data"
-      }
-    },
-    {
-      "translated": "Anforderung erneuern fehlgeschlagen %o: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Renew request failed %o: %o"
-      }
-    },
-    {
-      "translated": "Erneuerungsanforderung konnte nicht gesendet werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "failed to send renew request"
-      }
-    },
-    {
-      "translated": "Antwort fehlende Daten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "response missing data"
-      }
-    },
-    {
-      "translated": "Erneuerung erfolgreich. Analysieren von Daten.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Renew succeeded. Parsing data."
-      }
-    },
-    {
-      "translated": "Daten konnten nicht analysiert werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "failed to parse data"
-      }
-    },
-    {
-      "translated": "Abmeldeanforderung fehlgeschlagen %o: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Logout request failed %o: %o"
-      }
-    },
-    {
-      "translated": "Abmeldeanforderung konnte nicht gesendet werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "failed to send logout request"
-      }
-    },
-    {
-      "translated": "Keine TeaForo-Authentifizierung gefunden. TeaForo-Verbindungsstatus: Nicht verbunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No TeaForo authentification found. TeaForo connection status: unconnected"
-      }
-    },
-    {
-      "translated": "Fehler beim Initialisieren der TeaForo-Verbindung von lokalen Daten. Fehler: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to initialize TeaForo connection from local data. Error: %o"
-      }
-    },
-    {
-      "translated": "TeaForo-Daten sollten erneuert werden. Erneuerung wird ausgeführt.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaForo data should be renewed. Executing renew."
-      }
-    },
-    {
-      "translated": "TeaForo-Daten wurden erfolgreich erneuert.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaForo data has been successfully renewed."
-      }
-    },
-    {
-      "translated": "TeaForo-Daten konnten nicht erneuert werden. Neuer Login erforderlich.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to renew TeaForo data. New login required."
-      }
-    },
-    {
-      "translated": "TeaForo-Daten konnten nicht erneuert werden. Ein Fehler ist aufgetreten: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to renew TeaForo data. An error occurred: %o"
-      }
-    },
-    {
-      "translated": "TeaForo-Daten sind abgelaufen. TeaForo-Verbindung ist nicht verfügbar!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaForo data is expired. TeaForo connection isn't available!"
-      }
-    },
-    {
-      "translated": "Fehler beim Dekodieren der Audiodaten für %o: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to decode audio data for %o: %o"
-      }
-    },
-    {
-      "translated": "Die Soundwiedergabe für Sound %o führte zu einem Fehler: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Sound playback for sound %o resulted in an error: %o"
-      }
-    },
-    {
-      "translated": "Wiedergabe von Sound %o fehlgeschlagen, da Ziehpunkte fehlen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to replay sound %o because of missing handles."
-      }
-    },
-    {
-      "translated": "Sound %o konnte nicht wiedergegeben werden, da er nicht behoben werden konnte: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to replay sound %o because it could not be resolved: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Generieren des Client-Tag-Attributs &#39;client-unique-id&#39;: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to generate client tag attribute 'client-unique-id': %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Generieren des Client-Tag-Attributs &quot;Client-Name&quot;: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to generate client tag attribute 'client-name': %o"
-      }
-    },
-    {
-      "translated": "Verwalten Sie den virtuellen Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Manage the Virtual Server"
-      }
-    },
-    {
-      "translated": "Willkommensnachricht bearbeitet: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Welcome message edited: %o"
-      }
-    },
-    {
-      "translated": "Servertextkanal beitreten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Join server text channel"
-      }
-    },
-    {
-      "translated": "Anwenden der zuvor geänderten Speratoreinstellungen für %s: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Applying previous changed sperator settings for %s: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Parsen der Trennzeicheneinstellungen für den Sperator %s: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse seperator settings for sperator %s: %o"
-      }
-    },
-    {
-      "translated": "Bei engem Callback handelt es sich nicht um eine Funktion !. Rückruf: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Given close callback is not a function!. Callback: %o"
-      }
-    },
-    {
-      "translated": "Favoriten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Favorites"
-      }
-    },
-    {
-      "translated": "Verbindung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connection"
-      }
-    },
-    {
-      "translated": "Verlassen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Quit"
-      }
-    },
-    {
-      "translated": "Client-Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Client Permissions"
-      }
-    },
-    {
-      "translated": "Channel-Client-Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel Client Permissions"
-      }
-    },
-    {
-      "translated": "Kanalberechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Channel Permissions"
-      }
-    },
-    {
-      "translated": "Liste der Berechtigungsschlüssel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "List Privilege Keys"
-      }
-    },
-    {
-      "translated": "Berechtigungsschlüsselliste ist noch nicht implementiert!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Privilege key list is not implemented yet!"
-      }
-    },
-    {
-      "translated": "Verwenden Sie den Berechtigungsschlüssel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Use Privilege Key"
-      }
-    },
-    {
-      "translated": "Wiedergabelisten verwalten",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Manage Playlists"
-      }
-    },
-    {
-      "translated": "Sperrliste",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ban List"
-      }
-    },
-    {
-      "translated": "Abfrageliste",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Query List"
-      }
-    },
-    {
-      "translated": "Sie haben nicht die Berechtigung, die Server-Abfrageliste anzuzeigen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You dont have the permission to view the server query list"
-      }
-    },
-    {
-      "translated": "Abfrage erstellen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Query Create"
-      }
-    },
-    {
-      "translated": "Auf Updates prüfen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Check for updates"
-      }
-    },
-    {
-      "translated": "Changelog öffnen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Open changelog"
-      }
-    },
-    {
-      "translated": "Besuchen Sie TeaSpeak.de",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Visit TeaSpeak.de"
-      }
-    },
-    {
-      "translated": "Besuchen Sie das TeaSpeak-Forum",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Visit TeaSpeak forum"
-      }
-    },
-    {
-      "translated": "Über TeaWeb",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "About TeaWeb"
-      }
-    },
-    {
-      "translated": "Über TeaClient",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "About TeaClient"
-      }
-    },
-    {
-      "translated": "Sie chatten in Channel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You're chatting in Channel"
-      }
-    },
-    {
-      "translated": "Unbekannte Kanal-ID {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unknown channel id {}"
-      }
-    },
-    {
-      "translated": "Sie chatten im Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You're chatting in Server"
-      }
-    },
-    {
-      "translated": "Keine Gespräche",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No conversations"
-      }
-    },
-    {
-      "translated": "Ein Gespräch",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "One conversation"
-      }
-    },
-    {
-      "translated": "Gespräche",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "conversations"
-      }
-    },
-    {
-      "translated": "Gespräch eröffnen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Open conversation"
-      }
-    },
-    {
-      "translated": "Eine Konversation beginnen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Start a conversation"
-      }
-    },
-    {
-      "translated": "Abschriften-Token rendern: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Render Markdown token: %o"
-      }
-    },
-    {
-      "translated": "Fehlender Markdown für den BBCode-Renderer für Token %s: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Missing markdown to bbcode renderer for token %s: %o"
-      }
-    },
-    {
-      "translated": "Gestern um",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Yesterday at"
-      }
-    },
-    {
-      "translated": "Heute um",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Today at"
-      }
-    },
-    {
-      "translated": "Sekunden zuvor",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "seconds ago"
-      }
-    },
-    {
-      "translated": "vor einer Minute",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "one minute ago"
-      }
-    },
-    {
-      "translated": "Vor ein paar Minuten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "minutes ago"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden des Verlaufs der privaten Konversation für Benutzer %s auf Server %s: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to load private conversation history for user %s on server %s: %o"
-      }
-    },
-    {
-      "translated": "Konversationsverlauf für Benutzer %s auf Server %s: %o konnte nicht gespeichert werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to save private conversation history for user %s on server %s: %o"
-      }
-    },
-    {
-      "translated": "schreibe gerade ...",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "currently typing..."
-      }
-    },
-    {
-      "translated": "keine Geschichte",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "no history"
-      }
-    },
-    {
-      "translated": "Gestern",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Yesterday"
-      }
-    },
-    {
-      "translated": "Heute",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Today"
-      }
-    },
-    {
-      "translated": "Ungelesene Nachrichten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unread messages"
-      }
-    },
-    {
-      "translated": "Fehler kein Zeitstempel",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "error no timestamp"
-      }
-    },
-    {
-      "translated": "Ihr Chat-Partner hat die Konversation geschlossen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your chat partner has closed the conversation"
-      }
-    },
-    {
-      "translated": "Sie haben erneut eine Verbindung zum Server hergestellt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You've reconnected to the server"
-      }
-    },
-    {
-      "translated": "Sie haben die Verbindung zum Server getrennt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You've disconnected from the server"
-      }
-    },
-    {
-      "translated": "Konversationsnachricht für Client %o wird aufgrund eines fehlenden Nachrichtenrückrufs gelöscht.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Dropping conversation message for client %o because of no message callback."
-      }
-    },
-    {
-      "translated": "Konversationsnachricht wird wegen keiner aktiven Konversation gelöscht.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Dropping conversation message because of no active conversation."
-      }
-    },
-    {
-      "translated": "Beenden der Konversationstypisierungsaktion, da keine aktive Konversation vorhanden ist.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Dropping conversation typing action because of no active conversation."
-      }
-    },
-    {
-      "translated": "Senden der SMS %s an %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Sending text message %s to %o"
-      }
-    },
-    {
-      "translated": "Nachricht konnte nicht gesendet werden:",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to send message: "
-      }
-    },
-    {
-      "translated": "Nachricht konnte nicht gesendet werden. Weitere Informationen finden Sie in der Konsole",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to send message. Lookup the console for more details"
-      }
-    },
-    {
-      "translated": "Laden Sie ältere Nachrichten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Load older messages"
-      }
-    },
-    {
-      "translated": "Konversationsverlauf konnte nicht abgerufen werden. %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to fetch conversation history. %o"
-      }
-    },
-    {
-      "translated": "Konversationsnachricht für Konversation %o: %o konnte nicht gelöscht werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete conversation message for conversation %o: %o"
-      }
-    },
-    {
-      "translated": "Nachricht konnte nicht gelöscht werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete message"
-      }
-    },
-    {
-      "translated": "Konversationsnachricht {: br:} konnte nicht gelöscht werden Fehler: {}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
-      }
-    },
-    {
-      "translated": "Löschen der SMS %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Deleting text message %o"
-      }
-    },
-    {
-      "translated": "Verboten",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Banned"
-      }
-    },
-    {
-      "translated": "Sachen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Stuff"
-      }
-    },
-    {
-      "translated": "Prämie",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Premium"
-      }
-    },
-    {
-      "translated": "Client lokal stumm geschaltet",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client local muted"
-      }
-    },
-    {
-      "translated": "Servergruppe",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "server group "
-      }
-    },
-    {
-      "translated": "Fehlende Servergruppen-ID!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Missing server group id!"
-      }
-    },
-    {
-      "translated": "Gruppen-ID:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Group id: "
-      }
-    },
-    {
-      "translated": "Ungültige Kanalgruppe!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid channel group!"
-      }
-    },
-    {
-      "translated": "Fehlende Kanalgruppen-ID!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Missing channel group id!"
-      }
-    },
-    {
-      "translated": "Regeneriertes Hostbanner-Tag. Ersetzen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Regenerated hostbanner tag. Replacing it: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Laden des Hostbanners: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to load the hostbanner: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Parsen der Banner-URL: %o. Verwenden des Standardanhangs &#39;&amp;&#39;.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse banner URL: %o. Using default '&' append."
-      }
-    },
-    {
-      "translated": "Hostbanner-Image erfolgreich geladen.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Successfully loaded hostbanner image."
-      }
-    },
-    {
-      "translated": "Builder für fehlende Protokollnachricht {0}!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "missing log message builder {0}!"
-      }
-    },
-    {
-      "translated": "Herstellen einer Verbindung zu {0} {1}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connecting to {0}{1}"
-      }
-    },
-    {
-      "translated": "Hostname wird aufgelöst",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Resolving hostname"
-      }
-    },
-    {
-      "translated": "Hostname erfolgreich in {0} aufgelöst: {1}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hostname resolved successfully to {0}:{1}"
-      }
-    },
-    {
-      "translated": "Hostname konnte nicht aufgelöst werden. Verbindung zum angegebenen Hostnamen. Fehler: {0}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to resolve hostname. Connecting to given hostname. Error: {0}"
-      }
-    },
-    {
-      "translated": "Verbindung fehlgeschlagen.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connect failed."
-      }
-    },
-    {
-      "translated": "Fehler beim Einrichten der Sprachbrücke: {0}. Verbindung erneut zulassen: {1}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to setup voice bridge: {0}. Allow reconnect: {1}"
-      }
-    },
-    {
-      "translated": "Unzureichende Benutzerberechtigung. Auf Erlaubnis {0} fehlgeschlagen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Insufficient client permissions. Failed on permission {0}"
-      }
-    },
-    {
-      "translated": "{0} ist von {1} zu Ihrem {2} erschienen.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "{0} appeared from {1} to your {2}"
-      }
-    },
-    {
-      "translated": "{0} mit deinem Kanal verbunden {1}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "{0} connected to your channel {1}"
-      }
-    },
-    {
-      "translated": "{0} wurde von {1} zu deinem Kanal {2} verschoben um {3}.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared from {1} to your channel {2}, moved by {3}"
-      }
-    },
-    {
-      "translated": "{0} wurde deinem Kanal {1} angezeigt und von {2} verschoben.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared to your channel {1}, moved by {2}"
-      }
-    },
-    {
-      "translated": "{0} ist {1} erschienen, bewegt von {2}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared to {1}, moved by {2}"
-      }
-    },
-    {
-      "translated": "{0} wurde von {1} in Ihrem Kanal {2} geschaltet und von {3} {4} gekickt.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared from {1} to your channel {2}, kicked by {3}{4}"
-      }
-    },
-    {
-      "translated": "{0} wurde Ihrem Kanal {1} angezeigt und von {2} {3} gekickt.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared to your channel {1}, kicked by {2}{3}"
-      }
-    },
-    {
-      "translated": "{0} erschien {1} und wurde von {2} {3} getreten.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} appeared to {1}, kicked by {2}{3}"
-      }
-    },
-    {
-      "translated": "{0} ist von Ihrem Channel {1} zu {2} verschwunden.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} disappeared from your channel {1} to {2}"
-      }
-    },
-    {
-      "translated": "{0} wurde von {2} aus Ihrem Channel geworfen. {3}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "{0} was kicked from your channel by {2}.{3}"
-      }
-    },
-    {
-      "translated": "{0} wurde von {2} aus Kanal {1} geworfen. {3}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} was kicked from channel {1} by {2}.{3}"
-      }
-    },
-    {
-      "translated": "{0} Zeitüberschreitung {1}",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} timed out{1}"
-      }
-    },
-    {
-      "translated": "Spitzname erfolgreich geändert.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Nickname successfully changed."
-      }
-    },
-    {
-      "translated": "{0} hat seinen Spitznamen von &quot;{1}&quot; in &quot;{2}&quot; geändert.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "{0} changed his nickname from \"{1}\" to \"{2}\""
-      }
-    },
-    {
-      "translated": "Vom Server getrennt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Disconnected from server"
-      }
-    },
-    {
-      "translated": "Über",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "About"
-      }
-    },
-    {
-      "translated": "Avatar hochladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Avatar Upload"
-      }
-    },
-    {
-      "translated": "Du hast {} mal verbunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You've connected {} times"
-      }
-    },
-    {
-      "translated": "Unbekannt",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Unknown"
-      }
-    },
-    {
-      "translated": "Sie haben eine {} Verbindung zu dieser Serveradresse hergestellt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You {} connected to that server address"
-      }
-    },
-    {
-      "translated": "Durchschnittliches Ping wird noch nicht unterstützt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Average ping isn't yet supported"
-      }
-    },
-    {
-      "translated": "Möchten Sie dieses nicht leere Verzeichnis wirklich löschen?",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Do you really want to delete this non empty directory?"
-      }
-    },
-    {
-      "translated": "Geben Sie einen Ordnernamen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter a folder name"
-      }
-    },
-    {
-      "translated": "Geben Sie den Ordnernamen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter the folder name"
-      }
-    },
-    {
-      "translated": "Geben Sie einen Lesezeichennamen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter a bookmark name"
-      }
-    },
-    {
-      "translated": "Geben Sie den Lesezeichennamen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter the bookmark name"
-      }
-    },
-    {
-      "translated": "Verbindungsprofil für Profil %s zu %s konnte nicht geändert werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to change connect profile for profile %s to %s"
-      }
-    },
-    {
-      "translated": "Kanalinformationen:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel information: "
-      }
-    },
-    {
-      "translated": "Beschreibung kopiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Description copied"
-      }
-    },
-    {
-      "translated": "Die Kanalbeschreibung wurde in Ihre Zwischenablage kopiert!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The channel description has been copied to your clipboard!"
-      }
-    },
-    {
-      "translated": "Kanal hat keine Beschreibung",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Channel has no description"
-      }
-    },
-    {
-      "translated": "Semi permanent",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Semi permanent"
-      }
-    },
-    {
-      "translated": "Privatgelände",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Private"
-      }
-    },
-    {
-      "translated": "Öffentlichkeit; Semipermanente Nachrichtenspeicherung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Public; Semi permanent message saving"
-      }
-    },
-    {
-      "translated": "Öffentlichkeit; Permanente Nachrichtenspeicherung",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Public; Permanent message saving"
-      }
-    },
-    {
-      "translated": "Öffentlichkeit; Letzte {} Nachrichten speichern",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Public; Saving last {} messages"
-      }
-    },
-    {
-      "translated": "Kanal nicht abonniert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel not subscribed"
-      }
-    },
-    {
-      "translated": "Vom Server mit unverschlüsselt überschrieben!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Overridden by the server with Unencrypted!"
-      }
-    },
-    {
-      "translated": "Vom Server mit Encrypted überschrieben!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Overridden by the server with Encrypted!"
-      }
-    },
-    {
-      "translated": "Profil Information:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Profile Information: "
-      }
-    },
-    {
-      "translated": "Eindeutige ID kopiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unique ID copied"
-      }
-    },
-    {
-      "translated": "Die eindeutige ID wurde in Ihre Zwischenablage kopiert!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The unique id has been copied to your clipboard!"
-      }
-    },
-    {
-      "translated": "Client-IP kopiert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client IP copied"
-      }
-    },
-    {
-      "translated": "Die Client-IP wurde in Ihre Zwischenablage kopiert!",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The client IP has been copied to your clipboard!"
-      }
-    },
-    {
-      "translated": "Versteckt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hidden"
-      }
-    },
-    {
-      "translated": "Error",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "error"
-      }
-    },
-    {
-      "translated": "0 Sekunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "0 Seconds"
-      }
-    },
-    {
-      "translated": "Zur Zeit aktiv",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Currently active"
-      }
-    },
-    {
-      "translated": "Nicht berechnet",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Not calculated"
-      }
-    },
-    {
-      "translated": "Gruppe löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete group"
-      }
-    },
-    {
-      "translated": "Fehler beim Ändern der Gruppenzuweisung: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to change group assignment: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Entfernen aller Gruppenzuweisungen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to remove all group assignments: %o"
-      }
-    },
-    {
-      "translated": "Identitätsanalyse",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Parsing identity"
-      }
-    },
-    {
-      "translated": "Fehler beim Parsen der Identität:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to parse identity: "
-      }
-    },
-    {
-      "translated": "Datei wird geladen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Loading file"
-      }
-    },
-    {
-      "translated": "Fehler beim Lesen der Identitätsdatei.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to read the identity file."
-      }
-    },
-    {
-      "translated": "Ungültige Identitätszeichenfolge",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid identity string"
-      }
-    },
-    {
-      "translated": "Laden Sie den URL-Ersteller ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invite URL creator"
-      }
-    },
-    {
-      "translated": "Fehlender Link-Generator",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Missing link generator"
-      }
-    },
-    {
-      "translated": "Wählen Sie einen Schlüssel",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Select a key"
-      }
-    },
-    {
-      "translated": "Die Playlist-Bearbeitung wurde noch nicht implementiert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playlist editing hasn't yet been implemented"
-      }
-    },
-    {
-      "translated": "Das Playlist-Management wurde noch nicht implementiert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Playlist management hasn't yet been implemented"
-      }
-    },
-    {
-      "translated": "Keine Anfragen verfügbar",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No queries available"
-      }
-    },
-    {
-      "translated": "Keine Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No permissions"
-      }
-    },
-    {
-      "translated": "Anfordern der Abfrageliste fehlgeschlagen: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to request the query list: %o"
-      }
-    },
-    {
-      "translated": "Liste konnte nicht angefordert werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to request list"
-      }
-    },
-    {
-      "translated": "Fehler beim Abrufen der eigenen virtuellen Server-ID: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to get own virtual server id: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Abfragen der Server-ID",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to query server id"
-      }
-    },
-    {
-      "translated": "Auf der Instanz",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "On the instance"
-      }
-    },
-    {
-      "translated": "Auf dem aktuellen Server",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "On the current server"
-      }
-    },
-    {
-      "translated": "Keine Konten gefunden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No accounts found"
-      }
-    },
-    {
-      "translated": "Die eindeutige ID wurde erfolgreich in Ihre Zwischenablage kopiert.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The unique id has been successfully copied to your clipboard."
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen des Kontos {: br:} Nachricht: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
-      }
-    },
-    {
-      "translated": "Geben Sie den neuen Namen für das Login ein:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter the new name for the login:"
-      }
-    },
-    {
-      "translated": "Konto konnte nicht umbenannt werden {: br:} Nachricht: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
-      }
-    },
-    {
-      "translated": "Geben Sie ein neues Passwort ein (lassen Sie dieses Feld für die automatische Generierung leer):",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter a new password (leave blank for auto generation):"
-      }
-    },
-    {
-      "translated": "Passwort konnte nicht geändert werden {: br:} Nachricht: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to change password{:br:}Message: {}"
-      }
-    },
-    {
-      "translated": "Serverinformation:",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server Information: "
-      }
-    },
-    {
-      "translated": "Servereigenschaften konnten nicht aktualisiert werden: %o",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to refresh server properties: %o"
-      }
-    },
-    {
-      "translated": "Aktualisierung fehlgeschlagen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Refresh failed"
-      }
-    },
-    {
-      "translated": "Servereigenschaften konnten nicht aktualisiert werden. {: Br:} Fehler: {}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
-      }
-    },
-    {
-      "translated": "Abfragen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Queries"
-      }
-    },
-    {
-      "translated": "Abfrage",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Query"
-      }
-    },
-    {
-      "translated": "Reserviert",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reserved"
-      }
-    },
-    {
-      "translated": "Gerade gestartet",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "just started"
-      }
-    },
-    {
-      "translated": "rechnen ...",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "calculating..."
-      }
-    },
-    {
-      "translated": "Keine Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No Permissions"
-      }
-    },
-    {
-      "translated": "Global ausgeschaltet",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Globally off"
-      }
-    },
-    {
-      "translated": "Individuell konfiguriert pro Kanal",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Individually configured per channel"
-      }
-    },
-    {
-      "translated": "Global weiter",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Globally on"
-      }
-    },
-    {
-      "translated": "Daten zur Serverbandbreite",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server bandwidth data"
-      }
-    },
-    {
-      "translated": "Empfang...",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "receiving..."
-      }
-    },
-    {
-      "translated": "Erstellen Sie eine Kanalgruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create a channel group"
-      }
-    },
-    {
-      "translated": "Kanalgruppe umbenennen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Rename channel group"
-      }
-    },
-    {
-      "translated": "Kanalgruppe duplizieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Duplicate channel group"
-      }
-    },
-    {
-      "translated": "Kanalgruppe löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete channel group"
-      }
-    },
-    {
-      "translated": "Gruppe erstellt",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Group created"
-      }
-    },
-    {
-      "translated": "Die Kanalgruppe wurde erstellt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The channel group has been created."
-      }
-    },
-    {
-      "translated": "Fehler beim Erstellen der Kanalgruppe: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to create channel group: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Erstellen der Gruppe",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to create group"
-      }
-    },
-    {
-      "translated": "Fehler beim Erstellen der Gruppe: {: br:}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to create group:{:br:}"
-      }
-    },
-    {
-      "translated": "Gruppe umbenennen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Rename group"
-      }
-    },
-    {
-      "translated": "Geben Sie den neuen Gruppennamen ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter the new group name"
-      }
-    },
-    {
-      "translated": "Gruppe umbenannt",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Group renamed"
-      }
-    },
-    {
-      "translated": "Die Kanalgruppe wurde umbenannt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The channel group has been renamed."
-      }
-    },
-    {
-      "translated": "Kanalgruppe konnte nicht umbenannt werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to rename channel group: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Umbenennen der Gruppe",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to rename group"
-      }
-    },
-    {
-      "translated": "Fehler beim Umbenennen der Gruppe: {: br:}",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to rename group:{:br:}"
-      }
-    },
-    {
-      "translated": "Noch nicht implementiert",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Not implemented yet"
-      }
-    },
-    {
-      "translated": "Diese Funktion wurde noch nicht implementiert!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "This function hasn't been implemented yet!"
-      }
-    },
-    {
-      "translated": "Möchten Sie die Gruppe {} wirklich löschen?",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Do you really want to delete the group {}?"
-      }
-    },
-    {
-      "translated": "Gruppe gelöscht",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Group deleted"
-      }
-    },
-    {
-      "translated": "Die Kanalgruppe wurde gelöscht.",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The channel group has been deleted."
-      }
-    },
-    {
-      "translated": "Kanalgruppe konnte nicht gelöscht werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete channel group: %o"
-      }
-    },
-    {
-      "translated": "Gruppe konnte nicht gelöscht werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to delete group"
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen der Gruppe: {: br:}",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete group:{:br:}"
-      }
-    },
-    {
-      "translated": "Erstellen Sie eine Servergruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create a server group"
-      }
-    },
-    {
-      "translated": "Servergruppe umbenennen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Rename server group"
-      }
-    },
-    {
-      "translated": "Servergruppe duplizieren",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Duplicate server group"
-      }
-    },
-    {
-      "translated": "Servergruppe löschen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete server group"
-      }
-    },
-    {
-      "translated": "Die Servergruppe wurde erstellt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The server group has been created."
-      }
-    },
-    {
-      "translated": "Fehler beim Erstellen der Servergruppe: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to create server group: %o"
-      }
-    },
-    {
-      "translated": "Die Servergruppe wurde umbenannt.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The server group has been renamed."
-      }
-    },
-    {
-      "translated": "Fehler beim Umbenennen der Servergruppe: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to rename server group: %o"
-      }
-    },
-    {
-      "translated": "Die Servergruppe wurde gelöscht.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The server group has been deleted."
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen der Servergruppe: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete server group: %o"
-      }
-    },
-    {
-      "translated": "Client hinzufügen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add client"
-      }
-    },
-    {
-      "translated": "Fehler beim Löschen des Clients %o aus der Servergruppe %o: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to delete client %o from server group %o: %o"
-      }
-    },
-    {
-      "translated": "Client konnte nicht entfernt werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to remove client"
-      }
-    },
-    {
-      "translated": "Fehler beim Entfernen des Clients aus der Servergruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to remove client from server group"
-      }
-    },
-    {
-      "translated": "Client zur Servergruppe hinzufügen",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add client to server group"
-      }
-    },
-    {
-      "translated": "Geben Sie die eindeutige Client-ID oder die Datenbank-ID ein",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter the client unique id or database id"
-      }
-    },
-    {
-      "translated": "Fehler beim Auflösen der Client-Datenbank-ID von der eindeutigen ID (%s): %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to resolve client database id from unique id (%s): %o"
-      }
-    },
-    {
-      "translated": "Client konnte nicht hinzugefügt werden",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Failed to add client"
-      }
-    },
-    {
-      "translated": "Fehler beim Hinzufügen des Clients zur Servergruppe Fehler beim Auflösen der Datenbank-ID: {}.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add client to server group\nFailed to resolve database id: {}."
-      }
-    },
-    {
-      "translated": "Fehler beim Auflösen der Client-Datenbank-ID von eindeutiger ID (%s): Client nicht gefunden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to resolve client database id from unique id (%s): Client not found"
-      }
-    },
-    {
-      "translated": "Fehler beim Hinzufügen des Clients zur Servergruppe Client-Datenbank-ID nicht gefunden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add client to server group\nClient database id not found"
-      }
-    },
-    {
-      "translated": "Fehler beim Hinzufügen von Client %o zur Servergruppe %o: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to add client %o to server group %o: %o"
-      }
-    },
-    {
-      "translated": "Clients in Gruppe ausblenden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hide clients in group"
-      }
-    },
-    {
-      "translated": "Kunden in Gruppe anzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show clients in group"
-      }
-    },
-    {
-      "translated": "Erstellen Sie eine neue Gruppe",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Create a new group"
-      }
-    },
-    {
-      "translated": "Fehler beim Analysieren der angegebenen Berechtigungswertzeichenfolge: %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to parse given permission value string: %s"
-      }
-    },
-    {
-      "translated": "Analyse der angegebenen Berechtigung fehlgeschlagen. Zeichenfolge: %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to parse given permission granted value string: %s"
-      }
-    },
-    {
-      "translated": "Leere Symbolvorschau konnte nicht generiert werden: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to generate empty icon preview: %o"
-      }
-    },
-    {
-      "translated": "Ausgewähltes neues Symbol %s",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Selected new icon %s"
-      }
-    },
-    {
-      "translated": "Fehler beim Festlegen der Symbolberechtigung im Berechtigungseditor: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to set icon permission within permission editor: %o"
-      }
-    },
-    {
-      "translated": "Symbolberechtigungen konnten im Berechtigungseditor nicht gefunden werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to find icon permissions within permission editor"
-      }
-    },
-    {
-      "translated": "Fehler beim Auswählen eines Symbols für die Symbolberechtigung: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to select an icon for the icon permission: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Entfernen der Symbolberechtigung im Berechtigungseditor: %o",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to remove icon permission within permission editor: %o"
-      }
-    },
-    {
-      "translated": "Fehler beim Finden der Symbolberechtigung im Berechtigungseditor",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Failed to find icon permission within permission editor"
-      }
-    },
-    {
-      "translated": "Stellen Sie auf einer anderen Registerkarte eine Verbindung zu einem Server her",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connect to a server in another tab"
-      }
-    },
-    {
-      "translated": "Hostbutton",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hostbutton"
-      }
-    },
-    {
-      "translated": "Hostbutton",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "hostbutton"
-      }
-    },
-    {
-      "translated": "Du sprichst in Channel",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You're talking in Channel"
-      }
-    },
-    {
-      "translated": "Dein Ping",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your ping"
-      }
-    },
-    {
-      "translated": "Wechseln Sie zum Channel-Chat",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Switch to channel chat"
-      }
-    },
-    {
-      "translated": "Private Chats",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Private chats"
-      }
-    },
-    {
-      "translated": "Du hast noch keine Chats!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You&nbsp;dont&nbsp;have any&nbsp;chats&nbsp;yet!"
-      }
-    },
-    {
-      "translated": "Partner schreibt ...",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Partner is typing..."
-      }
-    },
-    {
-      "translated": "Schreiben Sie ihre Nachricht hier...",
-      "flags": [
-        "google-translate",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Type your message here..."
-      }
-    },
-    {
-      "translated": "Blättern Sie zu neuen Nachrichten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Scroll to new messages"
-      }
-    },
-    {
-      "translated": "Sie haben keine Berechtigung, an dieser Unterhaltung teilzunehmen!",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You don't have permissions to participate in this conversation!"
-      }
-    },
-    {
-      "translated": "Das Gespräch ist privat. Treten Sie dem Kanal bei, um teilzunehmen!",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Conversation is private. Join the channel to participate!"
-      }
-    },
-    {
-      "translated": "Der Zielserver unterstützt keine Channel-Chats.",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The target server does not support channel chats."
-      }
-    },
-    {
-      "translated": "Du kannst nur in deinem eigenen Kanal schreiben",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "You're only able to write in your own channel"
-      }
-    },
-    {
-      "translated": "Avatar hochladen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Upload Avatar"
-      }
-    },
-    {
-      "translated": "Land",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Country"
-      }
-    },
-    {
-      "translated": "TeaSpeak-Forum-Konto",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaSpeak Forum Account"
-      }
-    },
-    {
-      "translated": "Ausführung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Version"
-      }
-    },
-    {
-      "translated": "Volumen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Volume"
-      }
-    },
-    {
-      "translated": "Status",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Status"
-      }
-    },
-    {
-      "translated": "Kanalgruppe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel Group"
-      }
-    },
-    {
-      "translated": "Vollständige Info",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Full Info"
-      }
-    },
-    {
-      "translated": "Adresse",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Address"
-      }
-    },
-    {
-      "translated": "Passwort",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Password"
-      }
-    },
-    {
-      "translated": "Kunden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Clients"
-      }
-    },
-    {
-      "translated": "Anschlüsse",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connections"
-      }
-    },
-    {
-      "translated": "Es wurden noch keine Verbindungen hergestellt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No connections yet made"
-      }
-    },
-    {
-      "translated": "Kanal Name",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel name"
-      }
-    },
-    {
-      "translated": "Bearbeitungssymbol",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Edit icon"
-      }
-    },
-    {
-      "translated": "Thema",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Topic"
-      }
-    },
-    {
-      "translated": "Kanaloptionen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel Options"
-      }
-    },
-    {
-      "translated": "Kanal-Codec",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel Codec"
-      }
-    },
-    {
-      "translated": "Benutzerdefiniert (Fortgeschritten)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Custom (Advanced)"
-      }
-    },
-    {
-      "translated": "Handy, Mobiltelefon",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Mobile"
-      }
-    },
-    {
-      "translated": "Stimme",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Voice"
-      }
-    },
-    {
-      "translated": "Sortier- und Gesprächskraft",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sorting and Talk power"
-      }
-    },
-    {
-      "translated": "Gesprächsstärke:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Talk power:"
-      }
-    },
-    {
-      "translated": "Erforderliche Energie, um in diesem Kanal zu sprechen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to talk in this channel"
-      }
-    },
-    {
-      "translated": "Max Benutzer, die dem Kanal beitreten können",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Max users which could join the channel"
-      }
-    },
-    {
-      "translated": "Information",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Information"
-      }
-    },
-    {
-      "translated": "Geschätzte benötigte Bandbreite:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Estimated needed bandwidth:"
-      }
-    },
-    {
-      "translated": "Bei einer schlechten Internetverbindung werden niedrigere Einstellungen empfohlen, um die Bandbreite zu verringern.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "For bad internet connection, lower settings are recommend to reduce bandwidth."
-      }
-    },
-    {
-      "translated": "Beitreten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Join"
-      }
-    },
-    {
-      "translated": "Aussicht",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "View"
-      }
-    },
-    {
-      "translated": "Beschreibungsansicht",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Description view"
-      }
-    },
-    {
-      "translated": "Erforderliche Energie, um die Kanalbeschreibung zu sehen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required power to see the channel description"
-      }
-    },
-    {
-      "translated": "Abonnieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Subscribe"
-      }
-    },
-    {
-      "translated": "Durchsuche",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Browse"
-      }
-    },
-    {
-      "translated": "Umbenennen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Rename"
-      }
-    },
-    {
-      "translated": "Verzeichnis erstellen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Directory create"
-      }
-    },
-    {
-      "translated": "Zeit in Sekunden, bevor der Kanal gelöscht wird, wenn er leer ist.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Time in seconds before the channel gets deleted when its empty."
-      }
-    },
-    {
-      "translated": "Max",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Max"
-      }
-    },
-    {
-      "translated": "Sprachdaten verschlüsseln:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Encrypt voice data:"
-      }
-    },
-    {
-      "translated": "Fortgeschrittener Modus",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Advanced mode"
-      }
-    },
-    {
-      "translated": "Name des virtuellen Servers",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Virtual Server name"
-      }
-    },
-    {
-      "translated": "Schlüssel:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Slots:"
-      }
-    },
-    {
-      "translated": "Maximale Anzahl gleichzeitig verbundener Clients.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Max amount of simultaneously connected clients."
-      }
-    },
-    {
-      "translated": "Reservierte Server-Slots für Administratoren.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reserved server slots for admins."
-      }
-    },
-    {
-      "translated": "Willkommensnachricht",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Welcome message"
-      }
-    },
-    {
-      "translated": "Vernetzung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Networking"
-      }
-    },
-    {
-      "translated": "Host-Nachricht",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Host Message"
-      }
-    },
-    {
-      "translated": "Botschaft",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Message"
-      }
-    },
-    {
-      "translated": "Nachricht eingeben ...",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enter a message..."
-      }
-    },
-    {
-      "translated": "Nachrichtenmodus",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Message Mode"
-      }
-    },
-    {
-      "translated": "Host-Banner",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Host Banner"
-      }
-    },
-    {
-      "translated": "URL",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "URL"
-      }
-    },
-    {
-      "translated": "URL, die geöffnet wird, wenn der Client auf das Host-Banner klickt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "URL which will be opened when the client clicks on the host banner"
-      }
-    },
-    {
-      "translated": "Bild URL",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Image URL"
-      }
-    },
-    {
-      "translated": "URL des Bildes, das angezeigt wird",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "URL of the image which will be displayed"
-      }
-    },
-    {
-      "translated": "Aktualisierungsintervall",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Refresh Interval"
-      }
-    },
-    {
-      "translated": "Zeit in Sekunden, die bestimmt, in welchem Intervall der Client den Hostbanner neu lädt. Ein Wert von 0 bedeutet kein erneutes Laden.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Time in seconds which determine in which interval the client reloads the hostbanner. A value of 0 means no reload."
-      }
-    },
-    {
-      "translated": "Größenänderung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Resize Mode"
-      }
-    },
-    {
-      "translated": "Zeit in Sekunden, die bestimmt, in welchem Intervall der Client den Hostbanner neu lädt. <br> Ein Wert von 0 bedeutet kein erneutes Laden.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Time in seconds which determine in which interval the client reloads the hostbanner.<br>A value of 0 means no reload."
-      }
-    },
-    {
-      "translated": "Bildvorschau",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Image Preview"
-      }
-    },
-    {
-      "translated": "Hostbanner-Vorschau",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hostbanner Preview"
-      }
-    },
-    {
-      "translated": "URL, die geöffnet wird, wenn der Client auf die Host-Schaltfläche klickt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "URL which will be opened when the client clicks on the host button"
-      }
-    },
-    {
-      "translated": "Tooltip",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Tooltip"
-      }
-    },
-    {
-      "translated": "Text für den Tooltip beim Schweben der Schaltfläche",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Text for the tooltip on button hover"
-      }
-    },
-    {
-      "translated": "Icon URL",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Icon URL"
-      }
-    },
-    {
-      "translated": "Icon Vorschau",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Icon Preview"
-      }
-    },
-    {
-      "translated": "Hostbutton Vorschau",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Hostbutton Preview"
-      }
-    },
-    {
-      "translated": "Ein durch Kommas getrennter Satz von IP-Adressen, auf denen der Server lauscht.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "A comma separated set of IP's where the server is listening on."
-      }
-    },
-    {
-      "translated": "IPv4 und IPv6 wird unterstützt!",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "IPv4 and IPv6 is supported!"
-      }
-    },
-    {
-      "translated": "Hinweis: Wenn Sie dies ändern, müssen Sie den virtuellen Server neu starten!",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Note: If you change this you need to restart the virtual server!"
-      }
-    },
-    {
-      "translated": "Hafen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Port"
-      }
-    },
-    {
-      "translated": "Der Port, an dem der Server empfangsbereit sein soll.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The port where the server should be listening to."
-      }
-    },
-    {
-      "translated": "Datei download",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "File Download"
-      }
-    },
-    {
-      "translated": "Bandbreitenlimit",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bandwidth limit"
-      }
-    },
-    {
-      "translated": "Maximale Bandbreite, die von allen Dateiübertragungsclients verwendet wird.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Max bandwidth used by all file transfer clients."
-      }
-    },
-    {
-      "translated": "Zitat",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Quota"
-      }
-    },
-    {
-      "translated": "Maximale Datenmenge in Megabyte, die heruntergeladen werden kann.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Max amount of data in megabytes which could be downloaded."
-      }
-    },
-    {
-      "translated": "Das Kontingent wird jeden neuen Monat zurückgesetzt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The quota will be reset on every new month"
-      }
-    },
-    {
-      "translated": "MiB / mo",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "MiB/mo"
-      }
-    },
-    {
-      "translated": "Quote diesen Monat",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Quota this month"
-      }
-    },
-    {
-      "translated": "Kontingent gesamt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Quota total"
-      }
-    },
-    {
-      "translated": "Datei-Upload",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "File Upload"
-      }
-    },
-    {
-      "translated": "Anti Flood",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Anti Flood"
-      }
-    },
-    {
-      "translated": "Reduzierte Punkte alle ½ Sekunden.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Reduced points every ½ seconds."
-      }
-    },
-    {
-      "translated": "Die Anzahl der Flutpunkte, die bei jedem Server-Tick verringert wird.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Flood point count which will be reduced each server tick."
-      }
-    },
-    {
-      "translated": "Benötigte Punkte zum Blockieren von Befehlen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Points needed to block commands"
-      }
-    },
-    {
-      "translated": "Wenn der Wert erreicht wurde, wird der Benutzerbefehl abgelehnt.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "If the value has been reached, the users command will be rejected."
-      }
-    },
-    {
-      "translated": "Punkte benötigt, um IP zu verbieten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Points needed to ban IP"
-      }
-    },
-    {
-      "translated": "Wenn der Wert erreicht wurde, wird der Benutzer vorübergehend vom Server gebannt.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "If the value has been reached, the user will be temporally banned from the server."
-      }
-    },
-    {
-      "translated": "Kanal Sprachdatenverschlüsselung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel voice data encryption"
-      }
-    },
-    {
-      "translated": "Erforderliche Sicherheitsstufe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Needed Security Level"
-      }
-    },
-    {
-      "translated": "Erforderliche Sicherheitsstufe für den Beitritt zum Server. (Gilt nur für TeamSpeak-Identitäten.)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Required security level to join the server. (Only applies to TeamSpeak identities)"
-      }
-    },
-    {
-      "translated": "Level <b>0 - 23</b> in Sekunden generiert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Level &nbsp;<b>0 - 23</b> generated in seconds"
-      }
-    },
-    {
-      "translated": "Level <b>24 - 29</b> in Minuten generiert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Level <b>24 - 29</b> generated in minutes"
-      }
-    },
-    {
-      "translated": "Level <b>29 - 34</b> in Stunden generiert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Level <b>29 - 34</b> generated in hours"
-      }
-    },
-    {
-      "translated": "Level <b>35 - 39</b> in Tagen generiert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Level <b>35 - 39</b> generated in days"
-      }
-    },
-    {
-      "translated": "Level <b>40 - 43</b> generiert in Monaten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Level <b>40 - 43</b> generated in months"
-      }
-    },
-    {
-      "translated": "Level <b>44 - 23</b> in Jahren generiert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Level <b>44 - 23</b> generated in years"
-      }
-    },
-    {
-      "translated": "Das Standard-Serverkanal-Thema",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The default server channel topic"
-      }
-    },
-    {
-      "translated": "Die Standard-Client-Beschreibung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The default client description"
-      }
-    },
-    {
-      "translated": "Servergruppe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server Group"
-      }
-    },
-    {
-      "translated": "Musik-Bot-Gruppe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Music Bot Group"
-      }
-    },
-    {
-      "translated": "Channel Admin Group",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel Admin Group"
-      }
-    },
-    {
-      "translated": "Beschwert sich",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Complains"
-      }
-    },
-    {
-      "translated": "Beschwert sich bis zum Verbot",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Complains until ban"
-      }
-    },
-    {
-      "translated": "Anzahl der Beschwerden gegen einen Benutzer, bis er ein automatisiertes Verbot erhält.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Amount of complains against one user until he receives an automated ban."
-      }
-    },
-    {
-      "translated": "Autoban Zeit",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Autoban time"
-      }
-    },
-    {
-      "translated": "Beschwerde automatische Entfernung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Complain auto remove"
-      }
-    },
-    {
-      "translated": "Zeit in Sekunden nach Ablauf einer Beschwerde.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Time in seconds after a complain expires."
-      }
-    },
-    {
-      "translated": "Andere",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Others"
-      }
-    },
-    {
-      "translated": "Kunden vor dem Schweigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Clients before silence"
-      }
-    },
-    {
-      "translated": "Mindestanzahl von Clients in einem Kanal, um die Stille durchzusetzen.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Minimum clients within a channel to enforce silence."
-      }
-    },
-    {
-      "translated": "Dimmfaktor des Prioritätslautsprechers",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Priority speaker dim factor"
-      }
-    },
-    {
-      "translated": "Dimmfaktor in% für Prioritätslautsprecher.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Dim factor in '%' for priority speakers."
-      }
-    },
-    {
-      "translated": "Standardlöschverzögerung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Default delete delay"
-      }
-    },
-    {
-      "translated": "Die Standardverzögerung für das Löschen temporärer Kanäle.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The default temporary channel delete delay."
-      }
-    },
-    {
-      "translated": "Änderungen speichern",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Save Changes"
-      }
-    },
-    {
-      "translated": "Allgemeine Einstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "General Settings"
-      }
-    },
-    {
-      "translated": "Anwendung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Application"
-      }
-    },
-    {
-      "translated": "Sprache",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Language"
-      }
-    },
-    {
-      "translated": "Aktualisierung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Updates"
-      }
-    },
-    {
-      "translated": "Plaudern",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Chat"
-      }
-    },
-    {
-      "translated": "Geräusche",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sounds"
-      }
-    },
-    {
-      "translated": "Identität",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity"
-      }
-    },
-    {
-      "translated": "TeaForo-Verbindung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaForo connection"
-      }
-    },
-    {
-      "translated": "Deaktivierte Hintergründe im Hostbanner",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Disabled backrounds within the hostbanner"
-      }
-    },
-    {
-      "translated": "Schriftgröße",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Font size"
-      }
-    },
-    {
-      "translated": "Aktuelle Sprache:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current language:"
-      }
-    },
-    {
-      "translated": "Deutsche",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "German"
-      }
-    },
-    {
-      "translated": "Neustart",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Restart"
-      }
-    },
-    {
-      "translated": "Achtung: Das Ändern der Client-Sprache erfordert einen Neustart des Clients!",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Attention: Changing the client language require a client restart!"
-      }
-    },
-    {
-      "translated": "GU",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "GU"
-      }
-    },
-    {
-      "translated": "Zeitstempel für Chat korrigiert (Deaktiviert &quot;vor 2 Sekunden&quot; ... etc)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Fixed chat timestamp (Disables \"2 seconds ago\"... etc)"
-      }
-    },
-    {
-      "translated": "Umgangssprachlicher Chat-Zeitstempel (Aktiviert &quot;Gestern um ...&quot; oder &quot;Heute um ...&quot;)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Colloquial chat timestamp (Enables \"Yesterday at ...\" or \"Today at ...\")"
-      }
-    },
-    {
-      "translated": "Bei Auswahl zum Kanal-Chat wechseln",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Switch to channel chat on select"
-      }
-    },
-    {
-      "translated": "Wechseln Sie bei Client-Auswahl zu Client-Informationen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Switch to client info on client select"
-      }
-    },
-    {
-      "translated": "Farbige Emojies im Chat",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Colored emojies within chat"
-      }
-    },
-    {
-      "translated": "Automatisch gültige URLs erkennen und mit [url] versehen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Automatically detect valid URL's and tag them with [url]"
-      }
-    },
-    {
-      "translated": "Aktiviert die Unterstützung von Abzeicheneingaben für den Chat.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enables markdown input support for chat. "
-      }
-    },
-    {
-      "translated": "Chat-Icon Größe:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Chat-icon size:"
-      }
-    },
-    {
-      "translated": "Wählen Sie Ihr Mikrofongerät aus",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Select your Microphone Device"
-      }
-    },
-    {
-      "translated": "Mikrofoneinstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Microphone Settings"
-      }
-    },
-    {
-      "translated": "Drücken, um zu sprechen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Push to Talk"
-      }
-    },
-    {
-      "translated": "T",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "T"
-      }
-    },
-    {
-      "translated": "Empfindlichkeitseinstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sensitivity Settings"
-      }
-    },
-    {
-      "translated": "Erweiterte Einstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Advanced Settings"
-      }
-    },
-    {
-      "translated": "Verzögerung bei Push-to-Talk",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delay on Push to Talk"
-      }
-    },
-    {
-      "translated": "Sec",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sec"
-      }
-    },
-    {
-      "translated": "Wählen Sie Ihr Lautsprechergerät",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Select your Speaker Device"
-      }
-    },
-    {
-      "translated": "Testton abspielen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Play test Sound"
-      }
-    },
-    {
-      "translated": "Lautsprechereinstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Speaker Settings"
-      }
-    },
-    {
-      "translated": "Master Volume",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Master Volume"
-      }
-    },
-    {
-      "translated": "Soundpack-Lautstärke",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Soundpack Volume"
-      }
-    },
-    {
-      "translated": "Soundliste",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sound list"
-      }
-    },
-    {
-      "translated": "Suche nach einem Sound",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Search for a sound"
-      }
-    },
-    {
-      "translated": "Toneinstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Sound settings"
-      }
-    },
-    {
-      "translated": "Gleiche Sounds überlappen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Overlap same sounds"
-      }
-    },
-    {
-      "translated": "Stummschaltung ertönt, wenn der Ausgang stummgeschaltet ist",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Mute sounds when output is muted"
-      }
-    },
-    {
-      "translated": "Ihre Profile",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your Profiles"
-      }
-    },
-    {
-      "translated": "Erstelle neu",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Create new"
-      }
-    },
-    {
-      "translated": "Als Standard auswählen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Select as Default"
-      }
-    },
-    {
-      "translated": "Profileinstellungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Profile Settings"
-      }
-    },
-    {
-      "translated": "Avatar wechseln",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change Avatar"
-      }
-    },
-    {
-      "translated": "Profilname",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Profile Name"
-      }
-    },
-    {
-      "translated": "Profilname ist ungültig",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Profile name is invalid"
-      }
-    },
-    {
-      "translated": "Standard-Spitzname",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Default Nickname"
-      }
-    },
-    {
-      "translated": "Identitätstyp",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity Type"
-      }
-    },
-    {
-      "translated": "Aufheben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unset"
-      }
-    },
-    {
-      "translated": "TeamSpeak Identität",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeamSpeak Identity"
-      }
-    },
-    {
-      "translated": "Spitzname (nur Debuggen!)",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Nickname (Debug only!)"
-      }
-    },
-    {
-      "translated": "Ungültiger Identitätstyp",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid identity type"
-      }
-    },
-    {
-      "translated": "Eindeutige ID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Unique-ID"
-      }
-    },
-    {
-      "translated": "Niveau",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Level"
-      }
-    },
-    {
-      "translated": "Sie haben keine Identität generiert / importiert.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You have'nt generated/imported an identity."
-      }
-    },
-    {
-      "translated": "Erzeugen Sie eine neue oder importieren Sie eine.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Generate a new one or import one."
-      }
-    },
-    {
-      "translated": "Sie verwenden Ihr Forum-Konto als Identifikation",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You're using your forum account as identification"
-      }
-    },
-    {
-      "translated": "Sie können Ihr TeaSpeak-Forum-Konto nicht verwenden. Du bist nicht mit deinem Forum Account verbunden!",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You cant use your TeaSpeak forum account. You're not connected with your forum Account!"
-      }
-    },
-    {
-      "translated": "Richten Sie Ihre Verbindung ein",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Setup your connection"
-      }
-    },
-    {
-      "translated": "Ungültiger Spitzname Der Name muss aus mindestens 5 Zeichen bestehen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid nickname. Name must be at least 5 characters"
-      }
-    },
-    {
-      "translated": "TeaSpeak Forum Verbindung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaSpeak forum connection"
-      }
-    },
-    {
-      "translated": "Ausloggen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Logout"
-      }
-    },
-    {
-      "translated": "Sie sind nicht mit dem TeaSpeak-Forum verbunden.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You're not connected with the TeaSpeak forum."
-      }
-    },
-    {
-      "translated": "Melden Sie sich im TeaSpeak-Forum an:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Login the the TeaSpeak forum:"
-      }
-    },
-    {
-      "translated": "Einloggen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Login"
-      }
-    },
-    {
-      "translated": "Aus Text importieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Import from text"
-      }
-    },
-    {
-      "translated": "Identitätsdaten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity Data"
-      }
-    },
-    {
-      "translated": "Bitte fügen Sie hier Ihre Identitätsdaten ein",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Please paste your identity data here"
-      }
-    },
-    {
-      "translated": "Aus Datei importieren",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Import from file"
-      }
-    },
-    {
-      "translated": "Datei aussuchen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Select file"
-      }
-    },
-    {
-      "translated": "Keine Datei ausgewählt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No file selected"
-      }
-    },
-    {
-      "translated": "Identität:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Identity: "
-      }
-    },
-    {
-      "translated": "Die Anzahl der Threads, die zur Verbesserung Ihrer Identität verwendet werden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The number of threads used to improve your identity"
-      }
-    },
-    {
-      "translated": "Der optimale Wert entspricht der Anzahl der Kernel-Threads.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The optimal value is equal to the amount of kernel threads."
-      }
-    },
-    {
-      "translated": "Repository:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Repository:"
-      }
-    },
-    {
-      "translated": "Lautstärke für Client ändern",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Change volume for client "
-      }
-    },
-    {
-      "translated": "Client-Channel-Berechtigungen",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Client Channel Permissions"
-      }
-    },
-    {
-      "translated": "Entfernen Sie alle Gruppen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Remove all groups"
-      }
-    },
-    {
-      "translated": "Gruppenname",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Group name"
-      }
-    },
-    {
-      "translated": "Ungültiger Gruppenname",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Invalid group name"
-      }
-    },
-    {
-      "translated": "Die erstellte Gruppe sollte den Typ haben:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Created group should have the type:"
-      }
-    },
-    {
-      "translated": "Vorlagengruppe",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Template group"
-      }
-    },
-    {
-      "translated": "Regelmäßige Gruppe",
-      "flags": [
-        "google-translate",
-        "in-use-system",
-        "ui-visible"
-      ],
-      "key": {
-        "message": "Regular group"
-      }
-    },
-    {
-      "translated": "ServerQuery-Gruppe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "ServerQuery group"
-      }
-    },
-    {
-      "translated": "Nur zugewiesen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Assigned only"
-      }
-    },
-    {
-      "translated": "Sie haben keine Berechtigung zum Erstellen von Verboten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "You dont have permission to create bans"
-      }
-    },
-    {
-      "translated": "Benutzername zum verbannen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Username to ban"
-      }
-    },
-    {
-      "translated": "IP zu verbieten",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "IP to ban"
-      }
-    },
-    {
-      "translated": "Interpretiere IP / Name als",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Interpret IP / Name as"
-      }
-    },
-    {
-      "translated": "Kundenspezifische ID zum Verbot",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client unique id to ban"
-      }
-    },
-    {
-      "translated": "Keine Hardware ID angegeben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No Hardware ID given"
-      }
-    },
-    {
-      "translated": "Die Hardware-ID hat unterschiedliche Bedeutungen, abhängig vom Benutzeragenten <br> TeaClient: Die Hardware-ID wird aus einigen eindeutigen System-IDs generiert <br> TeaWeb: Der TeaSpeak-Webclient hat keine Hardware-ID. Diese ist zufällig <br> TeamSpeak 3-Client: Die Hardware-ID ist das Ergebnis einer zufälligen Generierungszeichenfolge in der Systemregistrierung",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "The hardware id has different meanings, depends on the users agent<br>TeaClient: The hardware id will be generate out of some unique system id's<br>TeaWeb: The TeaSpeak web client hasn't a hardware id, it will be random<br>TeamSpeak 3 client: The hardware id will be a result of a random generate string within the system registry"
-      }
-    },
-    {
-      "translated": "Ohne Grund",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No reason given"
-      }
-    },
-    {
-      "translated": "Kein Benutzername angegeben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No username given"
-      }
-    },
-    {
-      "translated": "Keine IP angegeben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No IP given"
-      }
-    },
-    {
-      "translated": "Keine eindeutige ID angegeben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "No Unique ID given"
-      }
-    },
-    {
-      "translated": "Vollstreckungen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Enforcements"
-      }
-    },
-    {
-      "translated": "Liste anzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show list"
-      }
-    },
-    {
-      "translated": "Dieses Verbot ist ein globales Verbot",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "This ban is a global ban"
-      }
-    },
-    {
-      "translated": "Läuft ab",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Expires"
-      }
-    },
-    {
-      "translated": "Eigenschaften",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Properties"
-      }
-    },
-    {
-      "translated": "Zeitstempel",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Timestamp"
-      }
-    },
-    {
-      "translated": "Ursache hervorheben",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Highlight cause"
-      }
-    },
-    {
-      "translated": "Grund des Ausschlusses",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ban reason"
-      }
-    },
-    {
-      "translated": "Spitzname und eindeutige ID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Nickname and Unique ID"
-      }
-    },
-    {
-      "translated": "IP Adresse",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "IP-Address"
-      }
-    },
-    {
-      "translated": "Globale Verbote sind Verbote, die instanzweit gelten. <br> Dies bedeutet, dass (wenn diese Regel für ein Opfer gilt) <b>kein</b> virtueller Server beitreten <b>kann</b> ! <br> Globale Sperren werden standardmäßig jeder Serveradministratorgruppe angezeigt. <br> konnte aber nur mit Abfragerechten erstellt werden",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Global bans are bans which apply instance wide.<br>This means that (if this rule apply to a victim) cant join <b>any</b> virtualserver!<br>Global bans are by default shown to every server admin group,<br>but could only be created with query rights"
-      }
-    },
-    {
-      "translated": "TeaClient",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaClient"
-      }
-    },
-    {
-      "translated": "Ermöglicht es dem Benutzer, eine direkte Verbindung zum Server herzustellen und das Verbindungsmodal nicht zu öffnen",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Lets the user directly connect to the server and not open the connect modal"
-      }
-    },
-    {
-      "translated": "Verwenden Sie die aufgelöste Serveradresse (IP) anstelle der angegebenen Adresse",
-      "flags": [
-        "google-translate"
-      ],
-      "key": {
-        "message": "Use the resolved server address (IP) instead of the given address"
-      }
-    },
-    {
-      "translated": "Kontoliste",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Account list"
-      }
-    },
-    {
-      "translated": "Nach Abfrage suchen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Search for query"
-      }
-    },
-    {
-      "translated": "Kontodetails",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Account details"
-      }
-    },
-    {
-      "translated": "Benutzername",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Login name"
-      }
-    },
-    {
-      "translated": "Gebundene Server-ID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bound server ID"
-      }
-    },
-    {
-      "translated": "Bennene den Account um",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Rename Account"
-      }
-    },
-    {
-      "translated": "Ihre Lesezeichen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your bookmarks"
-      }
-    },
-    {
-      "translated": "Ordner hinzufügen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add Folder"
-      }
-    },
-    {
-      "translated": "Lesezeichen hinzufügen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Add Bookmark"
-      }
-    },
-    {
-      "translated": "Lesezeichenname",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bookmark Name"
-      }
-    },
-    {
-      "translated": "Der angezeigte Name dieses Lesezeichens.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The displayed name of this bookmark."
-      }
-    },
-    {
-      "translated": "Das Profil, mit dem Sie verbunden sind, wenn Sie das Lesezeichen verwenden.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The profile which you're connection with when you're using the bookmark."
-      }
-    },
-    {
-      "translated": "Die Serveradresse des Lesezeichens. Der Port ist durch einen Doppelpunkt getrennt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The server address of the bookmark. The port is separated via a colon"
-      }
-    },
-    {
-      "translated": "Server-Passwort",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server Password"
-      }
-    },
-    {
-      "translated": "Der Serverport des Lesezeichens",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "The server port of the bookmark"
-      }
-    },
-    {
-      "translated": "Noch nicht implementiert",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Not yet implemented"
-      }
-    },
-    {
-      "translated": "Channel-Passwort",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Channel Password"
-      }
-    },
-    {
-      "translated": "Servername",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server name"
-      }
-    },
-    {
-      "translated": "Serverbereich",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Server region"
-      }
-    },
-    {
-      "translated": "Letzter Ping",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Last ping"
-      }
-    },
-    {
-      "translated": "Letzte Kundenanzahl",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Last client count"
-      }
-    },
-    {
-      "translated": "Ihre Verbindung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Your connection"
-      }
-    },
-    {
-      "translated": "Unterstützte Bildtypen: SVG, PNG, JPEG",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Supported image types: SVG, PNG, JPEG"
-      }
-    },
-    {
-      "translated": "Unterstützte Bildgrößen: beliebig",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Supported image sizes: any"
-      }
-    },
-    {
-      "translated": "Avatar hochladen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Upload avatar"
-      }
-    },
-    {
-      "translated": "Avatar löschen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Delete avatar"
-      }
-    },
-    {
-      "translated": "Vorschau",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Preview"
-      }
-    },
-    {
-      "translated": "Kundeninfo",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client info"
-      }
-    },
-    {
-      "translated": "Chat-Avatar",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Chat avatar"
-      }
-    },
-    {
-      "translated": "Chatliste Avatar",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Chat list avatar"
-      }
-    },
-    {
-      "translated": "Besonderen Dank",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Special thanks"
-      }
-    },
-    {
-      "translated": "Kontakt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Contact"
-      }
-    },
-    {
-      "translated": "Email:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "E-Mail:"
-      }
-    },
-    {
-      "translated": "WWW:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "WWW:"
-      }
-    },
-    {
-      "translated": "Gemeinschaft:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Community:"
-      }
-    },
-    {
-      "translated": "Lizenz",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "License"
-      }
-    },
-    {
-      "translated": "Drücken Sie eine beliebige Taste, die Sie verwenden möchten.",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Press any key which you want to use."
-      }
-    },
-    {
-      "translated": "Schlüssel speichern",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Save Key"
-      }
-    },
-    {
-      "translated": "Abwesenheitsnachricht",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Away message"
-      }
-    },
-    {
-      "translated": "Basisinformation",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Basic Info"
-      }
-    },
-    {
-      "translated": "Gruppen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Groups"
-      }
-    },
-    {
-      "translated": "Pakete",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Packets"
-      }
-    },
-    {
-      "translated": "Datenbank ID:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Database ID:"
-      }
-    },
-    {
-      "translated": "TeaForo-Verbindung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "TeaForo Connection"
-      }
-    },
-    {
-      "translated": "Zeitstempel erstellen:",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Build timestamp:"
-      }
-    },
-    {
-      "translated": "Zuerst verbunden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "First connected"
-      }
-    },
-    {
-      "translated": "Anzahl verbinden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Connect count"
-      }
-    },
-    {
-      "translated": "Wartezeit",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Idle time"
-      }
-    },
-    {
-      "translated": "Klingeln",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Ping"
-      }
-    },
-    {
-      "translated": "Der Client hat keine eigene Servergruppe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Client has no own server group"
-      }
-    },
-    {
-      "translated": "Verwalten von Client-Server-Gruppen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Manage client server groups"
-      }
-    },
-    {
-      "translated": "Paketverlust",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Packetloss"
-      }
-    },
-    {
-      "translated": "Downstream",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Downstream"
-      }
-    },
-    {
-      "translated": "Upstream",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Upstream"
-      }
-    },
-    {
-      "translated": "Übertragene Pakete",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Transmitted Packets"
-      }
-    },
-    {
-      "translated": "Übertragene Bytes",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Transmitted Bytes"
-      }
-    },
-    {
-      "translated": "Verwendete / Maximale Dateiübertragungsquote",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Used/Max file transfer quota"
-      }
-    },
-    {
-      "translated": "Bandbreite letzte Sekunde",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bandwidth last second"
-      }
-    },
-    {
-      "translated": "Bandbreite in letzter Minute",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Bandwidth last minute"
-      }
-    },
-    {
-      "translated": "Mode Katze",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Chat mode"
-      }
-    },
-    {
-      "translated": "Aktuelle Kunden",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current clients"
-      }
-    },
-    {
-      "translated": "Audio-Codec",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Audio Codec"
-      }
-    },
-    {
-      "translated": "Audio verschlüsselt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Audio encrypted"
-      }
-    },
-    {
-      "translated": "Passwortgeschützt",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Password protected"
-      }
-    },
-    {
-      "translated": "Schlüssel",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Slots"
-      }
-    },
-    {
-      "translated": "Erster Lauf",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "First run"
-      }
-    },
-    {
-      "translated": "Betriebszeit",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Uptime"
-      }
-    },
-    {
-      "translated": "Plattform",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Platform"
-      }
-    },
-    {
-      "translated": "Bandbreite anzeigen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Show Bandwidth"
-      }
-    },
-    {
-      "translated": "Durchschnittlicher Ping",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Average ping"
-      }
-    },
-    {
-      "translated": "Durchschnittlicher Paketverlust",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Average packet loss"
-      }
-    },
-    {
-      "translated": "Globale eindeutige ID",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Global unique ID"
-      }
-    },
-    {
-      "translated": "Aktuelle Kanäle",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current Channels"
-      }
-    },
-    {
-      "translated": "Sprachdatenverschlüsselung",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Voice data encryption"
-      }
-    },
-    {
-      "translated": "Minimale Sicherheitsstufe",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Minimal security level"
-      }
-    },
-    {
-      "translated": "Übertragene Pakete",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Transmitted packets"
-      }
-    },
-    {
-      "translated": "Bandbreite hochladen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Upload bandwidth"
-      }
-    },
-    {
-      "translated": "Bandbreite herunterladen",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Download bandwidth"
-      }
-    },
-    {
-      "translated": "Übertragene Bytes",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Transmitted bytes"
-      }
-    },
-    {
-      "translated": "Übertragene Dateiübertragungsbytes",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Transferred file transfer bytes"
-      }
-    },
-    {
-      "translated": "Aktuelle Bandbreite",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current bandwidth"
-      }
-    },
-    {
-      "translated": "Aktuelle Dateiübertragungsbandbreite",
-      "flags": [
-        "google-translate",
-        "ui-visible",
-        "in-use-system"
-      ],
-      "key": {
-        "message": "Current file transfer bandwidth"
-      }
-    },
-    {
-      "key": {
-        "message": "App loaded successfully!"
-      },
-      "translated": "App erfolgreich geladen!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client does not support aplayer.set_master_volume()... May client is too old?"
-      },
-      "translated": "Client unterstützt aplayer.set_master_volume () nicht ... Ist der Client möglicherweise zu alt?",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize default recorder: %o"
-      },
-      "translated": "Standardrekorder konnte nicht initialisiert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing aplayer.initializeFromGesture"
-      },
-      "translated": "Fehlender aplayer.initializeFromGesture",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Another TeaWeb instance is already running"
-      },
-      "translated": "Eine andere TeaWeb-Instanz wird bereits ausgeführt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Executed connect successfully in another browser window. Closing this window"
-      },
-      "translated": "Verbindung in einem anderen Browserfenster erfolgreich ausgeführt. Dieses Fenster schließen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connecting successfully within other instance"
-      },
-      "translated": "Verbindung in einer anderen Instanz erfolgreich hergestellt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to execute connect within other TeaWeb instance. Using this one. Error: %o"
-      },
-      "translated": "Verbindung in anderer TeaWeb-Instanz konnte nicht ausgeführt werden. Mit diesem. Fehler:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "default url connect"
-      },
-      "translated": "Standard-URL verbinden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received new connect offer from %s: %s"
-      },
-      "translated": "Neues Verbindungsangebot von% s erhalten:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Dropping connect request %s, because we never received an execute."
-      },
-      "translated": "Verbindungsanforderung% s wird gelöscht, da wir nie eine Ausführung erhalten haben.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received connect offer answer with unknown request id (%s)."
-      },
-      "translated": "Antwort auf Verbindungsangebot mit unbekannter Anforderungs-ID (% s) erhalten.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client %s rejected the connect offer (%s)."
-      },
-      "translated": "Client% s lehnte das Verbindungsangebot ab (% s).",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client %s accepted the connect offer (%s), but offer has already been accepted."
-      },
-      "translated": "Client% s hat das Verbindungsangebot (% s) angenommen, aber das Angebot wurde bereits angenommen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client %s accepted the connect offer (%s). Request local acceptance."
-      },
-      "translated": "Client% s hat das Verbindungsangebot (% s) angenommen. Lokale Akzeptanz anfordern.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Executing connect with client %s"
-      },
-      "translated": "Ausführen der Verbindung mit Client% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Local avail callback caused an error: %o"
-      },
-      "translated": "Ein lokaler Rückruf verursachte einen Fehler:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "local avail callback caused an error"
-      },
-      "translated": "Ein lokaler Rückruf verursachte einen Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received connect executed with unknown request id (%s)."
-      },
-      "translated": "Empfangene Verbindung mit unbekannter Anforderungs-ID (% s) ausgeführt.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received connect executed for request %s, but from wrong client: %s (expected %s)"
-      },
-      "translated": "Empfangene Verbindung für Anforderung% s ausgeführt, aber vom falschen Client:% s (erwartete% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received connect executed response from client %s for request %s. Succeeded: %o (%s)"
-      },
-      "translated": "Empfangene Verbindungsausführungsantwort vom Client% s für Anforderung% s. Erfolgreich:% o (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received connect execute with unknown request id (%s)."
-      },
-      "translated": "Empfangene Verbindung mit unbekannter Anforderungs-ID (% s) ausführen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received connect execute for request %s, but from wrong client: %s (expected %s)"
-      },
-      "translated": "Empfangene Verbindung für Anforderung% s ausführen, aber vom falschen Client:% s (erwartete% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Executing connect for %s"
-      },
-      "translated": "Verbindung für% s ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load global settings!\nJson: %s\nError: %o"
-      },
-      "translated": "Globale Einstellungen konnten nicht geladen werden!\nJson:% s\nFehler:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load global settings"
-      },
-      "translated": "Fehler beim Laden der globalen Einstellungen",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load global client settings!\nLookup console for more information."
-      },
-      "translated": "Fehler beim Laden der globalen Clienteinstellungen!\nWeitere Informationen finden Sie in der Suchkonsole.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load server settings for server %s!\nJson: %s\nError: %o"
-      },
-      "translated": "Servereinstellungen für Server% s konnten nicht geladen werden!\nJson:% s\nFehler:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Trigger key press for %o!"
-      },
-      "translated": "Drücken Sie die Auslösetaste für% o!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Trigger key release for %o!"
-      },
-      "translated": "Triggerschlüsselfreigabe für% o!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to parse repository config: %o"
-      },
-      "translated": "Fehler beim Analysieren der Repository-Konfiguration:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize translation config. Using default one. Error: %o"
-      },
-      "translated": "Übersetzungskonfiguration konnte nicht initialisiert werden. Standard verwenden. Fehler:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to replay sound %s: %o"
-      },
-      "translated": "Sound konnte nicht wiedergegeben werden% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown client left reason %d!"
-      },
-      "translated": "Unbekannter Kunde hat Grund% d verlassen!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received conversation message from invalid client id. Data: %o"
-      },
-      "translated": "Konversationsnachricht von ungültiger Client-ID empfangen. Daten:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received music bot status update for unknown bot (%d)"
-      },
-      "translated": "Aktualisierung des Musikbot-Status für unbekannten Bot erhalten (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received music bot status update for unknown bot (%d)"
-      },
-      "translated": "Aktualisierung des Musikbot-Status für unbekannten Bot erhalten (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received playlist song add event, but we've no music bot for the playlist (%d)"
-      },
-      "translated": "Erhaltenes Ereignis zum Hinzufügen von Playlist-Songs, aber wir haben keinen Musikbot für die Playlist (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received playlist song remove event, but we've no music bot for the playlist (%d)"
-      },
-      "translated": "Erhaltenes Ereignis zum Entfernen von Wiedergabelisten-Songs, aber wir haben keinen Musik-Bot für die Wiedergabeliste (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received playlist song reorder event, but we've no music bot for the playlist (%d)"
-      },
-      "translated": "Ereignis zur Neuordnung von Wiedergabelisten-Songs erhalten, aber wir haben keinen Musik-Bot für die Wiedergabeliste (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received playlist song loaded event, but we've no music bot for the playlist (%d)"
-      },
-      "translated": "Erhaltenes Ereignis mit geladenem Wiedergabelisten-Song, aber wir haben keinen Musikbot für die Wiedergabeliste (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "File initialized for %d listeners"
-      },
-      "translated": "Datei für% d-Listener initialisiert",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Audio player isn't initialized yet!"
-      },
-      "translated": "Audio Player ist noch nicht initialisiert!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query microphone devices (%o)"
-      },
-      "translated": "Mikrofongeräte konnten nicht abgefragt werden (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "AudioInput has callback buffer, but this isn't supported yet!"
-      },
-      "translated": "AudioInput verfügt über einen Rückrufpuffer, der jedoch noch nicht unterstützt wird!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "JavascriptInput:start() Start promise await resulted in an error: %o"
-      },
-      "translated": "JavascriptInput: start () Das erwartete Startversprechen führte zu einem Fehler:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Requesting a microphone stream for device %s in group %s"
-      },
-      "translated": "Anfordern eines Mikrofonstroms für Gerät% s in Gruppe% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Microphone request failed (No permissions). Browser message: %o"
-      },
-      "translated": "Mikrofonanforderung fehlgeschlagen (keine Berechtigungen). Browsermeldung:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Microphone request failed. Request resulted in error: %o: %o"
-      },
-      "translated": "Mikrofonanforderung fehlgeschlagen. Anfrage führte zu Fehler:% o:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize recording stream (%o)"
-      },
-      "translated": "Fehler beim Initialisieren des Aufzeichnungsstroms (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "recorder already started"
-      },
-      "translated": "Rekorder bereits gestartet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid device"
-      },
-      "translated": "ungültiges Gerät",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "missing audio context"
-      },
-      "translated": "fehlender Audiokontext",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to stop previous record session (%o)"
-      },
-      "translated": "Fehler beim Stoppen der vorherigen Aufzeichnungssitzung (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to start new recording stream (%o)"
-      },
-      "translated": "Fehler beim Starten des neuen Aufnahmestreams (% o)",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "audio context timeout"
-      },
-      "translated": "Zeitlimit für Audiokontext",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid context"
-      },
-      "translated": "ungültiger Kontext",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Not supported"
-      },
-      "translated": "Nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Device busy"
-      },
-      "translated": "Gerät beschäftigt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "an error occurred"
-      },
-      "translated": "ein Fehler ist aufgetreten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Disconnect from all servers"
-      },
-      "translated": "Trennen Sie die Verbindung zu allen Servern",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "Self"
-      },
-      "translated": "Selbst",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tools"
-      },
-      "translated": "Werkzeuge",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Help"
-      },
-      "translated": "Hilfe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Open developer tools"
-      },
-      "translated": "Öffnen Sie die Entwicklertools",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Reload UI"
-      },
-      "translated": "Benutzeroberfläche neu laden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Do you really want to skip the basic setup guide?"
-      },
-      "translated": "Möchten Sie die grundlegende Einrichtungsanleitung wirklich überspringen?",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Next step"
-      },
-      "translated": "Nächster Schritt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Finish guide"
-      },
-      "translated": "Anleitung beenden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Last step"
-      },
-      "translated": "Letzter Schritt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Skip guide"
-      },
-      "translated": "Leitfaden überspringen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "On the right side you'll find all microphone settings."
-      },
-      "translated": "Auf der rechten Seite finden Sie alle Mikrofoneinstellungen.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Now you're ready to configure your microphone. Just click anywhere on the screen."
-      },
-      "translated": "Jetzt können Sie Ihr Mikrofon konfigurieren. Klicken Sie einfach auf eine beliebige Stelle auf dem Bildschirm.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "audio context not initialized"
-      },
-      "translated": "Audiokontext nicht initialisiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to decode audio data"
-      },
-      "translated": "Audiodaten konnten nicht dekodiert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to replay sound %s because it could not be resolved."
-      },
-      "translated": "Sound% s konnte nicht wiedergegeben werden, da er nicht behoben werden konnte.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "audio context not initialized (this error should never show up!)"
-      },
-      "translated": "Audiokontext nicht initialisiert (dieser Fehler sollte niemals auftreten!)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to replay sound %s because of an error while loading (see log above)."
-      },
-      "translated": "Fehler beim Wiedergeben von Sound% s aufgrund eines Fehlers beim Laden (siehe Protokoll oben).",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to replay sound %s: %o"
-      },
-      "translated": "Sound konnte nicht wiedergegeben werden% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "{0} disappeared from your channel {1} to {2}, moved by {3}"
-      },
-      "translated": "{0} ist von deinem Kanal {1} nach {2} verschwunden und um {3} verschoben worden",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "{0} disappeared from {1} to {2}, moved by {3}"
-      },
-      "translated": "{0} verschwand von {1} nach {2} und wurde um {3} verschoben.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ever"
-      },
-      "translated": "je",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "one second"
-      },
-      "translated": "eine Sekunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Change playback latency"
-      },
-      "translated": "Ändern Sie die Wiedergabelatenz",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Change playback latency"
-      },
-      "translated": "Ändern Sie die Wiedergabelatenz",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Could not connect to remote host! Extra data: %o"
-      },
-      "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden! Zusätzliche Daten:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Could not connect to remote host!"
-      },
-      "translated": "Verbindung zum Remote-Host konnte nicht hergestellt werden!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
-      },
-      "translated": "Sie wurden von {0} vom Server geworfen: {: br:} {1}",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
-      },
-      "translated": "Sie wurden vom Server geworfen: {: br:} {1}",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to decode given base64 data (%s)"
-      },
-      "translated": "Fehler beim Dekodieren der angegebenen base64-Daten (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "result undefined"
-      },
-      "translated": "Ergebnis undefiniert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing identity"
-      },
-      "translated": "Fehlende Identität",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to calculate level"
-      },
-      "translated": "Level konnte nicht berechnet werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown profile"
-      },
-      "translated": "Unbekanntes Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to calculate level for a new identity. Error object: %o"
-      },
-      "translated": "Fehler beim Berechnen des Levels für eine neue Identität. Fehlerobjekt:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to calculate level: "
-      },
-      "translated": "Level konnte nicht berechnet werden:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to generate identity: "
-      },
-      "translated": "Identität konnte nicht generiert werden:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to calculate level for a new imported identity. Error object: %o"
-      },
-      "translated": "Fehler beim Berechnen des Levels für eine neue importierte Identität. Fehlerobjekt:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to calculate identity level after improvement (%o)"
-      },
-      "translated": "Fehler beim Berechnen des Identitätsniveaus nach Verbesserung (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received profile event with unknown profile id (event: %s, id: %s)"
-      },
-      "translated": "Empfangenes Profilereignis mit unbekannter Profil-ID (Ereignis:% s, ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown error"
-      },
-      "translated": "unbekannter Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Provile is invalid"
-      },
-      "translated": "Provile ist ungültig",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to query status"
-      },
-      "translated": "Status konnte nicht abgefragt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Profile status watcher encountered an unuseal event!"
-      },
-      "translated": "Der Profilstatus-Beobachter ist auf ein ungewöhnliches Ereignis gestoßen!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set default profile"
-      },
-      "translated": "Standardprofil konnte nicht festgelegt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set default profile:"
-      },
-      "translated": "Fehler beim Festlegen des Standardprofils:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "request timeout"
-      },
-      "translated": "Zeitüberschreitung der Anforderung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown error"
-      },
-      "translated": "unbekannter Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete profile"
-      },
-      "translated": "Profil konnte nicht gelöscht werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete profile:"
-      },
-      "translated": "Profil konnte nicht gelöscht werden:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "request timeout"
-      },
-      "translated": "Zeitüberschreitung der Anforderung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown error"
-      },
-      "translated": "unbekannter Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create profile"
-      },
-      "translated": "Profil konnte nicht erstellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create new profile:"
-      },
-      "translated": "Fehler beim Erstellen eines neuen Profils:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "request timeout"
-      },
-      "translated": "Zeitüberschreitung der Anforderung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown error"
-      },
-      "translated": "unbekannter Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "request timeout"
-      },
-      "translated": "Zeitüberschreitung der Anforderung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown error"
-      },
-      "translated": "unbekannter Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Profile name"
-      },
-      "translated": "Profilname",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading"
-      },
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "saving"
-      },
-      "translated": "Speichern",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change profile name"
-      },
-      "translated": "Profilname konnte nicht geändert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create apply new name:"
-      },
-      "translated": "Fehler beim Erstellen des neuen Namens anwenden:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Another TeaSpeak user"
-      },
-      "translated": "Ein weiterer TeaSpeak-Benutzer",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading"
-      },
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "saving"
-      },
-      "translated": "Speichern",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change nickname"
-      },
-      "translated": "Fehler beim Ändern des Spitznamens",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create apply new nickname:"
-      },
-      "translated": "Fehler beim Erstellen des neuen Spitznamens anwenden:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading"
-      },
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading"
-      },
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading"
-      },
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to generate a new identity"
-      },
-      "translated": "Fehler beim Generieren einer neuen Identität",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create a new identity:"
-      },
-      "translated": "Fehler beim Erstellen einer neuen Identität:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Your identity had been successfully imported generated"
-      },
-      "translated": "Ihre Identität wurde erfolgreich generiert generiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Identity base name"
-      },
-      "translated": "Name der Identitätsbasis",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading"
-      },
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "saving"
-      },
-      "translated": "Speichern",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change name"
-      },
-      "translated": "Name konnte nicht geändert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create new name:"
-      },
-      "translated": "Fehler beim Erstellen eines neuen Namens:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize a level meter for device %s (%s): %o"
-      },
-      "translated": "Fehler beim Initialisieren einer Füllstandsanzeige für Gerät% s (% s):% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to refresh device list: %o"
-      },
-      "translated": "Geräteliste konnte nicht aktualisiert werden:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid device id"
-      },
-      "translated": "Ungültige Geräte-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change microphone to device %s: %o"
-      },
-      "translated": "Fehler beim Wechseln des Mikrofons zu Gerät% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid value type for key"
-      },
-      "translated": "Ungültiger Werttyp für Schlüssel",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown VAD type"
-      },
-      "translated": "Unbekannter VAD-Typ",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid setting key"
-      },
-      "translated": "Ungültiger Einstellungsschlüssel",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Timeout while loading"
-      },
-      "translated": "Zeitüberschreitung beim Laden",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "An unknown error happened"
-      },
-      "translated": "Ein unbekannter Fehler ist aufgetreten",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change setting"
-      },
-      "translated": "Einstellung konnte nicht geändert werden",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change vad type{:br:}{}"
-      },
-      "translated": "Fehler beim Ändern des VAD-Typs {: br:} {}",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading"
-      },
-      "translated": "Wird geladen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "applying"
-      },
-      "translated": "bewirbt sich",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change PPT key"
-      },
-      "translated": "Fehler beim Ändern des PPT-Schlüssels",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
-      },
-      "translated": "Fehler beim Ändern des PPT-Schlüssels: {: br:} {}",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change PPT delay state"
-      },
-      "translated": "Fehler beim Ändern des PPT-Verzögerungsstatus",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
-      },
-      "translated": "Fehler beim Ändern des PPT-Verzögerungsstatus: {: br:} {}",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change PPT delay"
-      },
-      "translated": "Fehler beim Ändern der PPT-Verzögerung",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
-      },
-      "translated": "Fehler beim Ändern der PPT-Verzögerung: {: br:} {}",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load client version: %o"
-      },
-      "translated": "Client-Version konnte nicht geladen werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Open image in browser"
-      },
-      "translated": "Bild im Browser öffnen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy image URL to clipboard"
-      },
-      "translated": "Kopieren Sie die Bild-URL in die Zwischenablage",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to send conversation message: %o"
-      },
-      "translated": "Konversationsnachricht konnte nicht gesendet werden:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "*italic*, **bold**, ~~strikethrough~~, `code`, and more..."
-      },
-      "translated": "* kursiv *, ** fett **, ~~ durchgestrichen ~~, `code` und mehr ...",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "no response"
-      },
-      "translated": "keine Antwort",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Change playback latency"
-      },
-      "translated": "Ändern Sie die Wiedergabelatenz",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Virtual server management"
-      },
-      "translated": "Verwaltung virtueller Server",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Administration"
-      },
-      "translated": "Verwaltung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Virtual Server"
-      },
-      "translated": "Virtueller Server",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Administration"
-      },
-      "translated": "Verwaltung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Access"
-      },
-      "translated": "Zugriff",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Group"
-      },
-      "translated": "Gruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Admin"
-      },
-      "translated": "Administrator",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Basics"
-      },
-      "translated": "Grundlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "File Transfer"
-      },
-      "translated": "Datei Übertragung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to update info"
-      },
-      "translated": "Fehler beim Aktualisieren der Informationen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "server returned "
-      },
-      "translated": "Server zurückgegeben",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to parse response data: %o. Data: %s"
-      },
-      "translated": "Antwortdaten konnten nicht analysiert werden:% o. Daten:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Result for query %s (%s): %o"
-      },
-      "translated": "Ergebnis für Abfrage% s (% s):% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to parse SRV record %s. Invalid split length."
-      },
-      "translated": "Fehler beim Parsen des SRV-Datensatzes% s. Ungültige Spaltlänge.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to parse SRV record %s. Malformed data."
-      },
-      "translated": "Fehler beim Parsen des SRV-Datensatzes% s. Fehlerhafte Daten.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "resolver is already resolving"
-      },
-      "translated": "Resolver wird bereits aufgelöst",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "already resolving"
-      },
-      "translated": "bereits gelöst",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Start resolving %s:%d"
-      },
-      "translated": "Beginnen Sie mit der Auflösung von% s:% d",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": " Executing resolver %s"
-      },
-      "translated": " Resolver% s ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": " Resolver %s returned an empty response."
-      },
-      "translated": " Resolver% s hat eine leere Antwort zurückgegeben.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": " Successfully resolved address %s:%d to %s:%d via resolver %s"
-      },
-      "translated": " Erfolgreich aufgelöste Adresse% s:% d bis% s:% d über Resolver% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": " Resolver %s ran into an error: %o"
-      },
-      "translated": " Resolver% s hat einen Fehler festgestellt:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to disconnect on server connection destroy: %o"
-      },
-      "translated": "Fehler beim Trennen der Verbindung bei Serververbindung:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to reject command promise: %o"
-      },
-      "translated": "Befehlsversprechen konnte nicht abgelehnt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connect timeout triggered. Aborting connect attempt!"
-      },
-      "translated": "Verbindungszeitüberschreitung ausgelöst. Verbindungsversuch abbrechen!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Proxy socket send an error while connecting. Pending sockets: %d. Any succeed: %s"
-      },
-      "translated": "Proxy-Socket sendet beim Verbinden einen Fehler. Ausstehende Steckdosen:% d. Jeder Erfolg:% s",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Proxy socket connected. Pending sockets: %d. Any succeed before: %s"
-      },
-      "translated": "Proxy-Buchse angeschlossen. Ausstehende Steckdosen:% d. Jeder Erfolg vorher:% s",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Direct socket send an error while connecting. Pending sockets: %d. Any succeed: %s"
-      },
-      "translated": "Direkter Socket sendet beim Verbinden einen Fehler. Ausstehende Steckdosen:% d. Jeder Erfolg:% s",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Direct socket connected. Pending sockets: %d. Any succeed before: %s"
-      },
-      "translated": "Direktsteckdose angeschlossen. Ausstehende Steckdosen:% d. Jeder Erfolg vorher:% s",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to connect to %s, but we're already obsolete."
-      },
-      "translated": "Verbindung zu% s fehlgeschlagen, aber wir sind bereits veraltet.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to cleanup connection after unsuccessful connect attempt: %o"
-      },
-      "translated": "Fehler beim Bereinigen der Verbindung nach erfolglosem Verbindungsversuch:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Successfully connected to %s, but we're already obsolete. Closing connections"
-      },
-      "translated": "Erfolgreich mit% s verbunden, aber wir sind bereits veraltet. Verbindungen schließen",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Established a TCP connection to %s via proxy to %s"
-      },
-      "translated": "Es wurde eine TCP-Verbindung zu% s über einen Proxy zu% s hergestellt",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Established a TCP connection to %s directly"
-      },
-      "translated": "Es wurde direkt eine TCP-Verbindung zu% s hergestellt",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received unexpected error while connecting: %o"
-      },
-      "translated": "Beim Verbinden wurde ein unerwarteter Fehler empfangen:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to cleanup connection after unsuccessful connect attempt: %o"
-      },
-      "translated": "Fehler beim Bereinigen der Verbindung nach erfolglosem Verbindungsversuch:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing data type in message!"
-      },
-      "translated": "Fehlender Datentyp in Nachricht!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received pong which is older than the last request. Delay may over %oms? (Index: %o, Current index: %o)"
-      },
-      "translated": "Erhaltenes Pong, das älter als die letzte Anfrage ist. Verzögerung kann über% oms? (Index:% o, aktueller Index:% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received new pong. Updating ping to: JS: %o Native: %o"
-      },
-      "translated": "Neues Pong erhalten. Ping wird aktualisiert auf: JS:% o Native:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "*italic*, **bold**, ~~strikethrough~~, `code`, and more..."
-      },
-      "translated": "* kursiv *, ** fett **, ~~ durchgestrichen ~~, `code` und mehr ...",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Playlist Manage"
-      },
-      "translated": "Playlist verwalten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission "
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown"
-      },
-      "translated": "Unbekannt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "command error"
-      },
-      "translated": "Befehlsfehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query playlist info for playlist %d: %o"
-      },
-      "translated": "Fehler beim Abfragen der Wiedergabelisteninformationen für die Wiedergabeliste% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown property"
-      },
-      "translated": "unbekanntes Eigentum",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change playlist status %s for playlist %d: %o"
-      },
-      "translated": "Fehler beim Ändern des Wiedergabelistenstatus% s für die Wiedergabeliste% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown property"
-      },
-      "translated": "unbekanntes Eigentum",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change bot setting %s: %o"
-      },
-      "translated": "Fehler beim Ändern der Bot-Einstellung% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query playlist general permissions for playlist %d: %o"
-      },
-      "translated": "Fehler beim Abfragen der allgemeinen Berechtigungen der Wiedergabeliste für die Wiedergabeliste% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set playlist general permissions for playlist %d and permission %d: %o"
-      },
-      "translated": "Fehler beim Festlegen der allgemeinen Berechtigungen für die Wiedergabeliste für die Wiedergabeliste% d und die Berechtigung% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query playlist client permissions for playlist %d and client %d: %o"
-      },
-      "translated": "Fehler beim Abfragen der Clientberechtigungen für die Wiedergabeliste für die Wiedergabeliste% d und den Client% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set playlist client permissions for playlist %d, permission %d and client id %d: %o"
-      },
-      "translated": "Fehler beim Festlegen der Clientberechtigungen für die Wiedergabeliste für die Wiedergabeliste% d, die Berechtigung% d und die Client-ID% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query special client list for playlist %d: %o"
-      },
-      "translated": "Fehler beim Abfragen der speziellen Client-Liste für die Wiedergabeliste% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to lookup search text \"%s\": %o"
-      },
-      "translated": "Fehler beim Suchen des Suchtextes \"% s\":% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to execute permfind for permission %s: %o"
-      },
-      "translated": "Fehler beim Ausführen von permfind für die Berechtigung% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change value"
-      },
-      "translated": "Wert konnte nicht geändert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "error while loading"
-      },
-      "translated": "Fehler beim Laden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set bot name"
-      },
-      "translated": "Fehler beim Festlegen des Botnamens",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "applying..."
-      },
-      "translated": "bewirbt sich...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown country"
-      },
-      "translated": "Unbekanntes Land",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set bots country"
-      },
-      "translated": "Fehler beim Setzen des Bots-Landes",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change channel commander state"
-      },
-      "translated": "Fehler beim Ändern des Channel Commander-Status",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change priority speaker state"
-      },
-      "translated": "Fehler beim Ändern des Prioritätslautsprecherstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "load timeout"
-      },
-      "translated": "Ladezeitüberschreitung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid value"
-      },
-      "translated": "Ungültiger Wert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "error while loading"
-      },
-      "translated": "Fehler beim Laden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change replay mode"
-      },
-      "translated": "Fehler beim Ändern des Wiedergabemodus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "applying..."
-      },
-      "translated": "bewirbt sich...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "error while loading"
-      },
-      "translated": "Fehler beim Laden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change max playlist size"
-      },
-      "translated": "Fehler beim Ändern der maximalen Größe der Wiedergabeliste",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "applying..."
-      },
-      "translated": "bewirbt sich...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change delete state"
-      },
-      "translated": "Löschstatus konnte nicht geändert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change notify state"
-      },
-      "translated": "Fehler beim Ändern des Benachrichtigungsstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "load timeout"
-      },
-      "translated": "Ladezeitüberschreitung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Hide clients"
-      },
-      "translated": "Kunden verstecken",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "List clients"
-      },
-      "translated": "Clients auflisten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Search client list"
-      },
-      "translated": "Kundenliste durchsuchen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client uid or database id"
-      },
-      "translated": "Client-UID oder Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client search failed"
-      },
-      "translated": "Client-Suche fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to perform client search.<br>Search resulted in a timeout."
-      },
-      "translated": "Client-Suche konnte nicht durchgeführt werden. <br> Die Suche führte zu einer Zeitüberschreitung.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Insufficient permissions"
-      },
-      "translated": "Nicht ausreichende Berechtigungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "query failed"
-      },
-      "translated": "Anfrage fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Query timeout"
-      },
-      "translated": "Zeitlimit für Abfragen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "load timeout"
-      },
-      "translated": "Ladezeitüberschreitung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "load error"
-      },
-      "translated": "Ladefehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change permission"
-      },
-      "translated": "Berechtigung konnte nicht geändert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "applying..."
-      },
-      "translated": "bewirbt sich...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to query data"
-      },
-      "translated": "Daten konnten nicht abgefragt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout while loading"
-      },
-      "translated": "Zeitüberschreitung beim Laden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "controller timeout"
-      },
-      "translated": "Controller-Timeout",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing permission needed mapping for %s"
-      },
-      "translated": "Fehlende Berechtigung erforderlich Zuordnung für% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "load timeout"
-      },
-      "translated": "Ladezeitüberschreitung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "load error"
-      },
-      "translated": "Ladefehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "applying..."
-      },
-      "translated": "bewirbt sich...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change permission"
-      },
-      "translated": "Berechtigung konnte nicht geändert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout"
-      },
-      "translated": "Auszeit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to update current song for side bar: %o"
-      },
-      "translated": "Fehler beim Aktualisieren des aktuellen Songs für die Seitenleiste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No song selected"
-      },
-      "translated": "Kein Lied ausgewählt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Song has no description"
-      },
-      "translated": "Song hat keine Beschreibung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Song has no description"
-      },
-      "translated": "Song hat keine Beschreibung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid music bot action event detected: %s. This should not happen!"
-      },
-      "translated": "Ungültiges Musikbot-Aktionsereignis erkannt:% s. Das sollte nicht passieren!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to perform action %s on bot: %o"
-      },
-      "translated": "Aktion% s auf Bot konnte nicht ausgeführt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to perform action."
-      },
-      "translated": "Aktion konnte nicht ausgeführt werden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to perform action for music bot."
-      },
-      "translated": "Aktion für Musikbot konnte nicht ausgeführt werden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set current song on bot: %o"
-      },
-      "translated": "Fehler beim Einstellen des aktuellen Songs auf dem Bot:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set song."
-      },
-      "translated": "Song konnte nicht eingestellt werden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set current replaying song."
-      },
-      "translated": "Fehler beim Einstellen des aktuellen Wiedergabelieds.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Enter song URL"
-      },
-      "translated": "Geben Sie die Song-URL ein",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Please enter the target song URL"
-      },
-      "translated": "Bitte geben Sie die URL des Zielsongs ein",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to add song to bot playlist: %o"
-      },
-      "translated": "Fehler beim Hinzufügen eines Songs zur Bot-Wiedergabeliste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to insert song"
-      },
-      "translated": "Song konnte nicht eingefügt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to append song to the playlist."
-      },
-      "translated": "Song konnte nicht an die Wiedergabeliste angehängt werden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete song from bot playlist: %o"
-      },
-      "translated": "Fehler beim Löschen des Songs aus der Bot-Wiedergabeliste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete song"
-      },
-      "translated": "Song konnte nicht gelöscht werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to remove song from the playlist."
-      },
-      "translated": "Fehler beim Entfernen des Songs aus der Wiedergabeliste.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to subscribe to displayed bot within the side bar: %o"
-      },
-      "translated": "Fehler beim Abonnieren des angezeigten Bots in der Seitenleiste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to decode song metadata"
-      },
-      "translated": "Song-Metadaten konnten nicht dekodiert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to load "
-      },
-      "translated": "Laden fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to load "
-      },
-      "translated": "Laden fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown error"
-      },
-      "translated": "unbekannter Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown error"
-      },
-      "translated": "unbekannter Fehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to add song to bot playlist: %o"
-      },
-      "translated": "Fehler beim Hinzufügen eines Songs zur Bot-Wiedergabeliste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to reorder song"
-      },
-      "translated": "Song konnte nicht neu angeordnet werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to reorder song within the playlist."
-      },
-      "translated": "Song in der Wiedergabeliste konnte nicht neu angeordnet werden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to update music bot variables: %o"
-      },
-      "translated": "Fehler beim Aktualisieren der Musikbot-Variablen:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load bot playlist: %o"
-      },
-      "translated": "Fehler beim Laden der Bot-Wiedergabeliste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to unsubscribe from last playlist: %o"
-      },
-      "translated": "Fehler beim Abbestellen der letzten Wiedergabeliste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to subscribe to bots playlist: %o"
-      },
-      "translated": "Bots-Wiedergabeliste konnte nicht abonniert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": " (left view)"
-      },
-      "translated": " (linke Sicht)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to release voice recorder: %o"
-      },
-      "translated": "Voice Recorder konnte nicht freigegeben werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to release own consumer from old input: %o"
-      },
-      "translated": "Fehler beim Freigeben des eigenen Verbrauchers von der alten Eingabe:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Successfully set/updated to the new input for the recorder"
-      },
-      "translated": "Erfolgreich auf den neuen Eingang für den Rekorder eingestellt / aktualisiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set consumer to the new recorder input: %o"
-      },
-      "translated": "Fehler beim Einstellen des Verbrauchers auf den neuen Rekordereingang:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Adding native audio stream (%o)!"
-      },
-      "translated": "Hinzufügen eines nativen Audiostreams (% o)!",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received local voice started event, even thou we're muted! Do not send any voice."
-      },
-      "translated": "Empfangene lokale Stimme gestartet Ereignis, auch wenn wir stumm geschaltet sind! Senden Sie keine Stimme.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received invalid notification for playlist clients"
-      },
-      "translated": "Ungültige Benachrichtigung für Playlist-Clients erhalten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No permission"
-      },
-      "translated": "Keine Erlaubnis",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize codec %s: %s"
-      },
-      "translated": "Fehler beim Initialisieren des Codecs% s:% s",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Worker message stock time: {downstream: %dms, handle: %dms, upstream: %dms}"
-      },
-      "translated": "Lagerzeit der Worker-Nachricht: {Downstream:% dms, Handle:% dms, Upstream:% dms}",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown decode error"
-      },
-      "translated": "unbekannter Dekodierungsfehler",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Worker message stock time: {downstream: %dms, handle: %dms, upstream: %dms}"
-      },
-      "translated": "Lagerzeit der Worker-Nachricht: {Downstream:% dms, Handle:% dms, Upstream:% dms}",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown encode error"
-      },
-      "translated": "unbekannter Codierungsfehler",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received worker execute result for unknown token (%s)"
-      },
-      "translated": "Empfangener Worker führt Ergebnis für unbekanntes Token aus (% s)",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received error from codec worker. Closing worker."
-      },
-      "translated": "Fehler vom Codec-Worker empfangen. Arbeiter schließen.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "worker does not exists"
-      },
-      "translated": "Arbeiter existiert nicht",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "timeout for command "
-      },
-      "translated": "Zeitüberschreitung für Befehl",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice buffer stalled in WorkerPipe longer then expected: %d"
-      },
-      "translated": "Sprachpuffer in WorkerPipe länger als erwartet blockiert:% d",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Manage Bot"
-      },
-      "translated": "Bot verwalten",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Fetching playlist..."
-      },
-      "translated": "Wiedergabeliste abrufen ...",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You don't have permissions to see this playlist"
-      },
-      "translated": "Sie haben keine Berechtigung, diese Wiedergabeliste anzuzeigen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "An error occurred while fetching the playlist"
-      },
-      "translated": "Beim Abrufen der Wiedergabeliste ist ein Fehler aufgetreten",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The playlist is currently empty."
-      },
-      "translated": "Die Wiedergabeliste ist derzeit leer.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Show all permissions in permission editor. Even if their assignment don't make sense."
-      },
-      "translated": "Alle Berechtigungen im Berechtigungseditor anzeigen. Auch wenn ihre Zuordnung keinen Sinn ergibt.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Enable the BBCode syntax for your chat."
-      },
-      "translated": "Aktivieren Sie die BBCode-Syntax für Ihren Chat.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've not profiles yet"
-      },
-      "translated": "Sie haben noch keine Profile",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Default"
-      },
-      "translated": "Standard",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Change latency for client "
-      },
-      "translated": "Latenz für Client ändern",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Min buffer: "
-      },
-      "translated": "Min Puffer:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Max buffer: "
-      },
-      "translated": "Maximaler Puffer:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Flush buffer"
-      },
-      "translated": "Puffer spülen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Show only permission which are assigned"
-      },
-      "translated": "Nur Berechtigungen anzeigen, die zugewiesen sind",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Show only permissions which are editable by yourself"
-      },
-      "translated": "Zeigen Sie nur Berechtigungen an, die Sie selbst bearbeiten können",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Editable only"
-      },
-      "translated": "Nur bearbeitbar",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Welcome to the easy setup guide!"
-      },
-      "translated": "Willkommen in der einfachen Installationsanleitung!",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Identity setup"
-      },
-      "translated": "Identitäts-Setup",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Microphone setup"
-      },
-      "translated": "Mikrofoneinrichtung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Speaker setup"
-      },
-      "translated": "Lautsprechereinstellung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Setup finished"
-      },
-      "translated": "Setup beendet",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Welcome dear TeaSpeak user."
-      },
-      "translated": "Willkommen lieber TeaSpeak-Benutzer.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "We would like to setup a few things before you're ready to go.<br>"
-      },
-      "translated": "Wir möchten ein paar Dinge einrichten, bevor Sie bereit sind. <br>",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Dont worry! We'll guide you thru the basic setup process."
-      },
-      "translated": "Mach dir keine Sorgen! Wir führen Sie durch den grundlegenden Einrichtungsprozess.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Together we'll go thru these steps:"
-      },
-      "translated": "Gemeinsam werden wir diese Schritte durchlaufen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Welcome Greeting"
-      },
-      "translated": "Willkommensgruß",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Microphone configuration"
-      },
-      "translated": "Mikrofonkonfiguration",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Identity setup"
-      },
-      "translated": "Identitäts-Setup",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Speaker configuration"
-      },
-      "translated": "Lautsprecherkonfiguration",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "It is save to exit this guide at any point and directly jump ahead using the client."
-      },
-      "translated": "Es ist sicher, diese Anleitung jederzeit zu verlassen und mit dem Client direkt voranzukommen.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Congratulations,<br>your done setting up TeaSpeak"
-      },
-      "translated": "Herzlichen Glückwunsch, <br> Sie haben TeaSpeak eingerichtet",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You're done setting up your client. But dont worry,<br>"
-      },
-      "translated": "Sie sind mit dem Einrichten Ihres Clients fertig. Aber mach dir keine Sorgen, <br>",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "your could find all these settings within the settings menu<br>"
-      },
-      "translated": "Sie finden alle diese Einstellungen im Einstellungsmenü <br>",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "To open the client settings click on \"tools\" and than \"settings\"<br>"
-      },
-      "translated": "Um die Client-Einstellungen zu öffnen, klicken Sie auf \"Tools\" und dann auf \"Einstellungen\" <br>",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Music Bot"
-      },
-      "translated": "Musik Bot",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Music bot is channel commander"
-      },
-      "translated": "Musikbot ist Channel Commander",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Music bot is priority speaker"
-      },
-      "translated": "Musikbot ist Prioritätslautsprecher",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Replay"
-      },
-      "translated": "Wiederholung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Looped"
-      },
-      "translated": "Geschlungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Single-Looped"
-      },
-      "translated": "Single-Looped",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Max playlist size"
-      },
-      "translated": "Maximale Größe der Wiedergabeliste",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Delete played songs from playlist"
-      },
-      "translated": "Löschen Sie gespielte Songs aus der Wiedergabeliste",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Send a channel message when the song changes"
-      },
-      "translated": "Senden Sie eine Kanalnachricht, wenn sich das Lied ändert",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Permission"
-      },
-      "translated": "Genehmigung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Required value"
-      },
-      "translated": "Erforderlicher Wert",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Search for an client:"
-      },
-      "translated": "Suche nach einem Kunden:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Search"
-      },
-      "translated": "Suche",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unselect"
-      },
-      "translated": "Auswahl aufheben",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Showing permissions for:"
-      },
-      "translated": "Anzeigen von Berechtigungen für:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Bot permissions"
-      },
-      "translated": "Bot-Berechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power to rename the music bot"
-      },
-      "translated": "Möglichkeit, den Musikbot umzubenennen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power to modify the music bot permissions"
-      },
-      "translated": "Möglichkeit zum Ändern der Musikbot-Berechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power to delete the music bot"
-      },
-      "translated": "Macht den Musikbot zu löschen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Playlist permissions"
-      },
-      "translated": "Playlist-Berechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power to see the playlist songs"
-      },
-      "translated": "Power, um die Playlist-Songs zu sehen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power for editing playlist settings"
-      },
-      "translated": "Leistung zum Bearbeiten von Wiedergabelisteneinstellungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power for viewing playlist permissions"
-      },
-      "translated": "Leistung zum Anzeigen von Wiedergabelistenberechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power for editing playlist permissions"
-      },
-      "translated": "Leistung zum Bearbeiten von Wiedergabelistenberechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power for adding a song to the playlist"
-      },
-      "translated": "Power zum Hinzufügen eines Songs zur Wiedergabeliste",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power to reorder a song within the playlist"
-      },
-      "translated": "Möglichkeit, einen Titel in der Wiedergabeliste neu zu ordnen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Power to delete a song from the playlist"
-      },
-      "translated": "Macht es möglich, ein Lied aus der Wiedergabeliste zu löschen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could rename the bot:"
-      },
-      "translated": "Diese Gruppen könnten den Bot umbenennen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could modify the bot:"
-      },
-      "translated": "Diese Gruppen könnten den Bot ändern:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could delete the bot:"
-      },
-      "translated": "Diese Gruppen könnten den Bot löschen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could view the playlist:"
-      },
-      "translated": "Diese Gruppen können die Wiedergabeliste anzeigen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could edit the playlist settings:"
-      },
-      "translated": "Diese Gruppen können die Einstellungen der Wiedergabeliste bearbeiten:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could view the playlist permissions:"
-      },
-      "translated": "Diese Gruppen können die Wiedergabelistenberechtigungen anzeigen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could edit the playlist permissions:"
-      },
-      "translated": "Diese Gruppen können die Wiedergabelistenberechtigungen bearbeiten:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could add a song:"
-      },
-      "translated": "Diese Gruppen könnten ein Lied hinzufügen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could reorder the songs:"
-      },
-      "translated": "Diese Gruppen könnten die Songs neu anordnen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "These groups could delete a song:"
-      },
-      "translated": "Diese Gruppen könnten ein Lied löschen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group could do that."
-      },
-      "translated": "Das konnte keine Gruppe.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed on permission"
-      },
-      "translated": "bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could no see the permissions"
-      },
-      "translated": "Der Client konnte die Berechtigungen nicht sehen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client could perform this action"
-      },
-      "translated": "Der Client könnte diese Aktion ausführen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Clients which have special permissions:"
-      },
-      "translated": "Kunden mit besonderen Berechtigungen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No clients match the filter"
-      },
-      "translated": "Keine Clients stimmen mit dem Filter überein",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No clients available"
-      },
-      "translated": "Keine Clients verfügbar",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Refresh client list"
-      },
-      "translated": "Client-Liste aktualisieren",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Paste"
-      },
-      "translated": "Einfügen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "transfer source is undefined"
-      },
-      "translated": "Übertragungsquelle ist undefiniert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid source type"
-      },
-      "translated": "ungültiger Quelltyp",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to upload object via HTTPS connection: %o"
-      },
-      "translated": "Objekt konnte nicht über HTTPS-Verbindung hochgeladen werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize transfer source: %o"
-      },
-      "translated": "Übertragungsquelle konnte nicht initialisiert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "transfer target is undefined"
-      },
-      "translated": "Übertragungsziel ist undefiniert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid transfer target type"
-      },
-      "translated": "ungültiger Übertragungszieltyp",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to download file to response object: %o"
-      },
-      "translated": "Fehler beim Herunterladen der Datei in das Antwortobjekt:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize transfer target: %o"
-      },
-      "translated": "Übertragungsziel konnte nicht initialisiert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to transfer data throw a HTTPS request: %o"
-      },
-      "translated": "Fehler beim Übertragen von Daten, die eine HTTPS-Anforderung auslösen:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "handler query timeout"
-      },
-      "translated": "Zeitlimit für Handlerabfrage",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to parse old key control data."
-      },
-      "translated": "Fehler beim Analysieren alter Schlüsselsteuerungsdaten.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid transfer state"
-      },
-      "translated": "ungültiger Übertragungsstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid transfer state"
-      },
-      "translated": "ungültiger Übertragungsstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid transfer state"
-      },
-      "translated": "ungültiger Übertragungsstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "response target isn't supported"
-      },
-      "translated": "Antwortziel wird nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "download target isn't supported"
-      },
-      "translated": "Download-Ziel wird nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "file target isn't supported"
-      },
-      "translated": "Dateiziel wird nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "buffer source isn't supported"
-      },
-      "translated": "Pufferquelle wird nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "text source isn't supported"
-      },
-      "translated": "Textquelle wird nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "browser file source isn't supported"
-      },
-      "translated": "Browser-Dateiquelle wird nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No variable matched your filter"
-      },
-      "translated": "Keine Variable stimmte mit Ihrem Filter überein",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Filter variables"
-      },
-      "translated": "Variablen filtern",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "CSS Variable list"
-      },
-      "translated": "CSS-Variablenliste",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Default Value"
-      },
-      "translated": "Standardwert",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Override Value"
-      },
-      "translated": "Wert überschreiben",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Randomize"
-      },
-      "translated": "Randomisieren",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Export"
-      },
-      "translated": "Export",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Variable details"
-      },
-      "translated": "Variable Details",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Config exported successfully"
-      },
-      "translated": "Konfiguration erfolgreich exportiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The config has been exported successfully."
-      },
-      "translated": "Die Konfiguration wurde erfolgreich exportiert.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Config imported successfully"
-      },
-      "translated": "Konfiguration erfolgreich importiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The config has been imported successfully."
-      },
-      "translated": "Die Konfiguration wurde erfolgreich importiert.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Config imported failed"
-      },
-      "translated": "Die importierte Konfiguration ist fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The config import has been failed."
-      },
-      "translated": "Der Konfigurationsimport ist fehlgeschlagen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "[%s] Trigger event: %s"
-      },
-      "translated": "[% s] Auslöseereignis:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The keyword 'type' is reserved for the event type and should not be passed as argument"
-      },
-      "translated": "Das Schlüsselwort 'type' ist für den Ereignistyp reserviert und sollte nicht als Argument übergeben werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Event handler (%s) triggered event %s which has no consumers."
-      },
-      "translated": "Der Ereignishandler (% s) hat ein Ereignis% s ausgelöst, das keine Verbraucher hat.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No events found in event handler which has been registered."
-      },
-      "translated": "Im registrierten Ereignishandler wurden keine Ereignisse gefunden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load window"
-      },
-      "translated": "Fenster konnte nicht geladen werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load the bookmark window.\nSee the console for more details."
-      },
-      "translated": "Fehler beim Laden des Lesezeichenfensters.\nWeitere Informationen finden Sie in der Konsole.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received open window event for an unknown window: %s"
-      },
-      "translated": "Ereignis \"Offenes Fenster\" für ein unbekanntes Fenster empfangen:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Modify CSS variables"
-      },
-      "translated": "Ändern Sie CSS-Variablen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Enter Privilege Key"
-      },
-      "translated": "Geben Sie den Berechtigungsschlüssel ein",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received conversation message from our self. This should be impossible."
-      },
-      "translated": "Konversationsnachricht von uns selbst erhalten. Das sollte unmöglich sein.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connection manager has already been initialized"
-      },
-      "translated": "Der Verbindungsmanager wurde bereits initialisiert",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "modal has been destroyed"
-      },
-      "translated": "Modal wurde zerstört",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "modal has been destroyed"
-      },
-      "translated": "Modal wurde zerstört",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Modal - Icon"
-      },
-      "translated": "Modal - Symbol",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading older messages"
-      },
-      "translated": "Laden älterer Nachrichten",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "please wait"
-      },
-      "translated": "Warten Sie mal",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "1 second"
-      },
-      "translated": "1 Sekunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "History query failed"
-      },
-      "translated": "Verlaufsabfrage fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Try again in"
-      },
-      "translated": "Versuchen Sie es erneut",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "1 second"
-      },
-      "translated": "1 Sekunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Jump to present"
-      },
-      "translated": "Zur Gegenwart springen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You joined at"
-      },
-      "translated": "Du bist bei beigetreten",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You left at"
-      },
-      "translated": "Du bist um gegangen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to query history"
-      },
-      "translated": "Verlauf konnte nicht abgefragt werden",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "message send failed due to permission"
-      },
-      "translated": "Das Senden der Nachricht ist aufgrund einer Berechtigung fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to send message:"
-      },
-      "translated": "Nachricht konnte nicht gesendet werden:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You're&nbsp;now&nbsp;chatting&nbsp;with"
-      },
-      "translated": "Sie chatten jetzt mit",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Chat reconnected"
-      },
-      "translated": "Chat wieder verbunden",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Partner is typing"
-      },
-      "translated": "Der Partner tippt",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "An unknown error happened."
-      },
-      "translated": "Ein unbekannter Fehler ist aufgetreten.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No conversation selected"
-      },
-      "translated": "Keine Konversation ausgewählt",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "This conversation is private."
-      },
-      "translated": "Dieses Gespräch ist privat.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Join the channel to participate."
-      },
-      "translated": "Tritt dem Kanal bei, um teilzunehmen.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The target server does not support cross channel chat."
-      },
-      "translated": "Der Zielserver unterstützt keinen kanalübergreifenden Chat.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Join the channel if you want to write."
-      },
-      "translated": "Treten Sie dem Kanal bei, wenn Sie schreiben möchten.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "There have been no messages yet."
-      },
-      "translated": "Es wurden noch keine Nachrichten gesendet.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Be the first who talks in here!"
-      },
-      "translated": "Sei der Erste, der hier spricht!",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown error/Invalid state"
-      },
-      "translated": "Unbekannter Fehler / Ungültiger Zustand",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Icon set image method threw an unexpected error: %o"
-      },
-      "translated": "Die Symbol-Set-Image-Methode hat einen unerwarteten Fehler ausgelöst:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Icon load method threw an unexpected error: %o"
-      },
-      "translated": "Die Symbollademethode hat einen unerwarteten Fehler ausgelöst:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to download icon %d: %o"
-      },
-      "translated": "Fehler beim Herunterladen des Symbols% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load icon"
-      },
-      "translated": "Symbol konnte nicht geladen werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to update icon image for icon %d: %o"
-      },
-      "translated": "Fehler beim Aktualisieren des Symbolbilds für das Symbol% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to update icon from downloaded file"
-      },
-      "translated": "Fehler beim Aktualisieren des Symbols aus der heruntergeladenen Datei",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid status"
-      },
-      "translated": "Ungültiger Status",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Don't retry icon download from server. We'll try again in %s"
-      },
-      "translated": "Versuchen Sie nicht, das Symbol vom Server herunterzuladen. Wir werden es in% s erneut versuchen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "never"
-      },
-      "translated": "noch nie",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "1 second"
-      },
-      "translated": "1 Sekunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "download canceled"
-      },
-      "translated": "Download abgebrochen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown transfer finished state"
-      },
-      "translated": "Unbekannter Übertragungsstatus beendet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Icon could not be found"
-      },
-      "translated": "Symbol konnte nicht gefunden werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No permissions to download icon"
-      },
-      "translated": "Keine Berechtigung zum Herunterladen des Symbols",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize icon download"
-      },
-      "translated": "Fehler beim Initialisieren des Symbol-Downloads",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Transfer has no response"
-      },
-      "translated": "Übertragung hat keine Antwort",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server permissions"
-      },
-      "translated": "Serverberechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The group has been renamed."
-      },
-      "translated": "Die Gruppe wurde umbenannt.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Do you really want to delete this group?"
-      },
-      "translated": "Möchten Sie diese Gruppe wirklich löschen?",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "insufficient permissions"
-      },
-      "translated": "Nicht ausreichende Berechtigungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to rename group: %o"
-      },
-      "translated": "Gruppe konnte nicht umbenannt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete group: %o"
-      },
-      "translated": "Fehler beim Löschen der Gruppe:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to request server group client list: %o"
-      },
-      "translated": "Servergruppen-Clientliste konnte nicht angefordert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to add client %s to server group %d: %o"
-      },
-      "translated": "Client% s konnte nicht zur Servergruppe% d hinzugefügt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete client %d from server group %d: %o"
-      },
-      "translated": "Client% d konnte nicht aus Servergruppe% d gelöscht werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknwon"
-      },
-      "translated": "unbekannt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query client info for %o: %o"
-      },
-      "translated": "Client-Informationen für% o:% o konnten nicht abgefragt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid subject"
-      },
-      "translated": "Ungültiges Thema",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid server group"
-      },
-      "translated": "Ungültige Servergruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid server group"
-      },
-      "translated": "Ungültige Servergruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel id"
-      },
-      "translated": "Ungültige Kanal-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid client database id"
-      },
-      "translated": "Ungültige Client-Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid client database id"
-      },
-      "translated": "Ungültige Client-Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel id"
-      },
-      "translated": "Ungültige Kanal-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknwon"
-      },
-      "translated": "unbekannt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query permissions: %o"
-      },
-      "translated": "Abfragen von Berechtigungen fehlgeschlagen:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid subject"
-      },
-      "translated": "Ungültiges Thema",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid server group"
-      },
-      "translated": "Ungültige Servergruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel id"
-      },
-      "translated": "Ungültige Kanal-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid client database id"
-      },
-      "translated": "Ungültige Client-Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid client database id"
-      },
-      "translated": "Ungültige Client-Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel id"
-      },
-      "translated": "Ungültige Kanal-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to set permissions: %o"
-      },
-      "translated": "Fehler beim Festlegen der Berechtigungen:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid subject"
-      },
-      "translated": "Ungültiges Thema",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid server group"
-      },
-      "translated": "Ungültige Servergruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel id"
-      },
-      "translated": "Ungültige Kanal-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid client database id"
-      },
-      "translated": "Ungültige Client-Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid client database id"
-      },
-      "translated": "Ungültige Client-Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel id"
-      },
-      "translated": "Ungültige Kanal-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to remove permissions: %o"
-      },
-      "translated": "Berechtigungen konnten nicht entfernt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to find bookmark profile %s. Displaying default one."
-      },
-      "translated": "Lesezeichenprofil% s konnte nicht gefunden werden. Standard eins anzeigen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Enter the bookmark name for the duplicate"
-      },
-      "translated": "Geben Sie den Lesezeichennamen für das Duplikat ein",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unregistered unknown client from channel %s"
-      },
-      "translated": "Nicht registrierter unbekannter Client von Kanal% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Open channel file browser"
-      },
-      "translated": "Öffnen Sie den Browser für Kanaldateien",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Collapse sub channels"
-      },
-      "translated": "Unterkanäle reduzieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Expend sub channels"
-      },
-      "translated": "Unterkanäle ausgeben",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to successfully disconnect from server: {}"
-      },
-      "translated": "Fehler beim erfolgreichen Trennen der Verbindung zum Server: {}",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to upload clients avatar: %o"
-      },
-      "translated": "Client-Avatar konnte nicht hochgeladen werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Your avatar upload has been canceled."
-      },
-      "translated": "Dein Avatar-Upload wurde abgebrochen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Avatar upload finished with an unknown finished state."
-      },
-      "translated": "Der Avatar-Upload wurde mit einem unbekannten Endzustand abgeschlossen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Renewing TeaForo data."
-      },
-      "translated": "TeaForo-Daten erneuern.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Set away on all servers"
-      },
-      "translated": "Auf allen Servern wegstellen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unmute headphones"
-      },
-      "translated": "Kopfhörer stumm schalten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Mute headphones"
-      },
-      "translated": "Kopfhörer stumm schalten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "default avatar"
-      },
-      "translated": "Standard-Avatar",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "default avatar"
-      },
-      "translated": "Standard-Avatar",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "user avatar"
-      },
-      "translated": "Benutzer Avatar",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "user avatar"
-      },
-      "translated": "Benutzer Avatar",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "avatar failed to load:\n"
-      },
-      "translated": "Avatar konnte nicht geladen werden:\n",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading avatar"
-      },
-      "translated": "Avatar laden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You can not write here."
-      },
-      "translated": "Sie können hier nicht schreiben.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "and more"
-      },
-      "translated": "und mehr",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "1 hour"
-      },
-      "translated": "1 Stunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "1 minute"
-      },
-      "translated": "1 Minute",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "1 second"
-      },
-      "translated": "1 Sekunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Filter permissions"
-      },
-      "translated": "Filterberechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Add permissions to this group"
-      },
-      "translated": "Fügen Sie dieser Gruppe Berechtigungen hinzu",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remove permissions from this group"
-      },
-      "translated": "Entfernen Sie Berechtigungen aus dieser Gruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Add granted permissions to this group"
-      },
-      "translated": "Fügen Sie dieser Gruppe erteilte Berechtigungen hinzu",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remove granted permissions from this group"
-      },
-      "translated": "Entfernen Sie erteilte Berechtigungen aus dieser Gruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "An error happened"
-      },
-      "translated": "Ein Fehler ist aufgetreten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Permission editor resize observer fired resize event with no entries!"
-      },
-      "translated": "Berechtigungseditor Größe ändern Beobachter ausgelöst Größe ändern Ereignis ohne Einträge!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Permission editor resize observer fired resize event with more than one entry which should not be possible (%d)!"
-      },
-      "translated": "Berechtigungseditor Größe ändern Beobachter ausgelöst Größe ändern Ereignis mit mehr als einem Eintrag, der nicht möglich sein sollte (% d)!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Handling height update and change permission view height to %d from %d"
-      },
-      "translated": "Aktualisieren der Höhe und Ändern der Höhe der Berechtigungsansicht von% d auf% d",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received group toogle for unknwon group: %s"
-      },
-      "translated": "Empfangene Gruppe Google für unbekannte Gruppe:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You don't have the permissions to view this permissions"
-      },
-      "translated": "Sie haben nicht die Berechtigungen, diese Berechtigungen anzuzeigen",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Add group"
-      },
-      "translated": "Gruppe hinzufügen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy permissions"
-      },
-      "translated": "Kopierberechtigungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Add group"
-      },
-      "translated": "Gruppe hinzufügen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Add server group"
-      },
-      "translated": "Servergruppe hinzufügen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Add channel group"
-      },
-      "translated": "Kanalgruppe hinzufügen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy server group permissions"
-      },
-      "translated": "Kopieren Sie Servergruppenberechtigungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy channel group permissions"
-      },
-      "translated": "Kopieren Sie die Berechtigungen für Kanalgruppen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "This group contains no clients."
-      },
-      "translated": "Diese Gruppe enthält keine Clients.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "This group is a temporary group."
-      },
-      "translated": "Diese Gruppe ist eine temporäre Gruppe.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You don't have permissions to view the clients in this group"
-      },
-      "translated": "Sie haben keine Berechtigung zum Anzeigen der Clients in dieser Gruppe",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query clients:"
-      },
-      "translated": "Client konnte nicht abgefragt werden:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No group selected"
-      },
-      "translated": "Keine Gruppe ausgewählt",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "no client found"
-      },
-      "translated": "Kein Client gefunden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Database or Unique ID"
-      },
-      "translated": "Datenbank oder eindeutige ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid UUID length"
-      },
-      "translated": "Ungültige UUID-Länge",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid UUID"
-      },
-      "translated": "Ungültige UUID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unique identifier"
-      },
-      "translated": "Eindeutige Kennung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client database ID"
-      },
-      "translated": "Client-Datenbank-ID",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Select a group"
-      },
-      "translated": "Wählen Sie eine Gruppe aus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Query groups"
-      },
-      "translated": "Abfragegruppen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Template groups"
-      },
-      "translated": "Vorlagengruppen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Regular Groups"
-      },
-      "translated": "Regelmäßige Gruppen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy group permissions"
-      },
-      "translated": "Gruppenberechtigungen kopieren",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Source group"
-      },
-      "translated": "Quellgruppe",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Target group"
-      },
-      "translated": "Zielgruppe",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy group permissions"
-      },
-      "translated": "Kopieren Sie Gruppenberechtigungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "insufficient permissions"
-      },
-      "translated": "Nicht ausreichende Berechtigungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Group permissions have been copied"
-      },
-      "translated": "Gruppenberechtigungen wurden kopiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The group permissions have been successfully copied."
-      },
-      "translated": "Die Gruppenberechtigungen wurden erfolgreich kopiert.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to copy group permissions"
-      },
-      "translated": "Gruppenberechtigungen konnten nicht kopiert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknwon"
-      },
-      "translated": "unbekannt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to copy group permissions: %o"
-      },
-      "translated": "Gruppenberechtigungen konnten nicht kopiert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to copy group permissions"
-      },
-      "translated": "Gruppenberechtigungen konnten nicht kopiert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid group name length"
-      },
-      "translated": "Ungültige Länge des Gruppennamens",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A group with this name already exists"
-      },
-      "translated": "Eine Gruppe mit diesem Namen existiert bereits",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading data..."
-      },
-      "translated": "Daten werden geladen...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Target group type"
-      },
-      "translated": "Zielgruppentyp",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Query group"
-      },
-      "translated": "Abfragegruppe",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Create group using this template"
-      },
-      "translated": "Erstellen Sie eine Gruppe mit dieser Vorlage",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No template"
-      },
-      "translated": "Keine Vorlage",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Query groups"
-      },
-      "translated": "Abfragegruppen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Template groups"
-      },
-      "translated": "Vorlagengruppen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Regular Groups"
-      },
-      "translated": "Regelmäßige Gruppen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Create Group"
-      },
-      "translated": "Gruppe erstellen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Create a new server group"
-      },
-      "translated": "Erstellen Sie eine neue Servergruppe",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Create a new channel group"
-      },
-      "translated": "Erstellen Sie eine neue Kanalgruppe",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "insufficient permissions"
-      },
-      "translated": "Nicht ausreichende Berechtigungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Group has been created"
-      },
-      "translated": "Gruppe wurde erstellt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The group has been successfully created."
-      },
-      "translated": "Die Gruppe wurde erfolgreich erstellt.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknwon"
-      },
-      "translated": "unbekannt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create group: %o"
-      },
-      "translated": "Gruppe konnte nicht erstellt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Event"
-      },
-      "translated": "Veranstaltung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Focus"
-      },
-      "translated": "Fokus",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Draw focus to the window when the event occurs"
-      },
-      "translated": "Zeichnen Sie den Fokus auf das Fenster, wenn das Ereignis eintritt",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Notify"
-      },
-      "translated": "Benachrichtigen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Sending out a system notification"
-      },
-      "translated": "Senden einer Systembenachrichtigung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Log"
-      },
-      "translated": "Log",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Log the event within the client server log"
-      },
-      "translated": "Protokollieren Sie das Ereignis im Client-Server-Protokoll",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No events matching your filter"
-      },
-      "translated": "Keine Ereignisse, die Ihrem Filter entsprechen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Filter Events"
-      },
-      "translated": "Ereignisse filtern",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Notifications"
-      },
-      "translated": "Benachrichtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You received a poke"
-      },
-      "translated": "Du hast einen Sack bekommen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You send a poke"
-      },
-      "translated": "Du schickst einen Sack",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You received a private message"
-      },
-      "translated": "Sie haben eine private Nachricht erhalten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You send a private message"
-      },
-      "translated": "Sie senden eine private Nachricht",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A client enters your view"
-      },
-      "translated": "Ein Kunde gibt Ihre Ansicht ein",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A client enters your view and your channel"
-      },
-      "translated": "Ein Kunde gibt Ihre Ansicht und Ihren Kanal ein",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A client switches/gets moved/kicked"
-      },
-      "translated": "Ein Client wechselt / wird bewegt / getreten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A client switches/gets moved/kicked in to/out of your channel"
-      },
-      "translated": "Ein Client wechselt in Ihren Kanal",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've been moved or kicked"
-      },
-      "translated": "Du wurdest bewegt oder getreten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A client leaves/disconnects of your view"
-      },
-      "translated": "Ein Client verlässt / trennt Ihre Ansicht",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A client leaves/disconnects of your channel"
-      },
-      "translated": "Ein Client verlässt / trennt Ihren Kanal",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A server message has been send"
-      },
-      "translated": "Eine Servernachricht wurde gesendet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The server has been closed"
-      },
-      "translated": "Der Server wurde geschlossen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've been banned from the server"
-      },
-      "translated": "Sie wurden vom Server gesperrt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You're connecting to a server"
-      },
-      "translated": "Sie stellen eine Verbindung zu einem Server her",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've successfully connected to the server"
-      },
-      "translated": "Sie haben erfolgreich eine Verbindung zum Server hergestellt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You're connect attempt failed"
-      },
-      "translated": "Ihr Verbindungsversuch ist fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Set key"
-      },
-      "translated": "Schlüssel einstellen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remove key"
-      },
-      "translated": "Schlüssel abziehen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "query timeout"
-      },
-      "translated": "Zeitlimit für Abfragen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change key"
-      },
-      "translated": "Schlüssel konnte nicht geändert werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Clear Key"
-      },
-      "translated": "Schlüssel löschen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Keymap"
-      },
-      "translated": "Keymap",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Deleting an unknown channel!"
-      },
-      "translated": "Unbekannten Kanal löschen!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Deleting a non empty channel! This could cause some errors."
-      },
-      "translated": "Nicht leeren Kanal löschen! Dies kann zu Fehlern führen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Collapse all channels"
-      },
-      "translated": "Reduzieren Sie alle Kanäle",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Expend all channels"
-      },
-      "translated": "Verbrauchen Sie alle Kanäle",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Delete all channels"
-      },
-      "translated": "Löschen Sie alle Kanäle",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Apply to all clients"
-      },
-      "translated": "Auf alle Kunden anwenden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Apply to all channels"
-      },
-      "translated": "Auf alle Kanäle anwenden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server actions"
-      },
-      "translated": "Serveraktionen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file transfer start notification for unknown transfer (%s)"
-      },
-      "translated": "Empfangene Benachrichtigung zum Start der Dateiübertragung für unbekannte Übertragung (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file transfer start notification for unknown transfer (%s)"
-      },
-      "translated": "Empfangene Benachrichtigung zum Start der Dateiübertragung für unbekannte Übertragung (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file transfer start notification for unknown transfer (%s)"
-      },
-      "translated": "Empfangene Benachrichtigung zum Start der Dateiübertragung für unbekannte Übertragung (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file transfer progress notification for unknown transfer (%s)"
-      },
-      "translated": "Benachrichtigung über den Fortschritt der Dateiübertragung für unbekannte Übertragung (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file transfer status notification for unknown transfer (%s)"
-      },
-      "translated": "Empfangene Benachrichtigung über den Status der Dateiübertragung für unbekannte Übertragung (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file list for not request path: %s (channel %s)"
-      },
-      "translated": "Liste der empfangenen Dateien für nicht angeforderten Pfad:% s (Kanal% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file list finish for not request path: %s (channel %s)"
-      },
-      "translated": "Ende der Liste der empfangenen Dateien für Pfad ohne Anforderung:% s (Kanal% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file info for unknown return code: %s"
-      },
-      "translated": "Empfangene Dateiinformationen für unbekannten Rückkehrcode:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file info for already finished return code: %s"
-      },
-      "translated": "Empfangene Dateiinformationen für den bereits abgeschlossenen Rückkehrcode:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received file info for unknown return code: %s"
-      },
-      "translated": "Empfangene Dateiinformationen für unbekannten Rückkehrcode:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing server file list response"
-      },
-      "translated": "Fehlende Antwort auf die Liste der Serverdateien",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "response bulk miss match"
-      },
-      "translated": "Antwort Bulk Miss Match",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "the server failed to full fill the request"
-      },
-      "translated": "Der Server konnte die Anforderung nicht vollständig ausfüllen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "request gone away while parsing response"
-      },
-      "translated": "Anfrage beim Parsen der Antwort verschwunden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing info for bulk "
-      },
-      "translated": "Fehlende Informationen für Bulk",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create transfer target"
-      },
-      "translated": "Übertragungsziel konnte nicht erstellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "missing transfer start notify"
-      },
-      "translated": "fehlender Übertragungsstart benachrichtigen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create transfer source"
-      },
-      "translated": "Fehler beim Erstellen der Übertragungsquelle",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "missing transfer start notify"
-      },
-      "translated": "fehlender Übertragungsstart benachrichtigen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing transfer provider"
-      },
-      "translated": "Fehlender Transferanbieter",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown transfer type"
-      },
-      "translated": "unbekannter Übertragungstyp",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing file transfer in file transfer list!"
-      },
-      "translated": "Fehlende Dateiübertragung in Dateiübertragungsliste!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Timed out"
-      },
-      "translated": "Zeitüberschreitung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Resetting server/channel groups"
-      },
-      "translated": "Server- / Kanalgruppen zurücksetzen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Group manager reset"
-      },
-      "translated": "Gruppenmanager zurücksetzen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to request the server group list: %o"
-      },
-      "translated": "Fehler beim Anfordern der Servergruppenliste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to request the channel group list: %o"
-      },
-      "translated": "Fehler beim Anfordern der Kanalgruppenliste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "pending"
-      },
-      "translated": "steht aus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "connecting"
-      },
-      "translated": "Anschließen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to upload icon %s: %o"
-      },
-      "translated": "Fehler beim Hochladen des Symbols% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "upload canceled"
-      },
-      "translated": "Upload abgebrochen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "File Browser"
-      },
-      "translated": "Dateibrowser",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to get version: %o"
-      },
-      "translated": "Version konnte nicht abgerufen werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load icon"
-      },
-      "translated": "Symbol konnte nicht geladen werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "general"
-      },
-      "translated": "Allgemeines",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy code"
-      },
-      "translated": "Code kopieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Show finished transfers"
-      },
-      "translated": "Fertige Überweisungen anzeigen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "query error"
-      },
-      "translated": "Abfragefehler",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No running transfers"
-      },
-      "translated": "Keine laufenden Transfers",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "file transfer failed: "
-      },
-      "translated": "Dateiübertragung fehlgeschlagen:",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "file transfer failed"
-      },
-      "translated": "Dateiübertragung fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "less than a second"
-      },
-      "translated": "weniger als eine Sekunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "pending"
-      },
-      "translated": "steht aus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid state!"
-      },
-      "translated": "ungültiger Status!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "awaiting info"
-      },
-      "translated": "Warten auf Informationen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query the file transfers:"
-      },
-      "translated": "Fehler beim Abfragen der Dateiübertragungen:",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "No transfers"
-      },
-      "translated": "Keine Überweisungen",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Request timed out"
-      },
-      "translated": "Zeitüberschreitung der Anforderung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "File transfers"
-      },
-      "translated": "Dateiübertragungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Running file transfers"
-      },
-      "translated": "Ausführen von Dateiübertragungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remove finished"
-      },
-      "translated": "Fertig entfernen",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received an unknown drop media type (%o)"
-      },
-      "translated": "Erhielt einen unbekannten Drop-Media-Typ (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to enter path"
-      },
-      "translated": "Pfad konnte nicht eingegeben werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to enter path"
-      },
-      "translated": "Pfad konnte nicht eingegeben werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "File"
-      },
-      "translated": "Datei",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directory icon"
-      },
-      "translated": "Verzeichnissymbol",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directory"
-      },
-      "translated": "Verzeichnis",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "Empty directory icon"
-      },
-      "translated": "Symbol für leeres Verzeichnis",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Empty directory"
-      },
-      "translated": "Leeres Verzeichnis",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directory password protected"
-      },
-      "translated": "Verzeichnis passwortgeschützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Password protected directory"
-      },
-      "translated": "Passwortgeschütztes Verzeichnis",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid directory state"
-      },
-      "translated": "Ungültiger Verzeichnisstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to rename file"
-      },
-      "translated": "Datei konnte nicht umbenannt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to rename file"
-      },
-      "translated": "Datei konnte nicht umbenannt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query directory:"
-      },
-      "translated": "Verzeichnis konnte nicht abgefragt werden:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directory query timed out."
-      },
-      "translated": "Zeitüberschreitung bei Verzeichnisabfrage.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Please try again."
-      },
-      "translated": "Bitte versuche es erneut.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directory query failed on permission"
-      },
-      "translated": "Verzeichnisabfrage bei Berechtigung fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directory query failed because it is password protected"
-      },
-      "translated": "Die Verzeichnisabfrage ist fehlgeschlagen, da sie kennwortgeschützt ist",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "This folder is empty."
-      },
-      "translated": "Dieser Ordner ist leer.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directory"
-      },
-      "translated": "Verzeichnis",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "File"
-      },
-      "translated": "Datei",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Last changed"
-      },
-      "translated": "Zuletzt geändert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received an unknown drop media type (%o)"
-      },
-      "translated": "Erhielt einen unbekannten Drop-Media-Typ (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Last changed"
-      },
-      "translated": "Zuletzt geändert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown query error"
-      },
-      "translated": "unbekannter Abfragefehler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid query result state"
-      },
-      "translated": "ungültiger Abfrageergebnisstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete entry"
-      },
-      "translated": "Eintrag konnte nicht gelöscht werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create directory"
-      },
-      "translated": "Verzeichnis konnte nicht erstellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create directory"
-      },
-      "translated": "Verzeichnis konnte nicht erstellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Having file download start notification for current path, but target file is unknown (%s%s)"
-      },
-      "translated": "Startbenachrichtigung zum Herunterladen der Datei für den aktuellen Pfad, aber die Zieldatei ist unbekannt (% s% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalidating cached avatar for %s (Version miss match. Cached: unset, Current: %s)"
-      },
-      "translated": "Zwischengespeicherten Avatar für% s ungültig machen (Versionsübereinstimmung der Version. Zwischengespeichert: nicht gesetzt, aktuell:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalidating cached avatar for %s (Version miss match. Cached: %s, Current: %s)"
-      },
-      "translated": "Zwischengespeicherten Avatar für% s ungültig machen (Versionsübereinstimmung der Version. Zwischengespeichert:% s, Aktuell:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "download canceled"
-      },
-      "translated": "Download abgebrochen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown transfer finished state"
-      },
-      "translated": "unbekannter Übertragungszustand beendet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
-      },
-      "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No permissions to download the avatar"
-      },
-      "translated": "Keine Berechtigung zum Herunterladen des Avatars",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Avatar download failed"
-      },
-      "translated": "Avatar-Download fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Avatar transfer has no response"
-      },
-      "translated": "Avatar-Übertragung hat keine Antwort",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Avatar response missing media bytes"
-      },
-      "translated": "Avatar-Antwort fehlende Medienbytes",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
-      },
-      "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing avatar response"
-      },
-      "translated": "Fehlende Avatar-Antwort",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
-      },
-      "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Ignoring avatar not found since the avatar itself got updated. Out version: %s, current version: %s"
-      },
-      "translated": "Das Ignorieren des Avatars wurde nicht gefunden, da der Avatar selbst aktualisiert wurde. Out-Version:% s, aktuelle Version:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load avatar %s (hash: %s): %o"
-      },
-      "translated": "Fehler beim Laden des Avatars% s (Hash:% s):% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete avatar %s: %o"
-      },
-      "translated": "Fehler beim Löschen des Avatars% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid handler"
-      },
-      "translated": "Ungültiger Handler",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Would you like to open the popup?"
-      },
-      "translated": "Möchten Sie das Popup öffnen?",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "version miss match"
-      },
-      "translated": "Version Miss Match",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "version miss match"
-      },
-      "translated": "Version Miss Match",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel id (ID is NaN)"
-      },
-      "translated": "Ungültige Kanal-ID (ID ist NaN)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Channel not visible anymore"
-      },
-      "translated": "Kanal nicht mehr sichtbar",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown path"
-      },
-      "translated": "Unbekannter Pfad",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown parsed path type"
-      },
-      "translated": "Unbekannter analysierter Pfadtyp",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query channel directory files: %o"
-      },
-      "translated": "Kanalverzeichnisdateien konnten nicht abgefragt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Icon/avatars could not be renamed"
-      },
-      "translated": "Icon / Avatare konnten nicht umbenannt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid source path"
-      },
-      "translated": "Ungültiger Quellpfad",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Target path isn't a channel"
-      },
-      "translated": "Der Zielpfad ist kein Kanal",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid target path"
-      },
-      "translated": "Ungültiger Zielpfad",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed on permission "
-      },
-      "translated": "Bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel password"
-      },
-      "translated": "Ungültiges Kanalpasswort",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to rename/move files: %o"
-      },
-      "translated": "Fehler beim Umbenennen / Verschieben von Dateien:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Refresh file list"
-      },
-      "translated": "Dateiliste aktualisieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Force delete file"
-      },
-      "translated": "Löschdatei erzwingen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Delete file"
-      },
-      "translated": "Datei löschen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Force delete files"
-      },
-      "translated": "Löschen von Dateien erzwingen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Delete files"
-      },
-      "translated": "Dateien löschen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Refresh file list"
-      },
-      "translated": "Dateiliste aktualisieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Create folder"
-      },
-      "translated": "Ordner erstellen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "New folder"
-      },
-      "translated": "Neuer Ordner",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "files"
-      },
-      "translated": "Dateien",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "files"
-      },
-      "translated": "Dateien",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Response contained invalid bulk length"
-      },
-      "translated": "Die Antwort enthielt eine ungültige Bulk-Länge",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed on permission "
-      },
-      "translated": "Bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel password"
-      },
-      "translated": "Ungültiges Kanalpasswort",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create directory: %o"
-      },
-      "translated": "Verzeichnis konnte nicht erstellt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to parse path for one or more entries "
-      },
-      "translated": "Fehler beim Analysieren des Pfads für einen oder mehrere Einträge",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Directories could only created for channels"
-      },
-      "translated": "Verzeichnisse konnten nur für Kanäle erstellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid path"
-      },
-      "translated": "Ungültigen Pfad",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed on permission "
-      },
-      "translated": "Bei Erlaubnis fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid channel password"
-      },
-      "translated": "Ungültiges Kanalpasswort",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create directory: %o"
-      },
-      "translated": "Verzeichnis konnte nicht erstellt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create transfer target"
-      },
-      "translated": "Übertragungsziel konnte nicht erstellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to create transfer target.\nAll targets are unsupported"
-      },
-      "translated": "Übertragungsziel konnte nicht erstellt werden.\nAlle Ziele werden nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to download file"
-      },
-      "translated": "Datei konnte nicht heruntergeladen werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to parse path for file download: %s"
-      },
-      "translated": "Fehler beim Analysieren des Pfads für den Dateidownload:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to upload file(s)"
-      },
-      "translated": "Fehler beim Hochladen der Datei (en)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to upload file"
-      },
-      "translated": "Datei konnte nicht hochgeladen werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Aborting connect attempt due to a cancel request."
-      },
-      "translated": "Verbindungsversuch aufgrund einer Abbruchanforderung abbrechen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connection attempt to %s:%d via %s got aborted."
-      },
-      "translated": "Verbindungsversuch zu% s:% d über% s wurde abgebrochen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connection attempt to %s:%d via %s failed:\n%o"
-      },
-      "translated": "Verbindungsversuch zu% s:% d über% s fehlgeschlagen:\n%Ö",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to connect to %s:%d. No connection attempt succeeded."
-      },
-      "translated": "Verbindung zu% s fehlgeschlagen:% d. Kein Verbindungsversuch erfolgreich.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to disconnect with an already closed socket: %o"
-      },
-      "translated": "Fehler beim Trennen der Verbindung mit einem bereits geschlossenen Socket:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server connection %s:%d has been terminated due to an unexpected error (%o)."
-      },
-      "translated": "Serververbindung% s:% d wurde aufgrund eines unerwarteten Fehlers (% o) beendet.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server connection %s:%d has been terminated due to an unexpected error."
-      },
-      "translated": "Serververbindung% s:% d wurde aufgrund eines unerwarteten Fehlers beendet.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to disconnect with an already closed socket: %o"
-      },
-      "translated": "Fehler beim Trennen der Verbindung mit einem bereits geschlossenen Socket:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Successfully initialized a connection to %s:%d via %s within %d milliseconds."
-      },
-      "translated": "Eine Verbindung zu% s:% d über% s wurde innerhalb von% d Millisekunden erfolgreich initialisiert.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to send data via a non connected server socket."
-      },
-      "translated": "Es wurde versucht, Daten über einen nicht verbundenen Server-Socket zu senden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Channel resize observer fired resize event with no entries!"
-      },
-      "translated": "Kanalgröße ändern Beobachter ausgelöst Größe ändern Ereignis ohne Einträge!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Channel resize observer fired resize event with more than one entry which should not be possible (%d)!"
-      },
-      "translated": "Kanalgröße ändern Beobachter ausgelöst Größe ändern Ereignis mit mehr als einem Eintrag, der nicht möglich sein sollte (% d)!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Rebuilding the channel tree"
-      },
-      "translated": "Kanalbaum neu erstellen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to scroll tree entry in view because its not registered within the view. Entry: %o"
-      },
-      "translated": "Fehler beim Scrollen des Baumeintrags in der Ansicht, da dieser nicht in der Ansicht registriert ist. Eintrag:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connecting..."
-      },
-      "translated": "Anschließen ...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Hostname resolved"
-      },
-      "translated": "Hostname aufgelöst",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connection to server denied"
-      },
-      "translated": "Verbindung zum Server verweigert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server has been closed"
-      },
-      "translated": "Server wurde geschlossen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server requires a password to connect."
-      },
-      "translated": "Der Server benötigt ein Passwort, um eine Verbindung herzustellen.",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "for"
-      },
-      "translated": "zum",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've peen poked by"
-      },
-      "translated": "Du hast gestochen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Notification permission request resulted in %s"
-      },
-      "translated": "Die Anforderung einer Benachrichtigungserlaubnis führte zu% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to execute notification permission request: %O"
-      },
-      "translated": "Fehler beim Ausführen der Benachrichtigungsberechtigungsanforderung:% O.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Collapse all channels"
-      },
-      "translated": "Reduzieren Sie alle Kanäle",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Expend all channels"
-      },
-      "translated": "Verbrauchen Sie alle Kanäle",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "target client is offline/invisible"
-      },
-      "translated": "Zielclient ist offline / unsichtbar",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to register private conversation chat event for %s: %o"
-      },
-      "translated": "Fehler beim Registrieren des Chat-Ereignisses für private Konversation für% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to close a not existing private conversation with id %s"
-      },
-      "translated": "Es wurde versucht, ein nicht vorhandenes privates Gespräch mit der ID% s zu schließen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to send chat composing to server for chat %d: %o"
-      },
-      "translated": "Fehler beim Senden der Chat-Komposition an den Server für den Chat% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to send channel chat message to %s: %o"
-      },
-      "translated": "Fehler beim Senden der Kanal-Chat-Nachricht an% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "chat is private"
-      },
-      "translated": "Chat ist privat",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown permission"
-      },
-      "translated": "unbekannte Erlaubnis",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown conversation"
-      },
-      "translated": "Unbekanntes Gespräch",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown conversation"
-      },
-      "translated": "Unbekanntes Gespräch",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to query history for an unknown conversation with id %s"
-      },
-      "translated": "Es wurde versucht, den Verlauf für eine unbekannte Konversation mit der ID% s abzufragen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to send a chat message to an unknown conversation with id %s"
-      },
-      "translated": "Es wurde versucht, eine Chat-Nachricht an eine unbekannte Konversation mit der ID% s zu senden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to jump to present for an unknown conversation with id %s"
-      },
-      "translated": "Versucht zu springen, um für ein unbekanntes Gespräch mit id% s zu präsentieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknwon"
-      },
-      "translated": "unbekannt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "lookup the console"
-      },
-      "translated": "Suchen Sie die Konsole",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Conversation history query task threw an error; this should never happen: %o"
-      },
-      "translated": "Die Abfrageaufgabe für den Konversationsverlauf hat einen Fehler ausgelöst. Dies sollte niemals passieren:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to delete an unknown message (id: %s)"
-      },
-      "translated": "Versucht, eine unbekannte Nachricht zu löschen (ID:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to delete conversation message for conversation %d: %o"
-      },
-      "translated": "Konversationsnachricht für Konversation% d:% o konnte nicht gelöscht werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query conversation indexes: %o"
-      },
-      "translated": "Konversationsindizes konnten nicht abgefragt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received conversation history for an unknown conversation: %o"
-      },
-      "translated": "Empfangener Konversationsverlauf für eine unbekannte Konversation:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to delete a chat message from an unknown conversation with id %s"
-      },
-      "translated": "Es wurde versucht, eine Chat-Nachricht aus einer unbekannten Konversation mit der ID% s zu löschen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "permanently"
-      },
-      "translated": "permanent",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Reconnect canceled."
-      },
-      "translated": "Wiederverbindung abgebrochen.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server requires a password to connect."
-      },
-      "translated": "Der Server benötigt ein Passwort, um eine Verbindung herzustellen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server has been closed."
-      },
-      "translated": "Server wurde geschlossen.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Not connected to any server"
-      },
-      "translated": "Keine Verbindung zu einem Server",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connecting to "
-      },
-      "translated": "Verbinden mit",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client icon"
-      },
-      "translated": "Client-Symbol",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You don't support the channel codec"
-      },
-      "translated": "Sie unterstützen den Kanalcodec nicht",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unexpected close with code "
-      },
-      "translated": "Unerwartet mit Code schließen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to close the web socket to %s: %o"
-      },
-      "translated": "Fehler beim Schließen des Web-Sockets auf% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Typing"
-      },
-      "translated": "Tippen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No messages"
-      },
-      "translated": "Keine Nachrichten",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to add remote cached ice candidate finish: %o"
-      },
-      "translated": "Fehler beim Hinzufügen des Remote-Cache-Eiskandidaten-Finishs:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to add remote cached ice candidate %o: %o"
-      },
-      "translated": "Fehler beim Hinzufügen des zwischengespeicherten Eiskandidaten% o:% o",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received unknown web client control packet: %s"
-      },
-      "translated": "Unbekanntes Webclient-Steuerpaket empfangen:% s",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Gathered local ice candidate for stream %d: %s"
-      },
-      "translated": "Gesammelter lokaler Eiskandidat für Stream% d:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Local ICE candidate gathering finish."
-      },
-      "translated": "Treffen der lokalen ICE-Kandidaten beendet.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Database ready callback throw an unexpected exception: %o"
-      },
-      "translated": "Datenbankbereiter Rückruf löst eine unerwartete Ausnahme aus:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Importing old chats saved via cache storage. This may take some moments."
-      },
-      "translated": "Importieren alter Chats, die über den Cache-Speicher gespeichert wurden. Dies kann einige Momente dauern.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Skipping importing chat %s because URL does not match."
-      },
-      "translated": "Überspringen des Importierens von Chat% s, da die URL nicht übereinstimmt.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "array expected"
-      },
-      "translated": "Array erwartet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Skipping importing chat %s because of an error: %o"
-      },
-      "translated": "Überspringen des Importierens von Chat% s aufgrund eines Fehlers:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Found %d old chats. Importing."
-      },
-      "translated": "% D alte Chats gefunden. Importieren.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "All old chats have been imported. Deleting old data."
-      },
-      "translated": "Alle alten Chats wurden importiert. Alte Daten löschen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to import old chats from cache storage: %o"
-      },
-      "translated": "Fehler beim Importieren alter Chats aus dem Cache-Speicher:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Database update callback throw an unexpected exception: %o"
-      },
-      "translated": "Rückruf der Datenbankaktualisierung löst eine unerwartete Ausnahme aus:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to open/upgrade the private chat database.\nPlease close all other instances of the TeaWeb client."
-      },
-      "translated": "Fehler beim Öffnen / Aktualisieren der privaten Chat-Datenbank.\nBitte schließen Sie alle anderen Instanzen des TeaWeb-Clients.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Opened private conversations database, with an update, but update didn't happened. Trying again."
-      },
-      "translated": "Geöffnete Datenbank für private Konversationen mit einem Update, aber kein Update. Ich versuche es erneut.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received external database version change. Closing database."
-      },
-      "translated": "Änderung der externen Datenbankversion erhalten. Datenbank schließen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing Indexed DB support"
-      },
-      "translated": "Fehlende Unterstützung für indizierte DB",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing Indexed DB support"
-      },
-      "translated": "Fehlende Unterstützung für indizierte DBs",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Successfully initialized private conversation history database"
-      },
-      "translated": "Erfolgreich initialisierte private Konversationsverlaufsdatenbank",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize private conversation history database: %o"
-      },
-      "translated": "Fehler beim Initialisieren der privaten Konversationsverlaufsdatenbank:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Do not saving the private conversation chat."
-      },
-      "translated": "Speichern Sie den privaten Gesprächs-Chat nicht.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received unknown notify from worker."
-      },
-      "translated": "Unbekannte Benachrichtigung vom Arbeiter erhalten.",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received worker execute error for unknown token (%s)"
-      },
-      "translated": "Fehler beim Ausführen des empfangenen Workers für unbekanntes Token (% s)",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received command %s from voice worker. This should never happen!"
-      },
-      "translated": "Befehl% s vom Spracharbeiter erhalten. Das sollte niemals passieren!",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received unknown message of type %s from voice worker. This should never happen!"
-      },
-      "translated": "Unbekannte Nachricht vom Typ% s vom Voice Worker empfangen. Das sollte niemals passieren!",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "worker terminated with an error"
-      },
-      "translated": "Arbeiter mit einem Fehler beendet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "command timed out"
-      },
-      "translated": "Befehl abgelaufen",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {
-        "message": "Duplicate"
-      },
-      "translated": "Duplikat",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Changing global setting %s to %o"
-      },
-      "translated": "Ändern der globalen Einstellung% s in% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to gather a change list from version %s: %o"
-      },
-      "translated": "Fehler beim Sammeln einer Änderungsliste aus Version% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "This channel has an unsupported codec.<br>You cant listen to anybody within this channel!"
-      },
-      "translated": "Dieser Kanal hat einen nicht unterstützten Codec. <br> Sie können niemanden in diesem Kanal hören!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to stop the microphone input recorder: %o"
-      },
-      "translated": "Fehler beim Stoppen des Mikrofoneingangsrekorders:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to acquire recorder: %o"
-      },
-      "translated": "Rekorder konnte nicht erworben werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to acquire recorder"
-      },
-      "translated": "Rekorder konnte nicht erworben werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to acquire recorder.\nLookup the console for more details."
-      },
-      "translated": "Rekorder konnte nicht erworben werden.\nSuchen Sie in der Konsole nach weiteren Details.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Your browser does not support voice recording"
-      },
-      "translated": "Ihr Browser unterstützt keine Sprachaufzeichnung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The input device is busy"
-      },
-      "translated": "Das Eingabegerät ist beschäftigt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Invalid input device"
-      },
-      "translated": "Ungültiges Eingabegerät",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Initializing a whisper session for client %d (%s | %s)"
-      },
-      "translated": "Initialisieren einer Flüstersitzung für Client% d (% s |% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Open Registry"
-      },
-      "translated": "Öffnen Sie die Registrierung",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Default Profile"
-      },
-      "translated": "Standard Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Improved the identity level to %d within %s milliseconds"
-      },
-      "translated": "Die Identitätsstufe wurde innerhalb von% s Millisekunden auf% d verbessert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to generate the default identity: %o"
-      },
-      "translated": "Fehler beim Generieren der Standardidentität:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "TeaSpeak Forum Profile"
-      },
-      "translated": "TeaSpeak Forum Profil",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing video viewer plugin"
-      },
-      "translated": "Fehlendes Video Viewer Plugin",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Video viewer queried the watcher status of an unknown client: %s (%o)"
-      },
-      "translated": "Der Video-Viewer hat den Überwachungsstatus eines unbekannten Clients abgefragt:% s (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Video viewer queried the watcher info of an unknown client: %s (%o)"
-      },
-      "translated": "Der Video-Viewer hat die Beobachterinformationen eines unbekannten Clients abgefragt:% s (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Video viewer queried the watcher followers of an unknown client: %s (%o)"
-      },
-      "translated": "Der Video-Viewer befragte die Beobachter-Follower eines unbekannten Clients:% s (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Video viewer tried to follow an unknown client: %s (%o)"
-      },
-      "translated": "Der Videobetrachter hat versucht, einem unbekannten Client zu folgen:% s (% o)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Target client isn't watching anything"
-      },
-      "translated": "Der Zielclient sieht nichts",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The target client isn't watching anything."
-      },
-      "translated": "Der Zielclient sieht nichts.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lookup the console for details"
-      },
-      "translated": "Suchen Sie in der Konsole nach Details",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to open video viewer."
-      },
-      "translated": "Video-Viewer konnte nicht geöffnet werden.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to open video viewer: %o"
-      },
-      "translated": "Video-Viewer konnte nicht geöffnet werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load old recorder profile config for %s"
-      },
-      "translated": "Fehler beim Laden der alten Rekorderprofilkonfiguration für% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to reinitialize filters after vad type change: %o"
-      },
-      "translated": "Fehler beim erneuten Initialisieren der Filter nach Änderung des VAD-Typs:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Fire audio player initialized for %d listeners"
-      },
-      "translated": "Fire Audio Player für% d Hörer initialisiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Audio context has been closed"
-      },
-      "translated": "Der Audiokontext wurde geschlossen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid audio context state"
-      },
-      "translated": "ungültiger Audiokontextstatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize audio context instance from gesture: %o"
-      },
-      "translated": "Fehler beim Initialisieren der Audiokontextinstanz über die Geste:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to activate an invalid server connection handler with id %s"
-      },
-      "translated": "Es wurde versucht, einen ungültigen Serververbindungshandler mit der ID% s zu aktivieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to destroy an invalid server connection handler with id %s"
-      },
-      "translated": "Es wurde versucht, einen ungültigen Serververbindungshandler mit der ID% s zu zerstören",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to query a status for an invalid server connection handler with id %s"
-      },
-      "translated": "Es wurde versucht, einen Status für einen ungültigen Serververbindungshandler mit der ID% s abzufragen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Replay paused"
-      },
-      "translated": "Die Wiedergabe wurde unterbrochen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Buffering"
-      },
-      "translated": "Pufferung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Video ended"
-      },
-      "translated": "Video beendet",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Playing"
-      },
-      "translated": "Spielen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown player status"
-      },
-      "translated": "unbekannter Spielerstatus",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unfollow"
-      },
-      "translated": "Nicht mehr folgen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Watcher list"
-      },
-      "translated": "Beobachterliste",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Follower sync. Remote timestamp %d, Local timestamp: %d. Difference: %d, Do seek: %o"
-      },
-      "translated": "Follower-Synchronisierung. Remote-Zeitstempel% d, lokaler Zeitstempel:% d. Unterschied:% d, Suche:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onBuffer()"
-      },
-      "translated": "ReactPlayer :: onBuffer ()",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onBufferEnd()"
-      },
-      "translated": "ReactPlayer :: onBufferEnd ()",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onDuration(%d)"
-      },
-      "translated": "ReactPlayer :: onDuration (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onEnded()"
-      },
-      "translated": "ReactPlayer :: onEnded ()",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onPause()"
-      },
-      "translated": "ReactPlayer :: onPause ()",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onPlay()"
-      },
-      "translated": "ReactPlayer :: onPlay ()",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Player started, at second %d. Watcher is at %s. So sync: %o"
-      },
-      "translated": "Spieler gestartet, bei Sekunde% d. Beobachter ist bei% s. Also synchronisieren:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onProgress %d seconds played, %d seconds buffered. Player state: %s"
-      },
-      "translated": "ReactPlayer :: onProgress% d Sekunden gespielt,% d Sekunden gepuffert. Spielerstatus:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onReady()"
-      },
-      "translated": "ReactPlayer :: onReady ()",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onSeek(%d)"
-      },
-      "translated": "ReactPlayer :: onSeek (% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ReactPlayer::onStart()"
-      },
-      "translated": "ReactPlayer :: onStart ()",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "W2G - Following"
-      },
-      "translated": "W2G - Folgen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "W2G - Watcher"
-      },
-      "translated": "W2G - Beobachter",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to spawn window"
-      },
-      "translated": "Fenster konnte nicht erzeugt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "user aborted"
-      },
-      "translated": "Benutzer abgebrochen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remote window got reconnected. Client reloaded it."
-      },
-      "translated": "Remote-Fenster wurde wieder verbunden. Client hat es neu geladen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remote window got a new id. Maybe a reload?"
-      },
-      "translated": "Remote-Fenster hat eine neue ID erhalten. Vielleicht ein Nachladen?",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to automatically start audio recording: %s"
-      },
-      "translated": "Fehler beim automatischen Starten der Audioaufnahme:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Input filter chain: %s"
-      },
-      "translated": "Eingangsfilterkette:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "no device selected"
-      },
-      "translated": "kein Gerät ausgewählt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "voice filter isn't supported!"
-      },
-      "translated": "Sprachfilter wird nicht unterstützt!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "unknown filter type"
-      },
-      "translated": "unbekannter Filtertyp",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Click to export the changed values, Shift click to export all values"
-      },
-      "translated": "Klicken Sie hier, um die geänderten Werte zu exportieren. Klicken Sie bei gedrückter Umschalttaste, um alle Werte zu exportieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "the recorder backend hasn't been set yet"
-      },
-      "translated": "Das Rekorder-Backend wurde noch nicht eingestellt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "a recorder backend has already been initialized"
-      },
-      "translated": "Ein Rekorder-Backend wurde bereits initialisiert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received command %s"
-      },
-      "translated": "Empfangener Befehl% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to destroy client after a failed initialialization: %o"
-      },
-      "translated": "Client konnte nach einer fehlgeschlagenen Initialisierung nicht zerstört werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to destroy audio client %d: %s"
-      },
-      "translated": "Fehler beim Zerstören des Audio-Clients% d:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Microphone access has been blocked by your browser."
-      },
-      "translated": "Der Mikrofonzugriff wurde von Ihrem Browser blockiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Please grant access to your microphone."
-      },
-      "translated": "Bitte gewähren Sie Zugriff auf Ihr Mikrofon.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Request access"
-      },
-      "translated": "Anfrage Zugang",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to select microphone"
-      },
-      "translated": "Mikrofon konnte nicht ausgewählt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The web audio play hasn't been initialized yet."
-      },
-      "translated": "Die Web-Audiowiedergabe wurde noch nicht initialisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Click somewhere on the base to initialize it."
-      },
-      "translated": "Klicken Sie irgendwo auf die Basis, um sie zu initialisieren.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Please grant access to your microphone."
-      },
-      "translated": "Bitte gewähren Sie Zugriff auf Ihr Mikrofon.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Request access"
-      },
-      "translated": "Anfrage Zugang",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "\r\n            Firstly we need to setup a microphone.\n\r\n            Let me guide you thru the basic UI elements.\n\r\n            \n\r\n            To continue click anywhere on the screen.\r\n        "
-      },
-      "translated": "\r\n            Zuerst müssen wir ein Mikrofon einrichten.\n\r\n            Lassen Sie sich von mir durch die grundlegenden Elemente der Benutzeroberfläche führen.\n\r\n            \n\r\n            Um fortzufahren, klicken Sie auf eine beliebige Stelle auf dem Bildschirm.\r\n        ",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "\r\n            All your available microphones are listed within this box.\n\r\n            \n\r\n            The currently selected microphone\n\r\n            is marked with a green checkmark. To change the selected microphone\n\r\n            just click on the new one.\n\r\n            \n\r\n            To continue click anywhere on the screen.\r\n        "
-      },
-      "translated": "\r\n            In diesem Feld sind alle verfügbaren Mikrofone aufgeführt.\n\r\n            \n\r\n            Das aktuell ausgewählte Mikrofon\n\r\n            ist mit einem grünen Häkchen markiert. So ändern Sie das ausgewählte Mikrofon\n\r\n            Klicken Sie einfach auf den neuen.\n\r\n            \n\r\n            Um fortzufahren, klicken Sie auf eine beliebige Stelle auf dem Bildschirm.\r\n        ",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "TeaSpeak has three voice activity detection types:"
-      },
-      "translated": "TeaSpeak verfügt über drei Arten der Sprachaktivitätserkennung:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "\r\n                    To transmit audio data you'll have to\n\r\n                    press a key. The key could be selected via the button right to the radio button\r\n                "
-      },
-      "translated": "\r\n                    Um Audiodaten zu übertragen, müssen Sie\n\r\n                    drücke eine Taste. Die Taste kann über die Schaltfläche rechts neben dem Optionsfeld ausgewählt werden\r\n                ",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "\r\n                    In this mode, TeaSpeak will continuously analyze your microphone input.\r\n                    If the audio level is grater than a certain threshold,\r\n                    the audio will be transmitted.\r\n                    The threshold is changeable via the \"Sensitivity Settings\" slider\r\n                "
-      },
-      "translated": "\r\n                    In diesem Modus analysiert TeaSpeak kontinuierlich Ihren Mikrofoneingang.\r\n                    Wenn der Audiopegel einen bestimmten Schwellenwert überschreitet,\r\n                    Das Audio wird übertragen.\r\n                    Der Schwellenwert kann über den Schieberegler \"Empfindlichkeitseinstellungen\" geändert werden\r\n                ",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Continuously transmit any audio data."
-      },
-      "translated": "Übertragen Sie kontinuierlich alle Audiodaten.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "\r\n                Now you're ready to configure your microphone.\n\r\n                Just click anywhere on the screen.\r\n            "
-      },
-      "translated": "\r\n                Jetzt können Sie Ihr Mikrofon konfigurieren.\n\r\n                Klicken Sie einfach auf eine beliebige Stelle auf dem Bildschirm.\r\n            ",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Changed default microphone device to %s"
-      },
-      "translated": "Das Standardmikrofongerät wurde in% s geändert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change microphone setting (Invalid value type supplied. Expected %s, Received: %s)"
-      },
-      "translated": "Mikrofoneinstellung konnte nicht geändert werden (ungültiger Wertetyp angegeben. Erwartete% s, empfangen:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change recorders VAD type to %s"
-      },
-      "translated": "Fehler beim Ändern des VAD-Typs des Rekorders in% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "loading status"
-      },
-      "translated": "Ladestatus",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connecting to server"
-      },
-      "translated": "Verbindung zum Server herstellen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Handler list resize observer received events for more than one element (%d elements)."
-      },
-      "translated": "Die Handlerliste ändert die Größe der vom Beobachter empfangenen Ereignisse für mehr als ein Element (% d Elemente).",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "An UI updater has already been registered"
-      },
-      "translated": "Ein UI-Updater wurde bereits registriert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "An native updater has already been registered"
-      },
-      "translated": "Ein nativer Updater wurde bereits registriert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to load custom variables: %o"
-      },
-      "translated": "Fehler beim Laden benutzerdefinierter Variablen:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "invalid target watcher"
-      },
-      "translated": "ungültiger Zielbeobachter",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You can't follow your self"
-      },
-      "translated": "Du kannst dir nicht folgen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "missing w2g status"
-      },
-      "translated": "fehlender w2g Status",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Watch clients video"
-      },
-      "translated": "Sehen Sie sich das Video des Kunden an",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Kicking client %s from channel with reason %s"
-      },
-      "translated": "Client% s aus dem Kanal mit Grund% s treten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Kicking client %s from server with reason %s"
-      },
-      "translated": "Client% s vom Server mit Grund% s treten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to create window"
-      },
-      "translated": "Fenster konnte nicht erstellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remote window connected with id %s"
-      },
-      "translated": "Remote-Fenster mit ID% s verbunden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Microphone device request took %d milliseconds. System answered: %s"
-      },
-      "translated": "Die Anforderung eines Mikrofongeräts dauerte% d Millisekunden. System antwortete:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query for microphone permissions: %s"
-      },
-      "translated": "Abfrage der Mikrofonberechtigungen fehlgeschlagen:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Default Firefox device"
-      },
-      "translated": "Standard-Firefox-Gerät",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "not supported"
-      },
-      "translated": "nicht unterstützt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No external modal factory has been set"
-      },
-      "translated": "Es wurde keine externe Modalfabrik eingestellt",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to enqueue audio buffer for audio client %d: %o"
-      },
-      "translated": "Fehler beim Einreihen des Audiopuffers für den Audio-Client% d:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A worker died. Closing worker."
-      },
-      "translated": "Ein Arbeiter starb. Arbeiter schließen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "worker is not alive"
-      },
-      "translated": "Arbeiter lebt nicht",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Audio player isn't initialized yet. Waiting for it to initialize."
-      },
-      "translated": "Der Audio-Player ist noch nicht initialisiert. Warten auf die Initialisierung.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice connection lost"
-      },
-      "translated": "Sprachverbindung unterbrochen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lost voice connection to the target server. Trying to reconnect..."
-      },
-      "translated": "Verlorene Sprachverbindung zum Zielserver. Der Versuch, die Verbindung wiederherzustellen ...",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Lost voice connection to target server. Trying to reconnect."
-      },
-      "translated": "Verlorene Sprachverbindung zum Zielserver. Versuch, die Verbindung wiederherzustellen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Input recorder attechment failed"
-      },
-      "translated": "Eingabe-Rekorder-Technologie fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to apply the current microphone recorder to the voice sender."
-      },
-      "translated": "Fehler beim Anwenden des aktuellen Mikrofonrekorders auf den Sprachsender.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to apply the input to the voice bridge: %o"
-      },
-      "translated": "Fehler beim Anwenden der Eingabe auf die Sprachbrücke:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to setup voice bridge: %s. Reconnect: %o"
-      },
-      "translated": "Voice Bridge konnte nicht eingerichtet werden:% s. Erneut verbinden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received local voice started event, even thou we're muted!"
-      },
-      "translated": "Empfangene lokale Stimme gestartet Ereignis, auch wenn wir stumm geschaltet sind!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "voice client already registered"
-      },
-      "translated": "Sprachclient bereits registriert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received new whisper from %d (%s)"
-      },
-      "translated": "Neues Flüstern von% d (% s) erhalten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to internally initialize a voice whisper session: %o"
-      },
-      "translated": "Interne Sprachflüstersitzung konnte nicht initialisiert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to initialize whisper session: %o."
-      },
-      "translated": "Fehler beim Initialisieren der Flüstersitzung:% o.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Whisper session %d timed out. Dropping session."
-      },
-      "translated": "Zeitüberschreitung der Flüstersitzung% d. Sitzung löschen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Session isn't an instance of the web whisper system"
-      },
-      "translated": "Die Sitzung ist keine Instanz des Web-Flüstersystems",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing whisper session initializer. Blocking whisper from %d (%s)"
-      },
-      "translated": "Fehlender Initialisierer der Flüstersitzung. Blockieren des Flüsterns von% d (% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Unknown client"
-      },
-      "translated": "Unbekannter Kunde",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to clear the whisper target: %o"
-      },
-      "translated": "Fehler beim Löschen des Flüsterziels:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Setting key"
-      },
-      "translated": "Einstellschlüssel",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Filter settings"
-      },
-      "translated": "Filtereinstellungen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Setting list"
-      },
-      "translated": "Einstellungsliste",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Setting editor"
-      },
-      "translated": "Editor einstellen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Global settings registry"
-      },
-      "translated": "Globale Einstellungsregistrierung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "We've updated the client for you"
-      },
-      "translated": "Wir haben den Client für Sie aktualisiert",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Identity string '%s' seems to be invalid"
-      },
-      "translated": "Die Identitätszeichenfolge '% s' scheint ungültig zu sein",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Found a new identity level at %s. Previous level %d now %d (%d hashes/second)"
-      },
-      "translated": "Bei% s wurde eine neue Identitätsstufe gefunden. Vorheriges Level% d jetzt% d (% d Hashes / Sekunde)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You don't have the permissions to view this\r\n                    permissions"
-      },
-      "translated": "Sie haben nicht die Berechtigung, dies anzuzeigen\r\n                    Berechtigungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Dropping replay buffer because of too high replay latency. (Current: %f, Max: %f)"
-      },
-      "translated": "Löschen des Wiedergabepuffers wegen zu hoher Wiedergabelatenz. (Aktuell:% f, Max:% f)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "This block should be unreachable!"
-      },
-      "translated": "Dieser Block sollte nicht erreichbar sein!",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice player has a buffer underflow. Changing state to buffering."
-      },
-      "translated": "Der Voice Player hat einen Pufferunterlauf. Status in Pufferung ändern.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "[Audio] Buffering exceeded timeout. Flushing and stopping replay."
-      },
-      "translated": "[Audio] Die Pufferung hat das Zeitlimit überschritten. Wiedergabe spülen und stoppen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to generate RTC offer: %o"
-      },
-      "translated": "RTC-Angebot konnte nicht generiert werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to generate local offer"
-      },
-      "translated": "konnte kein lokales Angebot generieren",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to apply local description"
-      },
-      "translated": "lokale Beschreibung konnte nicht angewendet werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to received a WebRTC answer (timeout)"
-      },
-      "translated": "konnte keine WebRTC-Antwort erhalten (Timeout)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing msg in servers answer"
-      },
-      "translated": "Fehlende Nachricht in Servern antworten",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to apply remotes description: %o"
-      },
-      "translated": "Beschreibung der Fernbedienungen fehlgeschlagen:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to apply remotes description"
-      },
-      "translated": "Fernbedienungsbeschreibung konnte nicht angewendet werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to establish a connection"
-      },
-      "translated": "Verbindung konnte nicht hergestellt werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Successfully connected to server. Awaiting main data channel to open."
-      },
-      "translated": "Erfolgreich mit dem Server verbunden. Warten auf das Öffnen des Hauptdatenkanals.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to open the main data channel"
-      },
-      "translated": "Der Hauptdatenkanal konnte nicht geöffnet werden",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Successfully initialized session with server."
-      },
-      "translated": "Sitzung mit Server erfolgreich initialisiert.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "missing main data channel"
-      },
-      "translated": "fehlender Hauptdatenkanal",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Tried to register a remote ICE candidate without a RTC connection. Dropping candidate."
-      },
-      "translated": "Es wurde versucht, einen Remote-ICE-Kandidaten ohne RTC-Verbindung zu registrieren. Kandidat fallen lassen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remote send candidate finish for channel %d."
-      },
-      "translated": "Remote-Sendekandidatenende für Kanal% d.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to add remote ICE end candidate to local rtc connection: %o"
-      },
-      "translated": "Fehler beim Hinzufügen eines Remote-ICE-Endkandidaten zur lokalen RTC-Verbindung:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Adding remote ICE candidate %s for media line %d: %s"
-      },
-      "translated": "Hinzufügen des Remote-ICE-Kandidaten% s für die Medienzeile% d:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to add remote ICE candidate %s: %o"
-      },
-      "translated": "Fehler beim Hinzufügen des Remote-ICE-Kandidaten% s:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connection state changed to %s (Local connection state: %s)"
-      },
-      "translated": "Verbindungsstatus in% s geändert (Lokaler Verbindungsstatus:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "connect attempt failed"
-      },
-      "translated": "Verbindungsversuch fehlgeschlagen",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ICE gathering state changed to %s"
-      },
-      "translated": "Der ICE-Erfassungsstatus wurde in% s geändert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "ICE connection state changed to %s"
-      },
-      "translated": "Der ICE-Verbindungsstatus wurde in% s geändert",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to gather any local ice candidates... This is a fatal error."
-      },
-      "translated": "Es konnten keine lokalen Eiskandidaten gesammelt werden ... Dies ist ein schwerwiegender Fehler.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "failed to gather any local ICE candidates"
-      },
-      "translated": "konnte keine lokalen ICE-Kandidaten sammeln",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received error while gathering the ice candidates: %d/%s for %s (url: %s)"
-      },
-      "translated": "Fehler beim Sammeln der Eiskandidaten erhalten:% d /% s für% s (URL:% s)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Ice candidate %s (%s) errored: %d/%s"
-      },
-      "translated": "Eiskandidat% s (% s) fehlerhaft:% d /% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice data channel is open now"
-      },
-      "translated": "Der Sprachdatenkanal ist jetzt geöffnet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Whisper data channel is open now"
-      },
-      "translated": "Der Whisper-Datenkanal ist jetzt geöffnet",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received answer, but we're not expecting one. Dropping it."
-      },
-      "translated": "Antwort erhalten, aber wir erwarten keine. Lass es fallen.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Watch video"
-      },
-      "translated": "Schau Video",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Open video URL"
-      },
-      "translated": "Öffnen Sie die Video-URL",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Copy video URL to clipboard"
-      },
-      "translated": "Kopieren Sie die Video-URL in die Zwischenablage",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Open full Change Log"
-      },
-      "translated": "Öffnen Sie das vollständige Änderungsprotokoll",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "UI Change Log"
-      },
-      "translated": "UI-Änderungsprotokoll",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Client Change Log"
-      },
-      "translated": "Client-Änderungsprotokoll",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "We've successfully updated the web client for you."
-      },
-      "translated": "Wir haben den Webclient erfolgreich für Sie aktualisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The web client has been updated to the version from {}."
-      },
-      "translated": "Der Webclient wurde von {} auf die Version aktualisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "We've successfully updated the native client and its UI for\r\n                you."
-      },
-      "translated": "Wir haben den nativen Client und seine Benutzeroberfläche für erfolgreich aktualisiert\r\n                Sie.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The native client has been updated to the version from {}."
-      },
-      "translated": "Der native Client wurde von {} auf die Version aktualisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Its UI has been updated to the version {}."
-      },
-      "translated": "Die Benutzeroberfläche wurde auf die Version {} aktualisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "We've successfully updated the native client for\r\n            you."
-      },
-      "translated": "Wir haben den nativen Client für erfolgreich aktualisiert\r\n            Sie.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The native client has been updated to the version {}."
-      },
-      "translated": "Der native Client wurde auf die Version {} aktualisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "We've successfully updated the native clients UI for\r\n            you."
-      },
-      "translated": "Wir haben die Benutzeroberfläche der nativen Clients für erfolgreich aktualisiert\r\n            Sie.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The native clients UI has been updated to the version from 18.08.2020."
-      },
-      "translated": "Die Benutzeroberfläche der nativen Clients wurde vom 18.08.2020 auf die Version aktualisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "TeaSpeak logo"
-      },
-      "translated": "TeaSpeak-Logo",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Welcome back!"
-      },
-      "translated": "Willkommen zurück!",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The client has been updated."
-      },
-      "translated": "Der Client wurde aktualisiert.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "While you've been away, resting, we did some work."
-      },
-      "translated": "Während Sie weg waren und sich ausruhten, haben wir einige Arbeit geleistet.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "A list of changes, bugfixes and new features can be found bellow."
-      },
-      "translated": "Eine Liste der Änderungen, Bugfixes und neuen Funktionen finden Sie unten.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Enjoy!"
-      },
-      "translated": "Genießen!",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice echo test"
-      },
-      "translated": "Sprachechotest",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to begin echo testing: %o"
-      },
-      "translated": "Echo-Test konnte nicht gestartet werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connecting voice bridge."
-      },
-      "translated": "Voice Bridge verbinden.",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice bridge successfully connected."
-      },
-      "translated": "Voice Bridge erfolgreich verbunden.",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice bridge has been dropped. Trying to reconnect."
-      },
-      "translated": "Die Sprachbrücke wurde gelöscht. Versuch, die Verbindung wiederherzustellen.",
-      "flags": [
-        "google-translated",
-        "in-use-system",
-        "ui-visible"
-      ]
-    },
-    {
-      "key": {
-        "message": "Notification permission request (callback) resulted in %s"
-      },
-      "translated": "Die Anforderung einer Benachrichtigungsberechtigung (Rückruf) führte zu% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Received feature %s with unknown support state: %s"
-      },
-      "translated": "Empfangene Funktion% s mit unbekanntem Unterstützungsstatus:% s",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Target server does not support the feature list command. Disabling all features."
-      },
-      "translated": "Der Zielserver unterstützt den Befehl feature list nicht. Alle Funktionen deaktivieren.",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query server features: %o"
-      },
-      "translated": "Serverfunktionen konnten nicht abgefragt werden:% o",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Setting server feature %s to %s (version %d)"
-      },
-      "translated": "Festlegen der Serverfunktion% s auf% s (Version% d)",
-      "flags": [
-        "google-translated",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Missing log entry builder for {0}"
-      },
-      "translated": "Fehlender Protokolleintragsgenerator für {0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice connection establishment has been failed:"
-      },
-      "translated": "Der Verbindungsaufbau ist fehlgeschlagen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice connection has been disconnected."
-      },
-      "translated": "Die Sprachverbindung wurde getrennt.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice connection isn't supported by the server."
-      },
-      "translated": "Die Sprachverbindung wird vom Server nicht unterstützt.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice connection isn't supported by your browser."
-      },
-      "translated": "Die Sprachverbindung wird von Ihrem Browser nicht unterstützt.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Please use another browser."
-      },
-      "translated": "Bitte benutzen Sie einen anderen Browser.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "establishing voice connection"
-      },
-      "translated": "Sprachverbindung herstellen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to start echo test:\n{0}"
-      },
-      "translated": "Echo-Test konnte nicht gestartet werden:\n{0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Try\r\n                    again"
-      },
-      "translated": "Versuchen\r\n                    nochmal",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Echo testing hasn't been supported by the\r\n                server."
-      },
-      "translated": "Echotests wurden von der nicht unterstützt\r\n                Server.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Troubleshooting guide"
-      },
-      "translated": "Anleitung zur Fehlerbehebung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Correct microphone selected?"
-      },
-      "translated": "Richtiges Mikrofon ausgewählt?",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Open Microphone settings"
-      },
-      "translated": "Öffnen Sie die Mikrofoneinstellungen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Check within the settings, if the right microphone has been\r\n                                    selected."
-      },
-      "translated": "Überprüfen Sie in den Einstellungen, ob das richtige Mikrofon vorhanden ist\r\n                                    ausgewählt.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "The indicators will show you any voice activity."
-      },
-      "translated": "Die Anzeigen zeigen Ihnen jede Sprachaktivität an.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Are any addons blocking the microphone access?"
-      },
-      "translated": "Blockieren Addons den Mikrofonzugriff?",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Some addons might block the access to your microphone. Try to disable all\r\n                                    addons and reload the site."
-      },
-      "translated": "Einige Addons blockieren möglicherweise den Zugriff auf Ihr Mikrofon. Versuchen Sie, alle zu deaktivieren\r\n                                    Addons und laden Sie die Website neu.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Has WebRTC been enabled?"
-      },
-      "translated": "Wurde WebRTC aktiviert?",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Reload the site"
-      },
-      "translated": "Laden Sie die Site neu",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "In some cases, reloading the site will already solve the issue for\r\n                                    you."
-      },
-      "translated": "In einigen Fällen wird das Problem bereits behoben, wenn die Site neu geladen wird\r\n                                    Sie.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Nothing worked? Submit an issue"
-      },
-      "translated": "Nichts hat geklappt? Senden Sie ein Problem",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "forum"
-      },
-      "translated": "Forum",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Abort test"
-      },
-      "translated": "Test abbrechen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Test again"
-      },
-      "translated": "Nochmal testen",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Show this on the next connect"
-      },
-      "translated": "Zeigen Sie dies bei der nächsten Verbindung",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Welcome to the private echo test. Can you hear yourself speaking?"
-      },
-      "translated": "Willkommen zum privaten Echotest. Kannst du dich sprechen hören?",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Connecting voice bridge."
-      },
-      "translated": "Voice Bridge verbinden.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice bridge successfully connected."
-      },
-      "translated": "Voice Bridge erfolgreich verbunden.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Voice bridge has been dropped. Trying to reconnect."
-      },
-      "translated": "Die Sprachbrücke wurde gelöscht. Versuch, die Verbindung wiederherzustellen.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "{0} appeared to channel {1}"
-      },
-      "translated": "{0} schien {1} zu kanalisieren",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Having user enter event with invalid reason: {0}"
-      },
-      "translated": "Benutzer muss ein Ereignis mit ungültigem Grund eingeben: {0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "{0} appeared from {1} to your channel {2}"
-      },
-      "translated": "{0} erschien von {1} in Ihrem Kanal {2}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "{0} appeared to your channel {1}"
-      },
-      "translated": "{0} erschien deinem Kanal {1}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Having user enter your channel event with invalid reason: {0}"
-      },
-      "translated": "Wenn der Benutzer Ihr Kanalereignis mit einem ungültigen Grund eingibt: {0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Having user move event with invalid reason: {0}"
-      },
-      "translated": "Ereignis beim Verschieben des Benutzers mit ungültigem Grund: {0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You have been moved by {3} from channel {1} to {2}"
-      },
-      "translated": "Sie wurden von {3} von Kanal {1} nach {2} verschoben",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You switched from {1} to {2}"
-      },
-      "translated": "Sie haben von {1} zu {2} gewechselt",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Having own move event with invalid reason: {0}"
-      },
-      "translated": "Eigenes Verschiebungsereignis mit ungültigem Grund: {0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Having client leave event with invalid reason: {0}"
-      },
-      "translated": "Wenn der Client das Ereignis mit einem ungültigen Grund verlässt: {0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to change nickname: {0}"
-      },
-      "translated": "Fehler beim Ändern des Spitznamens: {0}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "{} send a server message: {1}"
-      },
-      "translated": "{} Sende eine Servernachricht: {1}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've been banned from the server by {0} for {1}.{2}"
-      },
-      "translated": "Sie wurden von {0} für {1} vom Server verbannt. {2}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You've been banned from the server for {0}.{1}"
-      },
-      "translated": "Sie wurden für {0} vom Server gesperrt. {1}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Server has been closed ({})."
-      },
-      "translated": "Server wurde geschlossen ({}).",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Command execution resulted in: {}"
-      },
-      "translated": "Die Befehlsausführung führte zu: {}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Channel {} has been created by {}."
-      },
-      "translated": "Kanal {} wurde von {} erstellt.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Channel {} has been created."
-      },
-      "translated": "Kanal {} wurde erstellt.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Channel {} has been deleted by {}."
-      },
-      "translated": "Kanal {} wurde von {} gelöscht.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Channel {} has been deleted."
-      },
-      "translated": "Kanal {} wurde gelöscht.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You poked {}."
-      },
-      "translated": "Du hast angestupst {}.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You received a poke from {}: {}"
-      },
-      "translated": "Sie haben einen Stoß von {} erhalten: {}",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "You received a poke from {}."
-      },
-      "translated": "Sie haben einen Poke von {} erhalten.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Please try\r\n                        again."
-      },
-      "translated": "Bitte versuche\r\n                        nochmal.",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Failed to query the\r\n                file transfers:"
-      },
-      "translated": "Fehler beim Abfragen der\r\n                Dateiübertragungen:",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "No\r\n                transfers"
-      },
-      "translated": "Nein\r\n                Transfers",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {
-        "message": "Remove\r\n                finished"
-      },
-      "translated": "Entfernen\r\n                fertig",
-      "flags": [
-        "google-translated",
-        "ui-visible",
-        "in-use-system"
-      ]
-    },
-    {
-      "key": {},
-      "translated": "nicht definiert",
-      "flags": [
-        "google-translated"
-      ]
-    },
-    {
-      "key": {},
-      "translated": "nicht definiert",
-      "flags": [
-        "google-translated"
-      ]
-    }
-  ]
-}
+}
\ No newline at end of file

From f3f5fd0618ca343cbf80e11ce6c5825fc27dc95f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 20 Mar 2021 19:12:21 +0100
Subject: [PATCH 045/128] Fixed and moved the w2g part

---
 shared/js/ConnectionHandler.ts                   |  2 +-
 shared/js/main.tsx                               |  2 +-
 shared/js/text/bbcode/YoutubeController.ts       |  2 +-
 shared/js/text/bbcode/renderer.tsx               |  2 +-
 shared/js/tree/Client.ts                         |  2 +-
 .../js/{ => ui/modal}/video-viewer/Controller.ts | 16 ++++++++--------
 .../{ => ui/modal}/video-viewer/Definitions.ts   |  0
 .../js/{ => ui/modal}/video-viewer/Renderer.scss |  4 ++--
 .../js/{ => ui/modal}/video-viewer/Renderer.tsx  |  0
 .../js/{ => ui/modal}/video-viewer/W2GPlugin.ts  |  4 ++--
 .../{ => ui/modal}/video-viewer/icon-navbar.svg  |  0
 shared/js/ui/react-elements/modal/Registry.ts    |  2 +-
 12 files changed, 18 insertions(+), 18 deletions(-)
 rename shared/js/{ => ui/modal}/video-viewer/Controller.ts (96%)
 rename shared/js/{ => ui/modal}/video-viewer/Definitions.ts (100%)
 rename shared/js/{ => ui/modal}/video-viewer/Renderer.scss (98%)
 rename shared/js/{ => ui/modal}/video-viewer/Renderer.tsx (100%)
 rename shared/js/{ => ui/modal}/video-viewer/W2GPlugin.ts (99%)
 rename shared/js/{ => ui/modal}/video-viewer/icon-navbar.svg (100%)

diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index d3f604ae..c4d19e19 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -22,7 +22,6 @@ import {tr, traj} from "./i18n/localize";
 import {md5} from "./crypto/md5";
 import {guid} from "./crypto/uid";
 import {PluginCmdRegistry} from "./connection/PluginCmdHandler";
-import {W2GPluginCmdHandler} from "./video-viewer/W2GPlugin";
 import {VoiceConnectionStatus, WhisperSessionInitializeData} from "./connection/VoiceConnection";
 import {getServerConnectionFactory} from "./connection/ConnectionFactory";
 import {WhisperSession} from "./voice/VoiceWhisper";
@@ -42,6 +41,7 @@ import {connectionHistory} from "tc-shared/connectionlog/History";
 import {ConnectParameters} from "tc-shared/ui/modal/connect/Controller";
 import {assertMainApplication} from "tc-shared/ui/utils";
 import {getDNSProvider} from "tc-shared/dns";
+import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
 
 assertMainApplication();
 
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index f9d3d699..01f81dab 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -34,7 +34,6 @@ import {bookmarks} from "tc-shared/Bookmarks";
 import "svg-sprites/client-icons";
 import "../css/load-css"
 import "./proto";
-import "./video-viewer/Controller";
 import "./profiles/ConnectionProfile";
 import "./update/UpdaterWeb";
 import "./file/LocalIcons";
@@ -47,6 +46,7 @@ import "./media/Video";
 import "./ui/AppController";
 import "./ui/frames/menu-bar/MainMenu";
 import "./ui/modal/connect/Controller";
+import "./ui/modal/video-viewer/Controller";
 import "./ui/elements/ContextDivider";
 import "./ui/elements/Tab";
 import "./clientservice";
diff --git a/shared/js/text/bbcode/YoutubeController.ts b/shared/js/text/bbcode/YoutubeController.ts
index 63fbb0e5..f75ce8b9 100644
--- a/shared/js/text/bbcode/YoutubeController.ts
+++ b/shared/js/text/bbcode/YoutubeController.ts
@@ -17,7 +17,7 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
 
 
 function handleIpcMessage(remoteId: string, broadcast: boolean, message: ChannelMessage) {
-    if(message.type === "bbcode-youtube") {
+    if(message.type === "w2g") {
         global_client_actions.fire("action_w2g", {
             videoUrl: message.data.videoUrl,
             handlerId: message.data.handlerId
diff --git a/shared/js/text/bbcode/renderer.tsx b/shared/js/text/bbcode/renderer.tsx
index 8fd0c467..087aa8ab 100644
--- a/shared/js/text/bbcode/renderer.tsx
+++ b/shared/js/text/bbcode/renderer.tsx
@@ -10,7 +10,7 @@ import HTMLRenderer from "vendor/xbbcode/renderer/html";
 
 import "./emoji";
 import "./highlight";
-import "./YoutubeRenderer";
+import "./YoutubeController";
 import "./url";
 import "./image";
 
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index 80c4b29f..f95a08d1 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -22,7 +22,6 @@ import * as hex from "../crypto/hex";
 import {ChannelTreeEntry, ChannelTreeEntryEvents} from "./ChannelTreeEntry";
 import {spawnClientVolumeChange, spawnMusicBotVolumeChange} from "../ui/modal/ModalChangeVolumeNew";
 import {spawnPermissionEditorModal} from "../ui/modal/permission/ModalPermissionEditor";
-import {W2GPluginCmdHandler} from "../video-viewer/W2GPlugin";
 import {global_client_actions} from "../events/GlobalEvents";
 import {ClientIcon} from "svg-sprites/client-icons";
 import {VoiceClient} from "../voice/VoiceClient";
@@ -31,6 +30,7 @@ import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 import {VideoClient} from "tc-shared/connection/VideoConnection";
 import { tr } from "tc-shared/i18n/localize";
 import {EventClient} from "tc-shared/connectionlog/Definitions";
+import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
 
 export enum ClientType {
     CLIENT_VOICE,
diff --git a/shared/js/video-viewer/Controller.ts b/shared/js/ui/modal/video-viewer/Controller.ts
similarity index 96%
rename from shared/js/video-viewer/Controller.ts
rename to shared/js/ui/modal/video-viewer/Controller.ts
index d80bfca0..d8835150 100644
--- a/shared/js/video-viewer/Controller.ts
+++ b/shared/js/ui/modal/video-viewer/Controller.ts
@@ -1,15 +1,15 @@
-import {LogCategory, logError, logWarn} from "../log";
-import {EventHandler, Registry} from "../events";
+import {LogCategory, logError, logWarn} from "../../../log";
+import {EventHandler, Registry} from "tc-events";
 import {VideoViewerEvents} from "./Definitions";
-import {ConnectionHandler} from "../ConnectionHandler";
-import {W2GPluginCmdHandler, W2GWatcher, W2GWatcherFollower} from "../video-viewer/W2GPlugin";
-import {settings, Settings} from "../settings";
-import {global_client_actions} from "../events/GlobalEvents";
-import {createErrorModal} from "../ui/elements/Modal";
-import {ModalController} from "../ui/react-elements/ModalDefinitions";
+import {ConnectionHandler} from "../../../ConnectionHandler";
+import {settings, Settings} from "../../../settings";
+import {global_client_actions} from "../../../events/GlobalEvents";
+import {createErrorModal} from "../../../ui/elements/Modal";
+import {ModalController} from "../../../ui/react-elements/ModalDefinitions";
 import {server_connections} from "tc-shared/ConnectionManager";
 import { tr, tra } from "tc-shared/i18n/localize";
 import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {W2GPluginCmdHandler, W2GWatcher, W2GWatcherFollower} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
 
 const parseWatcherId = (id: string): { clientId: number, clientUniqueId: string} => {
     const [ clientIdString, clientUniqueId ] = id.split(" - ");
diff --git a/shared/js/video-viewer/Definitions.ts b/shared/js/ui/modal/video-viewer/Definitions.ts
similarity index 100%
rename from shared/js/video-viewer/Definitions.ts
rename to shared/js/ui/modal/video-viewer/Definitions.ts
diff --git a/shared/js/video-viewer/Renderer.scss b/shared/js/ui/modal/video-viewer/Renderer.scss
similarity index 98%
rename from shared/js/video-viewer/Renderer.scss
rename to shared/js/ui/modal/video-viewer/Renderer.scss
index e8b5f507..b77d65a8 100644
--- a/shared/js/video-viewer/Renderer.scss
+++ b/shared/js/ui/modal/video-viewer/Renderer.scss
@@ -1,5 +1,5 @@
-@import "../../css/static/mixin";
-@import "../../css/static/properties";
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
 
 $sidebar-width: 20em;
 .outerContainer {
diff --git a/shared/js/video-viewer/Renderer.tsx b/shared/js/ui/modal/video-viewer/Renderer.tsx
similarity index 100%
rename from shared/js/video-viewer/Renderer.tsx
rename to shared/js/ui/modal/video-viewer/Renderer.tsx
diff --git a/shared/js/video-viewer/W2GPlugin.ts b/shared/js/ui/modal/video-viewer/W2GPlugin.ts
similarity index 99%
rename from shared/js/video-viewer/W2GPlugin.ts
rename to shared/js/ui/modal/video-viewer/W2GPlugin.ts
index d65e74b9..9096655c 100644
--- a/shared/js/video-viewer/W2GPlugin.ts
+++ b/shared/js/ui/modal/video-viewer/W2GPlugin.ts
@@ -1,7 +1,7 @@
-import {PluginCmdHandler, PluginCommandInvoker} from "../connection/PluginCmdHandler";
-import {Event, Registry} from "../events";
 import {PlayerStatus} from "../video-viewer/Definitions";
 import { tr } from "tc-shared/i18n/localize";
+import {Registry, Event} from "tc-events";
+import {PluginCmdHandler, PluginCommandInvoker,} from "tc-shared/connection/PluginCmdHandler";
 
 export interface W2GEvents {
     notify_watcher_add: { watcher: W2GWatcher },
diff --git a/shared/js/video-viewer/icon-navbar.svg b/shared/js/ui/modal/video-viewer/icon-navbar.svg
similarity index 100%
rename from shared/js/video-viewer/icon-navbar.svg
rename to shared/js/ui/modal/video-viewer/icon-navbar.svg
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 38b1a004..e80b05d8 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -21,7 +21,7 @@ function registerModal<T extends keyof ModalConstructorArguments>(modal: Registe
 
 registerModal({
     modalId: "video-viewer",
-    classLoader: async () => await import("tc-shared/video-viewer/Renderer"),
+    classLoader: async () => await import("tc-shared/ui/modal/video-viewer/Renderer"),
     popoutSupported: true
 });
 

From 582b93852bc3287f52260133c7468b9bda883b80 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 21 Mar 2021 16:51:30 +0100
Subject: [PATCH 046/128] Reworked the server group assignment modal

---
 ChangeLog.md                                  |   5 +-
 shared/js/Mutex.ts                            |  62 +++
 shared/js/connection/ClientInfo.ts            | 259 +++++++++++
 shared/js/tree/Client.ts                      |  27 +-
 .../ui/modal/group-assignment/Controller.ts   | 409 ++++++++++++++++++
 .../ui/modal/group-assignment/Definitions.ts  |  57 +++
 .../ui/modal/group-assignment/Renderer.scss   | 172 ++++++++
 .../js/ui/modal/group-assignment/Renderer.tsx | 222 ++++++++++
 shared/js/ui/react-elements/Checkbox.tsx      |   3 +-
 shared/js/ui/react-elements/Icon.tsx          |  16 +-
 .../js/ui/react-elements/modal/Definitions.ts |  10 +-
 shared/js/ui/react-elements/modal/Registry.ts |   7 +
 shared/js/ui/tree/EntryTags.tsx               |  84 ++--
 shared/js/ui/utils/Variable.ts                |   4 +
 14 files changed, 1271 insertions(+), 66 deletions(-)
 create mode 100644 shared/js/Mutex.ts
 create mode 100644 shared/js/connection/ClientInfo.ts
 create mode 100644 shared/js/ui/modal/group-assignment/Controller.ts
 create mode 100644 shared/js/ui/modal/group-assignment/Definitions.ts
 create mode 100644 shared/js/ui/modal/group-assignment/Renderer.scss
 create mode 100644 shared/js/ui/modal/group-assignment/Renderer.tsx

diff --git a/ChangeLog.md b/ChangeLog.md
index c29085d3..9c47dc07 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,6 +1,9 @@
 # Changelog:
+* **21.03.21**
+    - Reworked the server group assignment modal. It now better reacts to the user input as well is now popoutable
+  
 * **18.03.21**
-    - Finally got fully rid of the initial backend glue and changes all systems to provider
+    - Finally, got fully rid of the initial backend glue and changes all systems to provider
   
 * **17.03.21**
     - Updated from webpack 4 to webpack 5
diff --git a/shared/js/Mutex.ts b/shared/js/Mutex.ts
new file mode 100644
index 00000000..2c675e38
--- /dev/null
+++ b/shared/js/Mutex.ts
@@ -0,0 +1,62 @@
+export class Mutex<T> {
+    private value: T;
+    private taskExecuting = false;
+    private taskQueue = [];
+
+    constructor(value: T) {
+        this.value = value;
+    }
+
+    execute<R>(callback: (value: T, setValue: (newValue: T) => void) => R | Promise<R>) : Promise<R> {
+        return new Promise<R>((resolve, reject) => {
+            this.taskQueue.push(() => new Promise(taskResolve => {
+                try {
+                    const result = callback(this.value, newValue => this.value = newValue);
+                    if(result instanceof Promise) {
+                        result.then(result => {
+                            taskResolve();
+                            resolve(result);
+                        }).catch(error => {
+                            taskResolve();
+                            reject(error);
+                        });
+                    } else {
+                        taskResolve();
+                        resolve(result);
+                    }
+                } catch (error) {
+                    taskResolve();
+                    reject(error);
+                }
+            }));
+
+            if(!this.taskExecuting) {
+                this.executeNextTask();
+            }
+        });
+    }
+
+    async tryExecute<R>(callback: (value: T, setValue: (newValue: T) => void) => R | Promise<R>) : Promise<{ status: "success", result: R } | { status: "would-block" }> {
+        if(!this.taskExecuting) {
+            return {
+                status: "success",
+                result: await this.execute(callback)
+            };
+        } else {
+            return {
+                status: "would-block"
+            };
+        }
+    }
+
+    private executeNextTask() {
+        const task = this.taskQueue.pop_front();
+        if(typeof task === "undefined") {
+            this.taskExecuting = false;
+            return;
+        }
+
+        this.taskExecuting = true;
+        task().then(() => this.executeNextTask());
+    }
+}
\ No newline at end of file
diff --git a/shared/js/connection/ClientInfo.ts b/shared/js/connection/ClientInfo.ts
new file mode 100644
index 00000000..8fd5c4af
--- /dev/null
+++ b/shared/js/connection/ClientInfo.ts
@@ -0,0 +1,259 @@
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {LogCategory, logError, logWarn} from "tc-shared/log";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ErrorCode} from "tc-shared/connection/ErrorCode";
+
+export type ClientInfoResult = {
+    status: "success",
+
+    clientName: string,
+    clientUniqueId: string,
+    clientDatabaseId: number,
+} | {
+    status: "not-found"
+} | {
+    status: "error",
+    error: string
+};
+
+type PendingInfoRequest = {
+    promise: Promise<ClientInfoResult>,
+    resolve: (result: ClientInfoResult) => void,
+    fullFilled: boolean,
+};
+
+type ClientInfo = {
+    clientName: string,
+    clientUniqueId: string,
+    clientDatabaseId: number,
+};
+
+export class ClientInfoResolver {
+    private readonly handler: ConnectionHandler;
+    private readonly requestDatabaseIds: { [key: number]: PendingInfoRequest };
+    private readonly requestUniqueIds: { [key: string]: PendingInfoRequest };
+
+    private executed: boolean;
+
+    constructor(handler: ConnectionHandler) {
+        this.handler = handler;
+        this.executed = false;
+
+        this.requestDatabaseIds = {};
+        this.requestUniqueIds = {};
+    }
+
+    private registerRequest(type: "database-id", key: number) : Promise<ClientInfoResult>;
+    private registerRequest(type: "unique-id", key: string) : Promise<ClientInfoResult>;
+    private registerRequest(type, key) : Promise<ClientInfoResult> {
+        let targetObject;
+        switch (type) {
+            case "database-id":
+                targetObject = this.requestDatabaseIds;
+                break;
+
+            case "unique-id":
+                targetObject = this.requestUniqueIds;
+                break;
+
+            default:
+                return;
+        }
+
+        if(this.executed) {
+            throw tr("request already executed");
+        }
+
+        if(typeof targetObject[key] === "undefined") {
+            const handle: PendingInfoRequest = {
+                fullFilled: false,
+
+                resolve: undefined,
+                promise: undefined,
+            };
+
+            handle.promise = new Promise<ClientInfoResult>(resolve => handle.resolve = resolve);
+            targetObject[key] = handle;
+        }
+
+        return targetObject[key].promise;
+    }
+
+    private fullFullAllRequests(type: "database-id" | "unique-id", result: ClientInfoResult) {
+        let targetObject;
+        switch (type) {
+            case "database-id":
+                targetObject = this.requestDatabaseIds;
+                break;
+
+            case "unique-id":
+                targetObject = this.requestUniqueIds;
+                break;
+
+            default:
+                return;
+        }
+
+        Object.keys(targetObject).forEach(key => {
+            if(targetObject[key].fullFilled) {
+                return;
+            }
+
+            targetObject[key].fullFilled = true;
+            targetObject[key].resolve(result);
+        });
+    }
+
+    private static parseClientInfo(json: any[]) : ClientInfo[] {
+        const result: ClientInfo[] = [];
+
+        let index = 0;
+        for(const entry of json) {
+            index++;
+
+            if(typeof entry["cluid"] === "undefined") {
+                logWarn(LogCategory.NETWORKING, tr("Missing client unique id in client info result bulk %d."), index);
+                continue;
+            }
+
+            if(typeof entry["clname"] === "undefined") {
+                logWarn(LogCategory.NETWORKING, tr("Missing client name in client info result bulk %d."), index);
+                continue;
+            }
+
+            if(typeof entry["cldbid"] === "undefined") {
+                logWarn(LogCategory.NETWORKING, tr("Missing client database id in client info result bulk %d."), index);
+                continue;
+            }
+
+            const databaseId = parseInt(entry["cldbid"]);
+            if(isNaN(databaseId)) {
+                logWarn(LogCategory.NETWORKING, tr("Client database id (%s) in client info isn't parse able as integer in bulk  %d."), entry["cldbid"], index);
+                continue;
+            }
+
+            result.push({ clientName: entry["clname"], clientUniqueId: entry["cluid"], clientDatabaseId: databaseId });
+        }
+
+        return result;
+    }
+
+    getInfoByDatabaseId(databaseId: number) : Promise<ClientInfoResult> {
+        return this.registerRequest("database-id", databaseId);
+    }
+
+    getInfoByUniqueId(uniqueId: string) : Promise<ClientInfoResult> {
+        return this.registerRequest("unique-id", uniqueId);
+    }
+
+    async executeQueries() {
+        this.executed = true;
+        let promises = [];
+        let handlers = [];
+
+        try {
+            const requestDatabaseIds = Object.keys(this.requestDatabaseIds);
+            if(requestDatabaseIds.length > 0) {
+                handlers.push(this.handler.serverConnection.command_handler_boss().register_explicit_handler("notifyclientgetnamefromdbid", command => {
+                    ClientInfoResolver.parseClientInfo(command.arguments).forEach(info => {
+                        if(this.requestDatabaseIds[info.clientDatabaseId].fullFilled) {
+                            return;
+                        }
+
+                        this.requestDatabaseIds[info.clientDatabaseId].fullFilled = true;
+                        this.requestDatabaseIds[info.clientDatabaseId].resolve({
+                            status: "success",
+
+                            clientName: info.clientName,
+                            clientDatabaseId: info.clientDatabaseId,
+                            clientUniqueId: info.clientUniqueId
+                        });
+                    });
+                }));
+
+                promises.push(this.handler.serverConnection.send_command("clientgetnamefromdbid",
+                    requestDatabaseIds.map(entry => ({ cldbid: entry })),
+                    {
+                        process_result: false,
+                    }
+                ).catch(error => {
+                    if(error instanceof CommandResult) {
+                        if(error.id === ErrorCode.DATABASE_EMPTY_RESULT) {
+                            return;
+                        }
+
+                        error = error.formattedMessage();
+                    } else if(typeof error !== "string") {
+                        logError(LogCategory.NETWORKING, tr("Failed to resolve client info from database id: %o"), error);
+                        error = tr("lookup the console");
+                    }
+
+                    this.fullFullAllRequests("database-id", {
+                        status: "error",
+                        error: error
+                    });
+                }));
+            }
+
+            const requestUniqueIds = Object.keys(this.requestUniqueIds);
+            if(requestUniqueIds.length > 0) {
+                handlers.push(this.handler.serverConnection.command_handler_boss().register_explicit_handler("notifyclientnamefromuid", command => {
+                    ClientInfoResolver.parseClientInfo(command.arguments).forEach(info => {
+                        if(this.requestUniqueIds[info.clientUniqueId].fullFilled) {
+                            return;
+                        }
+
+                        this.requestUniqueIds[info.clientUniqueId].fullFilled = true;
+                        this.requestUniqueIds[info.clientUniqueId].resolve({
+                            status: "success",
+
+                            clientName: info.clientName,
+                            clientDatabaseId: info.clientDatabaseId,
+                            clientUniqueId: info.clientUniqueId
+                        });
+                    });
+                }));
+
+                promises.push(this.handler.serverConnection.send_command("clientgetnamefromuid",
+                    requestUniqueIds.map(entry => ({ cluid: entry })),
+                    {
+                        process_result: false,
+                    }
+                ).catch(error => {
+                    if(error instanceof CommandResult) {
+                        if(error.id === ErrorCode.DATABASE_EMPTY_RESULT) {
+                            return;
+                        }
+
+                        error = error.formattedMessage();
+                    } else if(typeof error !== "string") {
+                        logError(LogCategory.NETWORKING, tr("Failed to resolve client info from unique id: %o"), error);
+                        error = tr("lookup the console");
+                    }
+
+                    this.fullFullAllRequests("unique-id", {
+                        status: "error",
+                        error: error
+                    });
+                }));
+            }
+
+            await Promise.all(promises);
+
+            this.fullFullAllRequests("unique-id", { status: "not-found" });
+            this.fullFullAllRequests("database-id", { status: "not-found" });
+        } finally {
+            handlers.forEach(callback => callback());
+
+            this.fullFullAllRequests("unique-id", {
+                status: "error",
+                error: tr("request failed")
+            });
+
+            this.fullFullAllRequests("database-id", {
+                status: "error",
+                error: tr("request failed")
+            });
+        }
+    }
+}
\ No newline at end of file
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index f95a08d1..cfe22dd1 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -12,7 +12,6 @@ import * as htmltags from "../ui/htmltags";
 import {CommandResult} from "../connection/ServerConnectionDeclaration";
 import {ChannelEntry} from "./Channel";
 import {ConnectionHandler, ViewReasonId} from "../ConnectionHandler";
-import {createServerGroupAssignmentModal} from "../ui/modal/ModalGroupAssignment";
 import {openClientInfo} from "../ui/modal/ModalClientInfo";
 import {spawnBanClient} from "../ui/modal/ModalBanClient";
 import {spawnChangeLatency} from "../ui/modal/ModalChangeLatency";
@@ -31,6 +30,7 @@ import {VideoClient} from "tc-shared/connection/VideoConnection";
 import { tr } from "tc-shared/i18n/localize";
 import {EventClient} from "tc-shared/connectionlog/Definitions";
 import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
+import {spawnServerGroupAssignments} from "tc-shared/ui/modal/group-assignment/Controller";
 
 export enum ClientType {
     CLIENT_VOICE,
@@ -472,30 +472,7 @@ export class ClientEntry<Events extends ClientEvents = ClientEvents> extends Cha
     }
 
     open_assignment_modal() {
-        createServerGroupAssignmentModal(this as any, (groups, flag) => {
-            if(groups.length == 0) return Promise.resolve(true);
-
-            if(groups.length == 1) {
-                if(flag) {
-                    return this.channelTree.client.serverConnection.send_command("servergroupaddclient", {
-                        sgid: groups[0],
-                        cldbid: this.properties.client_database_id
-                    }).then(() => true);
-                } else
-                    return this.channelTree.client.serverConnection.send_command("servergroupdelclient", {
-                        sgid: groups[0],
-                        cldbid: this.properties.client_database_id
-                    }).then(() => true);
-            } else {
-                const data = groups.map(e => { return {sgid: e}; });
-                data[0]["cldbid"] = this.properties.client_database_id;
-
-                if(flag) {
-                    return this.channelTree.client.serverConnection.send_command("clientaddservergroup", data, {flagset: ["continueonerror"]}).then(() => true);
-                } else
-                    return this.channelTree.client.serverConnection.send_command("clientdelservergroup", data, {flagset: ["continueonerror"]}).then(() => true);
-            }
-        });
+        spawnServerGroupAssignments(this.channelTree.client, this.properties.client_database_id);
     }
 
     open_text_chat() {
diff --git a/shared/js/ui/modal/group-assignment/Controller.ts b/shared/js/ui/modal/group-assignment/Controller.ts
new file mode 100644
index 00000000..af2d0134
--- /dev/null
+++ b/shared/js/ui/modal/group-assignment/Controller.ts
@@ -0,0 +1,409 @@
+import {Registry} from "tc-events";
+import {
+    ModalClientGroupAssignmentEvents,
+    ModalClientGroupAssignmentVariables
+} from "tc-shared/ui/modal/group-assignment/Definitions";
+import {createIpcUiVariableProvider, IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {ClientInfoResolver, ClientInfoResult} from "tc-shared/connection/ClientInfo";
+import {GroupManager, GroupType} from "tc-shared/permission/GroupManager";
+import PermissionType from "tc-shared/permission/PermissionType";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {Mutex} from "tc-shared/Mutex";
+import {LogCategory, logError, logWarn} from "tc-shared/log";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ErrorCode} from "tc-shared/connection/ErrorCode";
+import {ModalController} from "tc-shared/ui/react-elements/modal/Definitions";
+
+type AssignedGroups = {
+    status: "unloaded"
+} | {
+    status: "error",
+    error: string
+} | {
+    status: "success",
+    groups: number[]
+};
+
+const generateUniqueId = (handler: ConnectionHandler, clientDatabaseId: number) => "server-group-assignments-" + handler.handlerId + " - " + clientDatabaseId;
+
+class Controller {
+    readonly events: Registry<ModalClientGroupAssignmentEvents>;
+    readonly variables: IpcUiVariableProvider<ModalClientGroupAssignmentVariables>;
+
+    readonly handler: ConnectionHandler;
+    readonly clientDatabaseId: number;
+
+    private clientInfoTimeout: number;
+    private clientInfoPromise: Promise<ClientInfoResult>;
+
+    private registeredListener: (() => void)[];
+    private resendAvailableGroups = false;
+
+    private assignedGroups: Mutex<AssignedGroups>;
+    private assignmentLoadEnqueued = false;
+
+    constructor(handler: ConnectionHandler, clientDatabaseId: number) {
+        this.handler = handler;
+        this.clientDatabaseId = clientDatabaseId;
+
+        this.events = new Registry<ModalClientGroupAssignmentEvents>();
+        this.variables = createIpcUiVariableProvider();
+
+        this.assignedGroups = new Mutex<AssignedGroups>({ status: "unloaded" });
+        this.registeredListener = [];
+
+        this.variables.setVariableProvider("handlerId", () => this.handler.handlerId);
+        this.variables.setVariableProvider("availableGroups", () => {
+            this.resendAvailableGroups = false;
+
+            const addPermissions = this.handler.permissions.neededPermission(PermissionType.I_SERVER_GROUP_MEMBER_ADD_POWER);
+            const removePermissions = this.handler.permissions.neededPermission(PermissionType.I_SERVER_GROUP_MEMBER_REMOVE_POWER);
+
+            const serverGroups = this.handler.groups.serverGroups.slice(0).sort(GroupManager.sorter());
+            return {
+                defaultGroup: this.handler.channelTree.server.properties.virtualserver_default_server_group,
+                groups: serverGroups.filter(entry => entry.type === GroupType.NORMAL).map(entry => ({
+                    name: entry.name,
+                    groupId: entry.id,
+                    saveDB: entry.properties.savedb,
+
+                    icon: {
+                        iconId: entry.properties.iconid,
+                        serverUniqueId: this.handler.getCurrentServerUniqueId(),
+                        handlerId: this.handler.handlerId
+                    },
+
+                    addAble: addPermissions.granted(entry.requiredMemberAddPower),
+                    removeAble: removePermissions.granted(entry.requiredMemberRemovePower)
+                }))
+            }
+        });
+        this.variables.setVariableProviderAsync("targetClient", async () => {
+            const result = await this.getClientInfo();
+            switch (result.status) {
+                case "error":
+                    return { status: "error", message: result.error };
+
+                case "not-found":
+                    return { status: "error", message: tr("not found") };
+
+                case "success":
+                    return {
+                        status: "success",
+
+                        clientName: result.clientName,
+                        clientUniqueId: result.clientUniqueId,
+                        clientDatabaseId: result.clientDatabaseId
+                    };
+
+                default:
+                    return { status: "error", message: tr("unknown status") };
+            }
+        });
+
+        this.variables.setVariableProviderAsync("assignedGroupStatus", async () => {
+            const result = await this.assignedGroups.tryExecute<ModalClientGroupAssignmentVariables["assignedGroupStatus"]>(value => {
+                switch (value.status) {
+                    case "success":
+                        return { status: "loaded", assignedGroups: value.groups.length };
+
+                    case "unloaded":
+                        return { status: "loading" };
+
+                    case "error":
+                    default:
+                        return { status: "error", message: value.error || tr("invalid status") };
+                }
+            });
+
+            if(result.status === "would-block") {
+                return { status: "loading" };
+            } else {
+                return result.result;
+            }
+        });
+
+        this.variables.setVariableProviderAsync("groupAssigned", groupId => this.assignedGroups.execute(assignedGroups => {
+            switch (assignedGroups.status) {
+                case "success":
+                    return assignedGroups.groups.indexOf(groupId) !== -1;
+
+                case "error":
+                case "unloaded":
+                default:
+                    return false;
+            }
+        }));
+
+        this.variables.setVariableEditorAsync("groupAssigned", async (newValue, groupId) => this.assignedGroups.execute(async assignedGroups => {
+            if(assignedGroups.status !== "success") {
+                return false;
+            }
+
+            if((assignedGroups.groups.indexOf(groupId) === -1) !== newValue) {
+                /* No change to propagate but update the local value */
+                return true;
+            }
+
+            let command, action: "add" | "remove";
+            if(newValue) {
+                action = "add";
+                command = "servergroupaddclient";
+            } else {
+                action = "remove";
+                command = "servergroupdelclient";
+            }
+
+            try {
+                await this.handler.serverConnection.send_command(command, { sgid: groupId, cldbid: this.clientDatabaseId });
+                assignedGroups.groups.toggle(groupId, newValue);
+                this.variables.sendVariable("assignedGroupStatus");
+            } catch (error) {
+                if(error instanceof CommandResult) {
+                    if(error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
+                        this.events.fire("notify_toggle_result", {
+                            action: action,
+                            groupId: groupId,
+                            groupName: "",
+                            result: {
+                                status: "no-permissions",
+                                permission: this.handler.permissions.getFailedPermission(error)
+                            }
+                        });
+                        return false;
+                    } else {
+                        this.events.fire("notify_toggle_result", {
+                            action: action,
+                            groupId: groupId,
+                            groupName: "",
+                            result: {
+                                status: "error",
+                                reason: error.formattedMessage()
+                            }
+                        });
+                        return false;
+                    }
+                }
+
+                logError(LogCategory.NETWORKING, tr("Failed to toggle client server group %d: %o"), groupId, error);
+                return false;
+            }
+
+            return true;
+        }));
+
+        this.events.on("action_remove_all", () => {
+            this.assignedGroups.execute(async value => {
+                let args = [];
+
+                switch (value.status) {
+                    case "success":
+                        if(value.groups.length === 0) {
+                            return;
+                        }
+                        args = value.groups.map(entry => ({ sgid: entry }));
+                        break;
+
+                    default:
+                        return;
+                }
+
+                args[0].cldbid = this.clientDatabaseId;
+                let result: CommandResult;
+                try {
+                    result = await this.handler.serverConnection.send_command("servergroupdelclient", args);
+                } catch (error) {
+                    if(error instanceof CommandResult) {
+                        result = error;
+                    } else {
+                        logError(LogCategory.NETWORKING, tr("Failed to remote all server groups from target client: %o"), error);
+                        return;
+                    }
+                }
+
+                const bulks = result.getBulks();
+                if(bulks.length !== args.length) {
+                    if(!result.success) {
+                        /* result.bulks.length must be one then */
+                        logError(LogCategory.NETWORKING, tr("Failed to remote all server groups from target client: %o"), result.formattedMessage());
+                        return;
+                    } else {
+                        /* Server does not send a bulked response. We've to do a full refresh */
+                        this.events.fire("action_refresh", { slowMode: false });
+                    }
+                } else {
+                    let statusUpdated = false;
+                    for(let index = 0; index < args.length; index++) {
+                        if(!bulks[index].success) {
+                            continue;
+                        }
+
+                        statusUpdated = true;
+                        value.groups.remove(args[index].sgid);
+                    }
+
+                    if(statusUpdated) {
+                        this.variables.sendVariable("assignedGroupStatus");
+                        this.sendAllGroupStatus();
+                    }
+                }
+            }).then(undefined);
+        });
+
+        this.events.on("action_refresh", event => {
+            this.loadAssignedGroups(event.slowMode);
+            this.variables.sendVariable("assignedGroupStatus");
+        });
+
+        this.registeredListener.push(
+            handler.groups.events.on(["notify_groups_created", "notify_groups_deleted", "notify_groups_received", "notify_groups_updated", "notify_reset"], () => this.enqueueGroupResend())
+        );
+        this.registeredListener.push(handler.permissions.register_needed_permission(PermissionType.I_SERVER_GROUP_MEMBER_ADD_POWER, () => this.enqueueGroupResend()));
+        this.registeredListener.push(handler.permissions.register_needed_permission(PermissionType.I_SERVER_GROUP_MEMBER_REMOVE_POWER, () => this.enqueueGroupResend()));
+        this.loadAssignedGroups(false);
+    }
+
+    destroy() {
+        this.registeredListener.forEach(callback => callback());
+        this.registeredListener = [];
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    private sendAllGroupStatus() {
+        this.variables.getVariable("availableGroups", undefined).then(groups => {
+            groups.groups.forEach(group => this.variables.sendVariable("groupAssigned", group.groupId));
+        });
+    }
+
+    private loadAssignedGroups(slowMode: boolean) {
+        if(this.assignmentLoadEnqueued) {
+            return;
+        }
+
+        this.assignmentLoadEnqueued = true;
+        this.assignedGroups.execute(async (assignedGroups, setAssignedGroups) => {
+            if(slowMode) {
+                await new Promise(resolve => setTimeout(resolve, 1000));
+            }
+            this.assignmentLoadEnqueued = false;
+
+            let resultSet = false;
+            const unregisterCallback = this.handler.serverConnection.command_handler_boss().register_explicit_handler("notifyservergroupsbyclientid", command => {
+                const payload = command.arguments;
+                const clientId = parseInt(payload[0].cldbid);
+                if(isNaN(clientId) || clientId !== this.clientDatabaseId) {
+                    return;
+                }
+
+                let groups = [];
+                for(const entry of payload) {
+                    const groupId = parseInt(entry.sgid);
+                    if(isNaN(groupId)) {
+                        logWarn(LogCategory.NETWORKING, tr("Failed to parse sgid as integer of server groups by client id response (%o)."), entry);
+                        continue;
+                    }
+
+                    groups.push(groupId);
+                }
+
+                resultSet = true;
+                setAssignedGroups({ status: "success", groups: groups });
+            });
+
+            try {
+                await this.handler.serverConnection.send_command("servergroupsbyclientid", { cldbid: this.clientDatabaseId });
+                if(!resultSet) {
+                    setAssignedGroups({ status: "error", error: tr("missing result") });
+                }
+            } catch (error) {
+                if(!resultSet) {
+                    if(error instanceof CommandResult) {
+                        if(error.id === ErrorCode.DATABASE_EMPTY_RESULT) {
+                            setAssignedGroups({ status: "success", groups: [] });
+                        } else if(error.id === ErrorCode.CLIENT_INVALID_ID) {
+                            setAssignedGroups({ status: "error", error: tr("invalid client id") });
+                        } else {
+                            setAssignedGroups({ status: "error", error: error.formattedMessage() });
+                        }
+                    } else {
+                        if(typeof error !== "string") {
+                            logError(LogCategory.NETWORKING, tr("Failed to query client server groups: %o"), error);
+                            error = tr("lookup the console");
+                        }
+
+                        setAssignedGroups({ status: "error", error: error });
+                    }
+                }
+            } finally {
+                unregisterCallback();
+            }
+        }).then(() => {
+            this.variables.sendVariable("assignedGroupStatus");
+            this.sendAllGroupStatus();
+        });
+    }
+
+    private enqueueGroupResend() {
+        if(this.resendAvailableGroups) {
+            return;
+        }
+
+        this.resendAvailableGroups = true;
+        this.variables.sendVariable("availableGroups");
+    }
+
+    private getClientInfo() : Promise<ClientInfoResult> {
+        if(typeof this.clientInfoTimeout === "number" && Date.now() < this.clientInfoTimeout) {
+            return this.clientInfoPromise;
+        }
+
+        this.clientInfoTimeout = Date.now() + 5000;
+        return (this.clientInfoPromise = new Promise<ClientInfoResult>(resolve => {
+            const resolver = new ClientInfoResolver(this.handler);
+            resolver.getInfoByDatabaseId(this.clientDatabaseId).then(result => {
+                resolve(result);
+                switch (result.status) {
+                    case "success":
+                    case "not-found":
+                        this.clientInfoTimeout = Date.now() + 60 * 1000;
+                        break;
+
+                    case "error":
+                    default:
+                        this.clientInfoTimeout = Date.now() + 5 * 1000;
+                        break;
+                }
+            });
+            resolver.executeQueries().then(undefined);
+        }));
+    }
+}
+
+let controllerInstances: {[key: string]: ModalController} = {};
+export function spawnServerGroupAssignments(handler: ConnectionHandler, targetClientDatabaseId: number) {
+    const uniqueId = generateUniqueId(handler, targetClientDatabaseId);
+    if(typeof controllerInstances[uniqueId] !== "undefined") {
+        controllerInstances[uniqueId].show().then(undefined);
+        return;
+    }
+
+    const controller = new Controller(handler, targetClientDatabaseId);
+    const modal = spawnModal("modal-assign-server-groups", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription()
+    ], {
+        popoutable: true,
+        uniqueId: uniqueId
+    });
+    controller.events.on("action_close", () => modal.destroy());
+    modal.getEvents().on("destroy", () => {
+        delete controllerInstances[uniqueId];
+        controller.destroy();
+    });
+
+    modal.show().then(undefined);
+    controllerInstances[uniqueId] = modal;
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/group-assignment/Definitions.ts b/shared/js/ui/modal/group-assignment/Definitions.ts
new file mode 100644
index 00000000..7da5bb2f
--- /dev/null
+++ b/shared/js/ui/modal/group-assignment/Definitions.ts
@@ -0,0 +1,57 @@
+import {RemoteIconInfo} from "tc-shared/file/Icons";
+
+export type AvailableGroup = {
+    groupId: number,
+    saveDB: boolean,
+
+    name: string,
+    icon: RemoteIconInfo | undefined,
+
+    addAble: boolean,
+    removeAble: boolean,
+}
+
+export type ClientInfo = {
+    status: "success",
+
+    clientDatabaseId: number,
+    clientUniqueId: string,
+    clientName: string
+} | {
+    status: "error",
+    message: string
+};
+
+export interface ModalClientGroupAssignmentVariables {
+    readonly handlerId: string,
+    readonly targetClient: ClientInfo,
+    readonly availableGroups: {
+        groups: AvailableGroup[],
+        defaultGroup: number
+    },
+    readonly assignedGroupStatus: { status: "loaded", assignedGroups: number } | { status: "loading" } | { status: "error", message: string };
+    groupAssigned: boolean,
+}
+
+export interface ModalClientGroupAssignmentEvents {
+    action_close: {},
+    action_remove_all: {},
+    action_refresh: { slowMode: boolean },
+
+    notify_toggle_result: {
+        action: "add" | "remove",
+
+        groupId: number,
+        groupName: string,
+
+        result: {
+            status: "success"
+        } | {
+            status: "error",
+            reason: string
+        } | {
+            status: "no-permissions",
+            permission: string
+        },
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/group-assignment/Renderer.scss b/shared/js/ui/modal/group-assignment/Renderer.scss
new file mode 100644
index 00000000..7ec7307b
--- /dev/null
+++ b/shared/js/ui/modal/group-assignment/Renderer.scss
@@ -0,0 +1,172 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    user-select: none;
+
+    min-width: 20em;
+    width: 30em;
+
+    min-height: 10em;
+    max-height: calc(100vh - 10rem);
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    background-color: #2f2f35;
+    padding: .5em;
+
+
+    .title {
+        display: flex;
+        flex-direction: row;
+        justify-content: stretch;
+
+        .clientInfo {
+            flex-grow: 1;
+            flex-shrink: 1;
+
+            min-width: 4em;
+
+            margin-bottom: .25em;
+
+            .textError {
+                color: #cc0000;
+            }
+        }
+
+        .refreshButton {
+            flex-grow: 0;
+            flex-shrink: 0;
+        }
+    }
+
+    .containerButtons {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        padding-top: 1em;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+    }
+
+    &.windowed {
+        width: 100%;
+        height: 100%;
+
+        max-height: 100%;
+    }
+}
+
+
+.assignmentList {
+    flex-shrink: 1;
+    flex-grow: 1;
+
+    min-height: 4em;
+    height: 20em;
+
+    padding: 3px;
+    overflow-y: auto;
+
+    border: 1px #161616 solid;
+    border-radius: $border_radius_middle;
+    background-color: #28292b;
+
+    position: relative;
+
+    @include chat-scrollbar-vertical();
+
+    .entry {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: stretch;
+
+        height: 1.75em;
+
+        > * {
+            flex-shrink: 0;
+            flex-grow: 0;
+            align-self: center;
+        }
+
+        .checkbox {
+            margin-right: .5em;
+        }
+
+        .icon {
+            margin-right: .25em;
+        }
+
+        .name {
+            flex-shrink: 1;
+            flex-grow: 1;
+
+            min-width: 6em;
+
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    .overlay {
+        position: absolute;
+
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        .text {
+            align-self: center;
+            text-align: center;
+
+            color: #666;
+            font-size: 1.2em;
+
+            &.error {
+                color: #a32929;
+            }
+        }
+    }
+
+    .iconContainer {
+        align-self: center;
+        margin-right: 4px;
+        margin-left: 2px;
+        margin-top: -2px;
+    }
+
+    a {
+        align-self: center;
+    }
+}
+
+.button {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    align-self: center;
+    cursor: pointer;
+
+    padding: .2em;
+    border-radius: .2em;
+
+    transition: all ease-in-out $button_hover_animation_time;
+
+    &:hover {
+        background-color: #0000004f;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/group-assignment/Renderer.tsx b/shared/js/ui/modal/group-assignment/Renderer.tsx
new file mode 100644
index 00000000..4c370366
--- /dev/null
+++ b/shared/js/ui/modal/group-assignment/Renderer.tsx
@@ -0,0 +1,222 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext} from "react";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {
+    AvailableGroup,
+    ModalClientGroupAssignmentEvents,
+    ModalClientGroupAssignmentVariables
+} from "tc-shared/ui/modal/group-assignment/Definitions";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {ClientTag} from "tc-shared/ui/tree/EntryTags";
+import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
+import {RemoteIconInfoRenderer} from "tc-shared/ui/react-elements/Icon";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
+
+const cssStyle = require("./Renderer.scss");
+const VariablesContext = React.createContext<UiVariableConsumer<ModalClientGroupAssignmentVariables>>(undefined);
+const EventsContext = React.createContext<Registry<ModalClientGroupAssignmentEvents>>(undefined);
+
+const GroupEntryRenderer = React.memo((props: { entry : AvailableGroup, defaultGroup: boolean, defaultGroupActive: boolean }) => {
+    const variables = useContext(VariablesContext);
+    const assigned = variables.useVariable("groupAssigned", props.entry.groupId, false);
+
+    let disabled = false;
+    if(assigned.status === "applying") {
+        disabled = true;
+    } else if(assigned.localValue ? !props.entry.removeAble : !props.entry.addAble) {
+        disabled = true;
+    } else if(props.defaultGroup && !assigned.localValue) {
+        /* Only disable it if we haven't the group assigned in order to remove the assignment even though the groups is the default group */
+        disabled = true;
+    }
+
+    let nameSuffix;
+    if(props.defaultGroup) {
+        nameSuffix = " [default]";
+    } else if(!props.entry.saveDB) {
+        nameSuffix = " [temp]";
+    }
+    return (
+        <div className={cssStyle.entry}>
+            <Checkbox
+                value={(props.defaultGroup && props.defaultGroupActive) || assigned.localValue}
+                onChange={value => assigned.setValue(value)}
+                disabled={disabled}
+                className={cssStyle.checkbox}
+            />
+            <RemoteIconInfoRenderer icon={props.entry.icon} className={cssStyle.icon} />
+            <div className={cssStyle.name}>{props.entry.name}{nameSuffix}</div>
+        </div>
+    );
+});
+
+const GroupListRenderer = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const serverGroups = variables.useReadOnly("availableGroups", undefined, { defaultGroup: -1, groups: [] });
+    const assignmentStatus = variables.useReadOnly("assignedGroupStatus", undefined, { status: "loading" });
+
+    let body;
+    if(assignmentStatus.status === "loaded") {
+        body = serverGroups.groups.map(entry => (
+            <GroupEntryRenderer
+                entry={entry} key={"group-" + entry.groupId}
+                defaultGroup={serverGroups.defaultGroup === entry.groupId}
+                defaultGroupActive={assignmentStatus.assignedGroups === 0}
+            />
+        ));
+    } else if(assignmentStatus.status === "loading") {
+        body = (
+            <div className={cssStyle.overlay} key={"loading"}>
+                <div className={cssStyle.text}>
+                    <Translatable>loading</Translatable> <LoadingDots />
+                </div>
+            </div>
+        );
+    } else if(assignmentStatus.status === "error") {
+        body = (
+            <div className={cssStyle.overlay} key={"error"}>
+                <div className={cssStyle.text + " " + cssStyle.error}>
+                    <Translatable>An error occurred:</Translatable><br />
+                    {assignmentStatus.message}
+                </div>
+            </div>
+        );
+    }
+    return (
+        <div className={cssStyle.assignmentList}>
+            {body}
+        </div>
+    );
+});
+
+const Buttons = React.memo(() => {
+    const events = useContext(EventsContext);
+    const variables = useContext(VariablesContext);
+    const assignmentStatus = variables.useReadOnly("assignedGroupStatus", undefined, { status: "loading" });
+
+    return (
+        <div className={cssStyle.containerButtons}>
+            <Button
+                color={"red"}
+                onClick={() => events.fire("action_remove_all")}
+                disabled={assignmentStatus.status === "loaded" ? assignmentStatus.assignedGroups === 0 : true}
+            >
+                <Translatable>Remove all groups</Translatable>
+            </Button>
+            <Button color={"green"} onClick={() => events.fire("action_close")}>
+                <Translatable>Close</Translatable>
+            </Button>
+        </div>
+    )
+});
+
+const ClientInfoRenderer = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const handlerId = variables.useReadOnly("handlerId", undefined, undefined);
+    const user = variables.useReadOnly("targetClient");
+
+    let inner;
+    if(handlerId && user.status === "loaded") {
+        let clientTag;
+        if(user.value.status === "success") {
+            clientTag = <ClientTag key={"client-tag"} clientName={user.value.clientName} clientUniqueId={user.value.clientUniqueId} handlerId={handlerId} />;
+        } else {
+            clientTag = <div key={"error"} className={cssStyle.textError}>{user.value.message}</div>;
+        }
+
+        inner = (
+            <VariadicTranslatable text={"Changing groups of {}"} key={"user-specific"}>
+                {clientTag}
+            </VariadicTranslatable>
+        );
+    } else {
+        inner = <Translatable key={"generic"}>Change server groups</Translatable>;
+    }
+
+    return (
+        <div className={cssStyle.clientInfo}>
+            {inner}
+        </div>
+    );
+});
+
+const RefreshButton = React.memo(() => {
+    const events = useContext(EventsContext);
+
+    return (
+        <div className={cssStyle.refreshButton + " " + cssStyle.button} onClick={() => events.fire("action_refresh", { slowMode: true })}>
+            <ClientIconRenderer icon={ClientIcon.Refresh} />
+        </div>
+    )
+})
+
+const TitleRenderer = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const client = variables.useReadOnly("targetClient");
+    const handlerId = variables.useReadOnly("handlerId", undefined, undefined);
+
+    if(client.status === "loaded" && client.value.status === "success" && handlerId) {
+        return (
+            <VariadicTranslatable text={"Server group assignments for {}"} key={"client-known"}>
+                <ClientTag
+                    handlerId={handlerId}
+                    clientName={client.value.clientName}
+                    clientUniqueId={client.value.clientUniqueId}
+                    clientDatabaseId={client.value.clientDatabaseId}
+                    style={"text-only"}
+                />
+            </VariadicTranslatable>
+        );
+    } else {
+        return <Translatable key={"unknown"}>Server group assignments</Translatable>;
+    }
+});
+
+export default class ModalServerGroups extends AbstractModal {
+    private readonly events: Registry<ModalClientGroupAssignmentEvents>;
+    private readonly variables: UiVariableConsumer<ModalClientGroupAssignmentVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalClientGroupAssignmentEvents>, variables: IpcVariableDescriptor<ModalClientGroupAssignmentVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventsContext.Provider value={this.events}>
+                <VariablesContext.Provider value={this.variables}>
+                    <div className={cssStyle.container + " " + (this.properties.windowed ? cssStyle.windowed : "")}>
+                        <div className={cssStyle.title}>
+                            <ClientInfoRenderer />
+                            <RefreshButton />
+                        </div>
+                        <GroupListRenderer />
+                        <Buttons />
+                    </div>
+                </VariablesContext.Provider>
+            </EventsContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return (
+            <VariablesContext.Provider value={this.variables}>
+                <TitleRenderer />
+            </VariablesContext.Provider>
+        )
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/Checkbox.tsx b/shared/js/ui/react-elements/Checkbox.tsx
index 033b83e0..63cafa20 100644
--- a/shared/js/ui/react-elements/Checkbox.tsx
+++ b/shared/js/ui/react-elements/Checkbox.tsx
@@ -11,6 +11,7 @@ export interface CheckboxProperties {
     value?: boolean;
     initialValue?: boolean;
 
+    className?: string;
     children?: never;
 }
 
@@ -32,7 +33,7 @@ export class Checkbox extends React.Component<CheckboxProperties, CheckboxState>
         const disabledClass = disabled ? cssStyle.disabled : "";
 
         return (
-            <label className={cssStyle.labelCheckbox + " " + disabledClass}>
+            <label className={cssStyle.labelCheckbox + " " + disabledClass + " " + this.props.className}>
                 <div className={cssStyle.checkbox + " " + disabledClass}>
                     <input type={"checkbox"} checked={checked} disabled={disabled} onChange={event => this.onStateChange(event)} />
                     <div className={cssStyle.mark} />
diff --git a/shared/js/ui/react-elements/Icon.tsx b/shared/js/ui/react-elements/Icon.tsx
index 044dd42e..acd800ad 100644
--- a/shared/js/ui/react-elements/Icon.tsx
+++ b/shared/js/ui/react-elements/Icon.tsx
@@ -1,9 +1,11 @@
 import * as React from "react";
 import {useState} from "react";
-import {RemoteIcon} from "tc-shared/file/Icons";
+import {getIconManager, RemoteIcon, RemoteIconInfo} from "tc-shared/file/Icons";
 
 const cssStyle = require("./Icon.scss");
 
+const EmptyIcon = (props: { className?: string, title?: string }) => <div className={cssStyle.container + " icon-container icon-empty " + props.className} title={props.title} />;
+
 export const IconRenderer = (props: {
     icon: string;
     title?: string;
@@ -18,7 +20,7 @@ export const IconRenderer = (props: {
     }
 }
 
-export const RemoteIconRenderer = (props: { icon: RemoteIcon, className?: string, title?: string }) => {
+export const RemoteIconRenderer = (props: { icon: RemoteIcon | undefined, className?: string, title?: string }) => {
     const [ revision, setRevision ] = useState(0);
 
     props.icon.events.reactUse("notify_state_changed", () => setRevision(revision + 1));
@@ -51,4 +53,12 @@ export const RemoteIconRenderer = (props: { icon: RemoteIcon, className?: string
         default:
             throw "invalid icon state";
     }
-};
\ No newline at end of file
+};
+
+export const RemoteIconInfoRenderer = React.memo((props: { icon: RemoteIconInfo | undefined, className?: string, title?: string }) => {
+    if(!props.icon || props.icon.iconId === 0) {
+        return <EmptyIcon title={props.title} className={props.className} key={"empty-icon"} />;
+    } else {
+        return <RemoteIconRenderer icon={getIconManager().resolveIconInfo(props.icon)} className={props.className} title={props.title} key={"icon"} />;
+    }
+});
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index f4f00445..c68da018 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -1,5 +1,4 @@
 import {IpcRegistryDescription, Registry} from "tc-shared/events";
-import {VideoViewerEvents} from "tc-shared/video-viewer/Definitions";
 import {ChannelEditEvents} from "tc-shared/ui/modal/channel-edit/Definitions";
 import {EchoTestEvents} from "tc-shared/ui/modal/echo-test/Definitions";
 import {ModalGlobalSettingsEditorEvents} from "tc-shared/ui/modal/global-settings-editor/Definitions";
@@ -12,6 +11,11 @@ import {
     ModalBookmarksAddServerVariables
 } from "tc-shared/ui/modal/bookmarks-add-server/Definitions";
 import {ModalPokeEvents, ModalPokeVariables} from "tc-shared/ui/modal/poke/Definitions";
+import {
+    ModalClientGroupAssignmentEvents,
+    ModalClientGroupAssignmentVariables
+} from "tc-shared/ui/modal/group-assignment/Definitions";
+import {VideoViewerEvents} from "tc-shared/ui/modal/video-viewer/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -188,4 +192,8 @@ export interface ModalConstructorArguments {
         /* events */ IpcRegistryDescription<ModalPokeEvents>,
         /* variables */ IpcVariableDescriptor<ModalPokeVariables>,
     ],
+    "modal-assign-server-groups": [
+        /* events */ IpcRegistryDescription<ModalClientGroupAssignmentEvents>,
+        /* variables */ IpcVariableDescriptor<ModalClientGroupAssignmentVariables>,
+    ],
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index e80b05d8..debad67d 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -91,3 +91,10 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "modal-assign-server-groups",
+    classLoader: async () => await import("tc-shared/ui/modal/group-assignment/Renderer"),
+    popoutSupported: true
+});
+
+
diff --git a/shared/js/ui/tree/EntryTags.tsx b/shared/js/ui/tree/EntryTags.tsx
index e99c6452..5b252152 100644
--- a/shared/js/ui/tree/EntryTags.tsx
+++ b/shared/js/ui/tree/EntryTags.tsx
@@ -2,7 +2,6 @@ import * as React from "react";
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
-import {AppParameters} from "tc-shared/settings";
 import {generateDragElement, setupDragData} from "tc-shared/ui/tree/DragHelper";
 import {ClientIcon} from "svg-sprites/client-icons";
 
@@ -11,6 +10,7 @@ const cssStyle = require("./EntryTags.scss");
 
 let ipcChannel: IPCChannel;
 
+type EntryTagStyle = "text-only" | "normal";
 export const ServerTag = React.memo((props: {
     serverName: string,
     handlerId: string,
@@ -44,42 +44,56 @@ export const ClientTag = React.memo((props: {
     handlerId: string,
     clientId?: number,
     clientDatabaseId?: number,
-    className?: string
-}) => (
-    <div className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
-         onContextMenu={event => {
-             event.preventDefault();
+    className?: string,
 
-             ipcChannel.sendMessage("contextmenu-client", {
-                 clientUniqueId: props.clientUniqueId,
-                 handlerId: props.handlerId,
-                 clientId: props.clientId,
-                 clientDatabaseId: props.clientDatabaseId,
+    style?: EntryTagStyle
+}) => {
+    let style = props.style || "normal";
+    if(style === "text-only") {
+        return <React.Fragment key={"text-only"}>{props.clientName}</React.Fragment>;
+    }
 
-                 pageX: event.pageX,
-                 pageY: event.pageY
-             });
-         }}
-         draggable={true}
-         onDragStart={event => {
-             /* clients only => move */
-             event.dataTransfer.effectAllowed = "move"; /* prohibit copying */
-             event.dataTransfer.dropEffect = "move";
-             event.dataTransfer.setDragImage(generateDragElement([{ icon: ClientIcon.PlayerOn, name: props.clientName }]), 0, 6);
-             setupDragData(event.dataTransfer, props.handlerId, [
-                 {
-                     type: "client",
-                     clientUniqueId: props.clientUniqueId,
-                     clientId: props.clientId,
-                     clientDatabaseId: props.clientDatabaseId
-                 }
-             ], "client");
-             event.dataTransfer.setData("text/plain", props.clientName);
-         }}
-    >
-        {props.clientName}
-    </div>
-));
+    return (
+        <div
+            key={"normal"}
+            className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
+            onContextMenu={event => {
+                event.preventDefault();
+
+                ipcChannel.sendMessage("contextmenu-client", {
+                    clientUniqueId: props.clientUniqueId,
+                    handlerId: props.handlerId,
+                    clientId: props.clientId,
+                    clientDatabaseId: props.clientDatabaseId,
+
+                    pageX: event.pageX,
+                    pageY: event.pageY
+                });
+            }}
+            draggable={true}
+            onDragStart={event => {
+                /* clients only => move */
+                event.dataTransfer.effectAllowed = "move"; /* prohibit copying */
+                event.dataTransfer.dropEffect = "move";
+                event.dataTransfer.setDragImage(generateDragElement([{
+                    icon: ClientIcon.PlayerOn,
+                    name: props.clientName
+                }]), 0, 6);
+                setupDragData(event.dataTransfer, props.handlerId, [
+                    {
+                        type: "client",
+                        clientUniqueId: props.clientUniqueId,
+                        clientId: props.clientId,
+                        clientDatabaseId: props.clientDatabaseId
+                    }
+                ], "client");
+                event.dataTransfer.setData("text/plain", props.clientName);
+            }}
+        >
+            {props.clientName}
+        </div>
+    );
+});
 
 export const ChannelTag = React.memo((props: {
     channelName: string,
diff --git a/shared/js/ui/utils/Variable.ts b/shared/js/ui/utils/Variable.ts
index 4297e18f..beaa36bb 100644
--- a/shared/js/ui/utils/Variable.ts
+++ b/shared/js/ui/utils/Variable.ts
@@ -46,6 +46,10 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
         this.variableProvider[variable as any] = provider;
     }
 
+    setVariableProviderAsync<T extends keyof Variables>(variable: T, provider: (customData: any) => Promise<Variables[T]>) {
+        this.variableProvider[variable as any] = provider;
+    }
+
     /**
      * @param variable
      * @param editor If the editor returns `false` or a new variable, such variable will be used

From 9d8c3600e1743b2a8d75691d182a7d21266cd7c9 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 21 Mar 2021 16:55:54 +0100
Subject: [PATCH 047/128] Fixed the infinity loading screen when altering
 groups

---
 .../ui/modal/group-assignment/Controller.ts   | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/shared/js/ui/modal/group-assignment/Controller.ts b/shared/js/ui/modal/group-assignment/Controller.ts
index af2d0134..5f41566c 100644
--- a/shared/js/ui/modal/group-assignment/Controller.ts
+++ b/shared/js/ui/modal/group-assignment/Controller.ts
@@ -158,7 +158,6 @@ class Controller {
             try {
                 await this.handler.serverConnection.send_command(command, { sgid: groupId, cldbid: this.clientDatabaseId });
                 assignedGroups.groups.toggle(groupId, newValue);
-                this.variables.sendVariable("assignedGroupStatus");
             } catch (error) {
                 if(error instanceof CommandResult) {
                     if(error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
@@ -191,8 +190,8 @@ class Controller {
             }
 
             return true;
-        }));
-
+        }).then(() => this.variables.sendVariable("assignedGroupStatus")));
+        let updateMode: "none" | "status" | "refresh" = "none";
         this.events.on("action_remove_all", () => {
             this.assignedGroups.execute(async value => {
                 let args = [];
@@ -230,25 +229,26 @@ class Controller {
                         return;
                     } else {
                         /* Server does not send a bulked response. We've to do a full refresh */
-                        this.events.fire("action_refresh", { slowMode: false });
+                        updateMode = "refresh";
                     }
                 } else {
-                    let statusUpdated = false;
                     for(let index = 0; index < args.length; index++) {
                         if(!bulks[index].success) {
                             continue;
                         }
 
-                        statusUpdated = true;
+                        updateMode = "status";
                         value.groups.remove(args[index].sgid);
                     }
-
-                    if(statusUpdated) {
-                        this.variables.sendVariable("assignedGroupStatus");
-                        this.sendAllGroupStatus();
-                    }
                 }
-            }).then(undefined);
+            }).then(() => {
+                if(updateMode === "status") {
+                    this.variables.sendVariable("assignedGroupStatus");
+                    this.sendAllGroupStatus();
+                } else if(updateMode === "refresh") {
+                    this.events.fire("action_refresh", { slowMode: false });
+                }
+            });
         });
 
         this.events.on("action_refresh", event => {

From 084dd4cb6327074b879e42900e76fd1388c89948 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 22 Mar 2021 17:00:11 +0100
Subject: [PATCH 048/128] Reworked the trgen project structure and remove
 unneeded functionality

---
 tools/build_trgen.sh                          |   7 +-
 tools/trgen/{generator.ts => Definitions.ts}  |   0
 tools/trgen/TsTransformer.ts                  |  52 ------
 tools/trgen/bin/tsc.sh                        |   6 -
 tools/trgen/compiler.ts                       |  82 ----------
 .../JsRenderer.ts}                            |   3 +-
 .../TypeScript.ts}                            |   3 +-
 tools/trgen/index.ts                          | 150 ------------------
 tools/trgen/test/test_01.ts                   |  27 ----
 tools/trgen/test/test_02.html                 |  66 --------
 tools/trgen/test/test_03.tsx                  |   8 -
 tools/trgen/tsconfig.json                     |  12 +-
 .../Loader.ts}                                |   4 +-
 .../{WebpackPlugin.ts => webpack/Plugin.ts}   |  38 +++--
 tools/trgen/webpack/Utils.ts                  |  23 +++
 webpack.config.ts                             |   8 +-
 16 files changed, 65 insertions(+), 424 deletions(-)
 rename tools/trgen/{generator.ts => Definitions.ts} (100%)
 delete mode 100644 tools/trgen/TsTransformer.ts
 delete mode 100644 tools/trgen/bin/tsc.sh
 delete mode 100644 tools/trgen/compiler.ts
 rename tools/trgen/{JsRendererGenerator.ts => generator/JsRenderer.ts} (93%)
 rename tools/trgen/{TsGenerator.ts => generator/TypeScript.ts} (99%)
 delete mode 100644 tools/trgen/index.ts
 delete mode 100644 tools/trgen/test/test_01.ts
 delete mode 100644 tools/trgen/test/test_02.html
 delete mode 100644 tools/trgen/test/test_03.tsx
 rename tools/trgen/{JsRendererTranslationLoader.ts => webpack/Loader.ts} (80%)
 rename tools/trgen/{WebpackPlugin.ts => webpack/Plugin.ts} (51%)
 create mode 100644 tools/trgen/webpack/Utils.ts

diff --git a/tools/build_trgen.sh b/tools/build_trgen.sh
index b6ebc528..db61baf0 100644
--- a/tools/build_trgen.sh
+++ b/tools/build_trgen.sh
@@ -1,13 +1,8 @@
 #!/usr/bin/env bash
 
-BASEDIR=$(dirname "$0")
-source "${BASEDIR}/../scripts/resolve_commands.sh"
-cd "$BASEDIR/trgen"
-
-execute_tsc -p tsconfig.json
+npm run compile-tr-gen
 if [ $? -ne 0 ]; then
     echo "Failed to build typescript translation generator"
     exit 1
 fi
-
 exit 0
\ No newline at end of file
diff --git a/tools/trgen/generator.ts b/tools/trgen/Definitions.ts
similarity index 100%
rename from tools/trgen/generator.ts
rename to tools/trgen/Definitions.ts
diff --git a/tools/trgen/TsTransformer.ts b/tools/trgen/TsTransformer.ts
deleted file mode 100644
index 0411fca8..00000000
--- a/tools/trgen/TsTransformer.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import * as ts from "typescript";
-import * as ts_generator from "./TsGenerator";
-import {TranslationEntry} from "./generator";
-
-export interface TransformerConfig {
-    verbose: boolean;
-    optimized: boolean;
-
-    /**
-     * Output array for all gathered translations.
-     */
-    translations?: TranslationEntry[];
-}
-
-export const deltaTranslations = (result: TranslationEntry[], fileName: string, processSpeed: number, newTranslations: TranslationEntry[]) => {
-    let deletedTranslations = 0;
-    for(let index = 0; index < result.length; index++) {
-        if(result[index].filename === fileName) {
-            result.splice(index, 1);
-            index--;
-            deletedTranslations++;
-        }
-    }
-
-    result.push(...newTranslations);
-    if(deletedTranslations === 0 && newTranslations.length === 0) {
-        console.log("Processed %s (%dms). No translations found.", fileName, processSpeed);
-    } else if(deletedTranslations === 0) {
-        console.log("Processed %s (%dms). Found %d translations", fileName, processSpeed, newTranslations.length);
-    } else if(newTranslations.length === 0) {
-        console.log("Processed %s (%dms). %d translations deleted.", fileName, processSpeed, deletedTranslations);
-    } else {
-        console.log("Processed %s (%dms). Old translation count: %d New translation count: %d", fileName, processSpeed, deletedTranslations, newTranslations.length);
-    }
-}
-
-export const createTransformer = (program: ts.Program, config: TransformerConfig) : ts.TransformerFactory<ts.SourceFile> => {
-    return ctx => sourceFile => {
-        const timestampBegin = Date.now();
-        const result = ts_generator.transform({
-            module: true,
-            useWindow: false,
-            /* Note: Even though caching might cause less method calls but if the tr method is performant developed it's faster than having the cache lookup */
-            cacheTranslations: false,
-            optimized: config.optimized,
-        }, ctx, sourceFile);
-        const timestampEnd = Date.now();
-
-        deltaTranslations(config.translations || [], sourceFile.fileName, timestampEnd - timestampBegin, result.translations);
-        return result.node;
-    };
-}
\ No newline at end of file
diff --git a/tools/trgen/bin/tsc.sh b/tools/trgen/bin/tsc.sh
deleted file mode 100644
index 64142f3c..00000000
--- a/tools/trgen/bin/tsc.sh
+++ /dev/null
@@ -1,6 +0,0 @@
-#!/bin/bash
-
-BASEDIR=$(dirname "$0")
-FILE="${BASEDIR}/../compiler.ts"
-
-npm run dtsgen -- $@
\ No newline at end of file
diff --git a/tools/trgen/compiler.ts b/tools/trgen/compiler.ts
deleted file mode 100644
index 012b32b2..00000000
--- a/tools/trgen/compiler.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import * as ts from "typescript";
-import * as generator from "./TsGenerator";
-
-import {readFileSync} from "fs";
-import * as glob from "glob";
-import * as path from "path";
-
-const transformer = <T extends ts.Node>(context: ts.TransformationContext) => (rootNode: T) => {
-    return generator.transform({
-        useWindow: false,
-        cacheTranslations: true,
-        verbose: true
-    }, context, rootNode as any).node;
-};
-
-
-function compile(fileNames: string[], options: ts.CompilerOptions): void {
-    const program: ts.Program = ts.createProgram(fileNames, options);
-
-    let emitResult = program.emit(undefined, undefined, undefined, undefined, {
-        before: [ transformer ]
-    });
-
-    let allDiagnostics = ts.getPreEmitDiagnostics(program).concat(emitResult.diagnostics);
-
-    allDiagnostics.forEach(diagnostic => {
-        if (diagnostic.file) {
-            let { line, character } = diagnostic.file.getLineAndCharacterOfPosition(
-                diagnostic.start!
-            );
-            let message = ts.flattenDiagnosticMessageText(
-                diagnostic.messageText,
-                "\n"
-            );
-            console.log(
-                `${diagnostic.file.fileName} (${line + 1},${character + 1}): ${message}`
-            );
-        } else {
-            console.log(
-                `${ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n")}`
-            );
-        }
-    });
-
-    let exitCode = emitResult.emitSkipped ? 1 : 0;
-    console.log(`Process exiting with code '${exitCode}'.`);
-    process.exit(exitCode);
-}
-
-const config = ts.parseCommandLine(process.argv.slice(2), file => readFileSync(file).toString());
-if(config.errors && config.errors.length > 0) {
-    for(const error of config.errors)
-        console.log(error.messageText);
-    process.exit(1);
-}
-
-if(config.options.project) {
-    const project = ts.readConfigFile(config.options.project, file => readFileSync(file).toString()).config;
-    const base_path = path.dirname(config.options.project) + "/";
-    console.dir(project);
-
-
-    const negate_files: string[] = [].concat.apply([], (project.exclude || []).map(file => glob.sync(base_path + file))).map(file => path.normalize(file));
-    project.include.forEach(file => {
-        glob.sync(base_path + file).forEach(_file => {
-            _file = path.normalize(_file);
-            for(const n_file of negate_files) {
-                if(n_file == _file)  {
-                    console.log("Skipping %s", _file);
-                    return;
-                }
-            }
-
-            config.fileNames.push(_file);
-        });
-    });
-
-    Object.assign(config.options, project.compilerOptions);
-    console.log(config.options);
-}
-
-compile(config.fileNames, config.options);
\ No newline at end of file
diff --git a/tools/trgen/JsRendererGenerator.ts b/tools/trgen/generator/JsRenderer.ts
similarity index 93%
rename from tools/trgen/JsRendererGenerator.ts
rename to tools/trgen/generator/JsRenderer.ts
index 18381ed1..d4363277 100644
--- a/tools/trgen/JsRendererGenerator.ts
+++ b/tools/trgen/generator/JsRenderer.ts
@@ -1,4 +1,4 @@
-import {TranslationEntry} from "./generator";
+import {TranslationEntry} from "../Definitions";
 
 export interface File {
     content: string;
@@ -17,7 +17,6 @@ export function extractJsRendererTranslations(file: File) : TranslationEntry[] {
 
     while(match = regex.exec(file.content.substr(baseIndex))) {
         let expression = (match.groups || {})["message_expression"] || match[1];
-        //expression = expression.replace(/\n/g, "\\n");
 
         let message;
         try {
diff --git a/tools/trgen/TsGenerator.ts b/tools/trgen/generator/TypeScript.ts
similarity index 99%
rename from tools/trgen/TsGenerator.ts
rename to tools/trgen/generator/TypeScript.ts
index 028cc3d3..2ce03bb1 100644
--- a/tools/trgen/TsGenerator.ts
+++ b/tools/trgen/generator/TypeScript.ts
@@ -1,7 +1,7 @@
 import * as ts from "typescript";
 import sha256 from "sha256";
 import {SyntaxKind} from "typescript";
-import {TranslationEntry} from "./generator";
+import {TranslationEntry} from "../Definitions";
 
 const getSourceLocation = (node: ts.Node) => {
     const sf = node.getSourceFile();
@@ -384,6 +384,7 @@ export function visitNode(config: Configuration, cache: VolatileTransformConfig,
 
     return node;
 }
+
 export interface Configuration {
     useWindow?: boolean;
     cacheTranslations?: boolean;
diff --git a/tools/trgen/index.ts b/tools/trgen/index.ts
deleted file mode 100644
index b6f8bf8b..00000000
--- a/tools/trgen/index.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import * as ts from "typescript";
-import * as ts_generator from "./TsGenerator";
-import * as jsrender_generator from "./JsRendererGenerator";
-import {readFileSync, writeFileSync} from "fs";
-import * as path from "path";
-import * as glob from "glob";
-import {isArray} from "util";
-import * as mkdirp from "mkdirp";
-import {TranslationEntry} from "./generator";
-
-/*
-const files = ["/home/wolverindev/TeaSpeak/TeaSpeak/Web-Client/build/trgen/test/test_01.ts"];
-files.forEach(file => {
-    let source = ts.createSourceFile(
-        file,
-        readFileSync(file).toString(),
-        ts.ScriptTarget.ES2016,
-        true
-    );
-
-    generator.generate(source);
-});
-*/
-
-interface Config {
-    source_files?: string[];
-    excluded_files?: string[];
-    target_file?: string;
-    verbose?: boolean;
-
-    base_bath?: string;
-    file_config?: string;
-}
-
-let config: Config = {};
-
-let args = process.argv.slice(2);
-while(args.length > 0) {
-    if(args[0] == "-f" || args[0] == "--file") {
-        (config.source_files || (config.source_files = [])).push(args[1]);
-        args = args.slice(2);
-    } else if(args[0] == "-e" || args[0] == "--exclude") {
-        (config.excluded_files || (config.excluded_files = [])).push(args[1]);
-        args = args.slice(2);
-    } else if(args[0] == "-d" || args[0] == "--destination") {
-        config.target_file = args[1];
-        args = args.slice(2);
-    } else if(args[0] == "-v" || args[0] == "--verbose") {
-        config.verbose = true;
-        args = args.slice(1);
-    } else if(args[0] == "-c" || args[0] == "--config") {
-        config.file_config = args[1];
-        config.base_bath = path.normalize(path.dirname(config.file_config)) + "/";
-        args = args.slice(2);
-    } else {
-        console.error("Invalid command line option \"%s\"", args[0]);
-        process.exit(1);
-    }
-}
-
-config.base_bath = config.base_bath || "";
-
-
-if(config.verbose) {
-    console.log("Base path: " + config.base_bath);
-    console.log("Input files:");
-    for(const file of config.source_files)
-        console.log(" - " + file);
-    console.log("Target file: " + config.target_file);
-}
-
-const negate_files: string[] = [].concat.apply([], (config.excluded_files || []).map(file => glob.sync(config.base_bath + file))).map(file => path.normalize(file));
-
-let result = "";
-
-function print(nodes: ts.Node[] | ts.SourceFile) : string {
-    if(!isArray(nodes) && nodes.kind == ts.SyntaxKind.SourceFile)
-        nodes = (<ts.SourceFile>nodes).getChildren();
-    const dummy_file = ts.createSourceFile(
-        "dummy_file",
-        "",
-        ts.ScriptTarget.ES2016,
-        false,
-        ts.ScriptKind.TS
-    );
-
-    const printer = ts.createPrinter({
-        newLine: ts.NewLineKind.LineFeed
-    });
-
-    return printer.printList(
-        ts.ListFormat.SpaceBetweenBraces | ts.ListFormat.MultiLine | ts.ListFormat.PreferNewLine,
-        nodes as any,
-        dummy_file
-    );
-}
-
-const translations: TranslationEntry[] = [];
-config.source_files.forEach(file => {
-    if(config.verbose)
-        console.log("iterating over %s (%s)", file, path.resolve(path.normalize(config.base_bath + file)));
-
-    glob.sync(config.base_bath + file).forEach(_file => {
-        _file = path.normalize(_file);
-        for(const n_file of negate_files) {
-            if(n_file == _file)  {
-                console.log("Skipping %s", _file);
-                return;
-            }
-        }
-
-        const file_type = path.extname(_file);
-        if(file_type == ".ts" || file_type == ".tsx") {
-            let source = ts.createSourceFile(
-                _file,
-                readFileSync(_file).toString(),
-                ts.ScriptTarget.ES2016,
-                true
-            );
-            console.log("Compile " + _file);
-
-            throw "not supported";
-            //const messages = ts_generator.generate(source, {});
-            //translations.push(...messages);
-        } else if(file_type == ".html") {
-            const messages = jsrender_generator.extractJsRendererTranslations({
-                content: readFileSync(_file).toString(),
-                name: _file
-            });
-            translations.push(...messages);
-            /*
-            messages.forEach(message => {
-                console.log(message);
-            });
-            */
-        } else {
-            console.log("Unknown file type \"%s\". Skipping file %s", file_type, _file);
-        }
-    });
-});
-
-if(config.target_file) {
-    mkdirp(path.normalize(path.dirname(config.base_bath + config.target_file)), error => {
-        if(error)
-            throw error;
-        writeFileSync(config.base_bath + config.target_file, JSON.stringify(translations, null, 2));
-    });
-} else {
-    console.log(JSON.stringify(translations, null, 2));
-}
\ No newline at end of file
diff --git a/tools/trgen/test/test_01.ts b/tools/trgen/test/test_01.ts
deleted file mode 100644
index e174e87f..00000000
--- a/tools/trgen/test/test_01.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-function tr(message: string) : string {
-    console.log("Message: " + message);
-    return message;
-}
-
-const x = tr("yyy");
-function y() {
-    const y = tr(tr("yyy"));
-}
-
-console.log("XXX: " + tr("XXX"));
-console.log("YYY: " + tr("YYY"));
-
-var z = 1 + 2 + 3;
-
-debugger;
-debugger;
-debugger;
-debugger;
-const zzz = true ? "yyy" : "bbb";
-
-const zy = "";
-debugger;
-debugger;
-debugger;
-debugger;
-const { a } = {a : ""};
\ No newline at end of file
diff --git a/tools/trgen/test/test_02.html b/tools/trgen/test/test_02.html
deleted file mode 100644
index 5f91ace4..00000000
--- a/tools/trgen/test/test_02.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <title>Title</title>
-    </head>
-    <body>
-        <script class="jsrender-template" id="tmpl_connect" type="text/html">
-            <div style="margin-top: 5px;">
-                <div style="display: flex; flex-direction: row; width: 100%; justify-content: space-between">
-                    <div style="width: 68%; margin-bottom: 5px">
-                        <div>{{tr "Remote address and port:" /}}</div>
-                        <input type="text" style="width: 100%" class="connect_address" value="unknown">
-                    </div>
-                    <div style="width: 20%">
-                        <div>{{tr "Server password:" /}}</div>
-                        <form name="server_password_form" onsubmit="return false;">
-                            <input type="password" id="connect_server_password_{{rnd '0~13377331'/}}" autocomplete="off" style="width: 100%" class="connect_password">
-                        </form>
-                    </div>
-                </div>
-                <div>
-                    <div>{{tr "Nickname:" /}}</div>
-                    <input type="text" style="width: 100%" class="connect_nickname" value="">
-                </div>
-                <hr>
-                <div class="group_box">
-                    <div style="display: flex; justify-content: space-between;">
-                        <div style="text-align: right;">{{tr "Identity Settings" /}}</div>
-                        <select class="identity_select">
-                            <option name="identity_type" value="TEAFORO">{{tr "Forum Account" /}}</option>
-                            <option name="identity_type" value="TEAMSPEAK">{{tr "TeamSpeak" /}}</option>
-                            <option name="identity_type" value="NICKNAME">{{tr "Nickname (Debug purposes only!)" /}}</option> <!-- Only available on localhost for debug -->
-                        </select>
-                    </div>
-                    <hr>
-                    <div class="identity_config_TEAMSPEAK identity_config">
-                        {{tr "Please enter your exported TS3 Identity string bellow or select your exported Identity"/}}<br>
-                        <div style="width: 100%; display: flex; justify-content: stretch; flex-direction: row">
-                            <input placeholder="Identity string" style="min-width: 60%; flex-shrink: 1; flex-grow: 2; margin: 5px;" class="identity_string">
-                            <div style="max-width: 200px; flex-grow: 1; flex-shrink: 4; margin: 5px"><input style="display: flex; width: 100%;" class="identity_file" type="file"></div>
-                        </div>
-                    </div>
-                    <div class="identity_config_TEAFORO identity_config">
-                        <div class="connected">
-                            {{tr "You're using your forum account as verification"/}}
-                        </div>
-                        <div class="disconnected">
-                            <!-- TODO tr -->
-                            You cant use your TeaSpeak forum account.<br>
-                            You're not connected!<br>
-                            Click {{if !client}}<a href="{{:forum_path}}login.php">here</a>{{else}}<a href="#" class="native-teaforo-login">here</a>{{/if}} to login via the TeaSpeak forum.
-                        </div>
-                    </div>
-                    <div class="identity_config_NICKNAME identity_config">
-                        {{tr "This is just for debug and uses the name as unique identifier" /}}
-                        {{tr "This is just for debug and uses the name as unique identifier" + "Hello World :D" /}}
-                        {{tr "This is just for debug and uses the name as unique identifier" + `Hello World :D 2` /}}
-                    </div>
-
-                    <div style="background-color: red; border-radius: 1px; display: none" class="error_message"></div>
-                </div> <!-- <a href="<?php echo authPath() . "login.php"; ?>">Login</a> via the TeaSpeak forum. -->
-            </div>
-        </script>
-    </body>
-</html>
\ No newline at end of file
diff --git a/tools/trgen/test/test_03.tsx b/tools/trgen/test/test_03.tsx
deleted file mode 100644
index fbd08155..00000000
--- a/tools/trgen/test/test_03.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Translatable, VariadicTranslatable} from "../../../shared/js/ui/react-elements/i18n";
-import * as React from "react";
-
-function test() {
-    const element_0 = <Translatable>Hello World</Translatable>;
-    const element_1 = <Translatable>{"Hello World"}</Translatable>;
-    const element_2 = <VariadicTranslatable text={"XXX"}><>XXX</></VariadicTranslatable>;
-}
\ No newline at end of file
diff --git a/tools/trgen/tsconfig.json b/tools/trgen/tsconfig.json
index eb3b1f72..d358e626 100644
--- a/tools/trgen/tsconfig.json
+++ b/tools/trgen/tsconfig.json
@@ -11,11 +11,11 @@
     "esModuleInterop": true
   },
   "files": [
-    "generator.ts",
-    "index.ts",
-    "compiler.ts",
-    "JsRendererGenerator.ts",
-    "TsGenerator.ts",
-    "JsRendererTranslationLoader.ts"
+    "./Definitions.ts",
+    "./generator/JsRenderer.ts",
+    "./generator/TypeScript.ts",
+    "./webpack/Loader.ts",
+    "./webpack/Plugin.ts",
+    "./webpack/Utils.ts"
   ]
 }
\ No newline at end of file
diff --git a/tools/trgen/JsRendererTranslationLoader.ts b/tools/trgen/webpack/Loader.ts
similarity index 80%
rename from tools/trgen/JsRendererTranslationLoader.ts
rename to tools/trgen/webpack/Loader.ts
index 32d97850..9ecabf3f 100644
--- a/tools/trgen/JsRendererTranslationLoader.ts
+++ b/tools/trgen/webpack/Loader.ts
@@ -1,5 +1,5 @@
-import {extractJsRendererTranslations} from "./JsRendererGenerator";
-import {deltaTranslations} from "./TsTransformer";
+import {extractJsRendererTranslations} from "../generator/JsRenderer";
+import {deltaTranslations} from "./Utils";
 
 export default function (source) {
     const options = this.getOptions({
diff --git a/tools/trgen/WebpackPlugin.ts b/tools/trgen/webpack/Plugin.ts
similarity index 51%
rename from tools/trgen/WebpackPlugin.ts
rename to tools/trgen/webpack/Plugin.ts
index f2d64142..c4042bed 100644
--- a/tools/trgen/WebpackPlugin.ts
+++ b/tools/trgen/webpack/Plugin.ts
@@ -1,7 +1,9 @@
 import * as ts from "typescript";
-import {createTransformer, TransformerConfig} from "./TsTransformer";
 import * as webpack from "webpack";
 import * as path from "path";
+import {transform} from "../generator/TypeScript";
+import {deltaTranslations} from "./Utils";
+import {TranslationEntry} from "../Definitions";
 
 export interface TranslateableWebpackPluginConfig {
     assetName: string,
@@ -9,33 +11,45 @@ export interface TranslateableWebpackPluginConfig {
 
 export default class TranslateableWebpackPlugin {
     private readonly config: TranslateableWebpackPluginConfig;
-    private readonly transformerConfig: TransformerConfig;
+    private readonly translations: TranslationEntry[];
 
     constructor(config: TranslateableWebpackPluginConfig) {
         this.config = config;
-        this.transformerConfig = {
-            optimized: true,
-            translations: [],
-            verbose: true
-        };
+        this.translations = [];
     }
 
-    createTypeScriptTransformer(program: ts.Program) : ts.TransformerFactory<ts.Node> {
-        return createTransformer(program, this.transformerConfig);
+    createTypeScriptTransformer(program: ts.Program) : ts.TransformerFactory<ts.SourceFile> {
+        return ctx => sourceFile => {
+            const timestampBegin = Date.now();
+            const result = transform({
+                module: true,
+                useWindow: false,
+                /*
+                 * Note: Even though caching might cause less method calls but if the tr method is performant developed
+                 *       it's faster than having the cache lookup.
+                 */
+                cacheTranslations: false,
+                optimized: true,
+            }, ctx, sourceFile);
+            const timestampEnd = Date.now();
+
+            deltaTranslations(this.translations, sourceFile.fileName, timestampEnd - timestampBegin, result.translations);
+            return result.node;
+        };
     }
 
     createTemplateLoader() {
         return {
-            loader: path.join(__dirname, "JsRendererTranslationLoader.js"),
+            loader: path.join(__dirname, "Loader.js"),
             options: {
-                translations: this.transformerConfig.translations
+                translations: this.translations
             }
         };
     }
 
     apply(compiler: webpack.Compiler) {
         compiler.hooks.emit.tap("TranslateableWebpackPlugin", compilation => {
-            const payload = JSON.stringify(this.transformerConfig.translations);
+            const payload = JSON.stringify(this.translations);
             compilation.assets[this.config.assetName] = {
                 size() { return payload.length; },
                 source() { return payload; }
diff --git a/tools/trgen/webpack/Utils.ts b/tools/trgen/webpack/Utils.ts
new file mode 100644
index 00000000..51d24b9b
--- /dev/null
+++ b/tools/trgen/webpack/Utils.ts
@@ -0,0 +1,23 @@
+import {TranslationEntry} from "./Definitions";
+
+export const deltaTranslations = (result: TranslationEntry[], fileName: string, processSpeed: number, newTranslations: TranslationEntry[]) => {
+    let deletedTranslations = 0;
+    for(let index = 0; index < result.length; index++) {
+        if(result[index].filename === fileName) {
+            result.splice(index, 1);
+            index--;
+            deletedTranslations++;
+        }
+    }
+
+    result.push(...newTranslations);
+    if(deletedTranslations === 0 && newTranslations.length === 0) {
+        console.log("Processed %s (%dms). No translations found.", fileName, processSpeed);
+    } else if(deletedTranslations === 0) {
+        console.log("Processed %s (%dms). Found %d translations", fileName, processSpeed, newTranslations.length);
+    } else if(newTranslations.length === 0) {
+        console.log("Processed %s (%dms). %d translations deleted.", fileName, processSpeed, deletedTranslations);
+    } else {
+        console.log("Processed %s (%dms). Old translation count: %d New translation count: %d", fileName, processSpeed, deletedTranslations, newTranslations.length);
+    }
+}
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index be9b04ef..c2f91345 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -10,7 +10,7 @@ import { DefinePlugin, Configuration, } from "webpack";
 import { Plugin as SvgSpriteGenerator } from "webpack-svg-sprite-generator";
 import ManifestGenerator from "./webpack/ManifestPlugin";
 import HtmlWebpackInlineSourcePlugin from "./webpack/HtmlWebpackInlineSource";
-import TranslateableWebpackPlugin from "./tools/trgen/WebpackPlugin";
+import TranslateableWebpackPlugin from "./tools/trgen/webpack/Plugin";
 
 import ZipWebpackPlugin from "zip-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
@@ -209,7 +209,7 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
 
             env.package ? new ZipWebpackPlugin({
                 path: path.join(__dirname, "dist-package"),
-                filename: `TeaWeb-${isDevelopment ? "development" : "release"}-${localBuildInfo.gitVersion}.zip`,
+                filename: `${target === "web" ? "TeaWeb" : "TeaClient"}-${isDevelopment ? "development" : "release"}-${localBuildInfo.gitVersion}.zip`,
             }) : undefined
         ].filter(e => !!e),
 
@@ -263,7 +263,7 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
                                 context: __dirname,
                                 colors: true,
                                 getCustomTransformers: program => ({
-                                    before: [translateablePlugin.createTypeScriptTransformer(program)]
+                                    before: [ translateablePlugin.createTypeScriptTransformer(program) ]
                                 }),
                                 transpileOnly: isDevelopment
                             }
@@ -278,7 +278,7 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
                 },
                 {
                     test: /\.html$/i,
-                    use: [translateablePlugin.createTemplateLoader()],
+                    use: [ translateablePlugin.createTemplateLoader() ],
                     type: "asset/source",
                 },
                 {

From e5bedb0c44525215a07e7a3166169bf207579cba Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 22 Mar 2021 17:17:34 +0100
Subject: [PATCH 049/128] Updated the script helpers

---
 package.json                    |   1 +
 scripts/build.sh                |   4 +-
 scripts/build_declarations.sh   |   2 -
 scripts/cleanup.sh              |   2 +-
 scripts/deploy_ui_files.sh      |  99 +++++---------------
 scripts/git_index.sh            |  26 ------
 scripts/helper.sh               | 124 +++++++++++++++++++++++++
 scripts/resolve_commands.sh     |  28 ------
 scripts/travis/build.sh         |  16 ++--
 scripts/travis/deploy_docker.sh |   9 +-
 scripts/travis/deploy_github.sh | 156 +++++++++++++++-----------------
 scripts/travis/deploy_server.sh |  29 +++---
 shared/generate_declarations.sh |   1 -
 tools/trgen/webpack/Utils.ts    |   2 +-
 14 files changed, 251 insertions(+), 248 deletions(-)
 delete mode 100644 scripts/git_index.sh
 create mode 100644 scripts/helper.sh
 delete mode 100644 scripts/resolve_commands.sh

diff --git a/package.json b/package.json
index 12f47605..9c8f9cd7 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "description": "Welcome here! This repository is created with two reasons:\n 1. People can bring their own ideas and follow their implementation\n 2. People can see TeaSpeak Web client progress and avoid creating repetitive issues all the time.",
   "scripts": {
     "compile-project-base": "tsc -p tsbaseconfig.json",
+    "compile-tr-gen": "tsc -p tools/trgen/tsconfig.json",
     "trgen": "node tools/trgen/index.js",
     "tsc": "tsc",
     "compile-scss": "sass loader/css/index.scss:loader/css/index.css",
diff --git a/scripts/build.sh b/scripts/build.sh
index cb4ebf5e..0170dc02 100644
--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -1,10 +1,8 @@
 #!/usr/bin/env bash
 
 # shellcheck disable=SC1090
-source "$(dirname "$0")/resolve_commands.sh"
 cd "$(dirname "$0")/../" || { echo "Failed to enter the base directory"; exit 1; }
 
-
 if [[ $# -lt 2 ]]; then
     echo "Invalid argument count!"
     exit 1
@@ -41,7 +39,7 @@ if [[ $_exit_code -ne 0 ]]; then
     exit 1
 fi
 
-echo "Generating required build tooks"
+echo "Generating required build hooks"
 chmod +x ./tools/build_trgen.sh
 ./tools/build_trgen.sh; _exit_code=$?
 if [[ $_exit_code -ne 0 ]]; then
diff --git a/scripts/build_declarations.sh b/scripts/build_declarations.sh
index a1ecdcef..236c9375 100644
--- a/scripts/build_declarations.sh
+++ b/scripts/build_declarations.sh
@@ -1,8 +1,6 @@
 #!/usr/bin/env bash
 
 BASEDIR=$(dirname "$0")
-# shellcheck disable=SC1090
-source "${BASEDIR}/resolve_commands.sh"
 cd "$BASEDIR/../" || { echo "Failed to enter parent directory!"; exit 1; }
 
 #Shared
diff --git a/scripts/cleanup.sh b/scripts/cleanup.sh
index 67ace0ae..e5e09e20 100644
--- a/scripts/cleanup.sh
+++ b/scripts/cleanup.sh
@@ -35,7 +35,7 @@ function cleanup_files() {
     for file in "${files[@]}"
     do :
         echo " - $file"
-        rm ${file}
+        rm "${file}"
     done
 }
 
diff --git a/scripts/deploy_ui_files.sh b/scripts/deploy_ui_files.sh
index b82e314a..bdfbeb0a 100644
--- a/scripts/deploy_ui_files.sh
+++ b/scripts/deploy_ui_files.sh
@@ -2,107 +2,52 @@
 
 # Example usage: ./scripts/deploy_ui_files.sh http://dev.clientapi.teaspeak.de/api.php test 1.1.0
 
-TMP_FILE_NAME="TeaSpeakUI.tar.gz"
-TMP_DIR_NAME="tmp"
-
-cd "$(dirname "$0")/../" || { echo "failed to enter base directory"; exit 1; }
+cd "$(dirname "$0")" || { echo "failed to enter base directory"; exit 1; }
+source "./helper.sh"
 
 if [[ "$#" -ne 3 ]]; then
     echo "Illegal number of parameters (url | channel | required version)"
     exit 1
 fi
 
-if [[ ! -d client-api/environment/ui-files/ ]]; then
-    echo "Missing UI Files"
-    exit 1
-fi
-
 # shellcheck disable=SC2154
 if [[ "${teaclient_deploy_secret}" == "" ]]; then
     echo "Missing deploy secret!"
     exit 1
 fi
 
-if [[ -e "${TMP_FILE_NAME}" ]]; then
-    echo "Temp file already exists!"
-    echo "Deleting it!"
-
-    if ! rm ${TMP_FILE_NAME}; then
-        echo "Failed to delete file"
-        exit 1
-    fi
-fi
-
-GIT_HASH=$(git rev-parse --verify --short HEAD)
-APPLICATION_VERSION=$(< package.json python -c "import sys, json; print(json.load(sys.stdin)['version'])")
-echo "Git hash ${GIT_HASH} on version ${APPLICATION_VERSION} on channel $2"
-
-#Packaging the app
-cd client-api/environment/ui-files/ || {
-  echo "Missing UI files directory"
+package_file=$(find_release_package "client" "release")
+if [[ $? -ne 0 ]]; then
+  echo "$package_file"
   exit 1
-}
-if [[ -e ${TMP_DIR_NAME} ]]; then
-    if ! rm -r ${TMP_DIR_NAME}; then
-        echo "Failed to remove temporary directory!"
-        exit 1
-    fi
 fi
-cp -rL raw ${TMP_DIR_NAME}
 
-while IFS= read -r -d '' file
-do
-    echo "Evaluating php file $file"
-    __cur_dir=$(pwd)
-    cd "$(dirname "${file}")" || { echo "Failed to enter php file directory"; exit 1; }
-    php_result=$(php "$(basename "${file}")" 2> /dev/null)
-    CODE=$?
-    if [[ ${CODE} -ne 0 ]]; then
-        echo "Failed to evaluate php file $file!"
-        echo "Return code $CODE"
-        exit 1
-    fi
+git_hash=$(git_version "short-tag")
+application_version=$(project_version)
+echo "Deploying $package_file."
+echo "Hash: ${git_hash}, Version: ${application_version}, Target channel: $2."
 
-    cd "${__cur_dir}" || { echo "failed to enter original dir"; exit 1; }
-    echo "${php_result}" > "${file::-4}.html"
-done <   <(find "${TMP_DIR_NAME}" -name '*.php' -print0)
-
-cd ${TMP_DIR_NAME} || { echo "failed to enter the temp dir"; exit 1; }
-tar chvzf ${TMP_FILE_NAME} ./*; _exit_code=$?
-if [[ $_exit_code -ne 0 ]]; then
-    echo "Failed to pack file ($_exit_code)"
-    exit 1
-fi
-mv ${TMP_FILE_NAME} ../../../../
-cd ../
-rm -r ${TMP_DIR_NAME}
-cd ../../../
-
-RESP=$(curl \
+upload_result=$(curl \
   -k \
   -X POST \
   -F "required_client=$3" \
   -F "type=deploy-ui-build" \
   -F "channel=$2" \
-  -F "version=$APPLICATION_VERSION" \
-  -F "git_ref=$GIT_HASH" \
+  -F "version=$application_version" \
+  -F "git_ref=$git_hash" \
   -F "secret=${teaclient_deploy_secret}" \
-  -F "file=@$(pwd)/TeaSpeakUI.tar.gz" \
+  -F "file=@$package_file" \
    "$1"
 )
-echo "$RESP"
-SUCCESS=$(echo "${RESP}" | python -c "import sys, json; print(json.load(sys.stdin)['success'])")
 
-if [[ ! "${SUCCESS}" == "True" ]]; then
-    ERROR=$(echo "${RESP}" | python -c "import sys, json; print(json.load(sys.stdin)['error'])" 2>/dev/null); _exit_code=$?
-    if [[ $_exit_code -ne 0 ]]; then
-        ERROR=$(echo "${RESP}" | python -c "import sys, json; print(json.load(sys.stdin)['msg'])" 2>/dev/null)
-    fi
-    echo "Failed to deploy build!"
-    echo "${ERROR}"
+echo "Server upload result: $upload_result"
+success=$(echo "${upload_result}" | python -c "import sys, json; print(json.load(sys.stdin)['success'])")
 
-    rm ${TMP_FILE_NAME}
+if [[ ! "${success}" == "True" ]]; then
+    error_message=$(echo "${upload_result}" | python -c "import sys, json; print(json.load(sys.stdin)['msg'])" 2>/dev/null);
+    echo "Failed to deploy build: ${error_message}"
     exit 1
-fi
-
-echo "Build deployed!"
\ No newline at end of file
+else
+  echo "Build successfully deployed!"
+  exit 0
+fi
\ No newline at end of file
diff --git a/scripts/git_index.sh b/scripts/git_index.sh
deleted file mode 100644
index acf8807e..00000000
--- a/scripts/git_index.sh
+++ /dev/null
@@ -1,26 +0,0 @@
-#!/usr/bin/env bash
-
-response=$(git diff-index HEAD -- . ':!package-lock.json' ':!vendor/')
-if [[ "$response" != "" ]]; then
-    if [[ "$1" == "sort-tag" ]]; then
-        echo "0000000"
-    fi
-    if [[ "$1" == "name" ]]; then
-        echo "custom build"
-    fi
-    if [[ "$1" == "file-name" ]]; then
-        echo "custom"
-    fi
-    exit 1
-else
-    if [[ "$1" == "sort-tag" ]]; then
-        git rev-parse --short HEAD
-    fi
-    if [[ "$1" == "name" ]]; then
-        git rev-parse --short HEAD
-    fi
-    if [[ "$1" == "file-name" ]]; then
-        git rev-parse --short HEAD
-    fi
-    exit 0
-fi
\ No newline at end of file
diff --git a/scripts/helper.sh b/scripts/helper.sh
new file mode 100644
index 00000000..a61d3275
--- /dev/null
+++ b/scripts/helper.sh
@@ -0,0 +1,124 @@
+build_package_directory="dist-package"
+
+# Get the projects absolute directory
+project_directory() {
+  realpath "$(dirname "$(pwd)/${BASH_SOURCE[0]}")/.."
+}
+
+# Get the project version specified within the package.json file
+project_version() {
+  < "$(project_directory)/package.json" python -c "import sys, json; print(json.load(sys.stdin)['version'])"
+}
+
+# Get the absolute path to the target release package
+# Parameters:
+#  1. The build target
+#     Values: "client" | "web"
+#  2. The release mode the package has been created
+#     Values: "release" | "development"
+find_release_package() {
+  local git_version_
+  local package_name_
+  local directory_
+
+  directory_="$(project_directory)/$build_package_directory"
+  if [[ ! -d "$directory_" ]]; then
+    echo "Missing package directory $directory_. May you haven't yet build a package."
+    return 1
+  fi
+
+  git_version_="$(git_version "short-tag")"
+  if [[ $? -ne 0 ]]; then
+    echo "We're in a development state and have a dirty work tree. Can't find release packages."
+    return 1
+  fi
+
+  package_name_="$(release_package_name "$1" "$2")"
+  if [[ $? -ne 0 ]]; then
+    echo "Failed to generate target package name: $package_name_"
+    return 1
+  fi
+
+  if [[ ! -f "$directory_/$package_name_" ]]; then
+    echo "Missing target package at $directory_/$package_name_ (git version: $git_version_, target: $1, release mode: $2)"
+    return 1
+  fi
+
+  echo "$directory_/$package_name_"
+  return 0
+}
+
+# Generate the target build package name
+# Parameters:
+#  1. The build target
+#     Values: "client" | "web"
+#  2. The release mode the package has been created
+#     Values: "release" | "development"
+release_package_name() {
+  local prefix_
+
+  case "$1" in
+   "client")
+     prefix_="TeaClient"
+     ;;
+   "web")
+     prefix_="TeaWeb"
+     ;;
+   *)
+     echo "invalid package mode"
+     return 1
+     ;;
+  esac
+
+  case "$2" in
+   "release" | "development")
+     ;;
+   *)
+     echo "invalid package mode"
+     return 1
+     ;;
+  esac
+
+  # This must line up with the package name generated within the webpack config!
+  echo "${prefix_}-$2-$(git_version "short-tag").zip"
+  return 0
+}
+
+# Get the current working tree git version.
+# If the working tree is dirty (modified) the function returns 1.
+# Possible modes (first parameter):
+#   short-tag: Returns a 6 digit git rev
+#   long-tag: The full git revision hash
+#
+# Influential environment variables:
+#   ignore_dirty_worktree: If set to 1 it ignores if the worktree is dirty
+git_version() {
+  response=$(git diff-index HEAD -- "$(project_directory)" ':!package-lock.json' ':!vendor/')
+  if [[ -z "$response" || "${ignore_dirty_worktree:=0}" -eq 1 ]]; then
+      case "$1" in
+        "short-tag" | "name" | "file-name")
+          git rev-parse --short HEAD
+          ;;
+        "long-tag")
+          git rev-parse HEAD
+          ;;
+
+        *)
+          echo "unknown type"
+          ;;
+      esac
+      return 0
+  else
+      # We're in development
+      case "$1" in
+        "short-tag" | "name" | "file-name" | "long-tag")
+          echo "0000000"
+          ;;
+
+        *)
+          echo "unknown type"
+          ;;
+      esac
+      return 1
+  fi
+}
\ No newline at end of file
diff --git a/scripts/resolve_commands.sh b/scripts/resolve_commands.sh
deleted file mode 100644
index c552df67..00000000
--- a/scripts/resolve_commands.sh
+++ /dev/null
@@ -1,28 +0,0 @@
-#!/usr/bin/env bash
-
-function execute_tsc() {
-    # shellcheck disable=SC2068
-    execute_npm_command tsc $@
-}
-
-function execute_npm_command() {
-    command_name=$1
-    command_variable="command_$command_name"
-    #echo "Variable names $command_variable"
-
-    if [[ "${!command_variable}" == "" ]]; then
-        node_bin=$(npm bin)
-        #echo "Node root ${node_bin}"
-
-        if [[ ! -e "${node_bin}/${command_name}" ]]; then
-            echo "Could not find \"$command_name\" command"
-            echo "May type npm install"
-            exit 1
-        fi
-
-        eval "${command_variable}=\"${node_bin}/${command_name}\""
-    fi
-
-    echo "Arguments: ${@:2}"
-    ${!command_variable} ${@:2}
-}
\ No newline at end of file
diff --git a/scripts/travis/build.sh b/scripts/travis/build.sh
index d78c0c83..421e95ea 100644
--- a/scripts/travis/build.sh
+++ b/scripts/travis/build.sh
@@ -60,11 +60,11 @@ function parse_arguments() {
 function execute() {
     time_begin=$(date +%s%N)
 
-    echo "> Executing step: $1" >> ${LOG_FILE}
+    echo "> Executing step: $1" >> "${LOG_FILE}"
     echo -e "\e[32m> Executing step: $1\e[0m"
     #Execute the command
     for command in "${@:3}"; do
-        echo "$> $command" >> ${LOG_FILE}
+        echo "$> $command" >> "${LOG_FILE}"
         if [[ ${build_verbose} -gt 0 ]]; then
             echo "$> $command"
         fi
@@ -72,18 +72,18 @@ function execute() {
         error=""
         if [[ ${build_verbose} -gt 0 ]]; then
             if [[ -f ${LOG_FILE}.tmp ]]; then
-                rm ${LOG_FILE}.tmp
+                rm "${LOG_FILE}.tmp"
             fi
-            ${command} |& tee ${LOG_FILE}.tmp | grep -E '^[^(/\S*/libstdc++.so\S*: no version information available)].*'
+            ${command} |& tee "${LOG_FILE}.tmp" | grep -E '^[^(/\S*/libstdc++.so\S*: no version information available)].*'
 
             error_code=${PIPESTATUS[0]}
-            error=$(cat ${LOG_FILE}.tmp)
-            cat ${LOG_FILE}.tmp >> ${LOG_FILE}
-            rm ${LOG_FILE}.tmp
+            error=$(cat "${LOG_FILE}.tmp")
+            cat "${LOG_FILE}.tmp" >> "${LOG_FILE}"
+            rm "${LOG_FILE}.tmp"
         else
             error=$(${command} 2>&1)
             error_code=$?
-            echo "$error" >> ${LOG_FILE}
+            echo "$error" >> "${LOG_FILE}"
         fi
 
 
diff --git a/scripts/travis/deploy_docker.sh b/scripts/travis/deploy_docker.sh
index 4e182991..71b338c8 100644
--- a/scripts/travis/deploy_docker.sh
+++ b/scripts/travis/deploy_docker.sh
@@ -2,13 +2,9 @@
 
 cd "$(dirname "$0")/../../" || { echo "Failed to enter base dir"; exit 1; }
 source ./scripts/travis/properties.sh
+source ./scripts/helper.sh
 
-git_rev=$(git rev-parse --short HEAD)
-[[ ! "$git_rev" =~ [a-z0-9]{6} ]] && {
-    echo "Failed to parse git rev. Received: '$git_rev'."
-    exit 1
-}
-
+git_rev=$(git_version "short-tag")
 if [[ "$1" == "release" ]]; then
     echo "Releasing $git_rev as release"
     rolling_tag="latest"
@@ -20,6 +16,7 @@ else
     exit 1
 fi
 
+# FIXME: This dosn't work anymore
 zip_file=$(find "$PACKAGES_DIRECTORY" -maxdepth 1 -name "TeaWeb-release*.zip" -print)
 [[ $(echo "$zip_file" | wc -l) -ne 1 ]] && {
     echo "Invalid .zip file count (Expected 1 but got $(echo "$zip_file" | wc -l)): ${zip_file[*]}"
diff --git a/scripts/travis/deploy_github.sh b/scripts/travis/deploy_github.sh
index 5ce55296..4c93a1c4 100644
--- a/scripts/travis/deploy_github.sh
+++ b/scripts/travis/deploy_github.sh
@@ -1,98 +1,92 @@
 #!/usr/bin/env bash
 
-cd "$(dirname "$0")/../../" || { echo "Failed to enter base dir"; exit 1; }
+cd "$(dirname "$0")/../../" || {
+  echo "Failed to enter base dir"
+  exit 1
+}
 source ./scripts/travis/properties.sh
+source ./scripts/helper.sh
 
 if [[ -z "${GIT_AUTHTOKEN}" ]]; then
-    echo "GIT_AUTHTOKEN isn't set. Don't deploying build!"
-    exit 0
+  echo "GIT_AUTHTOKEN isn't set. Don't deploying build!"
+  exit 0
 fi
 
-GIT_COMMIT_SHORT=$(git rev-parse --short HEAD)
-GIT_COMMIT_LONG=$(git rev-parse HEAD)
-echo "Deploying $GIT_COMMIT_SHORT ($GIT_COMMIT_LONG) to github."
+git_release_executable="/tmp/git-release"
+install_git_release() {
+  if [[ -x "${git_release_executable}" ]]; then
+    # File already available. No need to install it.
+    return 0
+  fi
 
-GIT_RELEASE_EXECUTABLE="/tmp/git-release"
-if [[ ! -x ${GIT_RELEASE_EXECUTABLE} ]]; then
-    if [[ ! -f ${GIT_RELEASE_EXECUTABLE} ]]; then
-        echo "Downloading github-release-linux (1.2.4)"
+  if [[ ! -f ${git_release_executable} ]]; then
+    echo "Downloading github-release-linux (1.2.4)"
 
-        if [[ -f /tmp/git-release.gz ]]; then
-            rm /tmp/git-release.gz
-        fi
-        wget https://github.com/tfausak/github-release/releases/download/1.2.4/github-release-linux.gz -O /tmp/git-release.gz -q;
-        [[ $? -eq 0 ]] || {
-            echo "Failed to download github-release-linux"
-            exit 1
-        }
-
-        gunzip /tmp/git-release.gz; _exit_code=$?;
-        [[ $_exit_code -eq 0 ]] || {
-            echo "Failed to unzip github-release-linux"
-            exit 1
-        }
-        chmod +x /tmp/git-release;
-
-        echo "Download of github-release-linux (1.2.4) finished"
-    else
-        chmod +x ${GIT_RELEASE_EXECUTABLE}
+    if [[ -f /tmp/git-release.gz ]]; then
+      rm /tmp/git-release.gz
     fi
+    wget https://github.com/tfausak/github-release/releases/download/1.2.4/github-release-linux.gz -O /tmp/git-release.gz -q
+    [[ $? -eq 0 ]] || {
+      echo "Failed to download github-release-linux"
+      exit 1
+    }
 
-    if [[ ! -x ${GIT_RELEASE_EXECUTABLE} ]]; then
-        echo "git-release isn't executable"
-        exit 1
-    fi
-fi
+    gunzip /tmp/git-release.gz
+    _exit_code=$?
+    [[ $_exit_code -eq 0 ]] || {
+      echo "Failed to unzip github-release-linux"
+      exit 1
+    }
+    chmod +x /tmp/git-release
 
-cd "$(dirname "$0")/../../" || { echo "Failed to enter base dir"; exit 1; }
-echo "Generating release"
-${GIT_RELEASE_EXECUTABLE} release \
-	--repo "TeaWeb" \
-	--owner "TeaSpeak" \
-	--token "${GIT_AUTHTOKEN}" \
-    --title "Travis autobuild ${GIT_COMMIT_SHORT}" \
-	--tag "${GIT_COMMIT_SHORT}" \
-	--description "This is a autobuild release from travis"
-[[ $? -eq 0 ]] || {
-    echo "Failed to generate git release"
+    echo "Download of github-release-linux (1.2.4) finished"
+  else
+    chmod +x ${git_release_executable}
+  fi
+
+  if [[ ! -x ${git_release_executable} ]]; then
+    echo "git-release isn't executable"
     exit 1
+  fi
+}
+install_git_release
+
+git_versions_tag=$(git_version "short-tag")
+echo "Deploying $git_versions_tag ($(git_version "long-tag")) to GitHub."
+
+echo "Generating release tag"
+${git_release_executable} release \
+    --repo "TeaWeb" \
+    --owner "TeaSpeak" \
+    --token "${GIT_AUTHTOKEN}" \
+    --title "Travis auto build $git_versions_tag" \
+    --tag "$git_versions_tag" \
+    --description "This is a auto build release from travis"
+
+[[ $? -eq 0 ]] || {
+  echo "Failed to generate git release"
+  exit 1
 }
 
-echo "Uploading release files"
-folders=("${LOG_FILE}" "${PACKAGES_DIRECTORY}")
-uploaded_files=()
-failed_files=()
+upload_package() {
+  local package_file
+  package_file=$(find_release_package "web" "$1")
+  if [[ $? -eq 0 ]]; then
+    echo "Uploading $1 package ($package_file)"
+    ${git_release_executable} upload \
+        --repo "TeaWeb" \
+        --owner "TeaSpeak" \
+        --token "${GIT_AUTHTOKEN}" \
+        --tag "$git_versions_tag" \
+        --file "$package_file" \
+        --name "$(basename "$package_file")"
 
-for folder in "${folders[@]}"; do
-    echo "Scanning folder $folder"
-    if [[ ! -d ${folder} ]]; then
-        continue;
-    fi
+    echo "Successfully uploaded $1 package"
+  else
+    echo "Skipping $1 package upload: $package_file"
+  fi
+}
 
-    for file in ${folder}*; do
-        if [[ -d ${file} ]]; then
-            echo "  Skipping directory `basename $file` ($file)"
-            continue
-        fi
-        echo "  Found entry `basename $file` ($file). Uploading file.";
-
-        ${GIT_RELEASE_EXECUTABLE} upload \
-            --repo "TeaWeb" \
-            --owner "TeaSpeak" \
-            --token "${GIT_AUTHTOKEN}" \
-            --tag "${GIT_COMMIT_SHORT}" \
-            --file "$file" \
-            --name "`basename $file`"
-
-        [[ $? -eq 0 ]] && {
-            echo "    Uploaded.";
-            uploaded_files+=("$file")
-        } || {
-            echo "Failed to generate git release"
-            failed_files+=("$file")
-        }
-    done
-done
-
-echo "Successfully uploaded ${#uploaded_files[@]} files. ${#failed_files[@]} uploads failed."
-exit 0
\ No newline at end of file
+upload_package "development"
+upload_package "release"
+exit 0
diff --git a/scripts/travis/deploy_server.sh b/scripts/travis/deploy_server.sh
index b3a1c3a9..92ebddaf 100644
--- a/scripts/travis/deploy_server.sh
+++ b/scripts/travis/deploy_server.sh
@@ -5,8 +5,12 @@ if [[ -z "$1" ]]; then
     exit 1
 fi
 
-cd "$(dirname "$0")/../../" || { echo "Failed to enter base dir"; exit 1; }
+cd "$(dirname "$0")/../../" || {
+  echo "Failed to enter base dir"
+  exit 1
+}
 source ./scripts/travis/properties.sh
+source ./scripts/helper.sh
 
 if [[ -z "${SSH_KEY}" ]]; then
     echo "Missing environment variable SSH_KEY. Please set it before using this script!"
@@ -20,31 +24,28 @@ chmod 600 /tmp/sftp_key
     exit 1
 }
 
-file=$(find "$PACKAGES_DIRECTORY" -maxdepth 1 -name "TeaWeb-release*.zip" -print)
-[[ $(echo "$file" | wc -l) -ne 1 ]] && {
-    echo "Invalid release file count (Expected 1 but got $(echo "$file" | wc -l)): ${file[*]}"
+
+package_file=$(find_release_package "web" "release")
+if [[ $? -ne 0 ]]; then
+    echo "$package_file"
     exit 1
-}
-[[ ! -e "$file" ]] && {
-    echo "File ($file) does not exists"
-    exit 1
-}
-#TeaSpeak-Travis-Web
-# ssh -oStrictHostKeyChecking=no $h TeaSpeak-Travis-Web@dev.web.teaspeak.de
+fi
+
+upload_name=$(basename "$package_file")
 ssh -oStrictHostKeyChecking=no -oIdentitiesOnly=yes -i /tmp/sftp_key TeaSpeak-Travis-Web@web.teaspeak.dev rm "tmp-upload/*.zip" # Cleanup the old files
 _exit_code=$?
 [[ $_exit_code -ne 0 ]] && {
     echo "Failed to delete the old .zip files ($_exit_code)"
 }
 
-filename="TeaWeb-release-$(git rev-parse --short HEAD).zip"
 sftp -oStrictHostKeyChecking=no -oIdentitiesOnly=yes -i /tmp/sftp_key TeaSpeak-Travis-Web@web.teaspeak.dev << EOF
-    put $file tmp-upload/$filename
+    put $package_file tmp-upload/$upload_name
 EOF
 _exit_code=$?
 [[ $_exit_code -ne 0 ]] && {
     echo "Failed to upload the .zip file ($_exit_code)"
     exit 1
 }
-ssh -oStrictHostKeyChecking=no -oIdentitiesOnly=yes -i /tmp/sftp_key TeaSpeak-Travis-Web@web.teaspeak.dev "./unpack.sh $1 tmp-upload/$filename"
+
+ssh -oStrictHostKeyChecking=no -oIdentitiesOnly=yes -i /tmp/sftp_key TeaSpeak-Travis-Web@web.teaspeak.dev "./unpack.sh $1 tmp-upload/$upload_name"
 exit $?
\ No newline at end of file
diff --git a/shared/generate_declarations.sh b/shared/generate_declarations.sh
index 8610126e..88cd1e93 100644
--- a/shared/generate_declarations.sh
+++ b/shared/generate_declarations.sh
@@ -2,7 +2,6 @@
 
 BASEDIR=$(dirname "$0")
 cd "$BASEDIR" || { echo "Failed to enter script base dir"; exit 1; }
-source ../scripts/resolve_commands.sh
 
 function generate_declaration() {
     echo "Generating declarations for project $1 ($2)"
diff --git a/tools/trgen/webpack/Utils.ts b/tools/trgen/webpack/Utils.ts
index 51d24b9b..b9ee718a 100644
--- a/tools/trgen/webpack/Utils.ts
+++ b/tools/trgen/webpack/Utils.ts
@@ -1,4 +1,4 @@
-import {TranslationEntry} from "./Definitions";
+import {TranslationEntry} from "../Definitions";
 
 export const deltaTranslations = (result: TranslationEntry[], fileName: string, processSpeed: number, newTranslations: TranslationEntry[]) => {
     let deletedTranslations = 0;

From d7ed5864175415762ad6ec599eb397e3cf0b1e8f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 22 Mar 2021 17:51:53 +0100
Subject: [PATCH 050/128] Fixed the deploy UI file script

---
 scripts/deploy_ui_files.sh | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/scripts/deploy_ui_files.sh b/scripts/deploy_ui_files.sh
index bdfbeb0a..268feb9d 100644
--- a/scripts/deploy_ui_files.sh
+++ b/scripts/deploy_ui_files.sh
@@ -22,6 +22,23 @@ if [[ $? -ne 0 ]]; then
   exit 1
 fi
 
+# We require a .tar.gz file and not a zip file.
+# So we're extracting the contents and tar.gz ing them
+temp_dir=$(mktemp -d)
+unzip "$package_file" -d "$temp_dir/raw/"
+if [[ $? -ne 0 ]]; then
+    rm -r "$temp_dir" &>/dev/null
+    echo "Failed to unpack package."
+fi
+
+echo "Generating .tar.gz file from $package_file"
+package_file="$temp_dir/$(basename -s ".zip" "$package_file").tar.gz"
+tar chvzf "$package_file" "$temp_dir"/raw/*;
+if [[ $? -ne 0 ]]; then
+    rm -r "$temp_dir"
+    echo "Failed to package package."
+fi
+
 git_hash=$(git_version "short-tag")
 application_version=$(project_version)
 echo "Deploying $package_file."
@@ -40,6 +57,7 @@ upload_result=$(curl \
    "$1"
 )
 
+rm -r "$temp_dir"
 echo "Server upload result: $upload_result"
 success=$(echo "${upload_result}" | python -c "import sys, json; print(json.load(sys.stdin)['success'])")
 

From 5a2b5143a0535bcf93d8a312f1481912978c001e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 22 Mar 2021 18:46:37 +0100
Subject: [PATCH 051/128] Adding coreutils for realpath

---
 .travis.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.travis.yml b/.travis.yml
index 1fa77b14..f1864b27 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -5,6 +5,8 @@ node_js:
   - "12"
 
 before_install:
+  - sudo apt-get update
+  - sudo apt-get -y install coreutils
   - chmod +x ./scripts/travis/build.sh
   - chmod +x ./scripts/travis/deploy_server.sh
   - chmod +x ./scripts/travis/deploy_github.sh

From f7c1f828c58f3575df002462ee1d0c2aa6533608 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 22 Mar 2021 19:13:04 +0100
Subject: [PATCH 052/128] Fixed the tar command

---
 scripts/deploy_ui_files.sh | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/scripts/deploy_ui_files.sh b/scripts/deploy_ui_files.sh
index 268feb9d..f2db2a70 100644
--- a/scripts/deploy_ui_files.sh
+++ b/scripts/deploy_ui_files.sh
@@ -29,14 +29,16 @@ unzip "$package_file" -d "$temp_dir/raw/"
 if [[ $? -ne 0 ]]; then
     rm -r "$temp_dir" &>/dev/null
     echo "Failed to unpack package."
+    exit 1
 fi
 
 echo "Generating .tar.gz file from $package_file"
 package_file="$temp_dir/$(basename -s ".zip" "$package_file").tar.gz"
-tar chvzf "$package_file" "$temp_dir"/raw/*;
+tar --use-compress-program="gzip -9" -C "$temp_dir/raw/" -c . -cf "$package_file";
 if [[ $? -ne 0 ]]; then
     rm -r "$temp_dir"
     echo "Failed to package package."
+    exit 1
 fi
 
 git_hash=$(git_version "short-tag")

From dd7fa648c4ee144778823762e1d23909b936091d Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 22 Mar 2021 20:24:34 +0100
Subject: [PATCH 053/128] Fixed the popout modal for the native client

---
 .../modal/external/Controller.ts              | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/shared/js/ui/react-elements/modal/external/Controller.ts b/shared/js/ui/react-elements/modal/external/Controller.ts
index fad69437..05433506 100644
--- a/shared/js/ui/react-elements/modal/external/Controller.ts
+++ b/shared/js/ui/react-elements/modal/external/Controller.ts
@@ -1,9 +1,13 @@
-import {LogCategory, logError, logInfo, logWarn} from "tc-shared/log";
+import {LogCategory, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
 import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
 import {Registry} from "tc-events";
-import {ModalOptions} from "tc-shared/ui/react-elements/modal/Definitions";
+import {
+    ModalInstanceController,
+    ModalInstanceEvents,
+    ModalOptions,
+    ModalState
+} from "tc-shared/ui/react-elements/modal/Definitions";
 import {guid} from "tc-shared/crypto/uid";
-import {ModalInstanceController, ModalInstanceEvents, ModalState} from "tc-shared/ui/react-elements/modal/Definitions";
 import {getWindowManager} from "tc-shared/ui/windows/WindowManager";
 import {assertMainApplication} from "tc-shared/ui/utils";
 import {
@@ -23,6 +27,7 @@ export class ExternalModalController implements ModalInstanceController {
     private ipcChannel: IPCChannel;
 
     private readonly modalEvents: Registry<ModalInstanceEvents>;
+    private modalInitialized: boolean;
     private modalInitializeCallback: () => void;
 
     private windowId: string | undefined;
@@ -69,6 +74,7 @@ export class ExternalModalController implements ModalInstanceController {
             if(this.modalInitializeCallback) {
                 this.modalInitializeCallback();
             }
+            this.modalInitialized = true;
 
             this.sendIpcMessage("hello-controller", {
                 accepted: true,
@@ -120,6 +126,8 @@ export class ExternalModalController implements ModalInstanceController {
                 return;
             }
 
+            this.modalInitialized = false;
+            this.modalInitializeCallback = undefined;
             const result = await windowManager.createWindow({
                 uniqueId: this.modalOptions.uniqueId || this.modalType,
                 loaderTarget: "modal-external",
@@ -149,16 +157,24 @@ export class ExternalModalController implements ModalInstanceController {
 
             this.windowId = result.windowId;
             try {
-                await new Promise((resolve, reject) => {
-                    this.modalInitializeCallback = resolve;
-                    setTimeout(reject, 15000);
-                });
+                if(!this.modalInitialized) {
+                    await new Promise((resolve, reject) => {
+                        const timeoutId = setTimeout(reject, 15000);
+                        this.modalInitializeCallback = () => {
+                            clearTimeout(timeoutId);
+                            resolve();
+                        };
+                    });
+                }
             } catch (_) {
                 logError(LogCategory.IPC, tr("Opened modal failed to call back within 15 seconds."));
                 getWindowManager().destroyWindow(this.windowId);
             } finally {
+                this.modalInitialized = false;
                 this.modalInitializeCallback = undefined;
             }
+
+            logTrace(LogCategory.GENERAL, tr("Successfully showed external modal"));
         });
     }
 

From b1c2b80ec82eff83d2f835a684aac020b6febd4a Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 12:03:00 +0100
Subject: [PATCH 054/128] Updated the permission editor to be popoutable

---
 .../js/events/ClientGlobalControlHandler.ts   |   2 +-
 shared/js/events/GlobalEvents.ts              |   2 +-
 shared/js/tree/Client.ts                      |   7 +-
 .../ui/modal/permission/EditorDefinitions.ts  | 102 ++++
 ...missionEditor.scss => EditorRenderer.scss} |   4 +-
 ...ermissionEditor.tsx => EditorRenderer.tsx} | 574 ++++++++----------
 ...ermissionEditor.tsx => ModalController.ts} | 369 ++---------
 .../ui/modal/permission/ModalDefinitions.ts   | 196 ++++++
 .../permission/ModalPermissionEditor.scss     | 194 ------
 .../{TabHandler.scss => ModalRenderer.scss}   | 193 ++++++
 .../{TabHandler.tsx => ModalRenderer.tsx}     | 374 ++++++++----
 shared/js/ui/react-elements/Arrow.scss        |  32 +
 shared/js/ui/react-elements/Arrow.tsx         |  19 +
 .../js/ui/react-elements/modal/Definitions.ts |   9 +
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 .../modal/external/renderer/EntryPoint.ts     |   2 +
 .../react-elements/modal/internal/index.tsx   |   7 +-
 shared/js/ui/tree/EntryTags.tsx               |   9 +-
 webpack/ManifestPlugin.ts                     |  11 +-
 19 files changed, 1152 insertions(+), 960 deletions(-)
 create mode 100644 shared/js/ui/modal/permission/EditorDefinitions.ts
 rename shared/js/ui/modal/permission/{PermissionEditor.scss => EditorRenderer.scss} (99%)
 rename shared/js/ui/modal/permission/{PermissionEditor.tsx => EditorRenderer.tsx} (72%)
 rename shared/js/ui/modal/permission/{ModalPermissionEditor.tsx => ModalController.ts} (76%)
 create mode 100644 shared/js/ui/modal/permission/ModalDefinitions.ts
 delete mode 100644 shared/js/ui/modal/permission/ModalPermissionEditor.scss
 rename shared/js/ui/modal/permission/{TabHandler.scss => ModalRenderer.scss} (54%)
 rename shared/js/ui/modal/permission/{TabHandler.tsx => ModalRenderer.tsx} (72%)
 create mode 100644 shared/js/ui/react-elements/Arrow.scss
 create mode 100644 shared/js/ui/react-elements/Arrow.tsx

diff --git a/shared/js/events/ClientGlobalControlHandler.ts b/shared/js/events/ClientGlobalControlHandler.ts
index 3281df62..80326bf7 100644
--- a/shared/js/events/ClientGlobalControlHandler.ts
+++ b/shared/js/events/ClientGlobalControlHandler.ts
@@ -8,7 +8,7 @@ import {openBanList} from "../ui/modal/ModalBanList";
 import {formatMessage} from "../ui/frames/chat";
 import {CommandResult} from "../connection/ServerConnectionDeclaration";
 import {spawnSettingsModal} from "../ui/modal/ModalSettings";
-import {spawnPermissionEditorModal} from "../ui/modal/permission/ModalPermissionEditor";
+import {spawnPermissionEditorModal} from "../ui/modal/permission/ModalController";
 import {tr, tra} from "../i18n/localize";
 import {spawnGlobalSettingsEditor} from "tc-shared/ui/modal/global-settings-editor/Controller";
 import {spawnModalCssVariableEditor} from "tc-shared/ui/modal/css-editor/Controller";
diff --git a/shared/js/events/GlobalEvents.ts b/shared/js/events/GlobalEvents.ts
index 98f43a5b..0569e1bd 100644
--- a/shared/js/events/GlobalEvents.ts
+++ b/shared/js/events/GlobalEvents.ts
@@ -1,8 +1,8 @@
 import {ConnectionHandler} from "../ConnectionHandler";
 import {Registry} from "../events";
 import {VideoBroadcastType} from "tc-shared/connection/VideoConnection";
+import {PermissionEditorTab} from "tc-shared/ui/modal/permission/ModalDefinitions";
 
-export type PermissionEditorTab = "groups-server" | "groups-channel" | "channel" | "client" | "client-channel";
 export interface ClientGlobalControlEvents {
     /* open a basic window */
     action_open_window: {
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index cfe22dd1..e430f85e 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -20,7 +20,7 @@ import {spawnYesNo} from "../ui/modal/ModalYesNo";
 import * as hex from "../crypto/hex";
 import {ChannelTreeEntry, ChannelTreeEntryEvents} from "./ChannelTreeEntry";
 import {spawnClientVolumeChange, spawnMusicBotVolumeChange} from "../ui/modal/ModalChangeVolumeNew";
-import {spawnPermissionEditorModal} from "../ui/modal/permission/ModalPermissionEditor";
+import {spawnPermissionEditorModal} from "../ui/modal/permission/ModalController";
 import {global_client_actions} from "../events/GlobalEvents";
 import {ClientIcon} from "svg-sprites/client-icons";
 import {VoiceClient} from "../voice/VoiceClient";
@@ -465,7 +465,10 @@ export class ClientEntry<Events extends ClientEvents = ClientEvents> extends Cha
                     type: contextmenu.MenuEntryType.ENTRY,
                     icon_class: "client-permission_client",
                     name: tr("Client channel permissions"),
-                    callback: () => spawnPermissionEditorModal(this.channelTree.client, "client-channel", { clientDatabaseId: this.properties.client_database_id })
+                    callback: () => spawnPermissionEditorModal(this.channelTree.client, "client-channel", {
+                        clientDatabaseId: this.properties.client_database_id,
+                        channelId: this.currentChannel()?.channelId
+                    })
                 }
             ]
         }];
diff --git a/shared/js/ui/modal/permission/EditorDefinitions.ts b/shared/js/ui/modal/permission/EditorDefinitions.ts
new file mode 100644
index 00000000..7a0ebf04
--- /dev/null
+++ b/shared/js/ui/modal/permission/EditorDefinitions.ts
@@ -0,0 +1,102 @@
+export interface EditorGroupedPermissions {
+    groupId: string,
+    groupName: string,
+    permissions: {
+        id: number,
+        name: string;
+        description: string;
+    }[],
+    children: EditorGroupedPermissions[]
+}
+
+export type PermissionEditorMode = "unset" | "no-permissions" | "normal";
+export interface PermissionEditorEvents {
+    action_set_mode: { mode: PermissionEditorMode, failedPermission?: string }
+    action_toggle_client_button: { visible: boolean },
+    action_toggle_client_list: { visible: boolean },
+
+    action_set_filter: { filter?: string }
+    action_set_assigned_only: { value: boolean }
+
+    action_set_default_value: { value: number },
+
+    action_open_icon_select: { iconId?: number }
+    action_set_senseless_permissions: { permissions: string[] }
+
+    action_remove_permissions: {
+        permissions: {
+            name: string;
+            mode: "value" | "grant";
+        }[]
+    }
+    action_remove_permissions_result: {
+        permissions: {
+            name: string;
+            mode: "value" | "grant";
+            success: boolean;
+        }[]
+    }
+
+    action_set_permissions: {
+        permissions: {
+            name: string;
+
+            mode: "value" | "grant";
+
+            value?: number;
+            flagNegate?: boolean;
+            flagSkip?: boolean;
+        }[]
+    }
+    action_set_permissions_result: {
+        permissions: {
+            name: string;
+
+            mode: "value" | "grant";
+
+            newValue?: number; /* undefined if it didnt worked */
+            flagNegate?: boolean;
+            flagSkip?: boolean;
+        }[]
+    }
+
+    action_toggle_group: {
+        groupId: string | null; /* if null, all groups are affected */
+        collapsed: boolean;
+    }
+
+    action_start_permission_edit: {
+        target: "value" | "grant";
+        permission: string;
+        defaultValue: number;
+    },
+
+    action_add_permission_group: {
+        groupId: string,
+        mode: "value" | "grant";
+    },
+    action_remove_permission_group: {
+        groupId: string
+        mode: "value" | "grant";
+    }
+
+    query_permission_list: {},
+    query_permission_list_result: {
+        hideSenselessPermissions: boolean;
+        permissions: EditorGroupedPermissions[]
+    },
+
+    query_permission_values: {},
+    query_permission_values_result: {
+        status: "error" | "success"; /* no perms will cause a action_set_mode event with no permissions */
+
+        error?: string;
+        permissions?: {
+            name: string;
+            value?: number;
+            flagNegate?: boolean;
+            flagSkip?: boolean;
+            granted?: number;
+        }[]
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/PermissionEditor.scss b/shared/js/ui/modal/permission/EditorRenderer.scss
similarity index 99%
rename from shared/js/ui/modal/permission/PermissionEditor.scss
rename to shared/js/ui/modal/permission/EditorRenderer.scss
index 1b2fbbcf..b67b59d4 100644
--- a/shared/js/ui/modal/permission/PermissionEditor.scss
+++ b/shared/js/ui/modal/permission/EditorRenderer.scss
@@ -121,7 +121,7 @@ html:root {
             .button {
                 text-align: center;
 
-                :global(.arrow) {
+                .arrow {
                     border-color: var(--text);
                 }
             }
@@ -271,7 +271,7 @@ html:root {
             color: var(--modal-permissions-table-entry-group-text) !important;
             font-weight: bold;
 
-            :global(.arrow) {
+            .arrow {
                 cursor: pointer;
                 border-color: var(--modal-permissions-table-entry-active-text);
             }
diff --git a/shared/js/ui/modal/permission/PermissionEditor.tsx b/shared/js/ui/modal/permission/EditorRenderer.tsx
similarity index 72%
rename from shared/js/ui/modal/permission/PermissionEditor.tsx
rename to shared/js/ui/modal/permission/EditorRenderer.tsx
index ae3efcf5..7612d02c 100644
--- a/shared/js/ui/modal/permission/PermissionEditor.tsx
+++ b/shared/js/ui/modal/permission/EditorRenderer.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import {useEffect, useRef, useState} from "react";
+import {useContext, useEffect, useRef, useState} from "react";
 import {FlatInputField} from "tc-shared/ui/react-elements/InputField";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {EventHandler, ReactEventHandler, Registry} from "tc-shared/events";
@@ -11,125 +11,32 @@ import ResizeObserver from "resize-observer-polyfill";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
 import {Button} from "tc-shared/ui/react-elements/Button";
 import {IconRenderer, RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
-import {ConnectionHandler} from "tc-shared/ConnectionHandler";
-import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
 import {createInfoModal} from "tc-shared/ui/elements/Modal";
 import {getIconManager} from "tc-shared/file/Icons";
+import {
+    EditorGroupedPermissions,
+    PermissionEditorEvents,
+    PermissionEditorMode
+} from "tc-shared/ui/modal/permission/EditorDefinitions";
+import {ContextMenuEntry, spawnContextMenu} from "tc-shared/ui/ContextMenu";
+import {Arrow} from "tc-shared/ui/react-elements/Arrow";
 
-const cssStyle = require("./PermissionEditor.scss");
+const cssStyle = require("./EditorRenderer.scss");
 
-export interface EditorGroupedPermissions {
-    groupId: string,
-    groupName: string,
-    permissions: {
-        id: number,
-        name: string;
-        description: string;
-    }[],
-    children: EditorGroupedPermissions[]
-}
+const EventContext = React.createContext<Registry<PermissionEditorEvents>>(undefined);
+const ServerInfoContext = React.createContext<{ handlerId: string, serverUniqueId: string }>(undefined);
 
-type PermissionEditorMode = "unset" | "no-permissions" | "normal";
+const ButtonIconPreview = React.memo(() => {
+    const serverInfo = useContext(ServerInfoContext);
+    const events = useContext(EventContext);
 
-export interface PermissionEditorEvents {
-    action_set_mode: { mode: PermissionEditorMode, failedPermission?: string }
-    action_toggle_client_button: { visible: boolean },
-    action_toggle_client_list: { visible: boolean },
-
-    action_set_filter: { filter?: string }
-    action_set_assigned_only: { value: boolean }
-
-    action_set_default_value: { value: number },
-
-    action_open_icon_select: { iconId?: number }
-    action_set_senseless_permissions: { permissions: string[] }
-
-    action_remove_permissions: {
-        permissions: {
-            name: string;
-            mode: "value" | "grant";
-        }[]
-    }
-    action_remove_permissions_result: {
-        permissions: {
-            name: string;
-            mode: "value" | "grant";
-            success: boolean;
-        }[]
-    }
-
-    action_set_permissions: {
-        permissions: {
-            name: string;
-
-            mode: "value" | "grant";
-
-            value?: number;
-            flagNegate?: boolean;
-            flagSkip?: boolean;
-        }[]
-    }
-    action_set_permissions_result: {
-        permissions: {
-            name: string;
-
-            mode: "value" | "grant";
-
-            newValue?: number; /* undefined if it didnt worked */
-            flagNegate?: boolean;
-            flagSkip?: boolean;
-        }[]
-    }
-
-    action_toggle_group: {
-        groupId: string | null; /* if null, all groups are affected */
-        collapsed: boolean;
-    }
-
-    action_start_permission_edit: {
-        target: "value" | "grant";
-        permission: string;
-        defaultValue: number;
-    },
-
-    action_add_permission_group: {
-        groupId: string,
-        mode: "value" | "grant";
-    },
-    action_remove_permission_group: {
-        groupId: string
-        mode: "value" | "grant";
-    }
-
-    query_permission_list: {},
-    query_permission_list_result: {
-        hideSenselessPermissions: boolean;
-        permissions: EditorGroupedPermissions[]
-    },
-
-    query_permission_values: {},
-    query_permission_values_result: {
-        status: "error" | "success"; /* no perms will cause a action_set_mode event with no permissions */
-
-        error?: string;
-        permissions?: {
-            name: string;
-            value?: number;
-            flagNegate?: boolean;
-            flagSkip?: boolean;
-            granted?: number;
-        }[]
-    }
-}
-
-const ButtonIconPreview = (props: { events: Registry<PermissionEditorEvents>, connection: ConnectionHandler }) => {
     const [iconId, setIconId] = useState(0);
     const [unset, setUnset] = useState(true);
 
-    props.events.reactUse("action_set_mode", event => setUnset(event.mode !== "normal"));
+    events.reactUse("action_set_mode", event => setUnset(event.mode !== "normal"));
 
-    props.events.reactUse("action_remove_permissions_result", event => {
+    events.reactUse("action_remove_permissions_result", event => {
         const iconPermission = event.permissions.find(e => e.name === PermissionType.I_ICON_ID);
         if (!iconPermission || !iconPermission.success) return;
 
@@ -137,7 +44,7 @@ const ButtonIconPreview = (props: { events: Registry<PermissionEditorEvents>, co
             setIconId(0);
     });
 
-    props.events.reactUse("action_set_permissions_result", event => {
+    events.reactUse("action_set_permissions_result", event => {
         const iconPermission = event.permissions.find(e => e.name === PermissionType.I_ICON_ID);
         if (!iconPermission) return;
 
@@ -145,7 +52,7 @@ const ButtonIconPreview = (props: { events: Registry<PermissionEditorEvents>, co
             setIconId(iconPermission.newValue);
     });
 
-    props.events.reactUse("query_permission_values_result", event => {
+    events.reactUse("query_permission_values_result", event => {
         if (event.status !== "success") {
             setIconId(0);
             return;
@@ -166,80 +73,94 @@ const ButtonIconPreview = (props: { events: Registry<PermissionEditorEvents>, co
 
     let icon;
     if (!unset && iconId > 0) {
-        icon = <RemoteIconRenderer key={"icon-" + iconId} icon={getIconManager().resolveIcon(iconId, props.connection.getCurrentServerUniqueId(), props.connection.handlerId)} />;
+        icon = <RemoteIconRenderer key={"icon-" + iconId} icon={getIconManager().resolveIcon(iconId, serverInfo.serverUniqueId, serverInfo.handlerId)} />;
     }
 
     return (
         <div className={cssStyle.containerIconSelect}>
             <div className={cssStyle.preview}
-                 onClick={() => props.events.fire("action_open_icon_select", {iconId: iconId})}>
+                 onClick={() => events.fire("action_open_icon_select", {iconId: iconId})}>
                 {icon}
             </div>
             <div className={cssStyle.containerDropdown}>
                 <div className={cssStyle.button}>
-                    <div className="arrow down"/>
+                    <Arrow direction={"down"} className={cssStyle.arrow} />
                 </div>
                 <div className={cssStyle.dropdown}>
-                    {iconId ? <div className={cssStyle.entry} key={"edit-icon"}
-                                   onClick={() => props.events.fire("action_open_icon_select", {iconId: iconId})}>
-                        <Translatable>Edit icon</Translatable>
-                    </div> : undefined}
-                    {iconId ? <div className={cssStyle.entry} key={"remove-icon"}
-                                   onClick={() => props.events.fire("action_remove_permissions", {
-                                       permissions: [{
-                                           name: PermissionType.I_ICON_ID,
-                                           mode: "value"
-                                       }]
-                                   })}>
-                        <Translatable>Remove icon</Translatable>
-                    </div> : undefined}
-                    {!iconId ? <div className={cssStyle.entry} key={"add-icon"}
-                                    onClick={() => props.events.fire("action_open_icon_select", {iconId: 0})}>
-                        <Translatable>Add icon</Translatable>
-                    </div> : undefined}
+                    {iconId ? (
+                        <div className={cssStyle.entry} key={"edit-icon"}
+                             onClick={() => events.fire("action_open_icon_select", {iconId: iconId})}>
+                            <Translatable>Edit icon</Translatable>
+                        </div>
+                    ) : undefined}
+                    {iconId ? (
+                        <div className={cssStyle.entry} key={"remove-icon"}
+                             onClick={() => events.fire("action_remove_permissions", {
+                                 permissions: [{
+                                     name: PermissionType.I_ICON_ID,
+                                     mode: "value"
+                                 }]
+                             })}>
+                            <Translatable>Remove icon</Translatable>
+                        </div>
+                    ) : undefined}
+                    {!iconId ? (
+                        <div className={cssStyle.entry} key={"add-icon"}
+                             onClick={() => events.fire("action_open_icon_select", {iconId: 0})}>
+                            <Translatable>Add icon</Translatable>
+                        </div>
+                    ) : undefined}
                 </div>
             </div>
         </div>
     );
-};
+});
 
-const ClientListButton = (props: { events: Registry<PermissionEditorEvents> }) => {
+const ClientListButton = () => {
+    const events = useContext(EventContext);
     const [visible, setVisible] = useState(true);
     const [toggled, setToggled] = useState(false);
 
-    props.events.reactUse("action_toggle_client_button", event => setVisible(event.visible));
-    props.events.reactUse("action_toggle_client_list", event => setToggled(event.visible));
+    events.reactUse("action_toggle_client_button", event => setVisible(event.visible));
+    events.reactUse("action_toggle_client_list", event => setToggled(event.visible));
 
     return <Button
         key={"button-clients"}
         className={cssStyle.clients + " " + (visible ? "" : cssStyle.hidden)}
         color={"green"}
-        onClick={() => props.events.fire("action_toggle_client_list", {visible: !toggled})}>
+        onClick={() => events.fire("action_toggle_client_list", {visible: !toggled})}>
         {toggled ? <Translatable key={"hide"}>Hide clients in group</Translatable> :
             <Translatable key={"show"}>Show clients in group</Translatable>}
     </Button>
 };
 
-const MenuBar = (props: { events: Registry<PermissionEditorEvents>, connection: ConnectionHandler }) => {
-    return <div className={cssStyle.containerMenuBar}>
-        <ClientListButton events={props.events}/>
-        <FlatInputField
-            className={cssStyle.filter}
+const MenuBar = React.memo(() => {
+    const events = useContext(EventContext);
 
-            label={<Translatable>Filter permissions</Translatable>}
-            labelType={"floating"}
-            labelClassName={cssStyle.label}
-            labelFloatingClassName={cssStyle.labelFloating}
-            onInput={text => props.events.fire("action_set_filter", {filter: text})}
-        />
-        <div className={cssStyle.options}>
-            <Switch initialState={false} label={<Translatable>Assigned only</Translatable>}
-                    onChange={state => props.events.fire("action_set_assigned_only", {value: state})}/>
-            { /* <Switch initialState={true} label={<Translatable>Editable only</Translatable>} /> */}
+    return (
+        <div className={cssStyle.containerMenuBar}>
+            <ClientListButton />
+            <FlatInputField
+                className={cssStyle.filter}
+
+                label={<Translatable>Filter permissions</Translatable>}
+                labelType={"floating"}
+                labelClassName={cssStyle.label}
+                labelFloatingClassName={cssStyle.labelFloating}
+                onInput={text => events.fire("action_set_filter", {filter: text})}
+            />
+            <div className={cssStyle.options}>
+                <Switch
+                    initialState={false}
+                    label={<Translatable>Assigned only</Translatable>}
+                    onChange={state => events.fire("action_set_assigned_only", {value: state})}
+                />
+                { /* <Switch initialState={true} label={<Translatable>Editable only</Translatable>} /> */}
+            </div>
+            <ButtonIconPreview />
         </div>
-        <ButtonIconPreview events={props.events} connection={props.connection}/>
-    </div>;
-};
+    );
+});
 
 interface LinkedGroupedPermissions {
     groupId: string;
@@ -266,8 +187,7 @@ interface LinkedGroupedPermissions {
     elementVisible: boolean;
 }
 
-const PermissionEntryRow = (props: {
-    events: Registry<PermissionEditorEvents>,
+const PermissionEntryRow = React.memo((props: {
     groupId: string,
     permission: string,
     value: PermissionValue,
@@ -277,6 +197,8 @@ const PermissionEntryRow = (props: {
     defaultValue: number,
     description: string
 }) => {
+    const events = useContext(EventContext);
+
     const [defaultValue, setDefaultValue] = useState(props.defaultValue);
     const [value, setValue] = useState<number>(props.value.value);
     const [forceValueUpdate, setForceValueUpdate] = useState(false);
@@ -306,7 +228,7 @@ const PermissionEntryRow = (props: {
         if (isBoolPermission) {
             valueElement = <Switch ref={refValueB} key={"value-b"} initialState={value >= 1} disabled={valueApplying}
                                    onChange={flag => {
-                                       props.events.fire("action_set_permissions", {
+                                       events.fire("action_set_permissions", {
                                            permissions: [{
                                                name: props.permission,
                                                mode: "value",
@@ -337,7 +259,7 @@ const PermissionEntryRow = (props: {
                                }
 
                                setForceValueUpdate(false);
-                               props.events.fire("action_remove_permissions", {
+                               events.fire("action_remove_permissions", {
                                    permissions: [{
                                        name: props.permission,
                                        mode: "value"
@@ -352,7 +274,7 @@ const PermissionEntryRow = (props: {
                                }
 
                                setForceValueUpdate(false);
-                               props.events.fire("action_set_permissions", {
+                               events.fire("action_set_permissions", {
                                    permissions: [{
                                        name: props.permission,
                                        mode: "value",
@@ -367,7 +289,7 @@ const PermissionEntryRow = (props: {
         }
 
         skipElement = <Switch key={"skip"} initialState={flagSkip} disabled={valueApplying} onChange={flag => {
-            props.events.fire("action_set_permissions", {
+            events.fire("action_set_permissions", {
                 permissions: [{
                     name: props.permission,
                     mode: "value",
@@ -378,7 +300,7 @@ const PermissionEntryRow = (props: {
             });
         }}/>;
         negateElement = <Switch key={"negate"} initialState={flagNegated} disabled={valueApplying} onChange={flag => {
-            props.events.fire("action_set_permissions", {
+            events.fire("action_set_permissions", {
                 permissions: [{
                     name: props.permission,
                     mode: "value",
@@ -392,51 +314,67 @@ const PermissionEntryRow = (props: {
 
     if (typeof granted === "number") {
         if (grantedApplying) {
-            grantedElement =
-                <input key={"grant-applying"} className={cssStyle.applying} type="number" placeholder={tr("applying")}
-                       readOnly={true} onChange={() => {
-                }}/>;
+            grantedElement = (
+                <input
+                    key={"grant-applying"}
+                    className={cssStyle.applying}
+                    type="number"
+                    placeholder={tr("applying")}
+                    readOnly={true}
+                    onChange={() => {}}
+                />
+            );
         } else {
-            grantedElement = <input ref={refGranted} key={"grant"} type="number" defaultValue={granted} onBlur={() => {
-                setGrantedEditing(false);
-                if (!refGranted.current)
-                    return;
+            grantedElement = (
+                <input
+                    ref={refGranted}
+                    key={"grant"}
+                    type="number"
+                    defaultValue={granted}
+                    onBlur={() => {
+                        setGrantedEditing(false);
+                        if (!refGranted.current)
+                            return;
 
-                const newValue = refGranted.current.value;
-                if (newValue === "") {
-                    if (typeof granted === "undefined")
-                        return;
+                        const newValue = refGranted.current.value;
+                        if (newValue === "") {
+                            if (typeof granted === "undefined")
+                                return;
 
-                    setForceGrantedUpdate(true);
-                    props.events.fire("action_remove_permissions", {
-                        permissions: [{
-                            name: props.permission,
-                            mode: "grant"
-                        }]
-                    });
-                } else {
-                    const numberValue = parseInt(newValue);
-                    if (isNaN(numberValue)) return;
-                    if (numberValue === granted && !forceGrantedUpdate) {
-                        /* no change */
-                        return;
-                    }
+                            setForceGrantedUpdate(true);
+                            events.fire("action_remove_permissions", {
+                                permissions: [{
+                                    name: props.permission,
+                                    mode: "grant"
+                                }]
+                            });
+                        } else {
+                            const numberValue = parseInt(newValue);
+                            if (isNaN(numberValue)) return;
+                            if (numberValue === granted && !forceGrantedUpdate) {
+                                /* no change */
+                                return;
+                            }
 
-                    setForceGrantedUpdate(true);
-                    props.events.fire("action_set_permissions", {
-                        permissions: [{
-                            name: props.permission,
-                            mode: "grant",
-                            value: numberValue
-                        }]
-                    });
-                }
-            }} onChange={() => {
-            }} onKeyPress={e => e.key === "Enter" && e.currentTarget.blur()}/>;
+                            setForceGrantedUpdate(true);
+                            events.fire("action_set_permissions", {
+                                permissions: [{
+                                    name: props.permission,
+                                    mode: "grant",
+                                    value: numberValue
+                                }]
+                            });
+                        }
+                    }}
+                    onChange={() => {
+                    }}
+                    onKeyPress={e => e.key === "Enter" && e.currentTarget.blur()}
+                />
+            );
         }
     }
 
-    props.events.reactUse("action_start_permission_edit", event => {
+    events.reactUse("action_start_permission_edit", event => {
         if (event.permission !== props.permission)
             return;
 
@@ -447,7 +385,7 @@ const PermissionEntryRow = (props: {
         } else {
             if (isBoolPermission && typeof value === "undefined") {
                 setValue(event.defaultValue >= 1 ? 1 : 0);
-                props.events.fire("action_set_permissions", {
+                events.fire("action_set_permissions", {
                     permissions: [{
                         name: props.permission,
                         mode: "value",
@@ -464,7 +402,7 @@ const PermissionEntryRow = (props: {
         }
     });
 
-    props.events.reactUse("action_set_permissions", event => {
+    events.reactUse("action_set_permissions", event => {
         const values = event.permissions.find(e => e.name === props.permission);
         if (!values) return;
 
@@ -477,7 +415,7 @@ const PermissionEntryRow = (props: {
         }
     });
 
-    props.events.reactUse("action_set_permissions_result", event => {
+    events.reactUse("action_set_permissions_result", event => {
         const result = event.permissions.find(e => e.name === props.permission);
         if (!result) return;
 
@@ -518,7 +456,7 @@ const PermissionEntryRow = (props: {
         }
     });
 
-    props.events.reactUse("action_remove_permissions", event => {
+    events.reactUse("action_remove_permissions", event => {
         const modes = event.permissions.find(e => e.name === props.permission);
         if (!modes) return;
 
@@ -533,7 +471,7 @@ const PermissionEntryRow = (props: {
             setGrantedApplying(true);
     });
 
-    props.events.reactUse("action_remove_permissions_result", event => {
+    events.reactUse("action_remove_permissions_result", event => {
         const modes = event.permissions.find(e => e.name === props.permission);
         if (!modes) return;
 
@@ -553,7 +491,7 @@ const PermissionEntryRow = (props: {
         }
     });
 
-    props.events.reactUse("action_set_default_value", event => setDefaultValue(event.value));
+    events.reactUse("action_set_default_value", event => setDefaultValue(event.value));
 
     useEffect(() => {
         if (grantedEditing)
@@ -573,7 +511,7 @@ const PermissionEntryRow = (props: {
                 if (e.isDefaultPrevented())
                     return;
 
-                props.events.fire("action_start_permission_edit", {
+                events.fire("action_start_permission_edit", {
                     permission: props.permission,
                     target: "value",
                     defaultValue: defaultValue
@@ -583,12 +521,12 @@ const PermissionEntryRow = (props: {
             onContextMenu={e => {
                 e.preventDefault();
 
-                let entries: contextmenu.MenuEntry[] = [];
+                let entries: ContextMenuEntry[] = [];
                 if (typeof value === "undefined") {
                     entries.push({
-                        type: contextmenu.MenuEntryType.ENTRY,
-                        name: tr("Add permission"),
-                        callback: () => props.events.fire("action_start_permission_edit", {
+                        type: "normal",
+                        label: tr("Add permission"),
+                        click: () => events.fire("action_start_permission_edit", {
                             permission: props.permission,
                             target: "value",
                             defaultValue: defaultValue
@@ -596,9 +534,9 @@ const PermissionEntryRow = (props: {
                     });
                 } else {
                     entries.push({
-                        type: contextmenu.MenuEntryType.ENTRY,
-                        name: tr("Remove permission"),
-                        callback: () => props.events.fire("action_remove_permissions", {
+                        type: "normal",
+                        label: tr("Remove permission"),
+                        click: () => events.fire("action_remove_permissions", {
                             permissions: [{
                                 name: props.permission,
                                 mode: "value"
@@ -609,9 +547,9 @@ const PermissionEntryRow = (props: {
 
                 if (typeof granted === "undefined") {
                     entries.push({
-                        type: contextmenu.MenuEntryType.ENTRY,
-                        name: tr("Add grant permission"),
-                        callback: () => props.events.fire("action_start_permission_edit", {
+                        type: "normal",
+                        label: tr("Add grant permission"),
+                        click: () => events.fire("action_start_permission_edit", {
                             permission: props.permission,
                             target: "grant",
                             defaultValue: defaultValue
@@ -619,9 +557,9 @@ const PermissionEntryRow = (props: {
                     });
                 } else {
                     entries.push({
-                        type: contextmenu.MenuEntryType.ENTRY,
-                        name: tr("Remove grant permission"),
-                        callback: () => props.events.fire("action_remove_permissions", {
+                        type: "normal",
+                        label: tr("Remove grant permission"),
+                        click: () => events.fire("action_remove_permissions", {
                             permissions: [{
                                 name: props.permission,
                                 mode: "grant"
@@ -629,28 +567,27 @@ const PermissionEntryRow = (props: {
                         })
                     });
                 }
-
-                entries.push(contextmenu.Entry.HR());
+                entries.push({ type: "separator" });
                 entries.push({
-                    type: contextmenu.MenuEntryType.ENTRY,
-                    name: tr("Collapse group"),
-                    callback: () => props.events.fire("action_toggle_group", {groupId: props.groupId, collapsed: true})
+                    type: "normal",
+                    label: tr("Collapse group"),
+                    click: () => events.fire("action_toggle_group", {groupId: props.groupId, collapsed: true})
                 });
                 entries.push({
-                    type: contextmenu.MenuEntryType.ENTRY,
-                    name: tr("Expend all"),
-                    callback: () => props.events.fire("action_toggle_group", {groupId: null, collapsed: false})
+                    type: "normal",
+                    label: tr("Expend all"),
+                    click: () => events.fire("action_toggle_group", {groupId: null, collapsed: false})
                 });
                 entries.push({
-                    type: contextmenu.MenuEntryType.ENTRY,
-                    name: tr("Collapse all"),
-                    callback: () => props.events.fire("action_toggle_group", {groupId: null, collapsed: true})
+                    type: "normal",
+                    label: tr("Collapse all"),
+                    click: () => events.fire("action_toggle_group", {groupId: null, collapsed: true})
                 });
-                entries.push(contextmenu.Entry.HR());
+                entries.push({ type: "separator" });
                 entries.push({
-                    type: contextmenu.MenuEntryType.ENTRY,
-                    name: tr("Show permission description"),
-                    callback: () => {
+                    type: "normal",
+                    label: tr("Show permission description"),
+                    click: () => {
                         createInfoModal(
                             tr("Permission description"),
                             tr("Permission description for permission ") + props.permission + ": <br>" + props.description
@@ -658,12 +595,12 @@ const PermissionEntryRow = (props: {
                     }
                 });
                 entries.push({
-                    type: contextmenu.MenuEntryType.ENTRY,
-                    name: tr("Copy permission name"),
-                    callback: () => copyToClipboard(props.permission)
+                    type: "normal",
+                    label: tr("Copy permission name"),
+                    click: () => copyToClipboard(props.permission)
                 });
 
-                contextmenu.spawn_context_menu(e.pageX, e.pageY, ...entries);
+                spawnContextMenu({ pageX: e.pageX, pageY: e.pageY }, entries);
             }}
         >
             <div className={cssStyle.columnName}>
@@ -673,7 +610,7 @@ const PermissionEntryRow = (props: {
             <div className={cssStyle.columnSkip}>{skipElement}</div>
             <div className={cssStyle.columnNegate}>{negateElement}</div>
             <div className={cssStyle.columnGranted} onDoubleClick={e => {
-                props.events.fire("action_start_permission_edit", {
+                events.fire("action_start_permission_edit", {
                     permission: props.permission,
                     target: "grant",
                     defaultValue: defaultValue
@@ -682,12 +619,13 @@ const PermissionEntryRow = (props: {
             }}>{grantedElement}</div>
         </div>
     );
-};
+});
 
-const PermissionGroupRow = (props: { events: Registry<PermissionEditorEvents>, group: LinkedGroupedPermissions, isOdd: boolean, offsetTop: number }) => {
+const PermissionGroupRow = React.memo((props: { group: LinkedGroupedPermissions, isOdd: boolean, offsetTop: number }) => {
+    const events = useContext(EventContext);
     const [collapsed, setCollapsed] = useState(props.group.collapsed);
 
-    props.events.reactUse("action_toggle_group", event => {
+    events.reactUse("action_toggle_group", event => {
         if (event.groupId !== null && event.groupId !== props.group.groupId)
             return;
 
@@ -699,82 +637,86 @@ const PermissionGroupRow = (props: { events: Registry<PermissionEditorEvents>, g
              style={{paddingLeft: props.group.depth + "em", top: props.offsetTop}} onContextMenu={e => {
             e.preventDefault();
 
-            let entries = [];
+            let entries: ContextMenuEntry[] = [];
             entries.push({
-                type: contextmenu.MenuEntryType.ENTRY,
-                name: tr("Add permissions to this group"),
-                callback: () => props.events.fire("action_add_permission_group", {
+                type: "normal",
+                label: tr("Add permissions to this group"),
+                click: () => events.fire("action_add_permission_group", {
                     groupId: props.group.groupId,
                     mode: "value"
                 })
             });
             entries.push({
-                type: contextmenu.MenuEntryType.ENTRY,
-                name: tr("Remove permissions from this group"),
-                callback: () => props.events.fire("action_remove_permission_group", {
+                type: "normal",
+                label: tr("Remove permissions from this group"),
+                click: () => events.fire("action_remove_permission_group", {
                     groupId: props.group.groupId,
                     mode: "value"
                 })
             });
             entries.push({
-                type: contextmenu.MenuEntryType.ENTRY,
-                name: tr("Add granted permissions to this group"),
-                callback: () => props.events.fire("action_add_permission_group", {
+                type: "normal",
+                label: tr("Add granted permissions to this group"),
+                click: () => events.fire("action_add_permission_group", {
                     groupId: props.group.groupId,
                     mode: "grant"
                 })
             });
             entries.push({
-                type: contextmenu.MenuEntryType.ENTRY,
-                name: tr("Remove granted permissions from this group"),
-                callback: () => props.events.fire("action_remove_permission_group", {
+                type: "normal",
+                label: tr("Remove granted permissions from this group"),
+                click: () => events.fire("action_remove_permission_group", {
                     groupId: props.group.groupId,
                     mode: "grant"
                 })
             });
-            entries.push(contextmenu.Entry.HR());
+            entries.push({ type: "separator" });
             if (collapsed) {
                 entries.push({
-                    type: contextmenu.MenuEntryType.ENTRY,
-                    name: tr("Expend group"),
-                    callback: () => props.events.fire("action_toggle_group", {
+                    type: "normal",
+                    label: tr("Expend group"),
+                    click: () => events.fire("action_toggle_group", {
                         groupId: props.group.groupId,
                         collapsed: false
                     })
                 });
             } else {
                 entries.push({
-                    type: contextmenu.MenuEntryType.ENTRY,
-                    name: tr("Collapse group"),
-                    callback: () => props.events.fire("action_toggle_group", {
+                    type: "normal",
+                    label: tr("Collapse group"),
+                    click: () => events.fire("action_toggle_group", {
                         groupId: props.group.groupId,
                         collapsed: true
                     })
                 });
             }
             entries.push({
-                type: contextmenu.MenuEntryType.ENTRY,
-                name: tr("Expend all"),
-                callback: () => props.events.fire("action_toggle_group", {groupId: null, collapsed: false})
+                type: "normal",
+                label: tr("Expend all"),
+                click: () => events.fire("action_toggle_group", {groupId: null, collapsed: false})
             });
             entries.push({
-                type: contextmenu.MenuEntryType.ENTRY,
-                name: tr("Collapse all"),
-                callback: () => props.events.fire("action_toggle_group", {groupId: null, collapsed: true})
+                type: "normal",
+                label: tr("Collapse all"),
+                click: () => events.fire("action_toggle_group", {groupId: null, collapsed: true})
             });
-            contextmenu.spawn_context_menu(e.pageX, e.pageY, ...entries);
+
+            spawnContextMenu({ pageX: e.pageX, pageY: e.pageY }, entries);
         }}
-             onDoubleClick={() => props.events.fire("action_toggle_group", {
+             onDoubleClick={() => events.fire("action_toggle_group", {
                  collapsed: !collapsed,
                  groupId: props.group.groupId
              })}
         >
             <div className={cssStyle.columnName}>
-                <div className={"arrow " + (collapsed ? "right" : "down")}
-                     onClick={() => props.events.fire("action_toggle_group", {
-                         collapsed: !collapsed,
-                         groupId: props.group.groupId
-                     })}/>
+                <Arrow
+                    className={cssStyle.arrow}
+                    direction={collapsed ? "right" : "down"}
+                    onClick={() => events.fire("action_toggle_group", {
+                        collapsed: !collapsed,
+                        groupId: props.group.groupId
+                    })}
+                />
                 <div className={cssStyle.groupName} title={/* @tr-ignore */ tr(props.group.groupName)}>
                     <Translatable trIgnore={true}>{props.group.groupName}</Translatable>
                 </div>
@@ -785,7 +727,7 @@ const PermissionGroupRow = (props: { events: Registry<PermissionEditorEvents>, g
             <div className={cssStyle.columnGranted}/>
         </div>
     );
-};
+});
 
 type PermissionValue = { value?: number, flagNegate?: boolean, flagSkip?: boolean, granted?: number };
 
@@ -835,18 +777,20 @@ class PermissionList extends React.Component<{ events: Registry<PermissionEditor
                          return;
 
                      e.preventDefault();
-                     contextmenu.spawn_context_menu(e.pageX, e.pageY, {
-                         type: contextmenu.MenuEntryType.ENTRY,
-                         name: tr("Expend all"),
-                         callback: () => this.props.events.fire("action_toggle_group", {
-                             groupId: null,
-                             collapsed: false
-                         })
-                     }, {
-                         type: contextmenu.MenuEntryType.ENTRY,
-                         name: tr("Collapse all"),
-                         callback: () => this.props.events.fire("action_toggle_group", {groupId: null, collapsed: true})
-                     });
+                     spawnContextMenu({ pageX: e.pageX, pageY: e.pageY }, [
+                         {
+                             type: "normal",
+                             label: tr("Expend all"),
+                             click: () => this.props.events.fire("action_toggle_group", {
+                                 groupId: null,
+                                 collapsed: false
+                             })
+                         }, {
+                             type: "normal",
+                             label: tr("Collapse all"),
+                             click: () => this.props.events.fire("action_toggle_group", {groupId: null, collapsed: true})
+                         }
+                     ]);
                  }}>
                 {elements}
                 <div key={"space"} className={cssStyle.spaceAllocator}
@@ -1225,7 +1169,7 @@ class PermissionList extends React.Component<{ events: Registry<PermissionEditor
         while (currentGroup) {
             if (currentGroup.elementVisible) {
                 this.currentListElements.push(<PermissionGroupRow key={"group-" + currentGroup.groupId}
-                                                                  events={this.props.events} group={currentGroup}
+                                                                  group={currentGroup}
                                                                   isOdd={index % 2 === 1}
                                                                   offsetTop={this.heightPerElement * index}/>);
                 index++;
@@ -1245,7 +1189,6 @@ class PermissionList extends React.Component<{ events: Registry<PermissionEditor
 
                 this.currentListElements.push(<PermissionEntryRow
                     key={"permission-" + e.name + " - " + Math.random()} /* force a update of this */
-                    events={this.props.events}
                     permission={e.name}
                     groupId={currentGroup.groupId}
                     isOdd={index % 2 === 1}
@@ -1265,11 +1208,12 @@ class PermissionList extends React.Component<{ events: Registry<PermissionEditor
     }
 }
 
-const PermissionTable = (props: { events: Registry<PermissionEditorEvents> }) => {
+const PermissionTable = React.memo(() => {
+    const events = useContext(EventContext);
     const [mode, setMode] = useState<PermissionEditorMode>("unset");
     const [failedPermission, setFailedPermission] = useState(undefined);
 
-    props.events.reactUse("action_set_mode", event => {
+    events.reactUse("action_set_mode", event => {
         setMode(event.mode);
         setFailedPermission(event.failedPermission);
     });
@@ -1295,25 +1239,28 @@ const PermissionTable = (props: { events: Registry<PermissionEditorEvents> }) =>
                     </div>
                 </div>
             </div>
-            <PermissionList events={props.events}/>
+            <PermissionList events={events} />
             <div className={cssStyle.overlay + " " + cssStyle.unset + " " + (mode === "unset" ? "" : cssStyle.hidden)}/>
 
             <div
                 className={cssStyle.overlay + " " + cssStyle.noPermissions + " " + (mode === "no-permissions" ? "" : cssStyle.hidden)}>
-                <a><Translatable>You don't have the permissions to view this
-                    permissions</Translatable><br/>({failedPermission})</a>
+                <a>
+                    <Translatable>You don't have the permissions to view this permissions</Translatable><br/>
+                    ({failedPermission})
+                </a>
             </div>
         </div>
     );
-};
+});
 
-const RefreshButton = (props: { events: Registry<PermissionEditorEvents> }) => {
+const RefreshButton = React.memo(() => {
+    const events = useContext(EventContext);
     const [unset, setUnset] = useState(true);
     const [nextTime, setNextTime] = useState(0);
     const refButton = useRef<Button>();
 
-    props.events.reactUse("action_set_mode", event => setUnset(event.mode !== "normal" && event.mode !== "no-permissions"));
-    props.events.reactUse("query_permission_values", () => {
+    events.reactUse("action_set_mode", event => setUnset(event.mode !== "normal" && event.mode !== "no-permissions"));
+    events.reactUse("query_permission_values", () => {
         setNextTime(Date.now() + 5000);
         refButton.current?.setState({disabled: true});
     });
@@ -1331,14 +1278,15 @@ const RefreshButton = (props: { events: Registry<PermissionEditorEvents> }) => {
     return <Button
         ref={refButton}
         disabled={unset || Date.now() < nextTime}
-        onClick={() => props.events.fire("query_permission_values")}
+        onClick={() => events.fire("query_permission_values")}
     >
         <IconRenderer icon={"client-check_update"}/> <Translatable>Update</Translatable>
     </Button>
-};
+});
 
 interface PermissionEditorProperties {
-    connection: ConnectionHandler;
+    handlerId: string;
+    serverUniqueId: string;
     events: Registry<PermissionEditorEvents>;
 }
 
@@ -1346,18 +1294,22 @@ interface PermissionEditorState {
     state: "no-permissions" | "unset" | "normal";
 }
 
-export class PermissionEditor extends React.Component<PermissionEditorProperties, PermissionEditorState> {
+export class EditorRenderer extends React.Component<PermissionEditorProperties, PermissionEditorState> {
     render() {
-        return [
-            <MenuBar key={"menu-bar"} events={this.props.events} connection={this.props.connection}/>,
-            <PermissionTable key={"table"} events={this.props.events}/>,
-            <div key={"footer"} className={cssStyle.containerFooter}>
-                <RefreshButton events={this.props.events}/>
-            </div>
-        ];
+        return (
+            <EventContext.Provider value={this.props.events}>
+                <ServerInfoContext.Provider value={{ serverUniqueId: this.props.serverUniqueId, handlerId: this.props.handlerId }}>
+                    <MenuBar key={"menu-bar"} />
+                    <PermissionTable key={"table"} />
+                    <div key={"footer"} className={cssStyle.containerFooter}>
+                        <RefreshButton />
+                    </div>
+                </ServerInfoContext.Provider>
+            </EventContext.Provider>
+        );
     }
 
     componentDidMount(): void {
-        this.props.events.fire("action_set_mode", {mode: "unset"});
+        this.props.events.fire("action_set_mode", { mode: "unset" });
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx b/shared/js/ui/modal/permission/ModalController.ts
similarity index 76%
rename from shared/js/ui/modal/permission/ModalPermissionEditor.tsx
rename to shared/js/ui/modal/permission/ModalController.ts
index 37e5cb07..7408355d 100644
--- a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
+++ b/shared/js/ui/modal/permission/ModalController.ts
@@ -1,16 +1,7 @@
-import {spawnReactModal} from "tc-shared/ui/react-elements/modal";
-import {ConnectionHandler} from "tc-shared/ConnectionHandler";
-import * as React from "react";
-import {useState} from "react";
-import {ContextDivider} from "tc-shared/ui/react-elements/ContextDivider";
-import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
 import {Registry} from "tc-shared/events";
-import {
-    EditorGroupedPermissions,
-    PermissionEditor,
-    PermissionEditorEvents
-} from "tc-shared/ui/modal/permission/PermissionEditor";
-import {SideBar} from "tc-shared/ui/modal/permission/TabHandler";
+import {DefaultTabValues} from "tc-shared/ui/modal/permission/ModalRenderer";
 import {Group, GroupTarget, GroupType} from "tc-shared/permission/GroupManager";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {ClientNameInfo, CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
@@ -31,325 +22,65 @@ import {
 import {spawnGroupCreate} from "tc-shared/ui/modal/ModalGroupCreate";
 import {spawnModalGroupPermissionCopy} from "tc-shared/ui/modal/ModalGroupPermissionCopy";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
-import {PermissionEditorTab} from "tc-shared/events/GlobalEvents";
 import {LogCategory, logError, logWarn} from "tc-shared/log";
-import {useTr} from "tc-shared/ui/react-elements/Helper";
-import {InternalModal} from "tc-shared/ui/react-elements/modal/Definitions";
 
-const cssStyle = require("./ModalPermissionEditor.scss");
+import {
+    GroupProperties,
+    GroupUpdateEntry,
+    PermissionEditorSubject,
+    PermissionEditorTab,
+    PermissionModalEvents
+} from "tc-shared/ui/modal/permission/ModalDefinitions";
+import {EditorGroupedPermissions, PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefinitions";
 
-export type PermissionEditorSubject =
-    "groups-server"
-    | "groups-channel"
-    | "channel"
-    | "client"
-    | "client-channel"
-    | "none";
-export const PermissionTabName: { [T in PermissionEditorTab]: { name: string, useTranslate: () => string, renderTranslate: () => React.ReactNode } } = {
-    "groups-server": {name: "Server Groups", useTranslate: () => useTr("Server Groups"), renderTranslate: () => <Translatable>Server Groups</Translatable>},
-    "groups-channel": {name: "Channel Groups", useTranslate: () => useTr("Channel Groups"), renderTranslate: () => <Translatable>Channel Groups</Translatable>},
-    "channel": {name: "Channel Permissions", useTranslate: () => useTr("Channel Permissions"), renderTranslate: () => <Translatable>Channel Permissions</Translatable>},
-    "client": {name: "Client Permissions", useTranslate: () => useTr("Client Permissions"), renderTranslate: () => <Translatable>Client Permissions</Translatable>},
-    "client-channel": {name: "Client Channel Permissions", useTranslate: () => useTr("Client Channel Permissions"), renderTranslate: () => <Translatable>Client Channel Permissions</Translatable>},
-};
+export function spawnPermissionEditorModal(connection: ConnectionHandler, defaultTab: PermissionEditorTab = "groups-server", defaultTabValues?: DefaultTabValues) {
+    const modalEvents = new Registry<PermissionModalEvents>();
+    const editorEvents = new Registry<PermissionEditorEvents>();
 
-export type GroupProperties = {
-    id: number,
-    type: "query" | "template" | "normal";
+    modalEvents.enableDebug("modal-permissions");
+    editorEvents.enableDebug("permissions-editor");
 
-    name: string,
-    iconId: number,
+    initializePermissionModalResultHandlers(modalEvents);
+    initializePermissionModalController(connection, modalEvents);
+    initializePermissionEditor(connection, modalEvents, editorEvents);
 
-    sortId: number;
-    saveDB: boolean;
+    modalEvents.on("action_activate_tab", event => editorEvents.fire("action_toggle_client_button", { visible: event.tab === "groups-server" }));
+    editorEvents.on("action_toggle_client_list", event => modalEvents.fire("notify_client_list_toggled", { visible: event.visible }));
 
-    needed_modify_power: number;
-    needed_member_add: number;
-    needed_member_remove: number;
-};
-export type GroupUpdateEntry = {
-    property: "name" | "icon" | "sort" | "save";
-    value: any
-};
-export type ChannelInfo = {
-    id: number;
-    iconId: number;
-
-    name: string;
-    depth: number;
-}
-
-export interface PermissionModalEvents {
-    action_activate_tab: {
-        tab: PermissionEditorTab,
-
-        activeGroupId?: number;
-        activeChannelId?: number;
-        activeClientDatabaseId?: number;
-    },
-
-    action_select_group: {
-        target: "server" | "channel",
-        id: number
-    },
-
-    action_select_channel: {
-        target: "channel" | "client-channel";
-        id: number
-    },
-
-    action_select_client: {
-        target: "client" | "client-channel";
-        id: number | string | undefined;
-    }
-
-    action_set_permission_editor_subject: {
-        mode: PermissionEditorSubject | undefined;
-
-        groupId?: number;
-        channelId?: number;
-        clientDatabaseId?: number;
-    }
-
-    action_create_group: { target: "server" | "channel", sourceGroup?: number },
-
-    action_rename_group: { target: "server" | "channel", id: number | "selected", newName: string },
-    action_rename_group_result: {
-        target: "server" | "channel";
-        id: number;
-
-        status: "success" | "error";
-        error?: string;
-    }
-
-    action_delete_group: { target: "server" | "channel", id: number | "selected", mode: "ask" | "force" },
-    action_delete_group_result: {
-        target: "server" | "channel";
-        id: number;
-
-        status: "success" | "error";
-        error?: string;
-    },
-
-    action_group_copy_permissions: { target: "server" | "channel", sourceGroup: number },
-
-    action_server_group_add_client: {
-        id: number;
-        client: number | string; /* string would be the unique id */
-    },
-    action_server_group_add_client_result: {
-        id: number;
-        client: number | string;
-
-        status: "success" | "error" | "no-permissions";
-        error?: string;
-    }
-
-    action_server_group_remove_client: {
-        id: number;
-        client: number;
-    },
-    action_server_group_remove_client_result: {
-        id: number;
-        client: number;
-
-        status: "success" | "error" | "no-permissions";
-        error?: string;
-    }
-
-    query_groups: {
-        target: "server" | "channel",
-    },
-    query_group_clients: {
-        id: number
-    },
-    query_channels: {},
-    query_client_permissions: {},
-    query_client_info: {
-        client: number | string; /* client database id or unique id */
-    },
-
-
-    notify_channels: {
-        channels: ChannelInfo[]
-    },
-    notify_client_info: {
-        client: number | string;
-        state: "success" | "error" | "no-such-client" | "no-permission";
-
-        error?: string;
-        info?: { name: string, uniqueId: string, databaseId: number },
-        failedPermission?: string;
-    },
-    notify_group_updated: {
-        target: "server" | "channel";
-        id: number;
-
-        properties: GroupUpdateEntry[];
-    },
-    notify_groups_created: {
-        target: "server" | "channel";
-        groups: GroupProperties[]
-    },
-    notify_groups_deleted: {
-        target: "server" | "channel";
-        groups: number[]
-    },
-    notify_group_clients: {
-        id: number,
-        status: "success" | "error" | "no-permissions",
-        error?: string;
-        clients?: {
-            name: string;
-            databaseId: number;
-            uniqueId: string;
-        }[]
-    },
-    notify_groups_reset: {},
-    notify_groups: {
-        target: "server" | "channel",
-        groups: GroupProperties[]
-    },
-
-    notify_client_permissions: {
-        permissionModifyPower: number;
-
-        serverGroupCreate: boolean,
-        channelGroupCreate: boolean,
-
-        serverGroupModifyPower: number,
-        channelGroupModifyPower: number,
-
-        modifyQueryGroups: boolean,
-        modifyTemplateGroups: boolean
-
-        serverGroupMemberAddPower: number,
-        serverGroupMemberRemovePower: number,
-
-        serverGroupPermissionList: boolean,
-        channelGroupPermissionList: boolean,
-        channelPermissionList: boolean,
-        clientPermissionList: boolean,
-        clientChannelPermissionList: boolean
-    },
-
-    notify_client_list_toggled: { visible: boolean },
-    notify_channel_updated: { id: number, property: "name" | "icon", value: any },
-
-    notify_destroy: {}
-}
-
-const ActiveTabInfo = (props: { events: Registry<PermissionModalEvents> }) => {
-    const [activeTab, setActiveTab] = useState<PermissionEditorTab>("groups-server");
-    props.events.reactUse("action_activate_tab", event => setActiveTab(event.tab));
-
-    return (
-        <div className={cssStyle.header + " " + cssStyle.activeTabInfo}>
-            <div className={cssStyle.entry}>
-                <a title={PermissionTabName[activeTab].useTranslate()} key={"tab-" + activeTab}>
-                    {PermissionTabName[activeTab].renderTranslate()}
-                </a>
-            </div>
-        </div>
-    );
-};
-
-const TabSelectorEntry = (props: { events: Registry<PermissionModalEvents>, entry: PermissionEditorTab }) => {
-    const [active, setActive] = useState(props.entry === "groups-server");
-
-    props.events.reactUse("action_activate_tab", event => setActive(event.tab === props.entry));
-
-    return (
-        <div className={cssStyle.entry + " " + (active ? cssStyle.selected : "")}
-             onClick={() => !active && props.events.fire("action_activate_tab", {tab: props.entry})}>
-            <a title={PermissionTabName[props.entry].useTranslate()}>
-                {PermissionTabName[props.entry].renderTranslate()}
-            </a>
-        </div>
-    );
-};
-
-const TabSelector = (props: { events: Registry<PermissionModalEvents> }) => {
-    return (
-        <div className={cssStyle.header + " " + cssStyle.tabSelector}>
-            <TabSelectorEntry events={props.events} entry={"groups-server"}/>
-            <TabSelectorEntry events={props.events} entry={"groups-channel"}/>
-            <TabSelectorEntry events={props.events} entry={"channel"}/>
-            <TabSelectorEntry events={props.events} entry={"client"}/>
-            <TabSelectorEntry events={props.events} entry={"client-channel"}/>
-        </div>
-    );
-};
-
-export type DefaultTabValues = { groupId?: number, channelId?: number, clientDatabaseId?: number };
-
-class PermissionEditorModal extends InternalModal {
-    readonly modalEvents = new Registry<PermissionModalEvents>();
-    readonly editorEvents = new Registry<PermissionEditorEvents>();
-
-    readonly connection: ConnectionHandler;
-
-    readonly defaultTab: PermissionEditorTab;
-    readonly defaultTabValues: DefaultTabValues;
-
-    constructor(connection: ConnectionHandler, defaultTab: PermissionEditorTab, defaultTabValues?: DefaultTabValues) {
-        super();
-        this.defaultTab = defaultTab;
-        this.defaultTabValues = defaultTabValues || {};
-
-        this.modalEvents.enableDebug("modal-permissions");
-        this.editorEvents.enableDebug("permissions-editor");
-
-        this.connection = connection;
-        initializePermissionModalResultHandlers(this.modalEvents);
-        initializePermissionModalController(connection, this.modalEvents);
-        initializePermissionEditor(connection, this.modalEvents, this.editorEvents);
-
-        this.modalEvents.on("action_activate_tab", event => this.editorEvents.fire("action_toggle_client_button", {visible: event.tab === "groups-server"}));
-        this.editorEvents.on("action_toggle_client_list", event => this.modalEvents.fire("notify_client_list_toggled", {visible: event.visible}));
-    }
-
-    protected onInitialize() {
-        this.modalEvents.fire_later("action_activate_tab", {
-            tab: this.defaultTab,
-            activeChannelId: this.defaultTabValues?.channelId,
-            activeGroupId: this.defaultTabValues?.groupId,
-            activeClientDatabaseId: this.defaultTabValues?.clientDatabaseId
+    modalEvents.on("notify_initial_rendered", () => {
+        modalEvents.fire_react("action_activate_tab", {
+            tab: defaultTab,
+            activeChannelId: defaultTabValues?.channelId,
+            activeGroupId: defaultTabValues?.groupId,
+            activeClientDatabaseId: defaultTabValues?.clientDatabaseId
         });
-        this.modalEvents.fire_later("query_client_permissions");
-    }
+        modalEvents.fire_react("query_client_permissions");
+    });
 
-    protected onDestroy() {
-        this.modalEvents.fire("notify_destroy");
-        this.modalEvents.destroy();
-    }
+    const modal = spawnModal("modal-permission-edit", [
+        {
+            serverUniqueId: connection.getCurrentServerUniqueId(),
+            handlerId: connection.handlerId
+        },
+        modalEvents.generateIpcDescription(),
+        editorEvents.generateIpcDescription()
+    ], {
+        popoutable: true
+    });
 
-    renderBody() {
-        return (
-            <div className={cssStyle.container}>
-                <div className={cssStyle.contextContainer + " " + cssStyle.left}>
-                    <ActiveTabInfo events={this.modalEvents}/>
-                    <SideBar modalEvents={this.modalEvents} editorEvents={this.editorEvents}
-                             connection={this.connection}/>
-                </div>
-                <ContextDivider id={"permission-editor"} defaultValue={25} direction={"horizontal"} />
-                <div className={cssStyle.contextContainer + " " + cssStyle.right}>
-                    <TabSelector events={this.modalEvents}/>
-                    <PermissionEditor events={this.editorEvents} connection={this.connection}/>
-                </div>
-            </div>
-        );
-    }
+    modalEvents.on("notify_destroy", connection.events().on("notify_connection_state_changed", event => {
+        if(event.newState !== ConnectionState.CONNECTED) {
+            modal.destroy();
+        }
+    }));
 
-    renderTitle(): React.ReactElement<Translatable> {
-        return <Translatable>Server permissions</Translatable>;
-    }
+    modal.getEvents().on("destroy", () => {
+        modalEvents.fire("notify_destroy");
+        modalEvents.destroy();
+        editorEvents.destroy();
+    });
 
-}
-
-export function spawnPermissionEditorModal(connection: ConnectionHandler, defaultTab: PermissionEditorTab = "groups-server", values?: DefaultTabValues) {
-    const modal = spawnReactModal(PermissionEditorModal, connection, defaultTab, values);
-    modal.show();
+    modal.show().then(undefined);
 }
 
 function initializePermissionModalResultHandlers(events: Registry<PermissionModalEvents>) {
diff --git a/shared/js/ui/modal/permission/ModalDefinitions.ts b/shared/js/ui/modal/permission/ModalDefinitions.ts
new file mode 100644
index 00000000..c5217d01
--- /dev/null
+++ b/shared/js/ui/modal/permission/ModalDefinitions.ts
@@ -0,0 +1,196 @@
+export type PermissionEditorTab = "groups-server" | "groups-channel" | "channel" | "client" | "client-channel";
+
+export type PermissionEditorSubject =
+    "groups-server"
+    | "groups-channel"
+    | "channel"
+    | "client"
+    | "client-channel"
+    | "none";
+
+export type GroupProperties = {
+    id: number,
+    type: "query" | "template" | "normal";
+
+    name: string,
+    iconId: number,
+
+    sortId: number;
+    saveDB: boolean;
+
+    needed_modify_power: number;
+    needed_member_add: number;
+    needed_member_remove: number;
+};
+export type GroupUpdateEntry = {
+    property: "name" | "icon" | "sort" | "save";
+    value: any
+};
+export type ChannelInfo = {
+    id: number;
+    iconId: number;
+
+    name: string;
+    depth: number;
+}
+
+export interface PermissionModalEvents {
+    action_activate_tab: {
+        tab: PermissionEditorTab,
+
+        activeGroupId?: number;
+        activeChannelId?: number;
+        activeClientDatabaseId?: number;
+    },
+
+    action_select_group: {
+        target: "server" | "channel",
+        id: number
+    },
+
+    action_select_channel: {
+        target: "channel" | "client-channel";
+        id: number
+    },
+
+    action_select_client: {
+        target: "client" | "client-channel";
+        id: number | string | undefined;
+    }
+
+    action_set_permission_editor_subject: {
+        mode: PermissionEditorSubject | undefined;
+
+        groupId?: number;
+        channelId?: number;
+        clientDatabaseId?: number;
+    }
+
+    action_create_group: { target: "server" | "channel", sourceGroup?: number },
+
+    action_rename_group: { target: "server" | "channel", id: number | "selected", newName: string },
+    action_rename_group_result: {
+        target: "server" | "channel";
+        id: number;
+
+        status: "success" | "error";
+        error?: string;
+    }
+
+    action_delete_group: { target: "server" | "channel", id: number | "selected", mode: "ask" | "force" },
+    action_delete_group_result: {
+        target: "server" | "channel";
+        id: number;
+
+        status: "success" | "error";
+        error?: string;
+    },
+
+    action_group_copy_permissions: { target: "server" | "channel", sourceGroup: number },
+
+    action_server_group_add_client: {
+        id: number;
+        client: number | string; /* string would be the unique id */
+    },
+    action_server_group_add_client_result: {
+        id: number;
+        client: number | string;
+
+        status: "success" | "error" | "no-permissions";
+        error?: string;
+    }
+
+    action_server_group_remove_client: {
+        id: number;
+        client: number;
+    },
+    action_server_group_remove_client_result: {
+        id: number;
+        client: number;
+
+        status: "success" | "error" | "no-permissions";
+        error?: string;
+    }
+
+    query_groups: {
+        target: "server" | "channel",
+    },
+    query_group_clients: {
+        id: number
+    },
+    query_channels: {},
+    query_client_permissions: {},
+    query_client_info: {
+        client: number | string; /* client database id or unique id */
+    },
+
+
+    notify_channels: {
+        channels: ChannelInfo[]
+    },
+    notify_client_info: {
+        client: number | string;
+        state: "success" | "error" | "no-such-client" | "no-permission";
+
+        error?: string;
+        info?: { name: string, uniqueId: string, databaseId: number },
+        failedPermission?: string;
+    },
+    notify_group_updated: {
+        target: "server" | "channel";
+        id: number;
+
+        properties: GroupUpdateEntry[];
+    },
+    notify_groups_created: {
+        target: "server" | "channel";
+        groups: GroupProperties[]
+    },
+    notify_groups_deleted: {
+        target: "server" | "channel";
+        groups: number[]
+    },
+    notify_group_clients: {
+        id: number,
+        status: "success" | "error" | "no-permissions",
+        error?: string;
+        clients?: {
+            name: string;
+            databaseId: number;
+            uniqueId: string;
+        }[]
+    },
+    notify_groups_reset: {},
+    notify_groups: {
+        target: "server" | "channel",
+        groups: GroupProperties[]
+    },
+
+    notify_client_permissions: {
+        permissionModifyPower: number;
+
+        serverGroupCreate: boolean,
+        channelGroupCreate: boolean,
+
+        serverGroupModifyPower: number,
+        channelGroupModifyPower: number,
+
+        modifyQueryGroups: boolean,
+        modifyTemplateGroups: boolean
+
+        serverGroupMemberAddPower: number,
+        serverGroupMemberRemovePower: number,
+
+        serverGroupPermissionList: boolean,
+        channelGroupPermissionList: boolean,
+        channelPermissionList: boolean,
+        clientPermissionList: boolean,
+        clientChannelPermissionList: boolean
+    },
+
+    notify_client_list_toggled: { visible: boolean },
+    notify_channel_updated: { id: number, property: "name" | "icon", value: any },
+
+    notify_initial_rendered: {},
+    notify_destroy: {}
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/ModalPermissionEditor.scss b/shared/js/ui/modal/permission/ModalPermissionEditor.scss
deleted file mode 100644
index a85ce63b..00000000
--- a/shared/js/ui/modal/permission/ModalPermissionEditor.scss
+++ /dev/null
@@ -1,194 +0,0 @@
-@import "../../../../css/static/mixin";
-@import "../../../../css/static/properties";
-
-html:root {
-    --modal-permissions-header-text: #e1e1e1;
-    --modal-permissions-header-background: #19191b;
-    --modal-permissions-header-hover: #4e4e4e;
-    --modal-permissions-header-selected: #0073d4;
-
-    --modal-permission-right: #303036;
-    --modal-permission-left: #222226;
-
-    --modal-permissions-entry-hover: #28282c;
-    --modal-permissions-entry-selected: #111111;
-    --modal-permissions-current-group: #101012;
-
-    --modal-permissions-buttons-background: #0f0f0f;
-    --modal-permissions-buttons-hover: #262626;
-    --modal-permissions-buttons-disabled: #1b1b1b;
-
-    --modal-permissions-seperator: #1e1e1e; /* the seperator for the "enter a unique id" and "client info" part */
-    --modal-permissions-container-seperator: #222224; /* the seperator between left and right */
-
-    --modal-permissions-icon-select: #121213;
-    --modal-permissions-icon-select-border: #0d0d0d;
-    --modal-permissions-icon-select-hover: #17171a;
-    --modal-permissions-icon-select-hover-border: #333333;
-
-    --modal-permission-no-permnissions: #18171c;
-    --modal-permissions-table-border: #1e2025;
-
-    --modal-permissions-table-header: #303036;
-    --modal-permissions-table-row-odd: #303036;
-    --modal-permissions-table-row-even: #25252a;
-    --modal-permissions-table-row-hover: #343a47;
-
-    --modal-permissions-table-header-text: #e1e1e1;
-    --modal-permissions-table-row-text: #535455;
-    --modal-permissions-table-entry-active-text: #e1e1e1;
-    --modal-permissions-table-entry-group-text: #e1e1e1;
-
-    --modal-permissions-table-input: #e1e1e1;
-    --modal-permissions-table-input-focus: #3f7dbf;
-}
-
-.container {
-    @include user-select(none);
-
-    display: flex;
-    flex-direction: row;
-    justify-content: stretch;
-
-    width: 1000em;
-    min-width: 20em;
-    max-width: 100%;
-
-    min-height: 20em;
-
-    flex-shrink: 1;
-    flex-grow: 1;
-
-    .contextContainer {
-        display: flex;
-        flex-direction: column;
-        justify-content: stretch;
-
-        &.left {
-            min-width: 10em;
-            min-height: 10em;
-            overflow: hidden;
-            background-color: var(--modal-permission-left);
-        }
-
-        &.right {
-            min-width: 30em;
-            background-color: var(--modal-permission-right);
-        }
-    }
-
-    .header {
-        flex-shrink: 0;
-        flex-grow: 0;
-
-        height: 4em;
-        background-color: var(--modal-permissions-header-background);
-        color: var(--modal-permissions-header-text);
-
-        display: flex;
-        flex-direction: row;
-        justify-content: stretch;
-
-        .entry {
-            flex-grow: 1;
-            flex-shrink: 1;
-
-            text-align: center;
-
-            height: 100%;
-
-            padding-left: .5em;
-            padding-right: .5em;
-
-            display: flex;
-            flex-direction: column;
-            justify-content: space-around;
-        }
-
-        &.tabSelector {
-            min-width: 8em;
-
-            .entry {
-                position: relative;
-                overflow: hidden;
-
-                cursor: pointer;
-                padding-bottom: 2px;
-
-                a {
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                }
-
-                &:hover {
-                    border: none;
-                    border-bottom: 2px solid var(--modal-permissions-header-hover);
-
-                    padding-bottom: 0;
-
-                    &:before {
-                        position: absolute;
-                        content: '';
-
-                        margin-right: -10em;
-                        margin-left: -10em;
-                        margin-bottom: -.2em;
-                        bottom: 0;
-
-                        height: 100%;
-                        width: calc(100% + 20em);
-
-                        box-shadow: inset 0px -1.2em 3em -20px var(--modal-permissions-header-hover);
-                    }
-                }
-
-                &.selected {
-                    border: none;
-                    border-bottom: 2px solid var(--modal-permissions-header-selected);
-
-                    padding-bottom: 0;
-
-                    &:before {
-                        position: absolute;
-                        content: '';
-
-                        margin-right: -10em;
-                        margin-left: -10em;
-                        margin-bottom: -.2em;
-                        bottom: 0;
-
-                        height: 100%;
-                        width: calc(100% + 20em);
-
-                        box-shadow: inset 0px -1.2em 3em -20px var(--modal-permissions-header-selected);
-                    }
-                }
-            }
-        }
-
-        &.activeTabInfo {
-            min-width: 6em;
-            font-weight: bold;
-
-            .entry {
-                overflow: hidden;
-
-                a {
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                }
-            }
-
-            > * {
-                font-size: 1.5em;
-            }
-        }
-    }
-
-    .body {
-        flex-grow: 1;
-        flex-shrink: 1;
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/TabHandler.scss b/shared/js/ui/modal/permission/ModalRenderer.scss
similarity index 54%
rename from shared/js/ui/modal/permission/TabHandler.scss
rename to shared/js/ui/modal/permission/ModalRenderer.scss
index e218b440..22aca55e 100644
--- a/shared/js/ui/modal/permission/TabHandler.scss
+++ b/shared/js/ui/modal/permission/ModalRenderer.scss
@@ -1,6 +1,199 @@
 @import "../../../../css/static/mixin";
 @import "../../../../css/static/properties";
 
+html:root {
+    --modal-permissions-header-text: #e1e1e1;
+    --modal-permissions-header-background: #19191b;
+    --modal-permissions-header-hover: #4e4e4e;
+    --modal-permissions-header-selected: #0073d4;
+
+    --modal-permission-right: #303036;
+    --modal-permission-left: #222226;
+
+    --modal-permissions-entry-hover: #28282c;
+    --modal-permissions-entry-selected: #111111;
+    --modal-permissions-current-group: #101012;
+
+    --modal-permissions-buttons-background: #0f0f0f;
+    --modal-permissions-buttons-hover: #262626;
+    --modal-permissions-buttons-disabled: #1b1b1b;
+
+    --modal-permissions-seperator: #1e1e1e; /* the seperator for the "enter a unique id" and "client info" part */
+    --modal-permissions-container-seperator: #222224; /* the seperator between left and right */
+
+    --modal-permissions-icon-select: #121213;
+    --modal-permissions-icon-select-border: #0d0d0d;
+    --modal-permissions-icon-select-hover: #17171a;
+    --modal-permissions-icon-select-hover-border: #333333;
+
+    --modal-permission-no-permnissions: #18171c;
+    --modal-permissions-table-border: #1e2025;
+
+    --modal-permissions-table-header: #303036;
+    --modal-permissions-table-row-odd: #303036;
+    --modal-permissions-table-row-even: #25252a;
+    --modal-permissions-table-row-hover: #343a47;
+
+    --modal-permissions-table-header-text: #e1e1e1;
+    --modal-permissions-table-row-text: #535455;
+    --modal-permissions-table-entry-active-text: #e1e1e1;
+    --modal-permissions-table-entry-group-text: #e1e1e1;
+
+    --modal-permissions-table-input: #e1e1e1;
+    --modal-permissions-table-input-focus: #3f7dbf;
+}
+
+
+.container {
+    @include user-select(none);
+
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    width: 1000em;
+    min-width: 20em;
+    max-width: 100%;
+
+    min-height: 20em;
+
+    flex-shrink: 1;
+    flex-grow: 1;
+
+    .contextContainer {
+        display: flex;
+        flex-direction: column;
+        justify-content: stretch;
+
+        &.left {
+            min-width: 10em;
+            min-height: 10em;
+            overflow: hidden;
+            background-color: var(--modal-permission-left);
+        }
+
+        &.right {
+            min-width: 30em;
+            background-color: var(--modal-permission-right);
+        }
+    }
+
+    .header {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        height: 4em;
+        background-color: var(--modal-permissions-header-background);
+        color: var(--modal-permissions-header-text);
+
+        display: flex;
+        flex-direction: row;
+        justify-content: stretch;
+
+        .entry {
+            flex-grow: 1;
+            flex-shrink: 1;
+
+            text-align: center;
+
+            height: 100%;
+
+            padding-left: .5em;
+            padding-right: .5em;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: space-around;
+        }
+
+        &.tabSelector {
+            min-width: 8em;
+
+            .entry {
+                position: relative;
+                overflow: hidden;
+
+                cursor: pointer;
+                padding-bottom: 2px;
+
+                a {
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+
+                &:hover {
+                    border: none;
+                    border-bottom: 2px solid var(--modal-permissions-header-hover);
+
+                    padding-bottom: 0;
+
+                    &:before {
+                        position: absolute;
+                        content: '';
+
+                        margin-right: -10em;
+                        margin-left: -10em;
+                        margin-bottom: -.2em;
+                        bottom: 0;
+
+                        height: 100%;
+                        width: calc(100% + 20em);
+
+                        box-shadow: inset 0px -1.2em 3em -20px var(--modal-permissions-header-hover);
+                    }
+                }
+
+                &.selected {
+                    border: none;
+                    border-bottom: 2px solid var(--modal-permissions-header-selected);
+
+                    padding-bottom: 0;
+
+                    &:before {
+                        position: absolute;
+                        content: '';
+
+                        margin-right: -10em;
+                        margin-left: -10em;
+                        margin-bottom: -.2em;
+                        bottom: 0;
+
+                        height: 100%;
+                        width: calc(100% + 20em);
+
+                        box-shadow: inset 0px -1.2em 3em -20px var(--modal-permissions-header-selected);
+                    }
+                }
+            }
+        }
+
+        &.activeTabInfo {
+            min-width: 6em;
+            font-weight: bold;
+
+            .entry {
+                overflow: hidden;
+
+                a {
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+            }
+
+            > * {
+                font-size: 1.5em;
+            }
+        }
+    }
+
+    .body {
+        flex-grow: 1;
+        flex-shrink: 1;
+    }
+}
+
 .containerList {
     color: var(--text);
 
diff --git a/shared/js/ui/modal/permission/TabHandler.tsx b/shared/js/ui/modal/permission/ModalRenderer.tsx
similarity index 72%
rename from shared/js/ui/modal/permission/TabHandler.tsx
rename to shared/js/ui/modal/permission/ModalRenderer.tsx
index decd8fea..bc3b0420 100644
--- a/shared/js/ui/modal/permission/TabHandler.tsx
+++ b/shared/js/ui/modal/permission/ModalRenderer.tsx
@@ -1,9 +1,6 @@
 import * as React from "react";
-import {useRef, useState} from "react";
-import {EventHandler, ReactEventHandler, Registry} from "tc-shared/events";
-import {ChannelInfo, GroupProperties, PermissionModalEvents} from "tc-shared/ui/modal/permission/ModalPermissionEditor";
-import {PermissionEditorEvents} from "tc-shared/ui/modal/permission/PermissionEditor";
-import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {useContext, useEffect, useRef, useState} from "react";
+import {EventHandler, IpcRegistryDescription, ReactEventHandler, Registry} from "tc-shared/events";
 import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {createInputModal} from "tc-shared/ui/elements/Modal";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
@@ -15,23 +12,26 @@ import {FlatInputField} from "tc-shared/ui/react-elements/InputField";
 import {arrayBufferBase64} from "tc-shared/utils/buffers";
 import {tra} from "tc-shared/i18n/localize";
 import {getIconManager} from "tc-shared/file/Icons";
+import {PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefinitions";
+import {
+    ChannelInfo,
+    GroupProperties,
+    PermissionEditorTab,
+    PermissionModalEvents
+} from "tc-shared/ui/modal/permission/ModalDefinitions";
+import {useTr} from "tc-shared/ui/react-elements/Helper";
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import {ContextDivider} from "tc-shared/ui/react-elements/ContextDivider";
+import {EditorRenderer} from "tc-shared/ui/modal/permission/EditorRenderer";
+import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
+import {ClientIcon} from "svg-sprites/client-icons";
 
-const cssStyle = require("./TabHandler.scss");
+const cssStyle = require("./ModalRenderer.scss");
 
-export class SideBar extends React.Component<{ connection: ConnectionHandler, modalEvents: Registry<PermissionModalEvents>, editorEvents: Registry<PermissionEditorEvents> }, {}> {
-    render() {
-        return [
-            <ServerGroupsSideBar key={"server-groups"} connection={this.props.connection}
-                                 modalEvents={this.props.modalEvents}/>,
-            <ChannelGroupsSideBar key={"channel-groups"} connection={this.props.connection}
-                                  modalEvents={this.props.modalEvents}/>,
-            <ChannelSideBar key={"channel"} connection={this.props.connection} modalEvents={this.props.modalEvents}/>,
-            <ClientSideBar key={"client"} connection={this.props.connection} modalEvents={this.props.modalEvents}/>,
-            <ClientChannelSideBar key={"client-channel"} connection={this.props.connection}
-                                  modalEvents={this.props.modalEvents}/>
-        ];
-    }
-}
+export type PermissionEditorServerInfo = { handlerId: string, serverUniqueId: string  };
+const ModalEventContext = React.createContext<Registry<PermissionModalEvents>>(undefined);
+const EditorEventContext = React.createContext<Registry<PermissionEditorEvents>>(undefined);
+const ServerInfoContext = React.createContext<PermissionEditorServerInfo>(undefined);
 
 const GroupsButton = (props: { image: string, alt: string, onClick?: () => void, disabled: boolean }) => {
     return (
@@ -43,7 +43,9 @@ const GroupsButton = (props: { image: string, alt: string, onClick?: () => void,
 };
 
 
-const GroupsListEntry = (props: { connection: ConnectionHandler, group: GroupProperties, selected: boolean, callbackSelect: () => void, onContextMenu: (event: React.MouseEvent) => void }) => {
+const GroupsListEntry = React.memo((props: { group: GroupProperties, selected: boolean, callbackSelect: () => void, onContextMenu: (event: React.MouseEvent) => void }) => {
+    const serverInfo = useContext(ServerInfoContext);
+
     let groupTypePrefix = "";
     switch (props.group.type) {
         case "query":
@@ -57,14 +59,14 @@ const GroupsListEntry = (props: { connection: ConnectionHandler, group: GroupPro
     return (
         <div className={cssStyle.entry + " " + (props.selected ? cssStyle.selected : "")} onClick={props.callbackSelect}
              onContextMenu={props.onContextMenu}>
-            <RemoteIconRenderer icon={getIconManager().resolveIcon(props.group.iconId, props.connection.getCurrentServerUniqueId(), props.connection.handlerId)} />
+            <RemoteIconRenderer icon={getIconManager().resolveIcon(props.group.iconId, serverInfo.serverUniqueId, serverInfo.handlerId)} />
             <div className={cssStyle.name}>{groupTypePrefix + props.group.name + " (" + props.group.id + ")"}</div>
         </div>
     )
-};
+});
 
 @ReactEventHandler<GroupsList>(e => e.props.events)
-class GroupsList extends React.Component<{ connection: ConnectionHandler, events: Registry<PermissionModalEvents>, target: "server" | "channel" }, {
+class GroupsList extends React.PureComponent<{ events: Registry<PermissionModalEvents>, target: "server" | "channel" }, {
     selectedGroupId: number,
     showQueryGroups: boolean,
     showTemplateGroups: boolean,
@@ -118,53 +120,59 @@ class GroupsList extends React.Component<{ connection: ConnectionHandler, events
                 });
             }}>
                 <div className={cssStyle.entries}>
-                    {this.visibleGroups.map(e => <GroupsListEntry key={"group-" + e.id}
-                                                                  connection={this.props.connection}
-                                                                  group={e}
-                                                                  selected={e.id === this.state.selectedGroupId}
-                                                                  callbackSelect={() => this.props.events.fire("action_select_group", {
-                                                                      id: e.id,
-                                                                      target: this.props.target
-                                                                  })}
-                                                                  onContextMenu={event => {
-                                                                      event.preventDefault();
-                                                                      this.props.events.fire("action_select_group", {
-                                                                          target: this.props.target,
-                                                                          id: e.id
-                                                                      });
-                                                                      spawn_context_menu(event.pageX, event.pageY, {
-                                                                          name: tr("Rename group"),
-                                                                          type: MenuEntryType.ENTRY,
-                                                                          callback: () => this.onGroupRename(),
-                                                                          icon_class: "client-change_nickname",
-                                                                          invalidPermission: this.state.disableGroupRename
-                                                                      }, {
-                                                                          name: tr("Copy permissions"),
-                                                                          type: MenuEntryType.ENTRY,
-                                                                          icon_class: "client-copy",
-                                                                          callback: () => this.props.events.fire("action_group_copy_permissions", {
-                                                                              target: this.props.target,
-                                                                              sourceGroup: e.id
-                                                                          }),
-                                                                          invalidPermission: this.state.disablePermissionCopy
-                                                                      }, {
-                                                                          name: tr("Delete group"),
-                                                                          type: MenuEntryType.ENTRY,
-                                                                          icon_class: "client-delete",
-                                                                          callback: () => this.onGroupDelete(),
-                                                                          invalidPermission: this.state.disableDelete
-                                                                      }, contextmenu.Entry.HR(), {
-                                                                          name: tr("Add group"),
-                                                                          icon_class: "client-add",
-                                                                          type: MenuEntryType.ENTRY,
-                                                                          callback: () => this.props.events.fire("action_create_group", {
-                                                                              target: this.props.target,
-                                                                              sourceGroup: e.id
-                                                                          }),
-                                                                          invalidPermission: this.state.disableGroupAdd
-                                                                      });
-                                                                  }}
-                    />)}
+                    {this.visibleGroups.map(e => (
+                        <GroupsListEntry key={"group-" + e.id}
+                                         group={e}
+                                         selected={e.id === this.state.selectedGroupId}
+                                         callbackSelect={() => this.props.events.fire("action_select_group", {
+                                             id: e.id,
+                                             target: this.props.target
+                                         })}
+                                         onContextMenu={event => {
+                                             event.preventDefault();
+                                             this.props.events.fire("action_select_group", {
+                                                 target: this.props.target,
+                                                 id: e.id
+                                             });
+
+                                             spawnContextMenu({ pageX: event.pageX, pageY: event.pageY }, [
+                                                 {
+                                                     type: "normal",
+                                                     label: tr("Rename group"),
+                                                     click: () => this.onGroupRename(),
+                                                     icon: ClientIcon.ChangeNickname,
+                                                     enabled: !this.state.disableGroupRename
+                                                 }, {
+                                                     type: "normal",
+                                                     label: tr("Copy permissions"),
+                                                     icon: ClientIcon.Copy,
+                                                     click: () => this.props.events.fire("action_group_copy_permissions", {
+                                                         target: this.props.target,
+                                                         sourceGroup: e.id
+                                                     }),
+                                                     enabled: !this.state.disablePermissionCopy
+                                                 }, {
+                                                     type: "normal",
+                                                     label: tr("Delete group"),
+                                                     click: () => this.onGroupDelete(),
+                                                     icon: ClientIcon.Delete,
+                                                     enabled: !this.state.disableDelete
+                                                 }, {
+                                                     type: "separator"
+                                                 }, {
+                                                     type: "normal",
+                                                     label: tr("Add group"),
+                                                     click: () => this.props.events.fire("action_create_group", {
+                                                         target: this.props.target,
+                                                         sourceGroup: e.id
+                                                     }),
+                                                     icon: ClientIcon.Add,
+                                                     enabled: !this.state.disableGroupAdd
+                                                 }
+                                             ]);
+                                         }}
+                        />
+                    ))}
                 </div>
             </div>,
             <div key={"buttons"} className={cssStyle.buttons}>
@@ -426,7 +434,7 @@ class GroupsList extends React.Component<{ connection: ConnectionHandler, events
 
 
 @ReactEventHandler<GroupsList>(e => e.props.events)
-class ServerClientList extends React.Component<{ connection: ConnectionHandler, events: Registry<PermissionModalEvents> }, {
+class ServerClientList extends React.Component<{ events: Registry<PermissionModalEvents> }, {
     selectedGroupId: number,
     selectedClientId: number,
 
@@ -475,16 +483,18 @@ class ServerClientList extends React.Component<{ connection: ConnectionHandler,
         return [
             <div key={"list"} className={cssStyle.list + " " + cssStyle.containerList}
                  onContextMenu={e => this.onListContextMenu(e)}>
-                {selectedGroup ?
-                    <div key={"selected-group"} className={cssStyle.entry + " " + cssStyle.selectedGroup}>
-                        <div className={cssStyle.icon}>
-                            <RemoteIconRenderer icon={getIconManager().resolveIcon(selectedGroup.iconId, this.props.connection.getCurrentServerUniqueId(), this.props.connection.handlerId)} />
-                        </div>
-                        <div
-                            className={cssStyle.name}>{groupTypePrefix + selectedGroup.name + " (" + selectedGroup.id + ")"}</div>
-                    </div>
-                    : undefined
-                }
+                {selectedGroup ? (
+                    <ServerInfoContext.Consumer>
+                        {serverInfo => (
+                            <div key={"selected-group"} className={cssStyle.entry + " " + cssStyle.selectedGroup}>
+                                <div className={cssStyle.icon}>
+                                    <RemoteIconRenderer icon={getIconManager().resolveIcon(selectedGroup.iconId, serverInfo.serverUniqueId, serverInfo.handlerId)} />
+                                </div>
+                                <div className={cssStyle.name}>{groupTypePrefix + selectedGroup.name + " (" + selectedGroup.id + ")"}</div>
+                            </div>
+                        )}
+                    </ServerInfoContext.Consumer>
+                ) : undefined}
                 <div className={cssStyle.entries}>
                     {this.clients.map(client => <div
                         key={"client-" + client.databaseId}
@@ -781,41 +791,43 @@ class ServerClientList extends React.Component<{ connection: ConnectionHandler,
     }
 }
 
-const ServerGroupsSideBar = (props: { connection: ConnectionHandler, modalEvents: Registry<PermissionModalEvents> }) => {
+const ServerGroupsSideBar = React.memo(() => {
+    const events = useContext(ModalEventContext);
     const [active, setActive] = useState(true);
     const [clientList, setClientList] = useState(false);
 
-    props.modalEvents.reactUse("action_activate_tab", event => setActive(event.tab === "groups-server"));
-    props.modalEvents.reactUse("notify_client_list_toggled", event => setClientList(event.visible));
+    events.reactUse("action_activate_tab", event => setActive(event.tab === "groups-server"));
+    events.reactUse("notify_client_list_toggled", event => setClientList(event.visible));
 
     return (
         <div
             className={cssStyle.sideContainer + " " + cssStyle.containerServerGroups + " " + (active ? "" : cssStyle.hidden)}>
             <div className={cssStyle.containerGroupList + " " + (!clientList ? "" : cssStyle.hidden)}>
-                <GroupsList connection={props.connection} events={props.modalEvents} target={"server"}/>
+                <GroupsList events={events} target={"server"}/>
             </div>
             <div className={cssStyle.containerClientList + " " + (clientList ? "" : cssStyle.hidden)}>
-                <ServerClientList connection={props.connection} events={props.modalEvents}/>
+                <ServerClientList events={events} />
             </div>
         </div>
     );
-};
+});
 
-const ChannelGroupsSideBar = (props: { connection: ConnectionHandler, modalEvents: Registry<PermissionModalEvents> }) => {
+const ChannelGroupsSideBar = React.memo(() => {
+    const events = useContext(ModalEventContext);
     const [active, setActive] = useState(false);
 
-    props.modalEvents.reactUse("action_activate_tab", event => setActive(event.tab === "groups-channel"));
+    events.reactUse("action_activate_tab", event => setActive(event.tab === "groups-channel"));
 
     return (
         <div
             className={cssStyle.sideContainer + " " + cssStyle.containerChannelGroups + " " + (active ? "" : cssStyle.hidden)}>
-            <GroupsList connection={props.connection} events={props.modalEvents} target={"channel"}/>
+            <GroupsList events={events} target={"channel"}/>
         </div>
     );
-};
+});
 
 @ReactEventHandler<ChannelList>(e => e.props.events)
-class ChannelList extends React.Component<{ connection: ConnectionHandler, events: Registry<PermissionModalEvents>, tabTarget: "channel" | "client-channel" }, { selectedChanelId: number }> {
+class ChannelList extends React.Component<{ serverInfo: PermissionEditorServerInfo, events: Registry<PermissionModalEvents>, tabTarget: "channel" | "client-channel" }, { selectedChanelId: number }> {
     private channels: ChannelInfo[] = [];
     private isActiveTab = false;
 
@@ -849,7 +861,7 @@ class ChannelList extends React.Component<{ connection: ConnectionHandler, event
                                  id: e.id
                              })}
                         >
-                            <RemoteIconRenderer icon={getIconManager().resolveIcon(e.iconId, this.props.connection.getCurrentServerUniqueId(), this.props.connection.handlerId)} />
+                            <RemoteIconRenderer icon={getIconManager().resolveIcon(e.iconId, this.props.serverInfo.serverUniqueId, this.props.serverInfo.handlerId)} />
                             <a className={cssStyle.name}>{e.name + " (" + e.id + ")"}</a>
                         </div>
                     ))}
@@ -925,20 +937,24 @@ class ChannelList extends React.Component<{ connection: ConnectionHandler, event
     }
 }
 
-const ChannelSideBar = (props: { connection: ConnectionHandler, modalEvents: Registry<PermissionModalEvents> }) => {
+const ChannelSideBar = React.memo(() => {
+    const serverInfo = useContext(ServerInfoContext);
+    const events = useContext(ModalEventContext);
     const [active, setActive] = useState(false);
 
-    props.modalEvents.reactUse("action_activate_tab", event => setActive(event.tab === "channel"));
+    events.reactUse("action_activate_tab", event => setActive(event.tab === "channel"));
 
     return (
         <div
             className={cssStyle.sideContainer + " " + cssStyle.containerChannels + " " + (active ? "" : cssStyle.hidden)}>
-            <ChannelList connection={props.connection} events={props.modalEvents} tabTarget={"channel"}/>
+            <ChannelList serverInfo={serverInfo} events={events} tabTarget={"channel"}/>
         </div>
     );
-};
+});
+
+const ClientSelect = React.memo((props: { tabTarget: "client" | "client-channel" }) => {
+    const events = React.useContext(ModalEventContext);
 
-const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarget: "client" | "client-channel" }) => {
     const [clientIdentifier, setClientIdentifier] = useState<number | string | undefined>(undefined);
     const [clientInfo, setClientInfo] = useState<{ name: string, uniqueId: string, databaseId: number }>(undefined);
 
@@ -947,24 +963,24 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
     const refUniqueIdentifier = useRef<FlatInputField>();
     const refDatabaseId = useRef<FlatInputField>();
 
-    props.events.reactUse("action_activate_tab", event => {
+    events.reactUse("action_activate_tab", event => {
         if (event.tab !== props.tabTarget) {
             return;
         }
 
         if (typeof event.activeClientDatabaseId !== "undefined") {
-            props.events.fire("action_select_client", {
+            events.fire("action_select_client", {
                 target: props.tabTarget,
                 id: event.activeClientDatabaseId === 0 ? "undefined" : event.activeClientDatabaseId
             });
         } else {
             if (clientInfo && clientInfo.databaseId) {
-                props.events.fire("action_set_permission_editor_subject", {
+                events.fire("action_set_permission_editor_subject", {
                     mode: props.tabTarget,
                     clientDatabaseId: clientInfo.databaseId
                 });
             } else {
-                props.events.fire("action_set_permission_editor_subject", {mode: props.tabTarget, clientDatabaseId: 0});
+                events.fire("action_set_permission_editor_subject", {mode: props.tabTarget, clientDatabaseId: 0});
             }
         }
     });
@@ -979,16 +995,16 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
         refDatabaseId.current?.setState({placeholder: placeholder});
     };
 
-    props.events.reactUse("query_client_info", event => {
+    events.reactUse("query_client_info", event => {
         if (event.client !== clientIdentifier)
             return;
 
         refInput.current?.setState({disabled: true});
         resetInfoFields(tr("loading..."));
-        props.events.fire("action_set_permission_editor_subject", {mode: props.tabTarget, clientDatabaseId: 0});
+        events.fire("action_set_permission_editor_subject", {mode: props.tabTarget, clientDatabaseId: 0});
     });
 
-    props.events.reactUse("notify_client_info", event => {
+    events.reactUse("notify_client_info", event => {
         if (event.client !== clientIdentifier)
             return;
 
@@ -999,7 +1015,7 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
             refNickname.current?.setValue(event.info.name);
             refUniqueIdentifier.current?.setValue(event.info.uniqueId);
             refDatabaseId.current?.setValue(event.info.databaseId + "");
-            props.events.fire("action_set_permission_editor_subject", {
+            events.fire("action_set_permission_editor_subject", {
                 mode: props.tabTarget,
                 clientDatabaseId: event.info.databaseId
             });
@@ -1022,7 +1038,7 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
         refDatabaseId.current?.setState({placeholder: undefined});
     });
 
-    props.events.reactUse("action_select_client", event => {
+    events.reactUse("action_select_client", event => {
         if (event.target !== props.tabTarget)
             return;
 
@@ -1030,11 +1046,11 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
         refInput.current.setValue(typeof event.id === "undefined" ? "" : event.id.toString());
         if (typeof event.id === "number" || typeof event.id === "string") {
             /* first do the state update */
-            props.events.fire_react("query_client_info", {client: event.id});
+            events.fire_react("query_client_info", {client: event.id});
         } else {
             refInput.current?.setValue(undefined);
             resetInfoFields(undefined);
-            props.events.fire("action_set_permission_editor_subject", {mode: props.tabTarget, clientDatabaseId: 0});
+            events.fire("action_set_permission_editor_subject", {mode: props.tabTarget, clientDatabaseId: 0});
         }
     });
 
@@ -1086,7 +1102,7 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
                         }
                     }
                     refInput.current?.setState({isInvalid: false});
-                    props.events.fire("action_select_client", {id: client, target: props.tabTarget});
+                    events.fire("action_select_client", {id: client, target: props.tabTarget});
                 }}
             />
             <hr/>
@@ -1097,31 +1113,147 @@ const ClientSelect = (props: { events: Registry<PermissionModalEvents>, tabTarge
                             disabled={true}/>
         </div>
     );
-};
+});
 
-const ClientSideBar = (props: { connection: ConnectionHandler, modalEvents: Registry<PermissionModalEvents> }) => {
+const ClientSideBar = React.memo(() => {
+    const events = useContext(ModalEventContext);
     const [active, setActive] = useState(false);
 
-    props.modalEvents.reactUse("action_activate_tab", event => setActive(event.tab === "client"));
+    events.reactUse("action_activate_tab", event => setActive(event.tab === "client"));
 
     return (
         <div
             className={cssStyle.sideContainer + " " + cssStyle.containerClient + " " + (active ? "" : cssStyle.hidden)}>
-            <ClientSelect events={props.modalEvents} tabTarget={"client"}/>
+            <ClientSelect tabTarget={"client"}/>
         </div>
     );
-};
+});
 
-const ClientChannelSideBar = (props: { connection: ConnectionHandler, modalEvents: Registry<PermissionModalEvents> }) => {
+const ClientChannelSideBar = React.memo(() => {
+    const serverInfo = useContext(ServerInfoContext);
+    const events = useContext(ModalEventContext);
     const [active, setActive] = useState(false);
 
-    props.modalEvents.reactUse("action_activate_tab", event => setActive(event.tab === "client-channel"));
+    events.reactUse("action_activate_tab", event => setActive(event.tab === "client-channel"));
 
     return (
         <div
             className={cssStyle.sideContainer + " " + cssStyle.containerChannelClient + " " + (active ? "" : cssStyle.hidden)}>
-            <ClientSelect events={props.modalEvents} tabTarget={"client-channel"}/>
-            <ChannelList connection={props.connection} events={props.modalEvents} tabTarget={"client-channel"}/>
+            <ClientSelect tabTarget={"client-channel"}/>
+            <ChannelList serverInfo={serverInfo} events={events} tabTarget={"client-channel"}/>
         </div>
     );
-};
\ No newline at end of file
+});
+
+export const PermissionTabName: { [T in PermissionEditorTab]: { name: string, useTranslate: () => string, renderTranslate: () => React.ReactNode } } = {
+    "groups-server": {name: "Server Groups", useTranslate: () => useTr("Server Groups"), renderTranslate: () => <Translatable>Server Groups</Translatable>},
+    "groups-channel": {name: "Channel Groups", useTranslate: () => useTr("Channel Groups"), renderTranslate: () => <Translatable>Channel Groups</Translatable>},
+    "channel": {name: "Channel Permissions", useTranslate: () => useTr("Channel Permissions"), renderTranslate: () => <Translatable>Channel Permissions</Translatable>},
+    "client": {name: "Client Permissions", useTranslate: () => useTr("Client Permissions"), renderTranslate: () => <Translatable>Client Permissions</Translatable>},
+    "client-channel": {name: "Client Channel Permissions", useTranslate: () => useTr("Client Channel Permissions"), renderTranslate: () => <Translatable>Client Channel Permissions</Translatable>},
+};
+
+const ActiveTabInfo = React.memo(() => {
+    const events = useContext(ModalEventContext);
+    const [activeTab, setActiveTab] = useState<PermissionEditorTab>("groups-server");
+    events.reactUse("action_activate_tab", event => setActiveTab(event.tab));
+
+    return (
+        <div className={cssStyle.header + " " + cssStyle.activeTabInfo}>
+            <div className={cssStyle.entry}>
+                <a title={PermissionTabName[activeTab].useTranslate()} key={"tab-" + activeTab}>
+                    {PermissionTabName[activeTab].renderTranslate()}
+                </a>
+            </div>
+        </div>
+    );
+});
+
+const TabSelectorEntry = React.memo((props: { entry: PermissionEditorTab }) => {
+    const events = useContext(ModalEventContext);
+    const [active, setActive] = useState(props.entry === "groups-server");
+
+    events.reactUse("action_activate_tab", event => setActive(event.tab === props.entry));
+
+    return (
+        <div className={cssStyle.entry + " " + (active ? cssStyle.selected : "")}
+             onClick={() => !active && events.fire("action_activate_tab", {tab: props.entry})}>
+            <a title={PermissionTabName[props.entry].useTranslate()}>
+                {PermissionTabName[props.entry].renderTranslate()}
+            </a>
+        </div>
+    );
+});
+
+const TabSelector = React.memo(() => {
+    return (
+        <div className={cssStyle.header + " " + cssStyle.tabSelector}>
+            <TabSelectorEntry entry={"groups-server"}/>
+            <TabSelectorEntry entry={"groups-channel"}/>
+            <TabSelectorEntry entry={"channel"}/>
+            <TabSelectorEntry entry={"client"}/>
+            <TabSelectorEntry entry={"client-channel"}/>
+        </div>
+    );
+});
+
+const InitialRendererTrigger = React.memo(() => {
+    const events = useContext(ModalEventContext);
+    useEffect(() => events.fire("notify_initial_rendered"), []);
+    return null;
+})
+
+export type DefaultTabValues = { groupId?: number, channelId?: number, clientDatabaseId?: number };
+export class PermissionEditorModal extends AbstractModal {
+    readonly serverInfo: PermissionEditorServerInfo;
+    readonly modalEvents: Registry<PermissionModalEvents>;
+    readonly editorEvents: Registry<PermissionEditorEvents>;
+
+    constructor(serverInfo: PermissionEditorServerInfo, modalEvents: IpcRegistryDescription<PermissionModalEvents>, editorEvents: IpcRegistryDescription<PermissionEditorEvents>) {
+        super();
+
+        this.serverInfo = serverInfo;
+        this.modalEvents = Registry.fromIpcDescription(modalEvents);
+        this.editorEvents = Registry.fromIpcDescription(editorEvents);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.modalEvents.destroy();
+        this.editorEvents.destroy();
+    }
+
+    renderBody() {
+        return (
+            <ModalEventContext.Provider value={this.modalEvents}>
+                <EditorEventContext.Provider value={this.editorEvents}>
+                    <ServerInfoContext.Provider value={this.serverInfo}>
+                        <div className={cssStyle.container}>
+                            <div className={cssStyle.contextContainer + " " + cssStyle.left}>
+                                <ActiveTabInfo />
+                                <ServerGroupsSideBar key={"server-groups"} />
+                                <ChannelGroupsSideBar key={"channel-groups"} />
+                                <ChannelSideBar key={"channel"} />
+                                <ClientSideBar key={"client"} />
+                                <ClientChannelSideBar key={"client-channel"} />
+                            </div>
+                            <ContextDivider id={"permission-editor"} defaultValue={25} direction={"horizontal"} />
+                            <div className={cssStyle.contextContainer + " " + cssStyle.right}>
+                                <TabSelector />
+                                <EditorRenderer events={this.editorEvents} handlerId={this.serverInfo.handlerId} serverUniqueId={this.serverInfo.serverUniqueId} />
+                            </div>
+                        </div>
+                        <InitialRendererTrigger />
+                    </ServerInfoContext.Provider>
+                </EditorEventContext.Provider>
+            </ModalEventContext.Provider>
+        );
+    }
+
+    renderTitle(): React.ReactElement<Translatable> {
+        return <Translatable>Server permission editor</Translatable>;
+    }
+}
+
+export default PermissionEditorModal;
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/Arrow.scss b/shared/js/ui/react-elements/Arrow.scss
new file mode 100644
index 00000000..c01b2c6e
--- /dev/null
+++ b/shared/js/ui/react-elements/Arrow.scss
@@ -0,0 +1,32 @@
+.arrow {
+    display: inline-block;
+    border: solid black;
+    //border-width: 0 3px 3px 0;
+    //padding: 3px;
+    //height: 10px;
+
+    border-width: 0 .2em .2em 0;
+    padding: .21em;
+    height: .5em;
+    width: .5em;
+
+    &.right {
+        transform: rotate(-45deg);
+        -webkit-transform: rotate(-45deg);
+    }
+
+    &.left {
+        transform: rotate(135deg);
+        -webkit-transform: rotate(135deg);
+    }
+
+    &.up {
+        transform: rotate(-135deg);
+        -webkit-transform: rotate(-135deg);
+    }
+
+    &.down {
+        transform: rotate(45deg);
+        -webkit-transform: rotate(45deg);
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/Arrow.tsx b/shared/js/ui/react-elements/Arrow.tsx
new file mode 100644
index 00000000..2514923f
--- /dev/null
+++ b/shared/js/ui/react-elements/Arrow.tsx
@@ -0,0 +1,19 @@
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+import React from "react";
+
+const cssStyle = require("./Arrow.scss");
+
+export const Arrow = (props: {
+    direction: "up" | "down" | "left" | "right",
+    className?: string,
+    onClick?: () => void
+}) => (
+    <div
+        className={joinClassList(
+            cssStyle.arrow,
+            cssStyle[props.direction],
+            props.className
+        )}
+        onClick={props.onClick}
+    />
+)
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index c68da018..c6ebc1d0 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -16,6 +16,9 @@ import {
     ModalClientGroupAssignmentVariables
 } from "tc-shared/ui/modal/group-assignment/Definitions";
 import {VideoViewerEvents} from "tc-shared/ui/modal/video-viewer/Definitions";
+import {PermissionModalEvents} from "tc-shared/ui/modal/permission/ModalDefinitions";
+import {PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefinitions";
+import {PermissionEditorServerInfo} from "tc-shared/ui/modal/permission/ModalRenderer";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -133,6 +136,7 @@ export abstract class AbstractModal {
     color() : "none" | "blue" { return "none"; }
     verticalAlignment() : "top" | "center" | "bottom" { return "center"; }
 
+    /** @deprecated */
     protected onInitialize() {}
     protected onDestroy() {}
 
@@ -196,4 +200,9 @@ export interface ModalConstructorArguments {
         /* events */ IpcRegistryDescription<ModalClientGroupAssignmentEvents>,
         /* variables */ IpcVariableDescriptor<ModalClientGroupAssignmentVariables>,
     ],
+    "modal-permission-edit": [
+        /* serverInfo */ PermissionEditorServerInfo,
+        /* modalEvents */ IpcRegistryDescription<PermissionModalEvents>,
+        /* editorEvents */ IpcRegistryDescription<PermissionEditorEvents>
+    ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index debad67d..30023487 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -97,4 +97,10 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "modal-permission-edit",
+    classLoader: async () => await import("tc-shared/ui/modal/permission/ModalRenderer"),
+    popoutSupported: true
+});
+
 
diff --git a/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
index 795f42a9..2334293c 100644
--- a/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
+++ b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
@@ -85,7 +85,9 @@ async function initializeModalRenderer(taskId) {
     loader.setCurrentTaskName(taskId, tr("initializing modal class"));
     try {
         mainModalInstance = constructAbstractModalClass(modalClass, { windowed: true }, result.constructorArguments);
+        mainModalInstance["onInitialize"]();
         mainModalRenderer.renderModal(mainModalInstance);
+        mainModalInstance["onOpen"]();
     } catch(error) {
         loader.critical_error("Failed to invoker modal", "Lookup the console for more detail");
         logError(LogCategory.GENERAL,tr("Failed to load modal: %o"), error);
diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
index 8627e6f9..dfa516dc 100644
--- a/shared/js/ui/react-elements/modal/internal/index.tsx
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -55,6 +55,7 @@ export class InternalModalInstance implements ModalInstanceController {
 
         try {
             this.modalInstance = constructAbstractModalClass(modalClass.default, { windowed: false }, this.constructorArguments);
+            this.modalInstance["onInitialize"]();
         } catch (error) {
             logError(LogCategory.GENERAL, tr("Failed to create new modal of instance type %s: %o"), this.modalKlass.modalId, error);
             throw tr("failed to create new modal instance");
@@ -153,11 +154,11 @@ export class InternalModalInstance implements ModalInstanceController {
         this.events.destroy();
     }
 
-    private getCloseCallback() {
+    protected getCloseCallback() {
         return () => this.events.fire("action_close");
     }
 
-    private getPopoutCallback() {
+    protected getPopoutCallback() {
         if(!this.modalKlass.popoutSupported) {
             return undefined;
         }
@@ -169,7 +170,7 @@ export class InternalModalInstance implements ModalInstanceController {
         return () => this.events.fire("action_popout");
     }
 
-    private getMinimizeCallback() {
+    protected getMinimizeCallback() {
         /* We can't minimize any windows */
         return undefined;
     }
diff --git a/shared/js/ui/tree/EntryTags.tsx b/shared/js/ui/tree/EntryTags.tsx
index 5b252152..26bbe47e 100644
--- a/shared/js/ui/tree/EntryTags.tsx
+++ b/shared/js/ui/tree/EntryTags.tsx
@@ -15,8 +15,15 @@ export const ServerTag = React.memo((props: {
     serverName: string,
     handlerId: string,
     serverUniqueId?: string,
-    className?: string
+    className?: string,
+
+    style?: EntryTagStyle
 }) => {
+    let style = props.style || "normal";
+    if(style === "text-only") {
+        return <React.Fragment key={"text-only"}>{props.serverName}</React.Fragment>;
+    }
+
     return (
         <div
             className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
diff --git a/webpack/ManifestPlugin.ts b/webpack/ManifestPlugin.ts
index 4c23d614..b3a8c374 100644
--- a/webpack/ManifestPlugin.ts
+++ b/webpack/ManifestPlugin.ts
@@ -62,22 +62,22 @@ class ManifestGenerator {
                 }
 
                 for(const module of compilation.chunkGraph.getChunkModules(chunk)) {
-                    const moduleId = compilation.chunkGraph.getModuleId(module);
-                    if(typeof moduleId === "string" && moduleId.startsWith("svg-sprites/")) {
+                    const identifier = module.identifier();
+                    if(typeof identifier === "string" && identifier.startsWith("svg-sprites/")) {
                         /* custom svg sprite handler */
                         modules.push({
                             id: module.id,
                             context: "svg-sprites",
-                            resource: moduleId.substring("svg-sprites/".length)
+                            resource: identifier.substring("svg-sprites/".length)
                         });
                         continue;
                     }
 
-                    if(!module.type.startsWith("javascript/")) {
+                    if(!module.context) {
                         continue;
                     }
 
-                    if(!module.context) {
+                    if(!module.type.startsWith("javascript/")) {
                         continue;
                     }
 
@@ -94,6 +94,7 @@ class ManifestGenerator {
                         throw "invalid context/resource relation (" + module.context + " <-> " + path.dirname(module.resource) + ")";
                     }
 
+                    const moduleId = compilation.chunkGraph.getModuleId(module);
                     modules.push({
                         id: moduleId,
                         context: path.relative(this.options.context, module.context).replace(/\\/g, "/"),

From 90e1395d34bbb94e9f824dcb012736085307ec58 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 13:42:32 +0100
Subject: [PATCH 055/128] Updating the client flags to svg flags

---
 ChangeLog.md                                  |   4 +
 shared/CountryIconFixup.ts                    |  84 ++
 shared/css/static/ts/country.scss             |   9 +
 shared/img/country-flags/abkhazia.svg         |  21 +
 shared/img/country-flags/afghanistan.svg      |  10 +
 shared/img/country-flags/aland_islands.svg    |   6 +
 shared/img/country-flags/albania.svg          |   5 +
 shared/img/country-flags/algeria.svg          |   9 +
 shared/img/country-flags/american_samoa.svg   |   8 +
 shared/img/country-flags/andorra.svg          |  11 +
 shared/img/country-flags/angola.svg           |  10 +
 shared/img/country-flags/anguilla.svg         |  24 +
 .../img/country-flags/antigua_and_barbuda.svg |  11 +
 shared/img/country-flags/argentina.svg        |   9 +
 shared/img/country-flags/armenia.svg          |   6 +
 shared/img/country-flags/aruba.svg            |  10 +
 shared/img/country-flags/australia.svg        |  27 +
 shared/img/country-flags/austria.svg          |   8 +
 shared/img/country-flags/azerbaijan.svg       |  10 +
 shared/img/country-flags/azores_islands.svg   |  16 +
 shared/img/country-flags/bahamas.svg          |   9 +
 shared/img/country-flags/bahrain.svg          |   5 +
 shared/img/country-flags/balearic_islands.svg |  13 +
 shared/img/country-flags/bangladesh.svg       |   5 +
 shared/img/country-flags/barbados.svg         |   9 +
 shared/img/country-flags/basque_country.svg   |   6 +
 shared/img/country-flags/belarus.svg          |  16 +
 shared/img/country-flags/belgium.svg          |   6 +
 shared/img/country-flags/belize.svg           |  13 +
 shared/img/country-flags/benin.svg            |   6 +
 shared/img/country-flags/bermuda.svg          |  42 +
 shared/img/country-flags/bhutan.svg           |   6 +
 shared/img/country-flags/bolivia.svg          |   6 +
 shared/img/country-flags/bonaire.svg          |   8 +
 .../country-flags/bosnia_and_herzegovina.svg  |  19 +
 shared/img/country-flags/botswana.svg         |   9 +
 shared/img/country-flags/brazil.svg           |  10 +
 shared/img/country-flags/british_columbia.svg |  41 +
 .../british_indian_ocean_territory.svg        |  58 ++
 .../country-flags/british_virgin_islands.svg  |  32 +
 shared/img/country-flags/brunei.svg           |  14 +
 shared/img/country-flags/bulgaria.svg         |   6 +
 shared/img/country-flags/burkina_faso.svg     |   6 +
 shared/img/country-flags/burundi.svg          |  18 +
 shared/img/country-flags/cambodia.svg         |   9 +
 shared/img/country-flags/cameroon.svg         |   9 +
 shared/img/country-flags/canada.svg           |   9 +
 shared/img/country-flags/canary_islands.svg   |   6 +
 shared/img/country-flags/cape_verde.svg       |  21 +
 shared/img/country-flags/cayman_islands.svg   |  23 +
 .../central_african_republic.svg              |  17 +
 shared/img/country-flags/ceuta.svg            |  27 +
 shared/img/country-flags/chad.svg             |   6 +
 shared/img/country-flags/chile.svg            |   7 +
 shared/img/country-flags/china.svg            |  11 +
 shared/img/country-flags/christmas_island.svg |  15 +
 shared/img/country-flags/cocos_island.svg     |  15 +
 shared/img/country-flags/colombia.svg         |   6 +
 shared/img/country-flags/comoros.svg          |  15 +
 shared/img/country-flags/cook_islands.svg     |  25 +
 shared/img/country-flags/corsica.svg          |   6 +
 shared/img/country-flags/costa_rica.svg       |   9 +
 shared/img/country-flags/croatia.svg          |  29 +
 shared/img/country-flags/cuba.svg             |  12 +
 shared/img/country-flags/curacao.svg          |   9 +
 shared/img/country-flags/cyprus.svg           |   6 +
 shared/img/country-flags/czech_republic.svg   |   6 +
 .../democratic_republic_of_congo.svg          |   7 +
 shared/img/country-flags/denmark.svg          |   5 +
 shared/img/country-flags/djibouti.svg         |   7 +
 shared/img/country-flags/dominica.svg         |  24 +
 .../img/country-flags/dominican_republic.svg  |  11 +
 shared/img/country-flags/east_timor.svg       |   7 +
 shared/img/country-flags/ecuador.svg          |   9 +
 shared/img/country-flags/egypt.svg            |   7 +
 shared/img/country-flags/el_salvador.svg      |  11 +
 shared/img/country-flags/england.svg          |   5 +
 .../img/country-flags/equatorial_guinea.svg   |  10 +
 shared/img/country-flags/eritrea.svg          |   7 +
 shared/img/country-flags/estonia.svg          |   6 +
 shared/img/country-flags/ethiopia.svg         |  11 +
 shared/img/country-flags/european_union.svg   |  14 +
 shared/img/country-flags/falkland_islands.svg |  24 +
 shared/img/country-flags/faroe_islands.svg    |   6 +
 shared/img/country-flags/fiji.svg             |  16 +
 shared/img/country-flags/finland.svg          |   5 +
 shared/img/country-flags/france.svg           |   6 +
 shared/img/country-flags/french_polynesia.svg |  15 +
 shared/img/country-flags/gabon.svg            |   6 +
 .../img/country-flags/galapagos_islands.svg   |   6 +
 shared/img/country-flags/gambia.svg           |   7 +
 shared/img/country-flags/georgia.svg          |  11 +
 shared/img/country-flags/germany.svg          |   6 +
 shared/img/country-flags/ghana.svg            |   7 +
 shared/img/country-flags/gibraltar.svg        |   9 +
 shared/img/country-flags/greece.svg           |  15 +
 shared/img/country-flags/greenland.svg        |   9 +
 shared/img/country-flags/grenada.svg          |  24 +
 shared/img/country-flags/guam.svg             |  11 +
 shared/img/country-flags/guatemala.svg        |  10 +
 shared/img/country-flags/guernsey.svg         |   6 +
 shared/img/country-flags/guinea.svg           |   6 +
 shared/img/country-flags/guinea_bissau.svg    |   7 +
 shared/img/country-flags/haiti.svg            |  11 +
 shared/img/country-flags/hawaii.svg           |  35 +
 shared/img/country-flags/honduras.svg         |  13 +
 shared/img/country-flags/hong_kong.svg        |  11 +
 shared/img/country-flags/hungary.svg          |   6 +
 shared/img/country-flags/iceland.svg          |   6 +
 shared/img/country-flags/india.svg            |   9 +
 shared/img/country-flags/indonesia.svg        |   5 +
 shared/img/country-flags/iran.svg             |  35 +
 shared/img/country-flags/iraq.svg             |  11 +
 shared/img/country-flags/ireland.svg          |   6 +
 shared/img/country-flags/isle_of_man.svg      |   5 +
 shared/img/country-flags/israel.svg           |   9 +
 shared/img/country-flags/italy.svg            |   6 +
 shared/img/country-flags/ivory_coast.svg      |   6 +
 shared/img/country-flags/jamaica.svg          |   8 +
 shared/img/country-flags/japan.svg            |   5 +
 shared/img/country-flags/jersey.svg           |  10 +
 shared/img/country-flags/jordan.svg           |   8 +
 shared/img/country-flags/kazakhstan.svg       |   7 +
 shared/img/country-flags/kenya.svg            |  17 +
 shared/img/country-flags/kosovo.svg           |  13 +
 shared/img/country-flags/kuwait.svg           |   7 +
 shared/img/country-flags/kyrgyzstan.svg       |  15 +
 shared/img/country-flags/laos.svg             |   9 +
 shared/img/country-flags/latvia.svg           |   8 +
 shared/img/country-flags/lebanon.svg          |   9 +
 shared/img/country-flags/lesotho.svg          |   7 +
 shared/img/country-flags/liberia.svg          |  14 +
 shared/img/country-flags/libya.svg            |  10 +
 shared/img/country-flags/liechtenstein.svg    |   6 +
 shared/img/country-flags/lithuania.svg        |   6 +
 shared/img/country-flags/luxembourg.svg       |   6 +
 shared/img/country-flags/macao.svg            |  16 +
 shared/img/country-flags/madagascar.svg       |   6 +
 shared/img/country-flags/madeira.svg          |  10 +
 shared/img/country-flags/malawi.svg           |   7 +
 shared/img/country-flags/malaysia.svg         |  15 +
 shared/img/country-flags/maldives.svg         |   6 +
 shared/img/country-flags/mali.svg             |   6 +
 shared/img/country-flags/malta.svg            |   6 +
 shared/img/country-flags/marshall_island.svg  |   9 +
 shared/img/country-flags/martinique.svg       |  11 +
 shared/img/country-flags/mauritania.svg       |   8 +
 shared/img/country-flags/mauritius.svg        |   7 +
 shared/img/country-flags/melilla.svg          |  23 +
 shared/img/country-flags/mexico.svg           |   8 +
 shared/img/country-flags/micronesia.svg       |  10 +
 shared/img/country-flags/moldova.svg          |   9 +
 shared/img/country-flags/monaco.svg           |   5 +
 shared/img/country-flags/mongolia.svg         |  17 +
 shared/img/country-flags/montenegro.svg       |  11 +
 shared/img/country-flags/montserrat.svg       |  21 +
 shared/img/country-flags/morocco.svg          |   5 +
 shared/img/country-flags/mozambique.svg       |  11 +
 shared/img/country-flags/myanmar.svg          |   7 +
 shared/img/country-flags/namibia.svg          |   8 +
 shared/img/country-flags/nauru.svg            |   6 +
 shared/img/country-flags/nepal.svg            |  11 +
 shared/img/country-flags/netherlands.svg      |   6 +
 shared/img/country-flags/new_zealand.svg      |  24 +
 shared/img/country-flags/nicaragua.svg        |  12 +
 shared/img/country-flags/niger.svg            |   7 +
 shared/img/country-flags/nigeria.svg          |   8 +
 shared/img/country-flags/niue.svg             |  46 +
 shared/img/country-flags/norfolk_island.svg   |   9 +
 shared/img/country-flags/north_korea.svg      |  12 +
 shared/img/country-flags/northen_cyprus.svg   |  10 +
 .../northern_marianas_islands.svg             |   8 +
 shared/img/country-flags/norway.svg           |   6 +
 shared/img/country-flags/oman.svg             |  12 +
 shared/img/country-flags/orkney_islands.svg   |   6 +
 shared/img/country-flags/ossetia.svg          |   6 +
 shared/img/country-flags/otan.svg             |  17 +
 shared/img/country-flags/pakistan.svg         |  12 +
 shared/img/country-flags/palau.svg            |   5 +
 shared/img/country-flags/palestine.svg        |   7 +
 shared/img/country-flags/panama.svg           |   8 +
 shared/img/country-flags/papua_new_guinea.svg |  13 +
 shared/img/country-flags/paraguay.svg         |   8 +
 shared/img/country-flags/peru.svg             |   8 +
 shared/img/country-flags/philippines.svg      |  14 +
 shared/img/country-flags/poland.svg           |   8 +
 shared/img/country-flags/portugal.svg         |   8 +
 shared/img/country-flags/puerto_rico.svg      |  11 +
 shared/img/country-flags/qatar.svg            |   5 +
 shared/img/country-flags/rapa_nui.svg         |   5 +
 .../country-flags/republic_of_macedonia.svg   |  16 +
 .../country-flags/republic_of_the_congo.svg   |   6 +
 shared/img/country-flags/romania.svg          |   6 +
 shared/img/country-flags/russia.svg           |   7 +
 shared/img/country-flags/rwanda.svg           |   7 +
 shared/img/country-flags/saba_island.svg      |   7 +
 .../sahrawi_arab_democratic_republic.svg      |  11 +
 .../country-flags/saint_kitts_and_nevis.svg   |  11 +
 shared/img/country-flags/samoa.svg            |  12 +
 shared/img/country-flags/san_marino.svg       |  10 +
 .../country-flags/sao_tome_and_principe.svg   |  11 +
 shared/img/country-flags/sardinia.svg         |  17 +
 shared/img/country-flags/saudi_arabia.svg     |  12 +
 shared/img/country-flags/scotland.svg         |   6 +
 shared/img/country-flags/senegal.svg          |   9 +
 shared/img/country-flags/serbia.svg           |  12 +
 shared/img/country-flags/seychelles.svg       |   8 +
 shared/img/country-flags/sicily.svg           |   7 +
 shared/img/country-flags/sierra_leone.svg     |   6 +
 shared/img/country-flags/singapore.svg        |  13 +
 shared/img/country-flags/sint_eustatius.svg   |  12 +
 shared/img/country-flags/sint_maarten.svg     |  13 +
 shared/img/country-flags/slovakia.svg         |  10 +
 shared/img/country-flags/slovenia.svg         |   9 +
 shared/img/country-flags/solomon_islands.svg  |  13 +
 shared/img/country-flags/somalia.svg          |   5 +
 shared/img/country-flags/somaliland.svg       |  14 +
 shared/img/country-flags/south_africa.svg     |   9 +
 shared/img/country-flags/south_korea.svg      |  24 +
 shared/img/country-flags/south_sudan.svg      |   9 +
 shared/img/country-flags/spain.svg            |   8 +
 shared/img/country-flags/sri_lanka.svg        |  17 +
 shared/img/country-flags/st_barts.svg         |  12 +
 shared/img/country-flags/st_lucia.svg         |   7 +
 .../st_vincent_and_the_grenadines.svg         |  11 +
 shared/img/country-flags/sudan.svg            |   7 +
 shared/img/country-flags/suriname.svg         |  10 +
 shared/img/country-flags/sweden.svg           |   5 +
 shared/img/country-flags/switzerland.svg      |   5 +
 shared/img/country-flags/syria.svg            |  10 +
 shared/img/country-flags/taiwan.svg           |   8 +
 shared/img/country-flags/tajikistan.svg       |  16 +
 shared/img/country-flags/tanzania.svg         |   7 +
 shared/img/country-flags/thailand.svg         |   9 +
 shared/img/country-flags/tibet.svg            |  17 +
 shared/img/country-flags/togo.svg             |  11 +
 shared/img/country-flags/tokelau.svg          |  14 +
 shared/img/country-flags/tonga.svg            |   6 +
 shared/img/country-flags/transnistria.svg     |   8 +
 .../img/country-flags/trinidad_and_tobago.svg |   6 +
 shared/img/country-flags/tubalu.svg           |  41 +
 shared/img/country-flags/tunisia.svg          |   9 +
 shared/img/country-flags/turkey.svg           |   8 +
 shared/img/country-flags/turkmenistan.svg     |  33 +
 shared/img/country-flags/turks_and_caicos.svg |  23 +
 shared/img/country-flags/uganda.svg           |  10 +
 shared/img/country-flags/ukraine.svg          |   5 +
 .../country-flags/united_arab_emirates.svg    |   7 +
 shared/img/country-flags/united_kingdom.svg   |  29 +
 shared/img/country-flags/united_nations.svg   |   8 +
 .../united_states_of_america.svg              |  25 +
 shared/img/country-flags/uruguay.svg          |  12 +
 shared/img/country-flags/uzbekistn.svg        |  25 +
 shared/img/country-flags/vanuatu.svg          |  13 +
 shared/img/country-flags/vatican_city.svg     |   7 +
 shared/img/country-flags/venezuela.svg        |  16 +
 shared/img/country-flags/vietnam.svg          |   5 +
 shared/img/country-flags/virgin_islands.svg   |  18 +
 shared/img/country-flags/wales.svg            |   6 +
 shared/img/country-flags/worldwide.svg        |  25 +
 shared/img/country-flags/yemen.svg            |   6 +
 shared/img/country-flags/zambia.svg           |   8 +
 shared/img/country-flags/zimbabwe.svg         |  18 +
 shared/js/SelectedClientInfo.ts               |   2 +-
 shared/js/i18n/country.ts                     | 828 ++++++++++++------
 .../js/ui/frames/side/ClientInfoRenderer.tsx  |   6 +-
 shared/js/ui/modal/ModalClientInfo.ts         |   2 +-
 shared/js/ui/modal/ModalMusicManage.ts        |   2 +-
 shared/js/ui/modal/ModalServerInfo.ts         |   2 +-
 shared/js/ui/modal/ModalSettings.tsx          |   8 +-
 shared/js/ui/modal/bookmarks/Renderer.tsx     |   4 +-
 shared/js/ui/modal/connect/Renderer.tsx       |   4 +-
 shared/js/ui/react-elements/CountryCode.tsx   |  14 +
 shared/js/ui/react-elements/CountryIcon.scss  |   2 +-
 shared/js/ui/react-elements/CountryIcon.tsx   |  15 -
 shared/svg-sprites/country-flags.d.ts         | 282 ++++++
 webpack.config.ts                             |  16 +
 277 files changed, 3960 insertions(+), 301 deletions(-)
 create mode 100644 shared/CountryIconFixup.ts
 create mode 100644 shared/img/country-flags/abkhazia.svg
 create mode 100644 shared/img/country-flags/afghanistan.svg
 create mode 100644 shared/img/country-flags/aland_islands.svg
 create mode 100644 shared/img/country-flags/albania.svg
 create mode 100644 shared/img/country-flags/algeria.svg
 create mode 100644 shared/img/country-flags/american_samoa.svg
 create mode 100644 shared/img/country-flags/andorra.svg
 create mode 100644 shared/img/country-flags/angola.svg
 create mode 100644 shared/img/country-flags/anguilla.svg
 create mode 100644 shared/img/country-flags/antigua_and_barbuda.svg
 create mode 100644 shared/img/country-flags/argentina.svg
 create mode 100644 shared/img/country-flags/armenia.svg
 create mode 100644 shared/img/country-flags/aruba.svg
 create mode 100644 shared/img/country-flags/australia.svg
 create mode 100644 shared/img/country-flags/austria.svg
 create mode 100644 shared/img/country-flags/azerbaijan.svg
 create mode 100644 shared/img/country-flags/azores_islands.svg
 create mode 100644 shared/img/country-flags/bahamas.svg
 create mode 100644 shared/img/country-flags/bahrain.svg
 create mode 100644 shared/img/country-flags/balearic_islands.svg
 create mode 100644 shared/img/country-flags/bangladesh.svg
 create mode 100644 shared/img/country-flags/barbados.svg
 create mode 100644 shared/img/country-flags/basque_country.svg
 create mode 100644 shared/img/country-flags/belarus.svg
 create mode 100644 shared/img/country-flags/belgium.svg
 create mode 100644 shared/img/country-flags/belize.svg
 create mode 100644 shared/img/country-flags/benin.svg
 create mode 100644 shared/img/country-flags/bermuda.svg
 create mode 100644 shared/img/country-flags/bhutan.svg
 create mode 100644 shared/img/country-flags/bolivia.svg
 create mode 100644 shared/img/country-flags/bonaire.svg
 create mode 100644 shared/img/country-flags/bosnia_and_herzegovina.svg
 create mode 100644 shared/img/country-flags/botswana.svg
 create mode 100644 shared/img/country-flags/brazil.svg
 create mode 100644 shared/img/country-flags/british_columbia.svg
 create mode 100644 shared/img/country-flags/british_indian_ocean_territory.svg
 create mode 100644 shared/img/country-flags/british_virgin_islands.svg
 create mode 100644 shared/img/country-flags/brunei.svg
 create mode 100644 shared/img/country-flags/bulgaria.svg
 create mode 100644 shared/img/country-flags/burkina_faso.svg
 create mode 100644 shared/img/country-flags/burundi.svg
 create mode 100644 shared/img/country-flags/cambodia.svg
 create mode 100644 shared/img/country-flags/cameroon.svg
 create mode 100644 shared/img/country-flags/canada.svg
 create mode 100644 shared/img/country-flags/canary_islands.svg
 create mode 100644 shared/img/country-flags/cape_verde.svg
 create mode 100644 shared/img/country-flags/cayman_islands.svg
 create mode 100644 shared/img/country-flags/central_african_republic.svg
 create mode 100644 shared/img/country-flags/ceuta.svg
 create mode 100644 shared/img/country-flags/chad.svg
 create mode 100644 shared/img/country-flags/chile.svg
 create mode 100644 shared/img/country-flags/china.svg
 create mode 100644 shared/img/country-flags/christmas_island.svg
 create mode 100644 shared/img/country-flags/cocos_island.svg
 create mode 100644 shared/img/country-flags/colombia.svg
 create mode 100644 shared/img/country-flags/comoros.svg
 create mode 100644 shared/img/country-flags/cook_islands.svg
 create mode 100644 shared/img/country-flags/corsica.svg
 create mode 100644 shared/img/country-flags/costa_rica.svg
 create mode 100644 shared/img/country-flags/croatia.svg
 create mode 100644 shared/img/country-flags/cuba.svg
 create mode 100644 shared/img/country-flags/curacao.svg
 create mode 100644 shared/img/country-flags/cyprus.svg
 create mode 100644 shared/img/country-flags/czech_republic.svg
 create mode 100644 shared/img/country-flags/democratic_republic_of_congo.svg
 create mode 100644 shared/img/country-flags/denmark.svg
 create mode 100644 shared/img/country-flags/djibouti.svg
 create mode 100644 shared/img/country-flags/dominica.svg
 create mode 100644 shared/img/country-flags/dominican_republic.svg
 create mode 100644 shared/img/country-flags/east_timor.svg
 create mode 100644 shared/img/country-flags/ecuador.svg
 create mode 100644 shared/img/country-flags/egypt.svg
 create mode 100644 shared/img/country-flags/el_salvador.svg
 create mode 100644 shared/img/country-flags/england.svg
 create mode 100644 shared/img/country-flags/equatorial_guinea.svg
 create mode 100644 shared/img/country-flags/eritrea.svg
 create mode 100644 shared/img/country-flags/estonia.svg
 create mode 100644 shared/img/country-flags/ethiopia.svg
 create mode 100644 shared/img/country-flags/european_union.svg
 create mode 100644 shared/img/country-flags/falkland_islands.svg
 create mode 100644 shared/img/country-flags/faroe_islands.svg
 create mode 100644 shared/img/country-flags/fiji.svg
 create mode 100644 shared/img/country-flags/finland.svg
 create mode 100644 shared/img/country-flags/france.svg
 create mode 100644 shared/img/country-flags/french_polynesia.svg
 create mode 100644 shared/img/country-flags/gabon.svg
 create mode 100644 shared/img/country-flags/galapagos_islands.svg
 create mode 100644 shared/img/country-flags/gambia.svg
 create mode 100644 shared/img/country-flags/georgia.svg
 create mode 100644 shared/img/country-flags/germany.svg
 create mode 100644 shared/img/country-flags/ghana.svg
 create mode 100644 shared/img/country-flags/gibraltar.svg
 create mode 100644 shared/img/country-flags/greece.svg
 create mode 100644 shared/img/country-flags/greenland.svg
 create mode 100644 shared/img/country-flags/grenada.svg
 create mode 100644 shared/img/country-flags/guam.svg
 create mode 100644 shared/img/country-flags/guatemala.svg
 create mode 100644 shared/img/country-flags/guernsey.svg
 create mode 100644 shared/img/country-flags/guinea.svg
 create mode 100644 shared/img/country-flags/guinea_bissau.svg
 create mode 100644 shared/img/country-flags/haiti.svg
 create mode 100644 shared/img/country-flags/hawaii.svg
 create mode 100644 shared/img/country-flags/honduras.svg
 create mode 100644 shared/img/country-flags/hong_kong.svg
 create mode 100644 shared/img/country-flags/hungary.svg
 create mode 100644 shared/img/country-flags/iceland.svg
 create mode 100644 shared/img/country-flags/india.svg
 create mode 100644 shared/img/country-flags/indonesia.svg
 create mode 100644 shared/img/country-flags/iran.svg
 create mode 100644 shared/img/country-flags/iraq.svg
 create mode 100644 shared/img/country-flags/ireland.svg
 create mode 100644 shared/img/country-flags/isle_of_man.svg
 create mode 100644 shared/img/country-flags/israel.svg
 create mode 100644 shared/img/country-flags/italy.svg
 create mode 100644 shared/img/country-flags/ivory_coast.svg
 create mode 100644 shared/img/country-flags/jamaica.svg
 create mode 100644 shared/img/country-flags/japan.svg
 create mode 100644 shared/img/country-flags/jersey.svg
 create mode 100644 shared/img/country-flags/jordan.svg
 create mode 100644 shared/img/country-flags/kazakhstan.svg
 create mode 100644 shared/img/country-flags/kenya.svg
 create mode 100644 shared/img/country-flags/kosovo.svg
 create mode 100644 shared/img/country-flags/kuwait.svg
 create mode 100644 shared/img/country-flags/kyrgyzstan.svg
 create mode 100644 shared/img/country-flags/laos.svg
 create mode 100644 shared/img/country-flags/latvia.svg
 create mode 100644 shared/img/country-flags/lebanon.svg
 create mode 100644 shared/img/country-flags/lesotho.svg
 create mode 100644 shared/img/country-flags/liberia.svg
 create mode 100644 shared/img/country-flags/libya.svg
 create mode 100644 shared/img/country-flags/liechtenstein.svg
 create mode 100644 shared/img/country-flags/lithuania.svg
 create mode 100644 shared/img/country-flags/luxembourg.svg
 create mode 100644 shared/img/country-flags/macao.svg
 create mode 100644 shared/img/country-flags/madagascar.svg
 create mode 100644 shared/img/country-flags/madeira.svg
 create mode 100644 shared/img/country-flags/malawi.svg
 create mode 100644 shared/img/country-flags/malaysia.svg
 create mode 100644 shared/img/country-flags/maldives.svg
 create mode 100644 shared/img/country-flags/mali.svg
 create mode 100644 shared/img/country-flags/malta.svg
 create mode 100644 shared/img/country-flags/marshall_island.svg
 create mode 100644 shared/img/country-flags/martinique.svg
 create mode 100644 shared/img/country-flags/mauritania.svg
 create mode 100644 shared/img/country-flags/mauritius.svg
 create mode 100644 shared/img/country-flags/melilla.svg
 create mode 100644 shared/img/country-flags/mexico.svg
 create mode 100644 shared/img/country-flags/micronesia.svg
 create mode 100644 shared/img/country-flags/moldova.svg
 create mode 100644 shared/img/country-flags/monaco.svg
 create mode 100644 shared/img/country-flags/mongolia.svg
 create mode 100644 shared/img/country-flags/montenegro.svg
 create mode 100644 shared/img/country-flags/montserrat.svg
 create mode 100644 shared/img/country-flags/morocco.svg
 create mode 100644 shared/img/country-flags/mozambique.svg
 create mode 100644 shared/img/country-flags/myanmar.svg
 create mode 100644 shared/img/country-flags/namibia.svg
 create mode 100644 shared/img/country-flags/nauru.svg
 create mode 100644 shared/img/country-flags/nepal.svg
 create mode 100644 shared/img/country-flags/netherlands.svg
 create mode 100644 shared/img/country-flags/new_zealand.svg
 create mode 100644 shared/img/country-flags/nicaragua.svg
 create mode 100644 shared/img/country-flags/niger.svg
 create mode 100644 shared/img/country-flags/nigeria.svg
 create mode 100644 shared/img/country-flags/niue.svg
 create mode 100644 shared/img/country-flags/norfolk_island.svg
 create mode 100644 shared/img/country-flags/north_korea.svg
 create mode 100644 shared/img/country-flags/northen_cyprus.svg
 create mode 100644 shared/img/country-flags/northern_marianas_islands.svg
 create mode 100644 shared/img/country-flags/norway.svg
 create mode 100644 shared/img/country-flags/oman.svg
 create mode 100644 shared/img/country-flags/orkney_islands.svg
 create mode 100644 shared/img/country-flags/ossetia.svg
 create mode 100644 shared/img/country-flags/otan.svg
 create mode 100644 shared/img/country-flags/pakistan.svg
 create mode 100644 shared/img/country-flags/palau.svg
 create mode 100644 shared/img/country-flags/palestine.svg
 create mode 100644 shared/img/country-flags/panama.svg
 create mode 100644 shared/img/country-flags/papua_new_guinea.svg
 create mode 100644 shared/img/country-flags/paraguay.svg
 create mode 100644 shared/img/country-flags/peru.svg
 create mode 100644 shared/img/country-flags/philippines.svg
 create mode 100644 shared/img/country-flags/poland.svg
 create mode 100644 shared/img/country-flags/portugal.svg
 create mode 100644 shared/img/country-flags/puerto_rico.svg
 create mode 100644 shared/img/country-flags/qatar.svg
 create mode 100644 shared/img/country-flags/rapa_nui.svg
 create mode 100644 shared/img/country-flags/republic_of_macedonia.svg
 create mode 100644 shared/img/country-flags/republic_of_the_congo.svg
 create mode 100644 shared/img/country-flags/romania.svg
 create mode 100644 shared/img/country-flags/russia.svg
 create mode 100644 shared/img/country-flags/rwanda.svg
 create mode 100644 shared/img/country-flags/saba_island.svg
 create mode 100644 shared/img/country-flags/sahrawi_arab_democratic_republic.svg
 create mode 100644 shared/img/country-flags/saint_kitts_and_nevis.svg
 create mode 100644 shared/img/country-flags/samoa.svg
 create mode 100644 shared/img/country-flags/san_marino.svg
 create mode 100644 shared/img/country-flags/sao_tome_and_principe.svg
 create mode 100644 shared/img/country-flags/sardinia.svg
 create mode 100644 shared/img/country-flags/saudi_arabia.svg
 create mode 100644 shared/img/country-flags/scotland.svg
 create mode 100644 shared/img/country-flags/senegal.svg
 create mode 100644 shared/img/country-flags/serbia.svg
 create mode 100644 shared/img/country-flags/seychelles.svg
 create mode 100644 shared/img/country-flags/sicily.svg
 create mode 100644 shared/img/country-flags/sierra_leone.svg
 create mode 100644 shared/img/country-flags/singapore.svg
 create mode 100644 shared/img/country-flags/sint_eustatius.svg
 create mode 100644 shared/img/country-flags/sint_maarten.svg
 create mode 100644 shared/img/country-flags/slovakia.svg
 create mode 100644 shared/img/country-flags/slovenia.svg
 create mode 100644 shared/img/country-flags/solomon_islands.svg
 create mode 100644 shared/img/country-flags/somalia.svg
 create mode 100644 shared/img/country-flags/somaliland.svg
 create mode 100644 shared/img/country-flags/south_africa.svg
 create mode 100644 shared/img/country-flags/south_korea.svg
 create mode 100644 shared/img/country-flags/south_sudan.svg
 create mode 100644 shared/img/country-flags/spain.svg
 create mode 100644 shared/img/country-flags/sri_lanka.svg
 create mode 100644 shared/img/country-flags/st_barts.svg
 create mode 100644 shared/img/country-flags/st_lucia.svg
 create mode 100644 shared/img/country-flags/st_vincent_and_the_grenadines.svg
 create mode 100644 shared/img/country-flags/sudan.svg
 create mode 100644 shared/img/country-flags/suriname.svg
 create mode 100644 shared/img/country-flags/sweden.svg
 create mode 100644 shared/img/country-flags/switzerland.svg
 create mode 100644 shared/img/country-flags/syria.svg
 create mode 100644 shared/img/country-flags/taiwan.svg
 create mode 100644 shared/img/country-flags/tajikistan.svg
 create mode 100644 shared/img/country-flags/tanzania.svg
 create mode 100644 shared/img/country-flags/thailand.svg
 create mode 100644 shared/img/country-flags/tibet.svg
 create mode 100644 shared/img/country-flags/togo.svg
 create mode 100644 shared/img/country-flags/tokelau.svg
 create mode 100644 shared/img/country-flags/tonga.svg
 create mode 100644 shared/img/country-flags/transnistria.svg
 create mode 100644 shared/img/country-flags/trinidad_and_tobago.svg
 create mode 100644 shared/img/country-flags/tubalu.svg
 create mode 100644 shared/img/country-flags/tunisia.svg
 create mode 100644 shared/img/country-flags/turkey.svg
 create mode 100644 shared/img/country-flags/turkmenistan.svg
 create mode 100644 shared/img/country-flags/turks_and_caicos.svg
 create mode 100644 shared/img/country-flags/uganda.svg
 create mode 100644 shared/img/country-flags/ukraine.svg
 create mode 100644 shared/img/country-flags/united_arab_emirates.svg
 create mode 100644 shared/img/country-flags/united_kingdom.svg
 create mode 100644 shared/img/country-flags/united_nations.svg
 create mode 100644 shared/img/country-flags/united_states_of_america.svg
 create mode 100644 shared/img/country-flags/uruguay.svg
 create mode 100644 shared/img/country-flags/uzbekistn.svg
 create mode 100644 shared/img/country-flags/vanuatu.svg
 create mode 100644 shared/img/country-flags/vatican_city.svg
 create mode 100644 shared/img/country-flags/venezuela.svg
 create mode 100644 shared/img/country-flags/vietnam.svg
 create mode 100644 shared/img/country-flags/virgin_islands.svg
 create mode 100644 shared/img/country-flags/wales.svg
 create mode 100644 shared/img/country-flags/worldwide.svg
 create mode 100644 shared/img/country-flags/yemen.svg
 create mode 100644 shared/img/country-flags/zambia.svg
 create mode 100644 shared/img/country-flags/zimbabwe.svg
 create mode 100644 shared/js/ui/react-elements/CountryCode.tsx
 delete mode 100644 shared/js/ui/react-elements/CountryIcon.tsx
 create mode 100644 shared/svg-sprites/country-flags.d.ts

diff --git a/ChangeLog.md b/ChangeLog.md
index 9c47dc07..89ae022c 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,8 @@
 # Changelog:
+* **23.03.21**
+    - Made the permission editor popoutable
+    - Now using SVG flags for higher quality.
+    - Fixed issue [#74](https://github.com/TeaSpeak/TeaWeb/issues/74) (Swiss flag box has black background)
 * **21.03.21**
     - Reworked the server group assignment modal. It now better reacts to the user input as well is now popoutable
   
diff --git a/shared/CountryIconFixup.ts b/shared/CountryIconFixup.ts
new file mode 100644
index 00000000..bb3a0044
--- /dev/null
+++ b/shared/CountryIconFixup.ts
@@ -0,0 +1,84 @@
+/* Country icons from https://www.flaticon.com/packs/rectangular-country-simple-flags?word=country&k=1616497480370 */
+/* Worldwide: https://www.flaticon.com/free-icon/worldwide_814513?term=earth%20flag&page=1&position=1&page=1&position=1&related_id=814513&origin=search */
+
+import * as path from "path";
+import * as fs from "fs-extra";
+import {getKnownCountries} from "./js/i18n/country";
+
+const kIconsPath = path.join(__dirname, "img", "country-flags");
+
+async function fixupAdobeTags() {
+    const icons = await fs.readdir(kIconsPath);
+    for(const icon of icons) {
+        const iconPath = path.join(kIconsPath, icon);
+
+        console.error("Icon: %s", icon);
+        let content = (await fs.readFile(iconPath)).toString();
+        content = content.replace(/<g>\n<\/g>\n/g, "");
+        content = content.replace("\n<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->", "");
+        content = content.replace("id=\"Capa_1\" ", "");
+        content = content.replace("encoding=\"iso-8859-1\"", "encoding=\"utf-8\"");
+        await fs.writeFile(iconPath, content);
+    }
+}
+
+async function fixupIconNames() {
+    const icons = await fs.readdir(kIconsPath);
+    for(const icon of icons) {
+        if(!icon.match(/^[0-9]{3}-/)) {
+            continue;
+        }
+
+        let newName = icon.substring(4).replace(/-/g, "_");
+        await fs.rename(path.join(kIconsPath, icon), path.join(kIconsPath, newName));
+    }
+}
+
+async function generateMapping() {
+    const icons = await fs.readdir(kIconsPath);
+    const knownCountries = getKnownCountries();
+
+    let countFound = 0, countUnknown = 0;
+    for(const country of knownCountries) {
+        let name = country.name;
+        const splitIndex = name.indexOf(",");
+        if(splitIndex !== -1) {
+            name = name.substring(splitIndex + 2) + " " + name.substring(0, splitIndex);
+        }
+
+        let iconName = name.replace(/ /g, "_").toLocaleLowerCase() + ".svg";
+
+        console.log("array.push({");
+        console.log("name: \"%s\",", country.name);
+        console.log("alpha_2: \"%s\",", country.alpha_2);
+        console.log("alpha_3: \"%s\",", country.alpha_3);
+        console.log("un_code: %d,", country.un_code);
+        if(icons.indexOf(iconName) === -1) {
+            iconName = undefined;
+            console.log("icon: \"%s\", // FIXME: Resolve icons or remove", "worldwide");
+            countUnknown++;
+        } else {
+            console.log("icon: \"%s\",", iconName.replace(".svg", "").replace(/_/g, "-"));
+            countFound++;
+        }
+        console.log("});");
+    }
+
+    /*
+    array.push({
+        name: "Netherlands",
+        alpha_2: "NL",
+        alpha_3: "NLD",
+        un_code: 528
+    });
+     */
+
+    console.log("Icons resolved %d. Unresolved %d.", countFound, countUnknown);
+}
+
+async function main() {
+    //await fixupAdobeTags();
+    //await fixupIconNames();
+    await generateMapping();
+}
+main().then(undefined);
\ No newline at end of file
diff --git a/shared/css/static/ts/country.scss b/shared/css/static/ts/country.scss
index 2516e61f..1c414d0e 100644
--- a/shared/css/static/ts/country.scss
+++ b/shared/css/static/ts/country.scss
@@ -1,3 +1,12 @@
+/*
+Still is use by (grep -rne "flag-" -w shared/js/):
+shared/js/ui/modal/ModalClientInfo.ts
+shared/js/ui/modal/ModalMusicManage.ts
+shared/js/ui/modal/ModalServerInfo.ts
+shared/js/ui/modal/ModalSettings.tsx
+
+TODO: Remove when these modals have been reworked
+*/
 :global {
     .country {
         width: 16px;
diff --git a/shared/img/country-flags/abkhazia.svg b/shared/img/country-flags/abkhazia.svg
new file mode 100644
index 00000000..4a08350e
--- /dev/null
+++ b/shared/img/country-flags/abkhazia.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#6DA544;" width="512" height="48.762"/>
+	<rect y="182.856" style="fill:#6DA544;" width="512" height="48.762"/>
+	<rect y="280.381" style="fill:#6DA544;" width="512" height="48.762"/>
+	<rect y="377.895" style="fill:#6DA544;" width="512" height="48.762"/>
+</g>
+<rect y="85.331" style="fill:#D80027;" width="256" height="146.287"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="116.87,199.777 109.449,184.937 109.449,155.255 128,140.415 146.551,155.255    146.551,177.516 153.971,170.096 153.971,184.937 139.13,199.777  "/>
+	<polygon style="fill:#F0F0F0;" points="76.959,154.266 78.924,160.313 85.281,160.313 80.138,164.049 82.104,170.096    76.959,166.359 71.816,170.096 73.78,164.049 68.638,160.313 74.995,160.313  "/>
+	<polygon style="fill:#F0F0F0;" points="91.8,139.425 93.765,145.473 100.123,145.473 94.979,149.209 96.944,155.255 91.8,151.519    86.657,155.255 88.622,149.209 83.478,145.473 89.836,145.473  "/>
+	<polygon style="fill:#F0F0F0;" points="106.641,124.584 108.605,130.631 114.963,130.631 109.82,134.369 111.784,140.415    106.641,136.678 101.497,140.415 103.462,134.369 98.318,130.631 104.676,130.631  "/>
+	<polygon style="fill:#F0F0F0;" points="179.041,154.266 177.076,160.313 170.719,160.313 175.862,164.049 173.896,170.096    179.041,166.359 184.184,170.096 182.22,164.049 187.362,160.313 181.005,160.313  "/>
+	<polygon style="fill:#F0F0F0;" points="164.199,139.425 162.235,145.473 155.878,145.473 161.021,149.209 159.056,155.255    164.199,151.519 169.344,155.255 167.378,149.209 172.522,145.473 166.164,145.473  "/>
+	<polygon style="fill:#F0F0F0;" points="149.359,124.584 147.395,130.631 141.037,130.631 146.18,134.369 144.216,140.415    149.359,136.678 154.503,140.415 152.538,134.369 157.682,130.631 151.324,130.631  "/>
+	<polygon style="fill:#F0F0F0;" points="128,117.164 126.035,123.212 119.678,123.212 124.821,126.948 122.857,132.994 128,129.258    133.143,132.994 131.179,126.948 136.322,123.212 129.966,123.212  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/afghanistan.svg b/shared/img/country-flags/afghanistan.svg
new file mode 100644
index 00000000..0ebe1816
--- /dev/null
+++ b/shared/img/country-flags/afghanistan.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.326"/>
+<rect x="330.207" y="85.331" style="fill:#496E2D;" width="181.793" height="341.337"/>
+<rect y="85.331" width="181.793" height="341.337"/>
+<g>
+	<path style="fill:#FFDA44;" d="M256,196.632c-32.785,0-59.362,26.577-59.362,59.362s26.577,59.362,59.362,59.362   s59.362-26.577,59.362-59.362S288.785,196.632,256,196.632z M256,293.095c-20.491,0-37.101-16.611-37.101-37.101   s16.61-37.101,37.101-37.101s37.101,16.61,37.101,37.101S276.491,293.095,256,293.095z"/>
+	<path style="fill:#FFDA44;" d="M256,233.734c-8.196,0-14.84,6.644-14.84,14.84v22.261h29.682v-22.261   C270.84,240.377,264.196,233.734,256,233.734z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/aland_islands.svg b/shared/img/country-flags/aland_islands.svg
new file mode 100644
index 00000000..f9a1e092
--- /dev/null
+++ b/shared/img/country-flags/aland_islands.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<polygon style="fill:#FFDA44;" points="512,295.883 202.195,295.883 202.195,426.666 183.652,426.666 140.978,426.666   122.435,426.666 122.435,295.883 0,295.883 0,277.329 0,234.666 0,216.111 122.435,216.111 122.435,85.329 140.978,85.329   183.652,85.329 202.195,85.329 202.195,216.111 512,216.111 512,234.666 512,277.329 "/>
+<polygon style="fill:#D80027;" points="512,234.666 512,277.329 183.652,277.329 183.652,426.666 140.978,426.666 140.978,277.329   0,277.329 0,234.666 140.978,234.666 140.978,85.329 183.652,85.329 183.652,234.666 "/>
+</svg>
diff --git a/shared/img/country-flags/albania.svg b/shared/img/country-flags/albania.svg
new file mode 100644
index 00000000..09bcbcef
--- /dev/null
+++ b/shared/img/country-flags/albania.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<path d="M352.464,212h-61.817c3.817-3.996,6.165-9.405,6.165-15.368c0-12.295-9.966-22.261-22.261-22.261  c-7.745,0-14.563,3.957-18.551,9.958c-3.988-6-10.805-9.958-18.551-9.958c-12.295,0-22.261,9.966-22.261,22.261  c0,5.963,2.349,11.372,6.165,15.368h-61.817c0,16.393,14.278,29.68,30.67,29.68h-0.988c0,16.393,13.289,29.682,29.682,29.682  c0,5.309,1.399,10.287,3.842,14.595l-24.619,24.621l18.888,18.888l26.794-26.794c1.05,0.385,2.136,0.692,3.257,0.903l-16.191,36.557  L256,367.299l25.13-27.167l-16.191-36.557c1.122-0.21,2.207-0.518,3.257-0.903l26.794,26.794l18.888-18.888l-24.621-24.621  c2.443-4.309,3.842-9.286,3.842-14.595c16.393,0,29.682-13.289,29.682-29.682h-0.988C338.186,241.681,352.464,228.393,352.464,212z"/>
+</svg>
diff --git a/shared/img/country-flags/algeria.svg b/shared/img/country-flags/algeria.svg
new file mode 100644
index 00000000..398f94df
--- /dev/null
+++ b/shared/img/country-flags/algeria.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#496E2D;" width="512" height="341.326"/>
+<rect x="256" y="85.331" style="fill:#F0F0F0;" width="256" height="341.337"/>
+<g>
+	<polygon style="fill:#D80027;" points="292.669,223.259 278.666,242.554 255.989,235.201 270.013,254.481 256.011,273.777    278.682,266.396 292.707,285.676 292.693,261.835 315.362,254.454 292.684,247.1  "/>
+	<path style="fill:#D80027;" d="M270.158,304.226c-26.637,0-48.232-21.594-48.232-48.232s21.594-48.232,48.232-48.232   c8.306,0,16.12,2.1,22.943,5.797c-10.704-10.467-25.342-16.927-41.494-16.927c-32.785,0-59.362,26.577-59.362,59.362   s26.577,59.362,59.362,59.362c16.152,0,30.79-6.461,41.494-16.927C286.278,302.127,278.463,304.226,270.158,304.226z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/american_samoa.svg b/shared/img/country-flags/american_samoa.svg
new file mode 100644
index 00000000..68c823a0
--- /dev/null
+++ b/shared/img/country-flags/american_samoa.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="83.923" style="fill:#0052B4;" width="512" height="341.326"/>
+<polygon style="fill:#D80027;" points="512,108.546 59.699,258.293 512,408.038 512,428.077 0,258.293 512,88.508 "/>
+<polyline style="fill:#F0F0F0;" points="512,374.201 512,408.038 59.699,258.293 512,108.546 512,142.384 "/>
+<path style="fill:#A2001D;" d="M493.301,253.493h-29.275c7.612-9.139,7.141-22.736-1.432-31.31c9.084-9.082,9.084-23.81,0-32.895  l-0.546,0.549c9.082-9.082,9.63-24.359,0.546-33.441L331.019,287.971c9.084,9.085,23.552,8.976,32.634-0.108l2.532-2.314  l63.003-5.728v27.097h21.37v-29.04l32.056-2.913L493.301,253.493z"/>
+<polygon style="fill:#FFDA44;" points="333.03,316.084 311.652,305.399 333.03,294.714 471.938,294.714 471.938,316.084 "/>
+</svg>
diff --git a/shared/img/country-flags/andorra.svg b/shared/img/country-flags/andorra.svg
new file mode 100644
index 00000000..505b2679
--- /dev/null
+++ b/shared/img/country-flags/andorra.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+<g>
+	<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+	<path style="fill:#D80027;" d="M256,315.356c0-27.234,0-59.362,0-59.362h44.522v22.261c0,3.868-7.421,18.038-25.735,29.682   C267.849,312.348,260.669,313.766,256,315.356z"/>
+	<rect x="211.478" y="211.473" style="fill:#D80027;" width="44.522" height="44.522"/>
+</g>
+<path style="fill:#FF9811;" d="M278.261,196.632c0-8.196-6.645-14.84-14.84-14.84c-2.707,0-5.236,0.736-7.421,2.001  c-2.185-1.266-4.714-2.001-7.421-2.001c-8.195,0-14.84,6.644-14.84,14.84h-37.101v74.202c0,27.624,21.938,43.599,39.14,51.88  c-1.288,2.198-2.039,4.75-2.039,7.483c0,8.196,6.645,14.84,14.84,14.84c2.707,0,5.236-0.736,7.421-2.001  c2.185,1.266,4.714,2.001,7.421,2.001c8.195,0,14.84-6.644,14.84-14.84c0-2.733-0.751-5.284-2.04-7.483  c17.203-8.281,39.141-24.257,39.141-51.88v-74.202L278.261,196.632L278.261,196.632z M293.101,270.835  c0,3.868,0,15.635-18.314,27.279c-6.936,4.411-14.118,7.27-18.787,8.861c-4.669-1.591-11.849-4.45-18.787-8.861  c-18.314-11.644-18.314-23.411-18.314-27.278v-51.941h74.203v51.941H293.101z"/>
+</svg>
diff --git a/shared/img/country-flags/angola.svg b/shared/img/country-flags/angola.svg
new file mode 100644
index 00000000..eed85407
--- /dev/null
+++ b/shared/img/country-flags/angola.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#D80027;" width="512" height="170.663"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="232.598,221.069 247.067,231.569 241.554,248.574 256.01,238.058 270.48,248.557    264.944,231.558 279.402,221.04 261.525,221.052 255.99,204.052 250.475,221.058  "/>
+	<path style="fill:#FFDA44;" d="M298.666,182.094c-13.449-7.765-28.153-11.43-42.666-11.404v22.255   c10.728-0.019,21.595,2.688,31.536,8.427c30.119,17.389,40.476,56.039,23.086,86.158c-17.388,30.119-56.04,40.476-86.158,23.087   c-8.774-5.065-15.858-11.944-21.08-19.882l-18.584,12.27c7.066,10.739,16.662,20.037,28.533,26.891   c40.75,23.526,93.04,9.515,116.567-31.234C353.427,257.912,339.416,205.62,298.666,182.094z"/>
+	<path style="fill:#FFDA44;" d="M206.792,241.154c-5.9,10.786-1.939,24.313,8.846,30.214l72.299,39.506   c-4.916,8.988-2.306,19.927,6.682,24.843L314.15,346.4c8.988,4.917,20.261,1.616,25.178-7.372l10.683-19.529L206.792,241.154z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/anguilla.svg b/shared/img/country-flags/anguilla.svg
new file mode 100644
index 00000000..4f680cc0
--- /dev/null
+++ b/shared/img/country-flags/anguilla.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<path style="fill:#F3F3F3;" d="M427.757,295.819c4.907-6.752,8.185-14.997,8.185-24.982v-74.203  c-6.202,4.659-13.907,7.421-22.261,7.421c-12.138,0-22.912-5.829-29.682-14.839c-6.77,9.01-17.544,14.839-29.682,14.839  c-8.353,0-16.059-2.761-22.261-7.418v74.201c0,9.985,3.278,18.232,8.185,24.982H427.757z"/>
+<g>
+	<path style="fill:#FF9811;" d="M412.32,257.071c2.362-5.763,4.2-14.188,4.2-18.382c0-6.737-8.783-12.198-8.783-12.198   s-8.783,5.461-8.783,12.198c0,4.194,1.838,12.619,4.2,18.382l-5.07,11.448c2.98,1.212,6.237,1.885,9.653,1.885   c3.416,0,6.673-0.673,9.653-1.885L412.32,257.071z"/>
+	<path style="fill:#FF9811;" d="M377.994,220.004c-6.171,0.836-14.385,3.459-18.017,5.556c-5.835,3.369-6.173,13.704-6.173,13.704   s9.121,4.875,14.955,1.507c3.632-2.097,10.008-7.9,13.816-12.828l12.451-1.333c-0.441-3.186-1.488-6.343-3.194-9.302   c-1.71-2.958-3.919-5.444-6.459-7.418L377.994,220.004z"/>
+	<path style="fill:#FF9811;" d="M363.059,268.267c3.809,4.925,10.187,10.728,13.818,12.824c5.835,3.368,14.955-1.507,14.955-1.507   s-0.339-10.336-6.173-13.705c-3.633-2.097-11.846-4.717-18.019-5.552l-7.378-10.115c-2.539,1.975-4.75,4.461-6.459,7.416   c-1.707,2.96-2.753,6.116-3.194,9.304L363.059,268.267z"/>
+</g>
+<path style="fill:#338AF3;" d="M338.408,293.099C352.267,315.335,384,322.778,384,322.778s31.733-7.443,45.592-29.679  L338.408,293.099L338.408,293.099z"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M256,186.665H144.006v69.331H160v-48.918l73.372,48.918H256l-80.006-53.337h22.628L256,240.915   v-7.535l-46.069-30.72H256V186.665z"/>
+	<path style="fill:#F0F0F0;" d="M175.994,138.66L256,85.334h-22.628L160,134.241V85.334h-15.994v69.331H256V138.66h-46.069   L256,107.951v-7.535l-57.377,38.244H175.994z"/>
+	<path style="fill:#F0F0F0;" d="M96,85.334v48.907L22.628,85.334H0l80.006,53.326H57.377L0,100.415v7.536l46.069,30.709H0v16.006   h111.994V85.334H96z"/>
+	<path style="fill:#F0F0F0;" d="M0,186.665v15.994h46.069L0,233.38v7.535l57.377-38.255h22.628L0,255.997h22.628L96,207.078v48.918   h15.994v-69.331L0,186.665L0,186.665z"/>
+</g>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.329 112,85.329 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997    144,255.997 144,186.663 256,186.663 256,154.663 144,154.663  "/>
+	<polygon style="fill:#D80027;" points="80,138.663 0,85.329 0,100.412 57.377,138.663  "/>
+	<polygon style="fill:#D80027;" points="176,138.663 198.623,138.663 256,100.412 256,85.329  "/>
+	<polygon style="fill:#D80027;" points="57.377,202.663 0,240.915 0,255.997 80,202.663  "/>
+	<polygon style="fill:#D80027;" points="176,202.663 256,255.997 256,240.915 198.623,202.663  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/antigua_and_barbuda.svg b/shared/img/country-flags/antigua_and_barbuda.svg
new file mode 100644
index 00000000..b873ef75
--- /dev/null
+++ b/shared/img/country-flags/antigua_and_barbuda.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" width="512" height="341.326"/>
+<path style="fill:#0052B4;" d="M88.751,221.865c-2.239,11.029-3.417,22.443-3.417,34.134c0,11.69,1.179,23.105,3.417,34.134  L256,300.519l167.249-10.388c2.239-11.029,3.417-22.443,3.417-34.134s-1.179-23.105-3.417-34.134"/>
+<path style="fill:#F0F0F0;" d="M423.249,290.131H88.751c15.813,77.9,84.683,136.534,167.249,136.534  S407.436,368.031,423.249,290.131z"/>
+<polygon style="fill:#FFDA44;" points="330.203,221.865 181.797,221.865 212.117,207.603 195.971,178.238 228.894,184.536   233.068,151.276 256,175.738 278.933,151.276 283.105,184.536 316.029,178.238 299.884,207.604 "/>
+<g>
+	<polygon style="fill:#A2001D;" points="255.997,426.661 0,85.335 0,426.661  "/>
+	<polygon style="fill:#A2001D;" points="512,426.661 512,85.335 256.003,426.661  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/argentina.svg b/shared/img/country-flags/argentina.svg
new file mode 100644
index 00000000..b6d13ce2
--- /dev/null
+++ b/shared/img/country-flags/argentina.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#338AF3;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#338AF3;" width="512" height="113.775"/>
+</g>
+<polygon style="fill:#FFDA44;" points="296.809,256 280.133,263.844 289.013,279.993 270.906,276.529 268.612,294.82 256,281.367   243.388,294.82 241.094,276.529 222.987,279.992 231.866,263.842 215.191,256 231.867,248.156 222.987,232.008 241.093,235.471   243.388,217.18 256,230.633 268.612,217.18 270.906,235.471 289.013,232.008 280.134,248.157 "/>
+</svg>
diff --git a/shared/img/country-flags/armenia.svg b/shared/img/country-flags/armenia.svg
new file mode 100644
index 00000000..af12f561
--- /dev/null
+++ b/shared/img/country-flags/armenia.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#FF9811;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/aruba.svg b/shared/img/country-flags/aruba.svg
new file mode 100644
index 00000000..19df8552
--- /dev/null
+++ b/shared/img/country-flags/aruba.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 362.023 362.023" style="enable-background:new 0 0 362.023 362.023;" xml:space="preserve">
+<rect y="60.341" style="fill:#338AF3;" width="362.023" height="241.34"/>
+<polygon style="fill:#F0F0F0;" points="34.315,118.089 10.736,107.683 34.315,97.278 44.718,73.701 55.123,97.278 78.701,107.683   55.123,118.089 44.718,141.664 "/>
+<polygon style="fill:#D80027;" points="44.718,86.696 51.144,101.257 65.706,107.683 51.144,114.109 44.718,128.67 38.294,114.109   23.732,107.683 38.294,101.257 "/>
+<g>
+	<rect y="212.496" style="fill:#FFDA44;" width="362.023" height="15.743"/>
+	<rect y="243.974" style="fill:#FFDA44;" width="362.023" height="15.743"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/australia.svg b/shared/img/country-flags/australia.svg
new file mode 100644
index 00000000..63703ab6
--- /dev/null
+++ b/shared/img/country-flags/australia.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#0052B4;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M223.397,255.996c0.273-0.304,0.543-0.609,0.813-0.916c-0.27,0.308-0.546,0.61-0.82,0.916H223.397z"/>
+	<polygon style="fill:#F0F0F0;" points="189.217,297.923 200.175,320.836 224.922,315.118 213.839,337.971 233.739,353.752    208.963,359.337 209.032,384.735 189.217,368.845 169.403,384.735 169.472,359.337 144.696,353.752 164.596,337.971    153.513,315.118 178.259,320.836  "/>
+	<polygon style="fill:#F0F0F0;" points="387.076,326.387 392.303,337.316 404.106,334.588 398.82,345.488 408.312,353.016    396.494,355.679 396.526,367.793 387.076,360.215 377.626,367.793 377.658,355.679 365.841,353.016 375.332,345.488    370.047,334.588 381.85,337.316  "/>
+	<polygon style="fill:#F0F0F0;" points="338.453,210.448 343.68,221.378 355.483,218.649 350.197,229.55 359.688,237.078    347.871,239.741 347.903,251.856 338.453,244.276 329.002,251.856 329.035,239.741 317.217,237.078 326.708,229.55    321.424,218.649 333.226,221.378  "/>
+	<polygon style="fill:#F0F0F0;" points="387.076,144.198 392.303,155.128 404.106,152.398 398.82,163.3 408.311,170.827    396.494,173.491 396.526,185.605 387.076,178.025 377.626,185.605 377.658,173.491 365.841,170.827 375.332,163.3 370.047,152.398    381.85,155.128  "/>
+	<polygon style="fill:#F0F0F0;" points="429.547,193.886 434.774,204.815 446.576,202.087 441.292,212.987 450.783,220.514    438.965,223.178 438.998,235.292 429.547,227.714 420.097,235.292 420.129,223.178 408.312,220.514 417.803,212.987    412.517,202.087 424.32,204.815  "/>
+	<polygon style="fill:#F0F0F0;" points="399.179,251.856 403.289,264.508 416.593,264.508 405.83,272.328 409.942,284.98    399.179,277.161 388.414,284.98 392.526,272.328 381.763,264.508 395.067,264.508  "/>
+	<polygon style="fill:#F0F0F0;" points="256,85.333 256,115.886 210.833,140.985 256,140.985 256,200.344 196.897,200.344    256,233.179 256,255.996 229.32,255.996 155.826,215.17 155.826,255.996 100.174,255.996 100.174,207.423 12.744,255.996    0,255.996 0,225.443 45.167,200.344 0,200.344 0,140.985 59.103,140.985 0,108.139 0,85.333 26.68,85.333 100.174,126.16    100.174,85.333 155.826,85.333 155.826,133.906 243.256,85.333  "/>
+</g>
+<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.662 0,154.662 0,186.662 112,186.662 112,255.996 144,255.996   144,186.662 256,186.662 256,154.662 144,154.662 "/>
+<polygon style="fill:#0052B4;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<polygon style="fill:#F0F0F0;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<g>
+	<polygon style="fill:#D80027;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344  "/>
+	<polygon style="fill:#D80027;" points="71.846,200.344 0,240.259 0,255.996 0,255.996 100.174,200.344  "/>
+</g>
+<polygon style="fill:#0052B4;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<polygon style="fill:#F0F0F0;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<g>
+	<polygon style="fill:#D80027;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982  "/>
+	<polygon style="fill:#D80027;" points="184.154,140.982 256,101.067 256,85.33 256,85.33 155.826,140.982  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/austria.svg b/shared/img/country-flags/austria.svg
new file mode 100644
index 00000000..9ecf7351
--- /dev/null
+++ b/shared/img/country-flags/austria.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/azerbaijan.svg b/shared/img/country-flags/azerbaijan.svg
new file mode 100644
index 00000000..93e8b602
--- /dev/null
+++ b/shared/img/country-flags/azerbaijan.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#338AF3;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M259.2,297.6c-22.975,0-41.6-18.625-41.6-41.6s18.625-41.6,41.6-41.6c7.164,0,13.904,1.811,19.789,5   c-9.232-9.027-21.857-14.6-35.789-14.6c-28.277,0-51.2,22.923-51.2,51.2s22.923,51.2,51.2,51.2c13.932,0,26.557-5.573,35.789-14.6   C273.104,295.789,266.364,297.6,259.2,297.6z"/>
+	<polygon style="fill:#F0F0F0;" points="291.2,227.2 296.71,242.697 311.565,235.635 304.503,250.489 320,256 304.503,261.511    311.565,276.365 296.71,269.303 291.2,284.8 285.69,269.303 270.835,276.365 277.897,261.511 262.4,256 277.897,250.489    270.835,235.635 285.69,242.697  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/azores_islands.svg b/shared/img/country-flags/azores_islands.svg
new file mode 100644
index 00000000..89702908
--- /dev/null
+++ b/shared/img/country-flags/azores_islands.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#0052B4;" width="236.31" height="341.326"/>
+<path style="fill:#D80027;" d="M171.382,144.696v27.826c0,13.831,11.213,25.043,25.043,25.043s25.043-11.213,25.043-25.043v-27.826  H171.382z"/>
+<path style="fill:#F0F0F0;" d="M196.425,182.725c-5.626,0-10.203-4.577-10.203-10.203v-12.986h20.405v12.986  C206.629,178.148,202.052,182.725,196.425,182.725z"/>
+<g>
+	<path style="fill:#FFDA44;" d="M295.672,263.421H251.15c0-8.195-6.645-14.84-14.84-14.84c-8.195,0-14.84,6.645-14.84,14.84h-44.522   c0,8.196,7.139,14.84,15.334,14.84h-0.494c0,8.196,6.644,14.84,14.84,14.84c0,8.196,6.644,14.84,14.84,14.84h29.682   c8.195,0,14.84-6.644,14.84-14.84c8.195,0,14.84-6.644,14.84-14.84h-0.494C288.533,278.261,295.672,271.617,295.672,263.421z"/>
+	<polygon style="fill:#FFDA44;" points="301.771,239.672 297.875,245.909 302.601,251.541 295.465,249.765 291.567,256    291.054,248.664 283.918,246.884 290.738,244.129 290.226,236.792 294.953,242.428  "/>
+	<polygon style="fill:#FFDA44;" points="279.036,220.595 277.508,227.789 283.876,231.466 276.561,232.236 275.033,239.429    272.041,232.711 264.727,233.479 270.194,228.557 267.203,221.84 273.57,225.517  "/>
+	<polygon style="fill:#FFDA44;" points="251.148,210.445 252.172,217.728 259.414,219.005 252.806,222.23 253.828,229.512    248.72,224.221 242.109,227.446 245.562,220.951 240.453,215.662 247.697,216.939  "/>
+	<polygon style="fill:#FFDA44;" points="221.47,210.445 224.924,216.939 232.166,215.661 227.058,220.952 230.509,227.446    223.901,224.221 218.791,229.511 219.815,222.23 213.206,219.007 220.447,217.728  "/>
+	<polygon style="fill:#FFDA44;" points="193.584,220.595 199.049,225.517 205.417,221.84 202.427,228.56 207.891,233.48    200.577,232.711 197.585,239.429 196.059,232.235 188.744,231.467 195.112,227.79  "/>
+	<polygon style="fill:#FFDA44;" points="170.849,239.672 177.668,242.428 182.393,236.793 181.884,244.132 188.701,246.886    181.564,248.665 181.05,256 177.155,249.765 170.02,251.542 174.747,245.909  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/bahamas.svg b/shared/img/country-flags/bahamas.svg
new file mode 100644
index 00000000..b0371b34
--- /dev/null
+++ b/shared/img/country-flags/bahamas.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#338AF3;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#338AF3;" width="512" height="113.775"/>
+</g>
+<polygon points="256,256.006 0,426.668 0,85.331 "/>
+</svg>
diff --git a/shared/img/country-flags/bahrain.svg b/shared/img/country-flags/bahrain.svg
new file mode 100644
index 00000000..3163eff2
--- /dev/null
+++ b/shared/img/country-flags/bahrain.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect x="2.216" y="86.076" style="fill:#D80027;" width="509.784" height="339.848"/>
+<polygon style="fill:#F0F0F0;" points="209.455,154.969 159.219,180.236 209.455,205.493 159.219,230.76 209.455,256.017   159.219,281.283 209.455,306.54 159.219,331.808 209.455,357.065 159.219,382.332 209.455,407.6 173.005,425.93 0,425.93 0,86.07   172.939,86.07 209.455,104.434 159.219,129.701 "/>
+</svg>
diff --git a/shared/img/country-flags/balearic_islands.svg b/shared/img/country-flags/balearic_islands.svg
new file mode 100644
index 00000000..ea3ec93f
--- /dev/null
+++ b/shared/img/country-flags/balearic_islands.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<g>
+	<rect y="161.174" style="fill:#FFDA44;" width="512" height="37.921"/>
+	<rect y="237.028" style="fill:#FFDA44;" width="512" height="37.921"/>
+	<rect y="312.882" style="fill:#FFDA44;" width="512" height="37.921"/>
+	<rect y="388.736" style="fill:#FFDA44;" width="512" height="37.921"/>
+	<rect y="85.331" style="fill:#FFDA44;" width="512" height="37.921"/>
+</g>
+<rect y="85.331" style="fill:#4A1F63;" width="256" height="170.663"/>
+<polygon style="fill:#F0F0F0;" points="172.522,155.819 172.522,170.66 165.101,170.66 165.101,155.819 150.261,155.819   150.261,170.66 142.84,170.66 142.84,140.978 113.16,140.978 113.16,170.66 105.739,170.66 105.739,155.819 90.899,155.819   90.899,170.66 83.478,170.66 83.478,155.819 68.638,155.819 68.638,200.341 187.362,200.341 187.362,155.819 "/>
+</svg>
diff --git a/shared/img/country-flags/bangladesh.svg b/shared/img/country-flags/bangladesh.svg
new file mode 100644
index 00000000..e14fea4e
--- /dev/null
+++ b/shared/img/country-flags/bangladesh.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#496E2D;" width="512" height="341.337"/>
+<circle style="fill:#D80027;" cx="218.902" cy="255.994" r="74.207"/>
+</svg>
diff --git a/shared/img/country-flags/barbados.svg b/shared/img/country-flags/barbados.svg
new file mode 100644
index 00000000..9f2ac6e5
--- /dev/null
+++ b/shared/img/country-flags/barbados.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+	<rect x="341.337" y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+</g>
+<path d="M307.942,189.212l9.955,4.978L307.942,189.212l-9.955-4.978c-0.6,1.201-13.599,27.649-15.723,68.05H267.13v-63.073  L256,174.372l-11.13,14.84v63.073h-15.133c-2.124-40.401-15.123-66.849-15.723-68.05l-19.911,9.955  c0.137,0.273,13.666,27.811,13.666,69.226v11.13h37.101v63.073h22.261v-63.073h37.101v-11.13c0-21.413,3.705-39.068,6.813-50.109  c3.389-12.04,6.831-19.072,6.865-19.141L307.942,189.212z"/>
+</svg>
diff --git a/shared/img/country-flags/basque_country.svg b/shared/img/country-flags/basque_country.svg
new file mode 100644
index 00000000..42bfb94f
--- /dev/null
+++ b/shared/img/country-flags/basque_country.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#D80027;" width="512" height="341.337"/>
+<polygon style="fill:#496E2D;" points="301.255,255.996 512,115.499 512,85.33 466.745,85.33 256,225.826 45.255,85.33 0,85.33   0,115.499 210.745,255.996 0,396.493 0,426.662 45.255,426.662 256,286.166 466.745,426.662 512,426.662 512,396.493 "/>
+<polygon style="fill:#F0F0F0;" points="278.261,233.735 278.261,202.254 278.261,85.33 233.739,85.33 233.739,202.254   233.74,233.735 233.74,233.735 202.258,233.735 0,233.735 0,278.257 202.258,278.257 233.739,278.257 233.739,309.738   233.739,426.662 278.261,426.662 278.261,309.739 278.261,278.258 278.261,278.257 309.743,278.257 512,278.257 512,233.735   309.742,233.735 278.262,233.735 "/>
+</svg>
diff --git a/shared/img/country-flags/belarus.svg b/shared/img/country-flags/belarus.svg
new file mode 100644
index 00000000..4c1e38e2
--- /dev/null
+++ b/shared/img/country-flags/belarus.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect x="0.556" y="85.523" style="fill:#6DA544;" width="511.444" height="340.955"/>
+<polyline style="fill:#A2001D;" points="0,315.298 511.444,315.298 511.444,85.52 511.444,85.52 0,85.52 0,85.52 "/>
+<polygon style="fill:#F0F0F0;" points="100.065,315.298 100.065,300.474 100.065,85.52 0,85.52 0,426.482 511.444,426.482   511.444,426.482 100.065,426.482 "/>
+<g>
+	<polygon style="fill:#A2001D;" points="68.564,243.647 50.033,210.028 68.564,176.937 87.093,210.028  "/>
+	<polygon style="fill:#A2001D;" points="31.502,243.647 12.972,210.028 31.502,176.937 50.033,210.028  "/>
+	<polygon style="fill:#A2001D;" points="68.564,335.064 50.033,301.446 68.564,268.354 87.093,301.446  "/>
+	<polygon style="fill:#A2001D;" points="31.502,335.064 12.972,301.446 31.502,268.354 50.033,301.446  "/>
+	<polygon style="fill:#A2001D;" points="68.564,426.482 50.033,392.863 68.564,359.771 87.093,392.863  "/>
+	<polygon style="fill:#A2001D;" points="31.502,426.482 12.972,392.863 31.502,359.771 50.033,392.863  "/>
+	<polygon style="fill:#A2001D;" points="68.564,152.23 50.033,118.611 68.564,85.518 87.093,118.611  "/>
+	<polygon style="fill:#A2001D;" points="31.502,152.23 12.972,118.611 31.502,85.518 50.033,118.611  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/belgium.svg b/shared/img/country-flags/belgium.svg
new file mode 100644
index 00000000..c741ff45
--- /dev/null
+++ b/shared/img/country-flags/belgium.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.331" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/belize.svg b/shared/img/country-flags/belize.svg
new file mode 100644
index 00000000..4fd33abc
--- /dev/null
+++ b/shared/img/country-flags/belize.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.337"/>
+<circle style="fill:#F0F0F0;" cx="256" cy="255.994" r="81.619"/>
+<circle style="fill:#6DA544;" cx="256" cy="255.994" r="66.783"/>
+<circle style="fill:#F0F0F0;" cx="256" cy="255.994" r="44.522"/>
+<polygon style="fill:#0052B4;" points="256,244.864 231.884,255.994 231.884,274.544 256,289.386 280.116,274.544 280.116,255.994   "/>
+<rect x="231.88" y="233.734" style="fill:#FFDA44;" width="48.228" height="22.261"/>
+<g>
+	<rect y="85.331" style="fill:#A2001D;" width="512" height="29.68"/>
+	<rect y="396.984" style="fill:#A2001D;" width="512" height="29.682"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/benin.svg b/shared/img/country-flags/benin.svg
new file mode 100644
index 00000000..3dc56825
--- /dev/null
+++ b/shared/img/country-flags/benin.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#6DA544;" width="512" height="341.326"/>
+<rect x="196.641" y="85.337" style="fill:#FFDA44;" width="315.359" height="170.663"/>
+<rect x="196.641" y="256" style="fill:#D80027;" width="315.359" height="170.663"/>
+</svg>
diff --git a/shared/img/country-flags/bermuda.svg b/shared/img/country-flags/bermuda.svg
new file mode 100644
index 00000000..d544828c
--- /dev/null
+++ b/shared/img/country-flags/bermuda.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#D80027;" width="512" height="341.337"/>
+<rect y="85.334" style="fill:#F0F0F0;" width="256" height="170.663"/>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997 144,255.997    144,186.663 256,186.663 256,154.663 144,154.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+</g>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,107.951 0,138.663 46.069,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,85.331 96,134.244 22.628,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,85.331 160,134.244 233.372,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,107.951 0,138.663 46.069,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,85.331 96,134.244 22.628,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,85.331 160,134.244 233.372,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="0,255.997 0,240.915 57.377,202.663 80,202.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,233.376 0,202.663 46.069,202.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,255.994 96,207.082 22.628,255.994  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,255.997 256,240.915 198.623,202.663 176,202.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,233.376 256,202.663 209.931,202.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,255.994 160,207.082 233.372,255.994  "/>
+</g>
+<path style="fill:#F3F3F3;" d="M332.058,189.214v81.623c0,39.76,103.884,39.76,103.884,0v-81.623H332.058z"/>
+<path style="fill:#6DA544;" d="M332.058,270.837L332.058,270.837c0,39.76,51.942,51.942,51.942,51.942s51.942-12.182,51.942-51.942  v0.001H332.058V270.837z"/>
+<polygon style="fill:#A2001D;" points="384,238.188 359.884,248.576 359.884,270.837 384,285.678 408.116,270.837 408.116,248.576   "/>
+<rect x="359.88" y="226.312" style="fill:#338AF3;" width="48.228" height="22.261"/>
+</svg>
diff --git a/shared/img/country-flags/bhutan.svg b/shared/img/country-flags/bhutan.svg
new file mode 100644
index 00000000..e6f8c9b5
--- /dev/null
+++ b/shared/img/country-flags/bhutan.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#FF9811;" width="512" height="341.337"/>
+<polyline style="fill:#FFDA44;" points="512,85.33 0,85.33 0,426.662 "/>
+<path style="fill:#F0F0F0;" d="M352.546,181.793v-29.682h-56.891l-4.346,4.346c-15.459,15.459-12.859,33.494-10.96,46.662  c1.761,12.216,1.972,16.894-2.57,21.437c-4.542,4.542-9.223,4.331-21.437,2.57c-13.167-1.898-31.202-4.499-46.661,10.959  c-15.458,15.459-12.857,33.493-10.957,46.66c1.762,12.213,1.973,16.893-2.568,21.434c-4.542,4.54-9.223,4.329-21.434,2.568  c-4.762-0.687-9.686-1.397-14.94-1.455l-0.326,29.679c3.289,0.037,7.049,0.579,11.029,1.152c4.712,0.68,10.045,1.45,15.663,1.45  c5.821,0,11.945-0.83,17.993-3.442v23.747h44.522v-22.261h-22.261v-14.84h14.84v-22.261H229.38  c0.563-7.201-0.426-14.097-1.28-20.009c-1.762-12.213-1.973-16.893,2.568-21.434c4.542-4.542,9.222-4.332,21.437-2.57  c9.594,1.384,21.774,3.131,33.658-1.999v23.751h44.522v-22.261h-22.261v-14.84h14.84v-22.261h-11.861  c0.563-7.202-0.425-14.097-1.278-20.011c-1.23-8.534-1.704-13.39-0.329-17.091H352.546z"/>
+</svg>
diff --git a/shared/img/country-flags/bolivia.svg b/shared/img/country-flags/bolivia.svg
new file mode 100644
index 00000000..66f0be62
--- /dev/null
+++ b/shared/img/country-flags/bolivia.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/bonaire.svg b/shared/img/country-flags/bonaire.svg
new file mode 100644
index 00000000..9198cd4b
--- /dev/null
+++ b/shared/img/country-flags/bonaire.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<polygon style="fill:#0052B4;" points="0,426.663 512,426.663 512,85.337 512,85.337 "/>
+<polygon style="fill:#FFDA44;" points="250.435,85.337 0,85.337 0,85.337 0,252.282 "/>
+<path d="M188.052,250.239l14.708-7.967l-14.708-7.967c-3.434-22.308-21.06-39.934-43.366-43.366l-7.967-14.708l-7.967,14.708  c-22.308,3.434-39.933,21.06-43.366,43.366l-14.707,7.968l14.708,7.967c3.434,22.308,21.06,39.934,43.366,43.366l7.966,14.707  l7.967-14.708C166.993,290.173,184.618,272.546,188.052,250.239z M136.718,271.953c-16.393,0-29.682-13.289-29.682-29.682  s13.289-29.68,29.682-29.68S166.4,225.88,166.4,242.273S153.111,271.953,136.718,271.953z"/>
+<polygon style="fill:#D80027;" points="136.718,220.012 143.145,231.142 155.997,231.142 149.571,242.273 155.997,253.403   143.145,253.403 136.718,264.534 130.293,253.403 117.441,253.403 123.866,242.273 117.441,231.142 130.293,231.142 "/>
+</svg>
diff --git a/shared/img/country-flags/bosnia_and_herzegovina.svg b/shared/img/country-flags/bosnia_and_herzegovina.svg
new file mode 100644
index 00000000..830d3631
--- /dev/null
+++ b/shared/img/country-flags/bosnia_and_herzegovina.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<polyline style="fill:#FFDA44;" points="99.905,85.329 441.238,85.329 441.238,426.663 "/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="36.561,100.645 51.404,89.838 66.271,100.632 61.292,85.33 41.525,85.33  "/>
+	<polygon style="fill:#F0F0F0;" points="88.332,103.632 82.649,86.16 76.977,103.632 58.612,103.644 73.479,114.44 67.818,131.901    82.661,121.095 97.527,131.89 91.843,114.416 106.697,103.621  "/>
+	<polygon style="fill:#F0F0F0;" points="119.59,134.89 113.906,117.416 108.233,134.89 89.868,134.901 104.735,145.696    99.074,163.158 113.918,152.351 128.784,163.147 123.099,145.673 137.955,134.879  "/>
+	<polygon style="fill:#F0F0F0;" points="150.846,166.146 145.163,148.673 139.49,166.146 121.126,166.157 135.992,176.953    130.331,194.414 145.174,183.608 160.04,194.403 154.357,176.929 169.212,166.135  "/>
+	<polygon style="fill:#F0F0F0;" points="182.103,197.403 176.42,179.929 170.748,197.403 152.382,197.414 167.248,208.209    161.588,225.671 176.431,214.864 191.297,225.66 185.613,208.187 200.468,197.392  "/>
+	<polygon style="fill:#F0F0F0;" points="213.359,228.659 207.676,211.187 202.004,228.659 183.639,228.671 198.505,239.466    192.845,256.928 207.687,246.122 222.553,256.916 216.87,239.443 231.725,228.648  "/>
+	<polygon style="fill:#F0F0F0;" points="244.616,259.916 238.933,242.443 233.261,259.916 214.895,259.928 229.762,270.723    224.101,288.185 238.945,277.378 253.811,288.172 248.126,270.7 262.981,259.906  "/>
+	<polygon style="fill:#F0F0F0;" points="275.872,291.173 270.19,273.7 264.517,291.173 246.152,291.184 261.019,301.98    255.358,319.441 270.201,308.635 285.067,319.43 279.384,301.956 294.237,291.162  "/>
+	<polygon style="fill:#F0F0F0;" points="307.13,322.43 301.447,304.956 295.773,322.43 277.409,322.441 292.275,333.236    286.614,350.698 301.458,339.891 316.324,350.687 310.64,333.213 325.495,322.419  "/>
+	<polygon style="fill:#F0F0F0;" points="338.386,353.686 332.703,336.214 327.031,353.686 308.666,353.698 323.532,364.493    317.871,381.955 332.714,371.148 347.58,381.943 341.897,364.471 356.752,353.675  "/>
+	<polygon style="fill:#F0F0F0;" points="369.643,384.943 363.96,367.47 358.288,384.943 339.922,384.955 354.788,395.749    349.128,413.212 363.971,402.405 378.837,413.2 373.153,395.727 388.008,384.932  "/>
+	<polygon style="fill:#F0F0F0;" points="395.216,398.727 389.544,416.199 371.179,416.211 385.573,426.664 404.851,426.664    419.265,416.188 400.899,416.199  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/botswana.svg b/shared/img/country-flags/botswana.svg
new file mode 100644
index 00000000..db67b755
--- /dev/null
+++ b/shared/img/country-flags/botswana.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="322.783" style="fill:#338AF3;" width="512" height="103.88"/>
+	<rect y="85.337" style="fill:#338AF3;" width="512" height="104.515"/>
+</g>
+<rect y="210.877" width="512" height="89.656"/>
+</svg>
diff --git a/shared/img/country-flags/brazil.svg b/shared/img/country-flags/brazil.svg
new file mode 100644
index 00000000..1a7ffdf1
--- /dev/null
+++ b/shared/img/country-flags/brazil.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#6DA544;" width="512" height="341.337"/>
+<polygon style="fill:#FFDA44;" points="256,161.678 384,255.994 256,350.31 128,255.994 "/>
+<circle style="fill:#F0F0F0;" cx="256" cy="255.994" r="53.894"/>
+<g>
+	<path style="fill:#0052B4;" d="M229.052,252.626c-9.372,0-18.416,1.426-26.93,4.07c0.377,29.44,24.348,53.193,53.877,53.193   c18.259,0,34.386-9.089,44.134-22.981C283.457,266.029,257.792,252.626,229.052,252.626z"/>
+	<path style="fill:#0052B4;" d="M308.895,266.32c0.649-3.344,1-6.793,1-10.326c0-29.765-24.13-53.895-53.895-53.895   c-22.21,0-41.275,13.438-49.527,32.623c7.293-1.51,14.845-2.307,22.579-2.307C260.356,232.416,288.674,245.427,308.895,266.32z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/british_columbia.svg b/shared/img/country-flags/british_columbia.svg
new file mode 100644
index 00000000..ed73c330
--- /dev/null
+++ b/shared/img/country-flags/british_columbia.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 509.85 509.85" style="enable-background:new 0 0 509.85 509.85;" xml:space="preserve">
+<g>
+	<rect x="0" y="84.975" style="fill:#F0F0F0;" width="509.85" height="339.904"/>
+	<rect x="0" y="84.975" style="fill:#F0F0F0;" width="509.85" height="169.946"/>
+</g>
+<rect x="0" y="154.015" style="fill:#D80027;" width="509.85" height="31.866"/>
+<g>
+	<polygon style="fill:#0052B4;" points="379.051,199.5 509.85,232.199 509.85,199.5  "/>
+	<polygon style="fill:#0052B4;" points="288.176,199.5 509.85,254.918 509.85,239.246 350.861,199.5  "/>
+	<polygon style="fill:#0052B4;" points="450.804,254.918 288.176,214.257 288.176,254.918  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="288.176,199.5 509.85,254.918 509.85,239.246 350.861,199.5 "/>
+<polygon style="fill:#D80027;" points="288.176,199.5 509.85,254.918 509.85,239.246 350.861,199.5 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="99.957,199.499 0,224.487 0,199.499  "/>
+	<polygon style="fill:#0052B4;" points="221.674,206.546 221.674,254.917 28.205,254.917  "/>
+</g>
+<polygon style="fill:#D80027;" points="158.988,199.5 0,239.246 0,254.918 0,254.918 221.674,199.5 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="130.799,140.389 0,107.69 0,140.389  "/>
+	<polygon style="fill:#0052B4;" points="221.674,140.389 0,84.971 0,100.642 158.989,140.389  "/>
+	<polygon style="fill:#0052B4;" points="59.046,84.971 221.674,125.631 221.674,84.971  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="221.674,140.389 0,84.971 0,100.642 158.989,140.389 "/>
+<polygon style="fill:#D80027;" points="221.674,140.389 0,84.971 0,100.642 158.989,140.389 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="409.893,140.39 509.85,115.401 509.85,140.39  "/>
+	<polygon style="fill:#0052B4;" points="288.176,133.342 288.176,84.973 481.645,84.973  "/>
+</g>
+<g>
+	<polygon style="fill:#D80027;" points="350.862,140.389 509.85,100.643 509.85,84.971 509.85,84.971 288.176,140.389  "/>
+	<rect x="238.998" y="84.975" style="fill:#D80027;" width="31.855" height="169.946"/>
+</g>
+<g>
+	<path style="fill:#0052B4;" d="M509.85,270.693v22.234c-4.411,0.743-12.802,5.497-19.053,9.055   c-10.906,6.196-21.214,12.048-31.068,12.048c-9.864,0-20.161-5.852-31.079-12.048c-6.805-3.868-16.127-9.155-20.128-9.155   c-4.001,0-13.323,5.287-20.128,9.155c-10.906,6.196-21.214,12.048-31.068,12.048s-20.161-5.852-31.079-12.048   c-6.805-3.868-16.127-9.155-20.128-9.155c-3.99,0-13.312,5.287-20.117,9.155c-10.917,6.196-21.225,12.048-31.079,12.048   s-20.161-5.852-31.079-12.048c-6.805-3.868-16.127-9.155-20.117-9.155c-4.001,0-13.323,5.287-20.128,9.155   c-10.917,6.196-21.225,12.048-31.079,12.048c-9.853,0-20.161-5.852-31.068-12.048c-6.805-3.868-16.127-9.155-20.128-9.155   s-13.323,5.287-20.128,9.155c-10.917,6.196-21.214,12.048-31.079,12.048c-9.853,0-20.161-5.852-31.068-12.048   C12.802,298.425,4.411,293.67,0,292.927v-22.234c9.521,0.388,19.485,6.041,30.004,12.015c6.805,3.857,16.127,9.155,20.117,9.155   c4.001,0,13.323-5.298,20.128-9.155c10.917-6.196,21.225-12.048,31.079-12.048s20.161,5.852,31.068,12.048   c6.805,3.857,16.127,9.155,20.128,9.155c4.001,0,13.323-5.298,20.128-9.155c10.917-6.196,21.214-12.048,31.079-12.048   c9.853,0,20.161,5.852,31.068,12.048c6.805,3.857,16.127,9.155,20.128,9.155s13.323-5.298,20.128-9.155   c10.906-6.196,21.214-12.048,31.068-12.048c9.864,0,20.161,5.852,31.079,12.048c6.805,3.857,16.127,9.155,20.128,9.155   s13.323-5.298,20.128-9.155c10.906-6.196,21.214-12.048,31.068-12.048c9.853,0,20.161,5.852,31.079,12.048   c6.805,3.857,16.127,9.155,20.128,9.155c3.99,0,13.312-5.298,20.117-9.155C490.365,276.734,500.329,271.081,509.85,270.693z"/>
+	<path style="fill:#0052B4;" d="M509.85,326.112v22.234c-4.411,0.743-12.802,5.497-19.053,9.055   c-10.906,6.196-21.214,12.048-31.068,12.048c-9.864,0-20.161-5.852-31.079-12.048c-6.805-3.868-16.127-9.155-20.128-9.155   c-4.001,0-13.323,5.287-20.128,9.155c-10.906,6.196-21.214,12.048-31.068,12.048s-20.161-5.852-31.079-12.048   c-6.805-3.868-16.127-9.155-20.128-9.155c-3.99,0-13.312,5.287-20.117,9.155c-10.917,6.196-21.225,12.048-31.079,12.048   s-20.161-5.852-31.079-12.048c-6.805-3.868-16.127-9.155-20.117-9.155c-4.001,0-13.323,5.287-20.128,9.155   c-10.917,6.196-21.225,12.048-31.079,12.048c-9.853,0-20.161-5.852-31.068-12.048c-6.805-3.868-16.127-9.155-20.128-9.155   s-13.323,5.287-20.128,9.155c-10.917,6.196-21.214,12.048-31.079,12.048c-9.853,0-20.161-5.852-31.068-12.048   c-6.251-3.558-14.642-8.313-19.053-9.055v-22.234c9.521,0.388,19.485,6.041,30.004,12.015c6.805,3.857,16.127,9.155,20.117,9.155   c4.001,0,13.323-5.298,20.128-9.155c10.917-6.196,21.225-12.048,31.079-12.048s20.161,5.852,31.068,12.048   c6.805,3.857,16.127,9.155,20.128,9.155c4.001,0,13.323-5.298,20.128-9.155c10.917-6.196,21.214-12.048,31.079-12.048   c9.853,0,20.161,5.852,31.068,12.048c6.805,3.857,16.127,9.155,20.128,9.155s13.323-5.298,20.128-9.155   c10.906-6.196,21.214-12.048,31.068-12.048c9.864,0,20.161,5.852,31.079,12.048c6.805,3.857,16.127,9.155,20.128,9.155   s13.323-5.298,20.128-9.155c10.906-6.196,21.214-12.048,31.068-12.048c9.853,0,20.161,5.852,31.079,12.048   c6.805,3.857,16.127,9.155,20.128,9.155c3.99,0,13.312-5.298,20.117-9.155C490.365,332.152,500.329,326.499,509.85,326.112z"/>
+	<path style="fill:#0052B4;" d="M509.85,381.53v22.234c-4.411,0.743-12.802,5.497-19.053,9.055   c-10.906,6.196-21.214,12.048-31.068,12.048c-9.864,0-20.161-5.852-31.079-12.048c-6.805-3.868-16.127-9.155-20.128-9.155   c-4.001,0-13.323,5.287-20.128,9.155c-10.906,6.196-21.214,12.048-31.068,12.048s-20.161-5.852-31.079-12.048   c-6.805-3.868-16.127-9.155-20.128-9.155c-3.99,0-13.312,5.287-20.117,9.155c-10.917,6.196-21.225,12.048-31.079,12.048   s-20.161-5.852-31.079-12.048c-6.805-3.868-16.127-9.155-20.117-9.155c-4.001,0-13.323,5.287-20.128,9.155   c-10.917,6.196-21.225,12.048-31.079,12.048c-9.853,0-20.161-5.852-31.068-12.048c-6.805-3.868-16.127-9.155-20.128-9.155   s-13.323,5.287-20.128,9.155c-10.917,6.196-21.214,12.048-31.079,12.048c-9.853,0-20.161-5.852-31.068-12.048   c-6.251-3.558-14.642-8.313-19.053-9.055V381.53c9.521,0.388,19.485,6.041,30.004,12.015c6.805,3.857,16.127,9.155,20.117,9.155   c4.001,0,13.323-5.298,20.128-9.155c10.917-6.196,21.225-12.048,31.079-12.048s20.161,5.852,31.068,12.048   c6.805,3.857,16.127,9.155,20.128,9.155c4.001,0,13.323-5.298,20.128-9.155c10.917-6.196,21.214-12.048,31.079-12.048   c9.853,0,20.161,5.852,31.068,12.048c6.805,3.857,16.127,9.155,20.128,9.155s13.323-5.298,20.128-9.155   c10.906-6.196,21.214-12.048,31.068-12.048c9.864,0,20.161,5.852,31.079,12.048c6.805,3.857,16.127,9.155,20.128,9.155   s13.323-5.298,20.128-9.155c10.906-6.196,21.214-12.048,31.068-12.048c9.853,0,20.161,5.852,31.079,12.048   c6.805,3.857,16.127,9.155,20.128,9.155c3.99,0,13.312-5.298,20.117-9.155C490.365,387.571,500.329,381.918,509.85,381.53z"/>
+</g>
+<polygon style="fill:#FFDA44;" points="306.463,388.055 325.423,353.57 286.756,360.965 281.857,321.905 254.925,350.633   227.994,321.905 223.093,360.965 184.428,353.57 203.389,388.054 167.781,404.804 203.388,421.551 201.564,424.871 308.285,424.871   306.461,421.552 342.069,404.804 "/>
+</svg>
diff --git a/shared/img/country-flags/british_indian_ocean_territory.svg b/shared/img/country-flags/british_indian_ocean_territory.svg
new file mode 100644
index 00000000..083179bd
--- /dev/null
+++ b/shared/img/country-flags/british_indian_ocean_territory.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#0052B4;" d="M461.664,283.341c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197   c-10.958-6.223-21.308-12.1-31.204-12.1c-9.896,0-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197   c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1c-9.896,0-20.246,5.877-31.204,12.1   c-6.834,3.881-16.195,9.197-20.211,9.197c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197   C19.565,268.147,9.57,262.487,0,262.083v22.332c4.437,0.746,12.847,5.516,19.131,9.086c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.834-3.881,16.195-9.197,20.211-9.197c4.016,0,13.378,5.315,20.212,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197   c4.016,0,13.378,5.315,20.211,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.284-3.57,14.694-8.34,19.131-9.086v-22.332c-9.57,0.404-19.565,6.064-30.125,12.061   C475.041,278.025,465.681,283.341,461.664,283.341z"/>
+	<path style="fill:#0052B4;" d="M0,117.459c4.437,0.746,12.847,5.516,19.131,9.086c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.834-3.881,16.195-9.197,20.211-9.197c4.016,0,13.378,5.315,20.212,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197   c4.016,0,13.378,5.315,20.211,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.284-3.57,14.694-8.34,19.131-9.086V95.126c-9.57,0.404-19.565,6.064-30.125,12.061c-6.834,3.881-16.195,9.197-20.211,9.197   s-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1   c-6.835,3.881-16.196,9.197-20.212,9.197c-4.016,0-13.378-5.315-20.211-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197c-4.016,0-13.378-5.315-20.212-9.197   c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1c-6.834,3.881-16.195,9.197-20.211,9.197   c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1   c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197C19.565,101.19,9.57,95.53,0,95.126V117.459z"/>
+	<path style="fill:#0052B4;" d="M461.664,172.036c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197   c-10.958-6.223-21.308-12.1-31.204-12.1c-9.896,0-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197   c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1c-9.896,0-20.246,5.877-31.204,12.1   c-6.834,3.881-16.195,9.197-20.211,9.197c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197   C19.565,156.842,9.57,151.182,0,150.778v22.332c4.437,0.746,12.847,5.516,19.131,9.086c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.834-3.881,16.195-9.197,20.211-9.197c4.016,0,13.378,5.315,20.212,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197   c4.016,0,13.378,5.315,20.211,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.284-3.57,14.694-8.34,19.131-9.086v-22.332c-9.57,0.404-19.565,6.064-30.125,12.061   C475.041,166.721,465.681,172.036,461.664,172.036z"/>
+	<path style="fill:#0052B4;" d="M512,206.431c-9.57,0.404-19.565,6.064-30.125,12.061c-6.834,3.881-16.195,9.197-20.211,9.197   s-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1   c-6.835,3.881-16.196,9.197-20.212,9.197c-4.016,0-13.378-5.315-20.211-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197c-4.016,0-13.378-5.315-20.212-9.197   c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1c-6.834,3.881-16.195,9.197-20.211,9.197   s-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1   c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197C19.565,212.494,9.57,206.835,0,206.431v22.332   c4.437,0.746,12.847,5.516,19.131,9.086c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.834-3.881,16.195-9.197,20.211-9.197c4.016,0,13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197c4.016,0,13.378,5.315,20.211,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.284-3.57,14.694-8.34,19.131-9.086v-22.332H512z"/>
+	<path style="fill:#0052B4;" d="M461.664,338.993c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197   c-10.958-6.223-21.308-12.1-31.204-12.1c-9.896,0-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197   c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1c-9.896,0-20.246,5.877-31.204,12.1   c-6.834,3.881-16.195,9.197-20.211,9.197c-4.016,0-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197   C19.565,323.799,9.57,318.139,0,317.735v22.332c4.437,0.746,12.847,5.516,19.131,9.086c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.834-3.881,16.195-9.197,20.211-9.197c4.016,0,13.378,5.315,20.212,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197   c4.016,0,13.378,5.315,20.211,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.284-3.57,14.694-8.34,19.131-9.086v-22.332c-9.57,0.404-19.565,6.064-30.125,12.061   C475.041,333.677,465.681,338.993,461.664,338.993z"/>
+	<path style="fill:#0052B4;" d="M512,373.387c-9.57,0.404-19.565,6.064-30.125,12.061c-6.834,3.881-16.195,9.197-20.211,9.197   s-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1   c-6.835,3.881-16.196,9.197-20.212,9.197c-4.016,0-13.378-5.315-20.211-9.197c-10.958-6.223-21.308-12.1-31.204-12.1   s-20.246,5.877-31.204,12.1c-6.835,3.881-16.196,9.197-20.212,9.197c-4.016,0-13.378-5.315-20.212-9.197   c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1c-6.834,3.881-16.195,9.197-20.211,9.197   s-13.378-5.315-20.212-9.197c-10.958-6.223-21.308-12.1-31.204-12.1s-20.246,5.877-31.204,12.1   c-6.835,3.881-16.196,9.197-20.212,9.197s-13.378-5.315-20.211-9.197C19.565,379.451,9.57,373.791,0,373.387v22.332   c4.437,0.746,12.847,5.516,19.131,9.086c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1   c6.834-3.881,16.195-9.197,20.211-9.197c4.016,0,13.378,5.315,20.212,9.197c10.958,6.223,21.308,12.1,31.204,12.1   s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197c4.016,0,13.378,5.315,20.211,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.835-3.881,16.196-9.197,20.212-9.197s13.378,5.315,20.212,9.197   c10.958,6.223,21.308,12.1,31.204,12.1s20.246-5.877,31.204-12.1c6.284-3.57,14.694-8.34,19.131-9.086v-22.332H512z"/>
+</g>
+<g>
+	<path style="fill:#F0F0F0;" d="M256,85.329c-0.01,0-0.019,0-0.029,0H256L256,85.329z"/>
+	<path style="fill:#F0F0F0;" d="M255.544,255.997H256c0-0.154,0-0.303,0-0.456C255.848,255.692,255.696,255.844,255.544,255.997z"/>
+</g>
+<polygon style="fill:#496E2D;" points="278.261,255.997 278.261,255.997 278.261,255.996 "/>
+<polygon style="fill:#6DA544;" points="350.609,168.809 417.391,168.809 384,202.2 "/>
+<g>
+	<rect x="376.576" y="194.779" style="fill:#A2001D;" width="14.84" height="40.812"/>
+	<rect x="376.576" y="302.377" style="fill:#A2001D;" width="14.84" height="40.812"/>
+</g>
+<path style="fill:#FFDA44;" d="M428.522,280.113c0-12.295-9.966-22.261-22.261-22.261c-5.703,0-10.901,2.146-14.84,5.672v-13.093  h7.421v-14.84h-7.421v-7.421h-14.84v7.421h-7.421v14.84h7.421v13.093c-3.939-3.526-9.138-5.672-14.84-5.672  c-12.295,0-22.261,9.966-22.261,22.261c0,6.591,2.867,12.512,7.421,16.589v13.093h74.203v-13.094  C425.655,292.625,428.522,286.704,428.522,280.113z"/>
+<path style="fill:#D80027;" d="M406.261,272.692c-2.341,0-3.98,1.027-4.943,1.889l-9.898,8.861h-14.84l-9.898-8.861  c-0.962-0.861-2.601-1.889-4.942-1.889c-4.092,0-7.421,3.329-7.421,7.421c0,2.882,1.554,4.703,2.48,5.533l4.941,4.424v4.883h44.522  v-4.884l4.941-4.424c0.926-0.829,2.48-2.651,2.48-5.533C413.681,276.021,410.352,272.692,406.261,272.692z"/>
+<rect y="85.334" style="fill:#F0F0F0;" width="256" height="170.663"/>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.329 112,85.329 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997    144,255.997 144,186.663 256,186.663 256,154.663 144,154.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.411 57.377,138.663 80,138.663  "/>
+</g>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,107.951 0,138.663 46.069,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,85.331 96,134.244 22.628,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,85.329 256,100.411 198.623,138.663 176,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,85.331 160,134.244 233.372,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="0,85.329 0,100.411 57.377,138.663 80,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,107.951 0,138.663 46.069,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,85.331 96,134.244 22.628,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,85.329 256,100.411 198.623,138.663 176,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,85.331 160,134.244 233.372,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="0,255.997 0,240.915 57.377,202.663 80,202.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,233.376 0,202.663 46.069,202.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,255.994 96,207.082 22.628,255.994  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,255.997 256,240.915 198.623,202.663 176,202.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,233.376 256,202.663 209.931,202.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,255.994 160,207.082 233.372,255.994  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/british_virgin_islands.svg b/shared/img/country-flags/british_virgin_islands.svg
new file mode 100644
index 00000000..1fd9fe77
--- /dev/null
+++ b/shared/img/country-flags/british_virgin_islands.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<polygon style="fill:#F0F0F0;" points="256,85.334 256,202.66 209.931,202.66 256,233.38 256,255.997 233.372,255.997 160,207.078   160,255.997 96,255.997 96,207.078 22.628,255.997 0,255.997 0,233.38 46.069,202.66 0,202.66 0,138.66 46.069,138.66 0,107.951   0,85.334 22.628,85.334 96,134.241 96,85.334 160,85.334 160,134.241 233.372,85.334 "/>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997 144,255.997    144,186.663 256,186.663 256,154.663 144,154.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+	<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663  "/>
+</g>
+<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663 "/>
+<g>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+	<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663  "/>
+</g>
+<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663 "/>
+<g>
+	<polygon style="fill:#D80027;" points="0,255.997 0,240.915 57.377,202.663 80,202.663  "/>
+	<polygon style="fill:#D80027;" points="256,255.997 256,240.915 198.623,202.663 176,202.663  "/>
+</g>
+<path style="fill:#FFDA44;" d="M384,259.706l-46.129,46.129c8.645,16.675,26.051,28.074,46.129,28.074  c20.078,0,37.484-11.4,46.129-28.074L384,259.706z"/>
+<path style="fill:#6DA544;" d="M332.058,178.084v81.623v0.001l0,0C332.059,299.467,384,311.649,384,311.649  s51.941-12.182,51.942-51.942l0,0v-0.001v-81.622H332.058z"/>
+<rect x="372.87" y="215.181" style="fill:#F0F0F0;" width="22.261" height="59.359"/>
+<circle style="fill:#A2001D;" cx="384" cy="215.181" r="11.13"/>
+<g>
+	<rect x="346.902" y="192.92" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+	<rect x="346.902" y="226.312" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+	<rect x="346.902" y="259.703" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+	<rect x="406.261" y="192.92" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+	<rect x="406.261" y="226.312" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+	<rect x="406.261" y="259.703" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/brunei.svg b/shared/img/country-flags/brunei.svg
new file mode 100644
index 00000000..289a219c
--- /dev/null
+++ b/shared/img/country-flags/brunei.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<polygon points="0,199.078 512,406.261 512,359.591 273.232,265.198 0,152.412 "/>
+<polyline style="fill:#F0F0F0;" points="512,359.588 512,312.923 0,105.739 0,152.412 "/>
+<g>
+	<path style="fill:#D80027;" d="M304.224,237.452c0,26.633-21.591,48.224-48.224,48.224s-48.224-21.591-48.224-48.224   c0-8.304,2.099-16.118,5.796-22.94c-10.465,10.702-16.925,25.337-16.925,41.488c0,32.779,26.573,59.353,59.353,59.353   s59.353-26.574,59.353-59.353c0-16.15-6.46-30.786-16.925-41.488C302.125,221.334,304.224,229.148,304.224,237.452z"/>
+	<rect x="244.87" y="181.805" style="fill:#D80027;" width="22.258" height="111.282"/>
+	<path style="fill:#D80027;" d="M293.095,204.066h-74.191c0,5.122,4.461,9.274,9.583,9.274h-0.309c0,5.122,4.153,9.274,9.274,9.274   c0,5.122,4.153,9.274,9.274,9.274h18.548c5.122,0,9.274-4.152,9.274-9.274c5.122,0,9.274-4.152,9.274-9.274h-0.308   C288.633,213.34,293.095,209.189,293.095,204.066z"/>
+	<rect x="204.065" y="300.511" style="fill:#D80027;" width="103.869" height="22.258"/>
+	<rect x="278.261" y="307.935" style="fill:#D80027;" width="44.514" height="22.258"/>
+	<rect x="189.229" y="307.935" style="fill:#D80027;" width="44.514" height="22.258"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/bulgaria.svg b/shared/img/country-flags/bulgaria.svg
new file mode 100644
index 00000000..fe889c9e
--- /dev/null
+++ b/shared/img/country-flags/bulgaria.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#496E2D;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/burkina_faso.svg b/shared/img/country-flags/burkina_faso.svg
new file mode 100644
index 00000000..9ed5a9f4
--- /dev/null
+++ b/shared/img/country-flags/burkina_faso.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#6DA544;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#D80027;" width="512" height="170.663"/>
+<polygon style="fill:#FFDA44;" points="255.999,196.632 268.89,236.311 310.616,236.311 276.861,260.836 289.753,300.516   255.999,275.992 222.245,300.516 235.139,260.836 201.384,236.311 243.106,236.311 "/>
+</svg>
diff --git a/shared/img/country-flags/burundi.svg b/shared/img/country-flags/burundi.svg
new file mode 100644
index 00000000..5d8405a3
--- /dev/null
+++ b/shared/img/country-flags/burundi.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<g>
+	<polygon style="fill:#6DA544;" points="215.864,256.006 0,399.911 0,112.089  "/>
+	<polygon style="fill:#6DA544;" points="512,112.089 512,399.911 296.136,256.006  "/>
+</g>
+<polygon style="fill:#0052B4;" points="512,112.089 296.136,256.006 512,399.911 512,426.668 471.875,426.668 256,282.752   40.125,426.668 0,426.668 0,399.911 215.864,256.006 0,112.089 0,85.331 40.125,85.331 256,229.248 471.875,85.331 512,85.331 "/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="512,112.089 296.136,256.006 512,399.911 512,426.668 471.875,426.668 256,282.752    40.125,426.668 0,426.668 0,399.911 215.864,256.006 0,112.089 0,85.331 40.125,85.331 256,229.248 471.875,85.331 512,85.331  "/>
+	<circle style="fill:#F0F0F0;" cx="256" cy="256" r="74.207"/>
+</g>
+<g>
+	<polygon style="fill:#D80027;" points="256,204.058 262.426,215.188 275.278,215.188 268.852,226.318 275.278,237.449    262.426,237.449 256,248.579 249.574,237.449 236.722,237.449 243.148,226.318 236.722,215.188 249.574,215.188  "/>
+	<polygon style="fill:#D80027;" points="223.337,256 229.762,267.13 242.615,267.13 236.189,278.261 242.615,289.391    229.762,289.391 223.337,300.522 216.91,289.391 204.058,289.391 210.484,278.261 204.058,267.13 216.91,267.13  "/>
+	<polygon style="fill:#D80027;" points="288.663,256 295.09,267.13 307.942,267.13 301.516,278.261 307.942,289.391 295.09,289.391    288.663,300.522 282.238,289.391 269.385,289.391 275.811,278.261 269.385,267.13 282.238,267.13  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/cambodia.svg b/shared/img/country-flags/cambodia.svg
new file mode 100644
index 00000000..1c0e4aa9
--- /dev/null
+++ b/shared/img/country-flags/cambodia.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#0052B4;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+</g>
+<polygon style="fill:#F0F0F0;" points="303.49,281.971 303.49,264.162 291.617,264.162 291.617,240.417 279.745,228.545   267.873,240.417 267.873,216.673 256,204.8 244.127,216.673 244.127,240.417 232.255,228.545 220.383,240.417 220.383,264.162   208.51,264.162 208.51,281.971 196.638,281.971 196.638,299.779 315.362,299.779 315.362,281.971 "/>
+</svg>
diff --git a/shared/img/country-flags/cameroon.svg b/shared/img/country-flags/cameroon.svg
new file mode 100644
index 00000000..cc4486e5
--- /dev/null
+++ b/shared/img/country-flags/cameroon.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#496E2D;" width="170.663" height="341.337"/>
+<g>
+	<rect x="341.337" y="85.331" style="fill:#FFDA44;" width="170.663" height="341.337"/>
+	<polygon style="fill:#FFDA44;" points="255.999,208.504 267.786,244.782 305.933,244.782 275.073,267.205 286.86,303.485    255.999,281.062 225.138,303.485 236.927,267.205 206.066,244.782 244.212,244.782  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/canada.svg b/shared/img/country-flags/canada.svg
new file mode 100644
index 00000000..216a92d0
--- /dev/null
+++ b/shared/img/country-flags/canada.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+	<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+	<polygon style="fill:#D80027;" points="288,279.704 320,263.704 304,255.705 304,239.705 272,255.705 288,223.705 272,223.705    256,199.704 240,223.705 224,223.705 240,255.705 208,239.705 208,255.705 192,263.704 224,279.704 216.001,295.704    248.001,295.704 248.001,319.705 264.001,319.705 264.001,295.704 296.001,295.704  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/canary_islands.svg b/shared/img/country-flags/canary_islands.svg
new file mode 100644
index 00000000..93bbe5d6
--- /dev/null
+++ b/shared/img/country-flags/canary_islands.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#F0F0F0;" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.331" style="fill:#FFDA44;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/cape_verde.svg b/shared/img/country-flags/cape_verde.svg
new file mode 100644
index 00000000..278a7365
--- /dev/null
+++ b/shared/img/country-flags/cape_verde.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.337"/>
+<rect y="322.777" style="fill:#D80027;" width="512" height="22.261"/>
+<g>
+	<rect y="300.516" style="fill:#F0F0F0;" width="512" height="22.261"/>
+	<rect y="345.038" style="fill:#F0F0F0;" width="512" height="22.261"/>
+</g>
+<g>
+	<polygon style="fill:#FFDA44;" points="180.384,261.272 183.388,270.521 193.113,270.521 185.246,276.236 188.251,285.484    180.384,279.769 172.517,285.484 175.522,276.236 167.656,270.521 177.38,270.521  "/>
+	<polygon style="fill:#FFDA44;" points="180.384,382.332 183.388,391.579 193.113,391.579 185.246,397.294 188.251,406.542    180.384,400.827 172.517,406.542 175.522,397.294 167.656,391.579 177.38,391.579  "/>
+	<polygon style="fill:#FFDA44;" points="124.033,341.389 127.037,350.638 136.762,350.638 128.896,356.353 131.9,365.601    124.033,359.886 116.166,365.601 119.171,356.353 111.304,350.638 121.029,350.638  "/>
+	<polygon style="fill:#FFDA44;" points="145.557,273.378 148.561,282.626 158.286,282.626 150.42,288.342 153.424,297.59    145.557,291.874 137.69,297.59 140.695,288.342 132.828,282.626 142.553,282.626  "/>
+	<polygon style="fill:#FFDA44;" points="111.304,311.462 121.027,311.463 124.032,302.214 127.037,311.462 136.762,311.461    128.895,317.177 131.9,326.427 124.032,320.711 116.166,326.424 119.17,317.177  "/>
+	<polygon style="fill:#FFDA44;" points="137.69,392.671 140.695,383.425 132.827,377.708 142.552,377.708 145.557,368.46    148.562,377.707 158.286,377.707 150.419,383.423 153.423,392.672 145.556,386.956  "/>
+	<polygon style="fill:#FFDA44;" points="236.714,341.389 233.71,350.638 223.986,350.638 231.851,356.353 228.847,365.601    236.714,359.886 244.581,365.601 241.576,356.353 249.443,350.638 239.718,350.638  "/>
+	<polygon style="fill:#FFDA44;" points="215.19,273.378 212.186,282.626 202.461,282.626 210.327,288.342 207.323,297.59    215.19,291.874 223.057,297.59 220.052,288.342 227.919,282.626 218.194,282.626  "/>
+	<polygon style="fill:#FFDA44;" points="249.443,311.462 239.721,311.463 236.715,302.214 233.71,311.462 223.986,311.461    231.853,317.177 228.847,326.427 236.715,320.711 244.581,326.424 241.577,317.177  "/>
+	<polygon style="fill:#FFDA44;" points="223.057,392.671 220.052,383.425 227.919,377.708 218.195,377.708 215.19,368.46    212.185,377.707 202.461,377.707 210.328,383.423 207.324,392.672 215.191,386.956  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/cayman_islands.svg b/shared/img/country-flags/cayman_islands.svg
new file mode 100644
index 00000000..9155830c
--- /dev/null
+++ b/shared/img/country-flags/cayman_islands.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<circle style="fill:#6DA544;" cx="384" cy="181.79" r="29.682"/>
+<rect x="332.054" y="174.377" style="fill:#D80027;" width="103.88" height="44.522"/>
+<path style="fill:#496E2D;" d="M435.942,255.997v-0.001V255.997z"/>
+<path style="fill:#FFDA44;" d="M332.058,285.678v29.682h15.616c9.364,9.176,22.18,14.84,36.326,14.84  c14.147,0,26.962-5.664,36.326-14.84h0.776h14.84v-29.682H332.058z"/>
+<path style="fill:#338AF3;" d="M332.058,211.475v44.522c0,39.759,51.942,51.942,51.942,51.942s51.942-12.182,51.942-51.942v-44.522  H332.058z"/>
+<g>
+	<path style="fill:#F3F3F3;" d="M383.997,235.256c-12.985,0-12.985,11.873-25.97,11.873s-12.985-11.873-25.97-11.873v20.777   c12.985,0,12.985,11.873,25.97,11.873s12.985-11.873,25.97-11.873c12.986,0,12.986,11.873,25.973,11.873   c12.986,0,12.986-11.873,25.973-11.873v-20.777c-12.986,0-12.986,11.873-25.973,11.873   C396.984,247.128,396.984,235.256,383.997,235.256z"/>
+	<path style="fill:#F3F3F3;" d="M383.997,193.666c-12.985,0-12.985,11.873-25.97,11.873s-12.985-11.873-25.97-11.873v20.777   c12.985,0,12.985,11.873,25.97,11.873s12.985-11.873,25.97-11.873c12.986,0,12.986,11.873,25.973,11.873   c12.986,0,12.986-11.873,25.973-11.873v-20.777c-12.986,0-12.986,11.873-25.973,11.873   C396.984,205.539,396.984,193.666,383.997,193.666z"/>
+</g>
+<polygon style="fill:#F0F0F0;" points="256,85.334 256,107.951 209.931,138.66 256,138.66 256,202.66 209.931,202.66 256,233.38   256,255.997 233.372,255.997 160,207.078 160,255.997 96,255.997 96,207.078 22.628,255.997 0,255.997 0,233.38 46.069,202.66   0,202.66 0,138.66 46.069,138.66 0,107.951 0,85.334 22.628,85.334 96,134.241 96,85.334 160,85.334 160,134.241 233.372,85.334 "/>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.329 112,85.329 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997    144,255.997 144,186.663 256,186.663 256,154.663 144,154.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.411 57.377,138.663 80,138.663  "/>
+	<polygon style="fill:#D80027;" points="256,85.329 256,100.411 198.623,138.663 176,138.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.411 57.377,138.663 80,138.663  "/>
+	<polygon style="fill:#D80027;" points="256,85.329 256,100.411 198.623,138.663 176,138.663  "/>
+	<polygon style="fill:#D80027;" points="0,255.997 0,240.915 57.377,202.663 80,202.663  "/>
+	<polygon style="fill:#D80027;" points="256,255.997 256,240.915 198.623,202.663 176,202.663  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/central_african_republic.svg b/shared/img/country-flags/central_african_republic.svg
new file mode 100644
index 00000000..0ebe39ab
--- /dev/null
+++ b/shared/img/country-flags/central_african_republic.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#D80027;" width="512" height="341.337"/>
+<g>
+	<rect y="255.996" style="fill:#6DA544;" width="211.478" height="85.337"/>
+	<rect x="300.522" y="255.996" style="fill:#6DA544;" width="211.478" height="85.337"/>
+</g>
+<polygon style="fill:#0052B4;" points="0,85.33 0,85.333 0,170.662 211.478,170.662 211.478,85.333 300.522,85.333 300.522,170.662   512,170.662 512,85.333 512,85.33 "/>
+<g>
+	<rect x="300.522" y="170.659" style="fill:#F0F0F0;" width="211.478" height="85.337"/>
+	<rect y="170.659" style="fill:#F0F0F0;" width="211.478" height="85.337"/>
+</g>
+<g>
+	<polygon style="fill:#FFDA44;" points="300.522,426.659 211.478,426.659 211.478,341.33 0,341.33 0,426.659 0,426.662 512,426.662    512,426.659 512,341.33 300.522,341.33  "/>
+	<polygon style="fill:#FFDA44;" points="119.678,111.3 124.282,125.472 139.184,125.472 127.13,134.231 131.734,148.402    119.678,139.644 107.624,148.402 112.229,134.231 100.174,125.472 115.074,125.472  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/ceuta.svg b/shared/img/country-flags/ceuta.svg
new file mode 100644
index 00000000..3cd25b56
--- /dev/null
+++ b/shared/img/country-flags/ceuta.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<polygon points="85.334,85.33 256,255.996 256,85.33 "/>
+<polygon points="0,426.662 85.334,426.662 256,255.996 0,255.996 "/>
+<polygon points="426.666,426.662 256,255.996 256,426.662 "/>
+<polygon points="426.666,85.33 256,255.996 512,255.996 512,85.33 "/>
+<polygon style="fill:#FFDA44;" points="196.638,204.054 256,211.475 315.362,204.054 315.362,168.436 291.617,180.309 256,144.692   220.383,180.309 196.638,168.436 "/>
+<path style="fill:#D80027;" d="M256,345.04c-32.732,0-59.362-26.63-59.362-59.362v-59.36l22.261-22.262h74.203l22.261,22.262v59.36  C315.362,318.41,288.732,345.04,256,345.04z"/>
+<path style="fill:#F0F0F0;" d="M256,322.779c-20.458,0-37.101-16.643-37.101-37.101v-59.361h74.203v59.361  C293.101,306.135,276.458,322.779,256,322.779z"/>
+<g>
+	<rect x="196.641" y="204.05" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+	<rect x="293.098" y="204.05" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+	<rect x="293.098" y="252.29" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+	<rect x="196.641" y="252.29" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+	<path style="fill:#FFDA44;" d="M256,322.779c-3.877,0-7.615-0.6-11.13-1.709v22.908c3.608,0.688,7.325,1.062,11.13,1.062   s7.522-0.374,11.13-1.062V321.07C263.615,322.179,259.877,322.779,256,322.779z"/>
+	<path style="fill:#FFDA44;" d="M219.395,291.7l-17.766,17.766c3.081,7.013,7.474,13.319,12.876,18.606l15.733-15.733   C224.624,306.913,220.713,299.74,219.395,291.7z"/>
+	<path style="fill:#FFDA44;" d="M310.371,309.467L292.605,291.7c-1.319,8.038-5.229,15.212-10.843,20.638l15.733,15.733   C302.896,322.785,307.29,316.48,310.371,309.467z"/>
+</g>
+<g>
+	<path style="fill:#0052B4;" d="M248.579,238.683v12.367c0,4.098,3.322,7.421,7.421,7.421c4.098,0,7.421-3.322,7.421-7.421v-12.367   H248.579z"/>
+	<path style="fill:#0052B4;" d="M248.579,288.151v12.367c0,4.098,3.322,7.421,7.421,7.421c4.098,0,7.421-3.322,7.421-7.421v-12.367   H248.579z"/>
+	<path style="fill:#0052B4;" d="M270.84,263.417v12.368c0,4.097,3.322,7.421,7.421,7.421s7.421-3.324,7.421-7.421v-12.368   L270.84,263.417L270.84,263.417z"/>
+	<path style="fill:#0052B4;" d="M248.579,263.417v12.368c0,4.097,3.322,7.421,7.421,7.421c4.098,0,7.421-3.324,7.421-7.421v-12.368   L248.579,263.417L248.579,263.417z"/>
+	<path style="fill:#0052B4;" d="M226.318,263.417v12.368c0,4.097,3.322,7.421,7.421,7.421s7.421-3.324,7.421-7.421v-12.368   L226.318,263.417L226.318,263.417z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/chad.svg b/shared/img/country-flags/chad.svg
new file mode 100644
index 00000000..10e73b51
--- /dev/null
+++ b/shared/img/country-flags/chad.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/chile.svg b/shared/img/country-flags/chile.svg
new file mode 100644
index 00000000..97e9b949
--- /dev/null
+++ b/shared/img/country-flags/chile.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<rect x="256" y="85.337" style="fill:#F0F0F0;" width="256" height="170.663"/>
+<rect y="85.337" style="fill:#0052B4;" width="256" height="170.663"/>
+<polygon style="fill:#F0F0F0;" points="128,109.801 143.108,156.299 192,156.299 152.446,185.038 167.554,231.536 128,202.799   88.446,231.536 103.554,185.038 64,156.299 112.892,156.299 "/>
+</svg>
diff --git a/shared/img/country-flags/china.svg b/shared/img/country-flags/china.svg
new file mode 100644
index 00000000..fca5af9d
--- /dev/null
+++ b/shared/img/country-flags/china.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="178.923,189.567 193.579,234.674 241.008,234.674 202.637,262.552 217.294,307.661    178.923,279.782 140.552,307.661 155.208,262.552 116.837,234.674 164.266,234.674  "/>
+	<polygon style="fill:#FFDA44;" points="271.3,339.593 256.91,329.138 242.522,339.592 248.017,322.678 233.628,312.223    251.414,312.223 256.91,295.307 262.408,312.223 280.193,312.223 265.804,322.677  "/>
+	<polygon style="fill:#FFDA44;" points="308.837,287.927 291.052,287.927 285.556,304.841 280.06,287.928 262.273,287.927    276.664,277.472 271.166,260.557 285.556,271.01 299.945,260.557 294.449,277.472  "/>
+	<polygon style="fill:#FFDA44;" points="308.837,224.063 294.449,234.518 299.944,251.432 285.556,240.979 271.166,251.434    276.664,234.517 262.273,224.065 280.061,224.063 285.556,207.147 291.052,224.063  "/>
+	<polygon style="fill:#FFDA44;" points="271.3,172.397 265.805,189.313 280.193,199.766 262.408,199.767 256.91,216.684    251.414,199.766 233.629,199.768 248.018,189.312 242.522,172.396 256.91,182.851  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/christmas_island.svg b/shared/img/country-flags/christmas_island.svg
new file mode 100644
index 00000000..8166ee9a
--- /dev/null
+++ b/shared/img/country-flags/christmas_island.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#0052B4;" width="512" height="341.337"/>
+<polyline style="fill:#6DA544;" points="0,85.33 512,85.33 512,426.662 "/>
+<circle style="fill:#FFDA44;" cx="256" cy="255.996" r="44.522"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="127.576,352.46 132.26,362.253 142.835,359.809 138.099,369.576 146.603,376.321    136.015,378.706 136.044,389.561 127.576,382.77 119.108,389.561 119.137,378.706 108.547,376.321 117.053,369.576    112.317,359.809 122.892,362.253  "/>
+	<polygon style="fill:#F0F0F0;" points="96.941,270.836 101.624,280.629 112.199,278.185 107.464,287.953 115.968,294.697    105.38,297.083 105.409,307.938 96.941,301.147 88.472,307.938 88.501,297.083 77.913,294.697 86.418,287.953 81.682,278.185    92.257,280.629  "/>
+	<polygon style="fill:#F0F0F0;" points="127.576,204.054 132.26,213.846 142.835,211.402 138.099,221.17 146.603,227.914    136.015,230.3 136.044,241.156 127.576,234.364 119.108,241.156 119.137,230.3 108.548,227.914 117.052,221.17 112.317,211.402    122.892,213.846  "/>
+	<polygon style="fill:#F0F0F0;" points="165.631,255.996 170.315,265.789 180.891,263.343 176.155,273.112 184.658,279.856    174.07,282.243 174.099,293.097 165.631,286.306 157.164,293.097 157.193,282.243 146.603,279.856 155.108,273.112    150.372,263.343 160.948,265.789  "/>
+	<polygon style="fill:#F0F0F0;" points="138.419,300.518 142.103,311.855 154.024,311.855 144.38,318.862 148.064,330.199    138.419,323.193 128.776,330.199 132.46,318.862 122.815,311.855 134.736,311.855  "/>
+</g>
+<path style="fill:#6DA544;" d="M256,285.678h14.84c0,0,6.431-11.376,0-22.261l14.84-14.84l-7.42-14.841h-7.421  c0,0-3.71,11.13-18.551,11.13c-14.841,0-18.55-11.13-18.55-11.13h-7.42l7.42,14.84l-7.421,14.84l7.421,7.421  c0,0,7.421-14.84,22.261-7.421C256,263.417,262.308,272.692,256,285.678z"/>
+<path style="fill:#FFDA44;" d="M396.449,200.819c0.351-1.823,0.536-3.704,0.536-5.629c0-13.2-8.618-24.381-20.533-28.238  c3.641,7.4,5.693,15.723,5.693,24.527c0,2.97-0.239,5.882-0.688,8.726c-1.793-2.888-4.096-5.528-6.91-7.768  c-10.601-8.435-25.087-8.658-35.797-1.554c8.268,1.805,16.264,5.475,23.335,11.102c5.536,4.405,10.01,10.364,13.434,16.116  l-45.316,14.19c44.522,7.421,81.623-22.261,81.623-22.261C407.716,201.809,401.33,200.424,396.449,200.819z"/>
+</svg>
diff --git a/shared/img/country-flags/cocos_island.svg b/shared/img/country-flags/cocos_island.svg
new file mode 100644
index 00000000..299d50e9
--- /dev/null
+++ b/shared/img/country-flags/cocos_island.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#6DA544;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="347.323,330.198 352.006,339.99 362.582,337.546 357.846,347.313 366.35,354.058    355.762,356.443 355.791,367.299 347.323,360.508 338.855,367.299 338.884,356.443 328.296,354.058 336.8,347.313 332.064,337.546    342.639,339.99  "/>
+	<polygon style="fill:#FFDA44;" points="303.755,226.313 308.439,236.107 319.015,233.661 314.278,243.429 322.783,250.173    312.194,252.56 312.223,263.415 303.755,256.623 295.287,263.415 295.316,252.56 284.728,250.173 293.232,243.429 288.495,233.661    299.071,236.107  "/>
+	<polygon style="fill:#FFDA44;" points="347.323,166.951 352.006,176.743 362.582,174.298 357.847,184.067 366.35,190.811    355.762,193.198 355.791,204.052 347.323,197.261 338.855,204.052 338.884,193.198 328.296,190.811 336.8,184.067 332.064,174.298    342.639,176.743  "/>
+	<polygon style="fill:#FFDA44;" points="385.378,211.473 390.062,221.265 400.638,218.821 395.902,228.589 404.405,235.333    393.817,237.719 393.846,248.574 385.378,241.783 376.91,248.574 376.939,237.719 366.35,235.333 374.855,228.589 370.119,218.821    380.695,221.265  "/>
+	<polygon style="fill:#FFDA44;" points="358.166,263.415 361.85,274.753 373.771,274.753 364.127,281.759 367.811,293.095    358.166,286.089 348.523,293.095 352.207,281.759 342.562,274.753 354.483,274.753  "/>
+	<path style="fill:#FFDA44;" d="M274.551,304.226c-26.638,0-48.233-21.594-48.233-48.232s21.594-48.232,48.233-48.232   c8.306,0,16.12,2.1,22.943,5.797c-10.703-10.467-25.341-16.927-41.495-16.927c-32.784,0-59.362,26.577-59.362,59.362   s26.577,59.362,59.362,59.362c16.155,0,30.792-6.46,41.495-16.927C290.671,302.126,282.857,304.226,274.551,304.226z"/>
+	<path style="fill:#FFDA44;" d="M192.657,152.111c-5.133-8.87-14.717-14.84-25.7-14.84s-20.568,5.971-25.7,14.84H192.657z"/>
+	<path style="fill:#FFDA44;" d="M192.756,152.282l-25.799,25.799l-25.799-25.799c-2.465,4.328-3.882,9.331-3.882,14.669   c0,16.393,13.289,29.682,29.682,29.682s29.682-13.289,29.682-29.682C196.638,161.613,195.221,156.61,192.756,152.282z"/>
+</g>
+<path style="fill:#A2001D;" d="M159.536,170.661v25.036c2.372,0.61,4.858,0.935,7.421,0.935s5.049-0.325,7.421-0.935v-25.036  H159.536z"/>
+</svg>
diff --git a/shared/img/country-flags/colombia.svg b/shared/img/country-flags/colombia.svg
new file mode 100644
index 00000000..a34150bd
--- /dev/null
+++ b/shared/img/country-flags/colombia.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="343.096" style="fill:#D80027;" width="512" height="83.567"/>
+<rect y="256" style="fill:#0052B4;" width="512" height="87.096"/>
+</svg>
diff --git a/shared/img/country-flags/comoros.svg b/shared/img/country-flags/comoros.svg
new file mode 100644
index 00000000..450333b3
--- /dev/null
+++ b/shared/img/country-flags/comoros.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="85.337"/>
+<rect y="170.663" style="fill:#F0F0F0;" width="512" height="85.337"/>
+<rect y="256" style="fill:#D80027;" width="512" height="85.337"/>
+<polygon style="fill:#6DA544;" points="256,256.006 0,426.668 0,85.331 "/>
+<g>
+	<path style="fill:#F0F0F0;" d="M68.638,256c0-24.865,17.476-45.638,40.812-50.734c-3.587-0.784-7.308-1.208-11.13-1.208   c-28.688,0-51.942,23.255-51.942,51.942s23.255,51.942,51.942,51.942c3.822,0,7.543-0.425,11.13-1.208   C86.113,301.638,68.638,280.865,68.638,256z"/>
+	<polygon style="fill:#F0F0F0;" points="108.877,211.478 111.639,219.981 120.579,219.981 113.347,225.237 116.109,233.739    108.877,228.484 101.643,233.739 104.407,225.237 97.173,219.981 106.113,219.981  "/>
+	<polygon style="fill:#F0F0F0;" points="108.877,233.739 111.639,242.242 120.579,242.242 113.347,247.497 116.109,256    108.877,250.745 101.643,256 104.407,247.497 97.173,242.242 106.113,242.242  "/>
+	<polygon style="fill:#F0F0F0;" points="108.877,256 111.639,264.503 120.579,264.503 113.347,269.758 116.109,278.261    108.877,273.006 101.643,278.261 104.407,269.758 97.173,264.503 106.113,264.503  "/>
+	<polygon style="fill:#F0F0F0;" points="108.877,278.261 111.639,286.763 120.579,286.763 113.347,292.019 116.109,300.522    108.877,295.267 101.643,300.522 104.407,292.019 97.173,286.763 106.113,286.763  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/cook_islands.svg b/shared/img/country-flags/cook_islands.svg
new file mode 100644
index 00000000..760abce0
--- /dev/null
+++ b/shared/img/country-flags/cook_islands.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.332" style="fill:#0052B4;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="384,156.705 389.283,172.959 406.372,172.959 392.546,183.004 397.827,199.258 384,189.211    370.175,199.258 375.455,183.004 361.63,172.959 378.719,172.959  "/>
+	<polygon style="fill:#F0F0F0;" points="313.791,185.786 329.019,193.544 341.103,181.461 338.43,198.34 353.657,206.099    336.778,208.772 334.104,225.652 326.344,210.425 309.466,213.098 321.552,201.014  "/>
+	<polygon style="fill:#F0F0F0;" points="284.71,255.995 300.964,250.714 300.965,233.625 311.009,247.45 327.263,242.168    317.217,255.995 327.263,269.821 311.009,264.541 300.965,278.366 300.965,261.276  "/>
+	<polygon style="fill:#F0F0F0;" points="313.791,326.204 321.55,310.975 309.466,298.891 326.347,301.565 334.104,286.338    336.778,303.217 353.657,305.889 338.43,313.648 341.103,330.53 329.019,318.443  "/>
+	<polygon style="fill:#F0F0F0;" points="384,355.284 378.719,339.031 361.628,339.031 375.455,328.986 370.175,312.732 384,322.776    397.827,312.732 392.546,328.986 406.372,339.031 389.283,339.031  "/>
+	<polygon style="fill:#F0F0F0;" points="454.209,326.204 438.98,318.446 426.897,330.53 429.57,313.648 414.343,305.892    431.222,303.217 433.897,286.338 441.653,301.565 458.534,298.891 446.448,310.976  "/>
+	<polygon style="fill:#F0F0F0;" points="483.29,255.995 467.036,261.276 467.036,278.366 456.991,264.54 440.737,269.821    450.783,255.995 440.737,242.168 456.991,247.45 467.036,233.625 467.036,250.714  "/>
+	<polygon style="fill:#F0F0F0;" points="454.209,185.788 446.452,201.014 458.534,213.098 441.653,210.425 433.897,225.652    431.222,208.772 414.343,206.097 429.57,198.34 426.897,181.462 438.981,193.544  "/>
+	<path style="fill:#F0F0F0;" d="M0,186.665v16h46.069L0,233.377v7.539l57.377-38.252H80L0,255.998h112v-69.334H0z M96,255.996   H22.628L96,207.083V255.996z"/>
+	<path style="fill:#F0F0F0;" d="M176,138.665l80-53.334H144v69.334h112v-16h-46.069L256,107.951v-7.539l-57.377,38.251H176V138.665z    M160,85.333h73.372L160,134.246V85.333z"/>
+	<path style="fill:#F0F0F0;" d="M144,255.998h112l-80-53.334h22.623L256,240.917v-7.539l-46.069-30.713H256v-16H144V255.998z    M160,207.083l73.372,48.913H160V207.083z"/>
+	<path style="fill:#F0F0F0;" d="M112,85.331H0l80,53.334H57.377L0,100.413v7.539l46.069,30.712H0v16h112V85.331z M96,134.246   L22.628,85.333H96V134.246z"/>
+</g>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.331 112,85.331 112,154.665 0,154.665 0,186.665 112,186.665 112,255.998    144,255.998 144,186.665 256,186.665 256,154.665 144,154.665  "/>
+	<polygon style="fill:#D80027;" points="80,138.665 0,85.331 0,100.413 57.377,138.665  "/>
+	<polygon style="fill:#D80027;" points="176,138.665 198.623,138.665 256,100.413 256,85.331  "/>
+	<polygon style="fill:#D80027;" points="57.377,202.665 0,240.917 0,255.998 80,202.665  "/>
+	<polygon style="fill:#D80027;" points="176,202.665 256,255.998 256,240.917 198.623,202.665  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/corsica.svg b/shared/img/country-flags/corsica.svg
new file mode 100644
index 00000000..92100d7b
--- /dev/null
+++ b/shared/img/country-flags/corsica.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<path d="M315.424,229.882c0-36.096-29.261-65.357-65.357-65.357c-26.635,0-49.535,15.94-59.715,38.796l-8.062,29.223l7.421,7.421  l-14.84,29.682l14.84,7.421l-7.421,7.421v7.421l7.421,7.421v14.84l7.421,7.421l22.261-7.421c0,0,0,7.421,7.421,14.84  c7.421,7.42,14.841,22.262,14.841,22.262s22.261,7.421,37.101-14.84s29.682-29.682,29.682-29.682l-14.305-28.61  C307.213,266.19,315.424,248.998,315.424,229.882z"/>
+<path style="fill:#ACABB1;" d="M320.751,254.876c30.152-5.087,35.176-64.13,35.176-64.13h-41.553  c21.518,51.942-1.004,55.436-1.004,55.436c-3.052-2.27-112.249-54-115.712-55.316c-0.834,1.116-3.903,4.047-7.635,13.174  c-3.732,9.127-4.649,17.338-4.649,17.338c1.749,1.139,117.718,41.633,120.783,41.971c6.083,3.978,13.569,15.871,9.385,51.137  l39.996-11.273C355.536,303.213,341.963,267.104,320.751,254.876z"/>
+</svg>
diff --git a/shared/img/country-flags/costa_rica.svg b/shared/img/country-flags/costa_rica.svg
new file mode 100644
index 00000000..439574b4
--- /dev/null
+++ b/shared/img/country-flags/costa_rica.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="211.473" style="fill:#D80027;" width="512" height="89.043"/>
+<g>
+	<rect y="352.462" style="fill:#0052B4;" width="512" height="74.207"/>
+	<rect y="85.331" style="fill:#0052B4;" width="512" height="74.207"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/croatia.svg b/shared/img/country-flags/croatia.svg
new file mode 100644
index 00000000..cd9d0668
--- /dev/null
+++ b/shared/img/country-flags/croatia.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+<g>
+	<polygon style="fill:#338AF3;" points="300.522,204.059 270.84,204.059 275.788,166.957 295.575,152.116 315.362,166.957    315.362,196.638  "/>
+	<polygon style="fill:#338AF3;" points="211.478,204.059 241.16,204.059 236.212,166.957 216.425,152.116 196.638,166.957    196.638,196.638  "/>
+</g>
+<polygon style="fill:#0052B4;" points="275.788,204.059 236.212,204.059 236.212,166.957 256,152.116 275.788,166.957 "/>
+<path style="fill:#F0F0F0;" d="M196.638,196.638v81.623c0,19.436,9.389,36.719,23.868,47.555l10.388-2.6l13.109,13.188  c3.876,0.798,7.887,1.219,11.996,1.219c4.087,0,8.077-0.415,11.934-1.205l14.964-12.459l8.595,1.834  c14.474-10.834,23.868-28.101,23.868-47.531v-81.623L196.638,196.638L196.638,196.638z"/>
+<g>
+	<rect x="196.641" y="196.641" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="244.124" y="196.641" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="291.617" y="196.641" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="220.383" y="220.383" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="267.876" y="220.383" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="196.641" y="244.124" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="220.383" y="267.865" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="244.124" y="244.124" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="291.617" y="244.124" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="267.876" y="267.865" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<rect x="244.124" y="291.617" style="fill:#D80027;" width="23.745" height="23.745"/>
+	<path style="fill:#D80027;" d="M220.383,291.613h-22.212c2.038,8.826,6.042,16.904,11.536,23.745h10.676V291.613z"/>
+	<path style="fill:#D80027;" d="M291.617,315.357h10.677c5.493-6.842,9.498-14.919,11.536-23.745h-22.213V315.357z"/>
+	<path style="fill:#D80027;" d="M220.383,315.357v10.361c6.906,5.196,14.976,8.923,23.745,10.71v-21.071H220.383z"/>
+	<path style="fill:#D80027;" d="M267.873,315.357v21.071c8.769-1.786,16.839-5.514,23.745-10.71v-10.361H267.873z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/cuba.svg b/shared/img/country-flags/cuba.svg
new file mode 100644
index 00000000..05c80802
--- /dev/null
+++ b/shared/img/country-flags/cuba.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
+<polygon style="fill:#FF9811;" points="0.001,44.522 0,44.522 0,467.477 0.001,467.477 0.001,256.001 "/>
+<rect x="0" y="85.337" style="fill:#F0F0F0;" width="511.999" height="341.325"/>
+<g>
+	<rect x="0" y="85.337" style="fill:#0052B4;" width="511.999" height="68.263"/>
+	<rect x="0" y="221.874" style="fill:#0052B4;" width="511.999" height="68.263"/>
+	<rect x="0" y="358.399" style="fill:#0052B4;" width="511.999" height="68.263"/>
+</g>
+<polygon style="fill:#D80027;" points="256.001,256.005 0.001,426.668 0.001,85.332 "/>
+<polygon style="fill:#F0F0F0;" points="83.478,211.479 94.528,245.489 130.291,245.489 101.36,266.51 112.409,300.521   83.478,279.501 54.547,300.521 65.598,266.51 36.667,245.489 72.428,245.489 "/>
+</svg>
diff --git a/shared/img/country-flags/curacao.svg b/shared/img/country-flags/curacao.svg
new file mode 100644
index 00000000..90314bcf
--- /dev/null
+++ b/shared/img/country-flags/curacao.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<rect y="325.331" style="fill:#FFDA44;" width="512" height="32"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="145.786,148.41 154.995,176.751 184.798,176.751 160.688,194.269 169.896,222.612    145.786,205.096 121.676,222.612 130.886,194.269 106.776,176.751 136.577,176.751  "/>
+	<polygon style="fill:#F0F0F0;" points="94.608,118.728 100.134,135.733 118.015,135.733 103.55,146.244 109.075,163.25    94.608,152.74 80.142,163.25 85.668,146.244 71.202,135.733 89.084,135.733  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/cyprus.svg b/shared/img/country-flags/cyprus.svg
new file mode 100644
index 00000000..5a7f99fd
--- /dev/null
+++ b/shared/img/country-flags/cyprus.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FCFCFC;" width="512" height="341.337"/>
+<path style="fill:#6DA544;" d="M352,233.88c-5.169,0-11.569,0-22.154,0c0,40.784-33.063,73.846-73.846,73.846  c-40.785,0-73.846-33.062-73.846-73.846c-7.138,0-15.016,0-22.154,0c0,43.931,29.509,80.969,69.787,92.377  c-4.415,8.389-3.743,18.951,2.564,26.822c8.285-6.64,16.864-13.515,24.141-19.346c7.277,5.831,15.855,12.705,24.141,19.346  c6.371-7.95,6.998-18.646,2.434-27.075C322.905,314.318,352,277.5,352,233.88z"/>
+<path style="fill:#FFDA44;" d="M196.923,226.497c0,0,0,36.923,36.923,36.923l7.385,7.385H256c0,0,7.385-22.154,22.154-22.154  c0,0,0-14.769,14.769-14.769s22.154,0,22.154,0s-7.385-29.538,29.538-51.692l-14.769-7.385c0,0-51.692,36.923-88.615,29.538v14.769  h-14.769l-7.385-7.385L196.923,226.497z"/>
+</svg>
diff --git a/shared/img/country-flags/czech_republic.svg b/shared/img/country-flags/czech_republic.svg
new file mode 100644
index 00000000..22fc0eff
--- /dev/null
+++ b/shared/img/country-flags/czech_republic.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<polygon style="fill:#D80027;" points="512,256 512,426.663 0,426.663 215.185,256 "/>
+<polygon style="fill:#F0F0F0;" points="512,85.337 512,256 215.185,256 0,85.337 "/>
+</svg>
diff --git a/shared/img/country-flags/democratic_republic_of_congo.svg b/shared/img/country-flags/democratic_republic_of_congo.svg
new file mode 100644
index 00000000..0a53ad66
--- /dev/null
+++ b/shared/img/country-flags/democratic_republic_of_congo.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#338AF3;" width="512" height="341.326"/>
+<polygon style="fill:#FFDA44;" points="512,152.222 512,85.337 411.67,85.337 0,359.778 0,426.663 100.33,426.663 "/>
+<polygon style="fill:#D80027;" points="512,85.337 512,125.462 60.193,426.663 0,426.663 0,386.538 451.807,85.337 "/>
+<polygon style="fill:#FFDA44;" points="176.287,137.278 185.496,165.62 215.297,165.62 191.187,183.137 200.397,211.479   176.287,193.962 152.178,211.479 161.387,183.137 137.277,165.62 167.078,165.62 "/>
+</svg>
diff --git a/shared/img/country-flags/denmark.svg b/shared/img/country-flags/denmark.svg
new file mode 100644
index 00000000..004ba86a
--- /dev/null
+++ b/shared/img/country-flags/denmark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#D80027;" width="512" height="341.337"/>
+<polygon style="fill:#F0F0F0;" points="192,85.33 128,85.33 128,223.996 0,223.996 0,287.996 128,287.996 128,426.662 192,426.662   192,287.996 512,287.996 512,223.996 192,223.996 "/>
+</svg>
diff --git a/shared/img/country-flags/djibouti.svg b/shared/img/country-flags/djibouti.svg
new file mode 100644
index 00000000..da980c82
--- /dev/null
+++ b/shared/img/country-flags/djibouti.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#6DA544;" width="512" height="341.326"/>
+<polygon style="fill:#338AF3;" points="512,85.331 512,252.021 0,256.173 0,85.331 "/>
+<polygon style="fill:#F0F0F0;" points="256,256.006 0,426.668 0,85.331 "/>
+<polygon style="fill:#D80027;" points="94.608,211.478 105.658,245.488 141.422,245.488 112.49,266.51 123.54,300.522   94.608,279.502 65.675,300.522 76.728,266.51 47.795,245.488 83.557,245.488 "/>
+</svg>
diff --git a/shared/img/country-flags/dominica.svg b/shared/img/country-flags/dominica.svg
new file mode 100644
index 00000000..fc489dba
--- /dev/null
+++ b/shared/img/country-flags/dominica.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#496E2D;" width="512" height="341.326"/>
+<polygon points="0,224 0,245.334 0,266.666 0,288 512,288 512,266.666 512,245.334 512,224 "/>
+<rect y="224" style="fill:#FFDA44;" width="512" height="21.337"/>
+<rect y="266.663" style="fill:#F0F0F0;" width="512" height="21.337"/>
+<rect x="224" y="85.337" width="64" height="341.326"/>
+<rect x="224" y="85.337" style="fill:#FFDA44;" width="21.326" height="341.326"/>
+<rect x="266.674" y="85.337" style="fill:#F0F0F0;" width="21.326" height="341.326"/>
+<circle style="fill:#D80027;" cx="256" cy="256" r="81.619"/>
+<g>
+	<path style="fill:#496E2D;" d="M274.596,265.107c-6.071-12.142-13.963-24.449-13.963-24.449s0.196-5.603,0.196-8.942   c0-5.03-4.077-9.107-9.107-9.107c-4.765,0-8.668,3.661-9.067,8.321c-3.746,0.245-6.712,3.352-6.712,7.161   c0,2.769,1.569,5.168,3.864,6.368c1.141-2.669,3.376-4.753,6.141-5.703c0.45,0.37,0.935,0.698,1.451,0.977l1.166,0.559   c0,0-4.326,12.193-4.326,18.745c0,18.416,12.142,24.095,12.142,24.095v0.19l-6.071,6.069h12.142v-12.142l6.071,6.072   C268.58,283.206,280.026,275.967,274.596,265.107z"/>
+	<polygon style="fill:#496E2D;" points="256,189.217 258.763,197.72 267.703,197.72 260.47,202.976 263.234,211.478 256,206.224    248.766,211.478 251.53,202.976 244.297,197.72 253.237,197.72  "/>
+	<polygon style="fill:#496E2D;" points="216.746,201.972 223.978,207.226 231.211,201.972 228.449,210.474 235.682,215.729    226.743,215.73 223.979,224.233 221.216,215.73 212.276,215.729 219.509,210.474  "/>
+	<polygon style="fill:#496E2D;" points="192.486,235.363 201.425,235.363 204.188,226.861 206.952,235.363 215.891,235.363    208.659,240.618 211.423,249.121 204.188,243.867 196.955,249.12 199.718,240.618  "/>
+	<polygon style="fill:#496E2D;" points="192.486,276.637 199.718,271.383 196.955,262.88 204.188,268.134 211.421,262.879    208.659,271.382 215.893,276.637 206.952,276.638 204.188,285.139 201.425,276.637  "/>
+	<polygon style="fill:#496E2D;" points="216.746,310.028 219.509,301.527 212.275,296.271 221.216,296.271 223.979,287.767    226.743,296.27 235.682,296.27 228.449,301.526 231.211,310.028 223.978,304.774  "/>
+	<polygon style="fill:#496E2D;" points="256,322.783 253.237,314.281 244.297,314.281 251.53,309.025 248.766,300.522 256,305.776    263.233,300.522 260.47,309.025 267.703,314.28 258.763,314.281  "/>
+	<polygon style="fill:#496E2D;" points="295.254,310.028 288.022,304.774 280.789,310.029 283.551,301.526 276.317,296.271    285.257,296.27 288.02,287.767 290.784,296.271 299.724,296.271 292.491,301.527  "/>
+	<polygon style="fill:#496E2D;" points="319.514,276.637 310.575,276.637 307.812,285.139 305.048,276.638 296.107,276.638    303.341,271.382 300.577,262.88 307.812,268.134 315.044,262.88 312.282,271.382  "/>
+	<polygon style="fill:#496E2D;" points="319.514,235.363 312.282,240.618 315.045,249.12 307.812,243.866 300.578,249.121    303.341,240.618 296.107,235.364 305.048,235.363 307.811,226.861 310.575,235.363  "/>
+	<polygon style="fill:#496E2D;" points="295.254,201.972 292.491,210.474 299.724,215.729 290.784,215.729 288.022,224.233    285.257,215.73 276.317,215.73 283.551,210.474 280.789,201.973 288.022,207.226  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/dominican_republic.svg b/shared/img/country-flags/dominican_republic.svg
new file mode 100644
index 00000000..8ef2c1e7
--- /dev/null
+++ b/shared/img/country-flags/dominican_republic.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="300.522" style="fill:#D80027;" width="211.478" height="126.141"/>
+<rect y="85.337" style="fill:#0052B4;" width="211.478" height="126.152"/>
+<rect x="300.522" y="85.337" style="fill:#D80027;" width="211.478" height="126.152"/>
+<rect x="300.522" y="300.522" style="fill:#0052B4;" width="211.478" height="126.141"/>
+<path style="fill:#496E2D;" d="M300.521,256.006c0,24.588-19.932,44.521-44.521,44.521s-44.521-19.932-44.521-44.521  S256,211.485,256,211.485S300.521,231.417,300.521,256.006z"/>
+<path style="fill:#0052B4;" d="M211.479,256.006c0-24.588,19.932-44.521,44.521-44.521s44.521,19.932,44.521,44.521"/>
+<path style="fill:#D80027;" d="M230.957,233.745v27.825c0,13.831,11.212,25.042,25.043,25.042c13.832,0,25.043-11.212,25.043-25.042  v-27.825H230.957z"/>
+</svg>
diff --git a/shared/img/country-flags/east_timor.svg b/shared/img/country-flags/east_timor.svg
new file mode 100644
index 00000000..7428a3fe
--- /dev/null
+++ b/shared/img/country-flags/east_timor.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<polygon style="fill:#FFDA44;" points="256,256 0,90.691 0,134.933 155.826,256 0,377.067 0,421.309 "/>
+<polygon points="0,90.691 0,421.309 189.217,256 "/>
+<polygon style="fill:#F0F0F0;" points="44.184,213.36 69.096,236.937 99.217,220.527 84.494,251.507 109.405,275.082   75.393,270.652 60.67,301.63 54.374,267.914 20.362,263.484 50.481,247.076 "/>
+</svg>
diff --git a/shared/img/country-flags/ecuador.svg b/shared/img/country-flags/ecuador.svg
new file mode 100644
index 00000000..2a177c70
--- /dev/null
+++ b/shared/img/country-flags/ecuador.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="256" style="fill:#0052B4;" width="512" height="85.337"/>
+<rect y="341.337" style="fill:#D80027;" width="512" height="85.326"/>
+<circle style="fill:#FFDA44;" cx="256" cy="256" r="59.359"/>
+<path style="fill:#338AF3;" d="M256,295.304c-21.098,0-38.261-17.163-38.261-38.261v-22.957c0-21.098,17.163-38.261,38.261-38.261  s38.261,17.163,38.261,38.261v22.957C294.261,278.141,277.098,295.304,256,295.304z"/>
+<path d="M317.217,165.217h-45.913c0-8.451-6.853-15.304-15.304-15.304s-15.304,6.853-15.304,15.304h-45.913  c0,8.452,7.363,15.304,15.814,15.304h-0.51c0,8.452,6.852,15.304,15.304,15.304c0,8.452,6.852,15.304,15.304,15.304h30.609  c8.452,0,15.304-6.852,15.304-15.304c8.452,0,15.304-6.852,15.304-15.304h-0.51C309.855,180.521,317.217,173.669,317.217,165.217z"/>
+</svg>
diff --git a/shared/img/country-flags/egypt.svg b/shared/img/country-flags/egypt.svg
new file mode 100644
index 00000000..f40a67a6
--- /dev/null
+++ b/shared/img/country-flags/egypt.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" width="512" height="113.775"/>
+<path style="fill:#FF9811;" d="M320,236.29h-48c0-8.836-7.164-16-16-16s-16,7.164-16,16h-48c0,8.836,7.697,16,16.533,16H208  c0,8.836,7.164,16,16,16c0,8.836,7.164,16,16,16h32c8.836,0,16-7.164,16-16c8.836,0,16-7.164,16-16h-0.533  C312.303,252.29,320,245.127,320,236.29z"/>
+</svg>
diff --git a/shared/img/country-flags/el_salvador.svg b/shared/img/country-flags/el_salvador.svg
new file mode 100644
index 00000000..c35be940
--- /dev/null
+++ b/shared/img/country-flags/el_salvador.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#0052B4;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+</g>
+<polygon style="fill:#FFDA44;" points="228.582,261.936 256,214.447 283.418,261.936 "/>
+<polygon style="fill:#6DA544;" points="291.616,277.616 256,295.425 220.384,277.616 220.384,253.872 291.616,253.872 "/>
+<path style="fill:#FFDA44;" d="M289.579,216.485l-12.592,12.592c5.37,5.372,8.693,12.791,8.693,20.988  c0,16.392-13.289,29.68-29.68,29.68c-16.392,0-29.68-13.289-29.68-29.68c0-8.195,3.322-15.616,8.693-20.988l-12.592-12.592  c-8.594,8.594-13.91,20.466-13.91,33.579c0,26.228,21.261,47.489,47.489,47.489s47.489-21.261,47.489-47.489  C303.489,236.95,298.173,225.077,289.579,216.485z"/>
+</svg>
diff --git a/shared/img/country-flags/england.svg b/shared/img/country-flags/england.svg
new file mode 100644
index 00000000..4f8c76bc
--- /dev/null
+++ b/shared/img/country-flags/england.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<polygon style="fill:#D80027;" points="288,85.33 224,85.33 224,223.996 0,223.996 0,287.996 224,287.996 224,426.662 288,426.662   288,287.996 512,287.996 512,223.996 288,223.996 "/>
+</svg>
diff --git a/shared/img/country-flags/equatorial_guinea.svg b/shared/img/country-flags/equatorial_guinea.svg
new file mode 100644
index 00000000..8b90b37d
--- /dev/null
+++ b/shared/img/country-flags/equatorial_guinea.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+<polygon style="fill:#0052B4;" points="256,256.006 0,426.668 0,85.331 "/>
+<path style="fill:#DEDDE0;" d="M279.807,219.71v44.444c0,27.216,35.555,35.556,35.555,35.556s35.555-8.339,35.555-35.556V219.71  H279.807z"/>
+<rect x="306.477" y="256.156" style="fill:#786145;" width="17.778" height="25.778"/>
+<path style="fill:#6DA544;" d="M333.141,246.377c0-9.818-7.959-17.778-17.778-17.778s-17.778,7.959-17.778,17.778  c-4.91,0-8.889,3.979-8.889,8.889s3.979,8.889,8.889,8.889c2.915,0,32.64,0,35.555,0c4.91,0,8.889-3.979,8.889-8.889  S338.05,246.377,333.141,246.377z"/>
+</svg>
diff --git a/shared/img/country-flags/eritrea.svg b/shared/img/country-flags/eritrea.svg
new file mode 100644
index 00000000..c3b2aac1
--- /dev/null
+++ b/shared/img/country-flags/eritrea.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#338AF3;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="170.663"/>
+<path style="fill:#D80027;" d="M0,426.663c-0.004,0.027,512-170.669,512-170.669L0,85.337V426.663z"/>
+<path style="fill:#FFDA44;" d="M140.986,191.994c-29.718,0-53.895,24.176-53.895,53.895V266.1c0,29.718,24.178,53.895,53.895,53.895  s53.895-24.176,53.895-53.895v-20.211C194.881,216.172,170.703,191.994,140.986,191.994z M174.67,266.1  c0,15.054-9.927,27.831-23.579,32.134v-22.028l14.299-14.298l-14.29-14.29l-0.008-5.087v-6.745h-20.211v20.211l-14.288,14.288  l14.288,14.288v13.663c-13.651-4.303-23.579-17.08-23.579-32.134V245.89c0-18.573,15.111-33.684,33.684-33.684  s33.684,15.111,33.684,33.684v20.21H174.67z"/>
+</svg>
diff --git a/shared/img/country-flags/estonia.svg b/shared/img/country-flags/estonia.svg
new file mode 100644
index 00000000..f949a25c
--- /dev/null
+++ b/shared/img/country-flags/estonia.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#0052B4;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#F0F0F0;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/ethiopia.svg b/shared/img/country-flags/ethiopia.svg
new file mode 100644
index 00000000..0a8f05d1
--- /dev/null
+++ b/shared/img/country-flags/ethiopia.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+<circle style="fill:#0052B4;" cx="256" cy="256" r="81.619"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="255.982,192.796 270.717,238.142 318.474,238.142 279.824,266.17 294.673,311.651    255.982,283.491 217.352,311.599 232.142,266.17 193.526,238.142 241.248,238.142  "/>
+	<polygon style="fill:#FFDA44;" points="314.748,267.286 268.005,252.098 296.893,212.339 284.888,203.615 255.999,243.376    227.112,203.616 215.106,212.338 243.992,252.1 197.252,267.286 201.837,281.401 248.579,266.213 248.579,315.361 263.421,315.361    263.421,266.213 310.161,281.401  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/european_union.svg b/shared/img/country-flags/european_union.svg
new file mode 100644
index 00000000..81091756
--- /dev/null
+++ b/shared/img/country-flags/european_union.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="256,159.994 261.107,175.709 277.63,175.709 264.262,185.422 269.368,201.137 256,191.425    242.632,201.137 247.738,185.422 234.37,175.709 250.893,175.709  "/>
+	<polygon style="fill:#FFDA44;" points="188.118,188.112 202.841,195.613 214.525,183.93 211.939,200.25 226.662,207.752    210.342,210.337 207.757,226.658 200.255,211.935 183.936,214.519 195.62,202.835  "/>
+	<polygon style="fill:#FFDA44;" points="160,255.994 175.715,250.888 175.716,234.365 185.427,247.733 201.143,242.627    191.43,255.994 201.143,269.362 185.427,264.257 175.716,277.624 175.716,261.101  "/>
+	<polygon style="fill:#FFDA44;" points="188.118,323.877 195.618,309.153 183.936,297.47 200.257,300.055 207.757,285.332    210.342,301.653 226.662,304.237 211.94,311.739 214.525,328.058 202.841,316.375  "/>
+	<polygon style="fill:#FFDA44;" points="256,351.994 250.893,336.279 234.37,336.279 247.739,326.567 242.632,310.852 256,320.564    269.368,310.852 264.262,326.567 277.63,336.279 261.106,336.279  "/>
+	<polygon style="fill:#FFDA44;" points="323.882,323.877 309.159,316.376 297.475,328.06 300.061,311.738 285.338,304.237    301.657,301.653 304.243,285.332 311.745,300.055 328.064,297.47 316.38,309.154  "/>
+	<polygon style="fill:#FFDA44;" points="352,255.994 336.285,261.101 336.285,277.624 326.573,264.255 310.857,269.362    320.57,255.994 310.857,242.627 326.573,247.732 336.284,234.365 336.285,250.889  "/>
+	<polygon style="fill:#FFDA44;" points="323.882,188.112 316.381,202.835 328.065,214.519 311.743,211.933 304.243,226.657    301.657,210.337 285.338,207.752 300.061,200.25 297.475,183.93 309.159,195.614  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/falkland_islands.svg b/shared/img/country-flags/falkland_islands.svg
new file mode 100644
index 00000000..8463c3d4
--- /dev/null
+++ b/shared/img/country-flags/falkland_islands.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#0052B4;" width="512" height="341.337"/>
+<polygon style="fill:#FFDA44;" points="413.681,293.097 413.681,300.518 354.318,300.518 354.318,293.097 332.058,293.097   332.058,322.779 346.899,322.779 346.899,330.198 421.101,330.198 421.101,322.779 435.942,322.779 435.942,293.097 "/>
+<path style="fill:#338AF3;" d="M332.058,181.793v81.623c0,39.759,51.942,51.942,51.942,51.942s51.942-12.182,51.942-51.942v-81.623  L332.058,181.793L332.058,181.793z"/>
+<g>
+	<path style="fill:#F3F3F3;" d="M383.997,242.675c-12.985,0-12.985,11.873-25.97,11.873s-12.985-11.873-25.97-11.873v20.777   c12.985,0,12.985,11.873,25.97,11.873s12.985-11.873,25.97-11.873c12.986,0,12.986,11.873,25.973,11.873   c12.986,0,12.986-11.873,25.973-11.873v-20.777c-12.986,0-12.986,11.873-25.973,11.873   C396.984,254.548,396.984,242.675,383.997,242.675z"/>
+	<path style="fill:#F3F3F3;" d="M383.997,201.085c-12.985,0-12.985,11.873-25.97,11.873s-12.985-11.873-25.97-11.873v20.777   c12.985,0,12.985,11.873,25.97,11.873s12.985-11.873,25.97-11.873c12.986,0,12.986,11.873,25.973,11.873   c12.986,0,12.986-11.873,25.973-11.873v-20.777c-12.986,0-12.986,11.873-25.973,11.873   C396.984,212.958,396.984,201.085,383.997,201.085z"/>
+</g>
+<polygon style="fill:#F0F0F0;" points="256,85.333 256,115.886 210.833,140.985 256,140.985 256,200.344 196.897,200.344   256,233.179 256,255.996 229.32,255.996 155.826,215.169 155.826,255.996 100.174,255.996 100.174,207.423 12.744,255.996   0,255.996 0,225.442 45.167,200.344 0,200.344 0,140.985 59.103,140.985 0,108.139 0,85.333 26.68,85.333 100.174,126.16   100.174,85.333 155.826,85.333 155.826,133.906 243.256,85.333 "/>
+<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.662 0,154.662 0,186.662 112,186.662 112,255.996 144,255.996   144,186.662 256,186.662 256,154.662 144,154.662 "/>
+<polygon style="fill:#0052B4;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<polygon style="fill:#F0F0F0;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<g>
+	<polygon style="fill:#D80027;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344  "/>
+	<polygon style="fill:#D80027;" points="71.846,200.344 0,240.259 0,255.996 0,255.996 100.174,200.344  "/>
+</g>
+<polygon style="fill:#0052B4;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<polygon style="fill:#F0F0F0;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<g>
+	<polygon style="fill:#D80027;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982  "/>
+	<polygon style="fill:#D80027;" points="184.154,140.982 256,101.067 256,85.33 256,85.33 155.826,140.982  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/faroe_islands.svg b/shared/img/country-flags/faroe_islands.svg
new file mode 100644
index 00000000..1340409d
--- /dev/null
+++ b/shared/img/country-flags/faroe_islands.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<polygon style="fill:#0052B4;" points="512,295.883 202.195,295.883 202.195,426.666 183.652,426.666 140.978,426.666   122.435,426.666 122.435,295.883 0,295.883 0,277.329 0,234.666 0,216.111 122.435,216.111 122.435,85.329 140.978,85.329   183.652,85.329 202.195,85.329 202.195,216.111 512,216.111 512,234.666 512,277.329 "/>
+<polygon style="fill:#D80027;" points="512,234.666 512,277.329 183.652,277.329 183.652,426.666 140.978,426.666 140.978,277.329   0,277.329 0,234.666 140.978,234.666 140.978,85.329 183.652,85.329 183.652,234.666 "/>
+</svg>
diff --git a/shared/img/country-flags/fiji.svg b/shared/img/country-flags/fiji.svg
new file mode 100644
index 00000000..4de4369d
--- /dev/null
+++ b/shared/img/country-flags/fiji.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#2E52B2;" width="512" height="341.337"/>
+<polygon style="fill:#F0F0F0;" points="256,85.334 256,107.951 209.931,138.66 256,138.66 256,202.66 209.931,202.66 256,233.38   256,255.997 233.372,255.997 160,207.078 160,255.997 96,255.997 96,207.078 22.628,255.997 0,255.997 0,233.38 46.069,202.66   0,202.66 0,138.66 46.069,138.66 0,107.951 0,85.334 22.628,85.334 96,134.241 96,85.334 160,85.334 160,134.241 233.372,85.334 "/>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.329 112,85.329 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997    144,255.997 144,186.663 256,186.663 256,154.663 144,154.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+	<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+	<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663  "/>
+	<polygon style="fill:#D80027;" points="0,255.997 0,240.915 57.377,202.663 80,202.663  "/>
+	<polygon style="fill:#D80027;" points="256,255.997 256,240.915 198.623,202.663 176,202.663  "/>
+</g>
+<path style="fill:#F3F3F3;" d="M332.058,207.765v59.362c0,39.76,51.942,51.942,51.942,51.942s51.942-12.182,51.942-51.942v-59.362  L384,192.924L332.058,207.765z"/>
+<path style="fill:#D80027;" d="M435.942,211.475v-22.261H332.059v22.261h44.521v44.523h-44.521v14.839v0.001h44.521v49.664  c4.479,1.586,7.421,2.277,7.421,2.277s2.942-0.691,7.42-2.276v-49.665h44.523v-0.001v-14.839H391.42v-44.523H435.942z"/>
+</svg>
diff --git a/shared/img/country-flags/finland.svg b/shared/img/country-flags/finland.svg
new file mode 100644
index 00000000..e1ca9d2e
--- /dev/null
+++ b/shared/img/country-flags/finland.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<polygon style="fill:#2E52B2;" points="512,234.666 512,277.329 183.652,277.329 183.652,426.666 140.978,426.666 140.978,277.329   0,277.329 0,234.666 140.978,234.666 140.978,85.329 183.652,85.329 183.652,234.666 "/>
+</svg>
diff --git a/shared/img/country-flags/france.svg b/shared/img/country-flags/france.svg
new file mode 100644
index 00000000..5140bbea
--- /dev/null
+++ b/shared/img/country-flags/france.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/french_polynesia.svg b/shared/img/country-flags/french_polynesia.svg
new file mode 100644
index 00000000..b6747e09
--- /dev/null
+++ b/shared/img/country-flags/french_polynesia.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+</g>
+<path style="fill:#FFDA44;" d="M293.991,256c0,20.982-17.01,33.243-37.992,33.243S218.008,276.982,218.008,256  s17.01-37.992,37.992-37.992S293.991,235.018,293.991,256z"/>
+<path style="fill:#0052B4;" d="M293.991,256c0,20.982-17.01,37.992-37.992,37.992s-37.992-17.01-37.992-37.992"/>
+<g>
+	<rect x="232.259" y="246.506" style="fill:#D80027;" width="9.498" height="19"/>
+	<rect x="270.247" y="246.506" style="fill:#D80027;" width="9.498" height="19"/>
+	<rect x="251.247" y="232.259" style="fill:#D80027;" width="9.498" height="33.243"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/gabon.svg b/shared/img/country-flags/gabon.svg
new file mode 100644
index 00000000..6f7d74c5
--- /dev/null
+++ b/shared/img/country-flags/gabon.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/galapagos_islands.svg b/shared/img/country-flags/galapagos_islands.svg
new file mode 100644
index 00000000..e1e4f990
--- /dev/null
+++ b/shared/img/country-flags/galapagos_islands.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/gambia.svg b/shared/img/country-flags/gambia.svg
new file mode 100644
index 00000000..e615a956
--- /dev/null
+++ b/shared/img/country-flags/gambia.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="322.783" style="fill:#496E2D;" width="512" height="103.88"/>
+<rect y="85.337" style="fill:#A2001D;" width="512" height="104.515"/>
+<rect y="210.877" style="fill:#0052B4;" width="512" height="89.656"/>
+</svg>
diff --git a/shared/img/country-flags/georgia.svg b/shared/img/country-flags/georgia.svg
new file mode 100644
index 00000000..5877cf59
--- /dev/null
+++ b/shared/img/country-flags/georgia.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#D80027;" points="288,85.33 224,85.33 224,223.996 0,223.996 0,287.996 224,287.996 224,426.662 288,426.662    288,287.996 512,287.996 512,223.996 288,223.996  "/>
+	<polygon style="fill:#D80027;" points="123.13,143.534 123.13,121.273 100.87,121.273 100.87,143.534 78.609,143.534    78.609,165.795 100.87,165.795 100.87,188.056 123.13,188.056 123.13,165.795 145.391,165.795 145.391,143.534  "/>
+	<polygon style="fill:#D80027;" points="411.13,143.534 411.13,121.273 388.87,121.273 388.87,143.534 366.609,143.534    366.609,165.795 388.87,165.795 388.87,188.056 411.13,188.056 411.13,165.795 433.391,165.795 433.391,143.534  "/>
+	<polygon style="fill:#D80027;" points="123.13,346.197 123.13,323.936 100.87,323.936 100.87,346.197 78.609,346.197    78.609,368.458 100.87,368.458 100.87,390.719 123.13,390.719 123.13,368.458 145.391,368.458 145.391,346.197  "/>
+	<polygon style="fill:#D80027;" points="411.13,346.197 411.13,323.936 388.87,323.936 388.87,346.197 366.609,346.197    366.609,368.458 388.87,368.458 388.87,390.719 411.13,390.719 411.13,368.458 433.391,368.458 433.391,346.197  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/germany.svg b/shared/img/country-flags/germany.svg
new file mode 100644
index 00000000..f698e36f
--- /dev/null
+++ b/shared/img/country-flags/germany.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<rect y="85.331" width="512" height="113.775"/>
+<rect y="312.882" style="fill:#FFDA44;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/ghana.svg b/shared/img/country-flags/ghana.svg
new file mode 100644
index 00000000..bcea8553
--- /dev/null
+++ b/shared/img/country-flags/ghana.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#496E2D;" width="512" height="113.775"/>
+<polygon points="255.883,199.111 270.002,242.569 310.368,245.769 273.399,272.63 292.852,312.889 255.883,286.03 218.913,312.889   233.036,269.43 196.067,242.569 241.763,242.569 "/>
+</svg>
diff --git a/shared/img/country-flags/gibraltar.svg b/shared/img/country-flags/gibraltar.svg
new file mode 100644
index 00000000..9fb843f5
--- /dev/null
+++ b/shared/img/country-flags/gibraltar.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="312.882" style="fill:#D80027;" width="512" height="113.775"/>
+	<polygon style="fill:#D80027;" points="322.783,226.313 322.783,204.052 330.203,204.052 330.203,189.212 315.362,189.212    315.362,196.631 300.522,196.631 300.522,189.212 285.682,189.212 285.682,204.052 293.101,204.052 293.101,226.313    278.261,226.313 278.261,174.373 285.682,174.373 285.682,159.531 270.84,159.531 270.84,166.951 263.421,166.951 263.421,159.531    248.579,159.531 248.579,166.951 241.16,166.951 241.16,159.531 226.318,159.531 226.318,174.373 233.739,174.373 233.739,226.313    218.899,226.313 218.899,204.052 226.318,204.052 226.318,189.212 211.478,189.212 211.478,196.631 196.638,196.631    196.638,189.212 181.797,189.212 181.797,204.052 189.217,204.052 189.217,226.313 174.377,226.313 174.377,285.675    337.623,285.675 337.623,226.313  "/>
+</g>
+<path style="fill:#FFDA44;" d="M256,278.255c-12.295,0-22.261,9.966-22.261,22.261c0,9.691,6.195,17.933,14.84,20.989v30.953  h-22.261v29.682h37.101v-60.634c8.646-3.055,14.841-11.297,14.841-20.989C278.261,288.221,268.295,278.255,256,278.255z   M256,307.936c-4.098,0-7.421-3.322-7.421-7.421s3.321-7.421,7.421-7.421c4.098,0,7.421,3.321,7.421,7.421  C263.421,304.613,260.098,307.936,256,307.936z"/>
+</svg>
diff --git a/shared/img/country-flags/greece.svg b/shared/img/country-flags/greece.svg
new file mode 100644
index 00000000..4fc86860
--- /dev/null
+++ b/shared/img/country-flags/greece.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 362.023 362.023" style="enable-background:new 0 0 362.023 362.023;" xml:space="preserve">
+<rect y="60.338" style="fill:#F0F0F0;" width="362.023" height="241.346"/>
+<g>
+	<rect y="60.338" style="fill:#338AF3;" width="362.023" height="30.168"/>
+	<rect y="120.679" style="fill:#338AF3;" width="362.023" height="30.168"/>
+	<rect y="181.014" style="fill:#338AF3;" width="362.023" height="30.168"/>
+	<rect y="241.35" style="fill:#338AF3;" width="362.023" height="30.168"/>
+	<rect y="60.338" style="fill:#338AF3;" width="133.788" height="120.676"/>
+</g>
+<g>
+	<rect y="107.27" style="fill:#F0F0F0;" width="133.788" height="26.814"/>
+	<rect x="53.487" y="60.338" style="fill:#F0F0F0;" width="26.814" height="120.676"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/greenland.svg b/shared/img/country-flags/greenland.svg
new file mode 100644
index 00000000..d3460b99
--- /dev/null
+++ b/shared/img/country-flags/greenland.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.34" style="fill:#D80027;" width="512" height="341.326"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="512,85.334 512,252.024 0,256.175 0,85.334  "/>
+	<circle style="fill:#F0F0F0;" cx="204.054" cy="256.003" r="81.619"/>
+</g>
+<path style="fill:#D80027;" d="M122.435,256.003c0-45.078,36.545-81.623,81.623-81.623c45.079,0,81.623,36.545,81.623,81.623"/>
+</svg>
diff --git a/shared/img/country-flags/grenada.svg b/shared/img/country-flags/grenada.svg
new file mode 100644
index 00000000..865d2bb6
--- /dev/null
+++ b/shared/img/country-flags/grenada.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#A2001D;" width="512" height="341.326"/>
+<polygon style="fill:#496E2D;" points="256,256 44.522,382.141 44.522,129.859 "/>
+<g>
+	<polygon style="fill:#FFDA44;" points="256,256 467.478,382.141 44.522,382.141  "/>
+	<polygon style="fill:#FFDA44;" points="467.478,129.859 256,256 44.522,129.859  "/>
+</g>
+<polygon style="fill:#496E2D;" points="467.478,129.859 467.478,382.141 256,256 "/>
+<g>
+	<polygon style="fill:#FFDA44;" points="256,95.722 259.316,105.925 270.044,105.925 261.365,112.231 264.681,122.435 256,116.128    247.32,122.435 250.636,112.231 241.956,105.925 252.684,105.925  "/>
+	<polygon style="fill:#FFDA44;" points="170.094,95.722 173.41,105.925 184.137,105.925 175.459,112.231 178.775,122.435    170.094,116.128 161.415,122.435 164.73,112.231 156.05,105.925 166.778,105.925  "/>
+	<polygon style="fill:#FFDA44;" points="341.906,95.722 345.222,105.925 355.95,105.925 347.271,112.231 350.586,122.435    341.906,116.128 333.227,122.435 336.543,112.231 327.863,105.925 338.59,105.925  "/>
+	<polygon style="fill:#FFDA44;" points="256,389.565 259.316,399.768 270.044,399.768 261.365,406.075 264.681,416.278 256,409.972    247.32,416.278 250.636,406.075 241.956,399.768 252.684,399.768  "/>
+	<polygon style="fill:#FFDA44;" points="170.094,389.565 173.41,399.768 184.137,399.768 175.459,406.075 178.775,416.278    170.094,409.972 161.415,416.278 164.73,406.075 156.05,399.768 166.778,399.768  "/>
+	<polygon style="fill:#FFDA44;" points="341.906,389.565 345.222,399.768 355.95,399.768 347.271,406.075 350.586,416.278    341.906,409.972 333.227,416.278 336.543,406.075 327.863,399.768 338.59,399.768  "/>
+</g>
+<circle style="fill:#A2001D;" cx="256" cy="256" r="37.988"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="256,218.008 264.516,244.218 292.077,244.218 269.781,260.42 278.296,286.631 256,270.432    233.702,286.631 242.219,260.42 219.923,244.218 247.483,244.218  "/>
+	<path style="fill:#FFDA44;" d="M107.655,253.181c4.383,6.926,2.323,16.092-4.602,20.477s-16.092,2.324-20.477-4.602   c-7.937-12.54-3.335-33.016-3.335-33.016S99.716,240.642,107.655,253.181z"/>
+</g>
+<circle style="fill:#A2001D;" cx="99.083" cy="267.386" r="7.42"/>
+</svg>
diff --git a/shared/img/country-flags/guam.svg b/shared/img/country-flags/guam.svg
new file mode 100644
index 00000000..f587fdfc
--- /dev/null
+++ b/shared/img/country-flags/guam.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<rect x="11.13" y="96.462" style="fill:#0052B4;" width="489.739" height="319.076"/>
+<path style="fill:#D80027;" d="M246.342,363.726c-2.333-1.999-57.125-49.632-57.125-107.731s54.792-105.732,57.125-107.731  l9.658-8.279l9.658,8.279c2.333,1.999,57.125,49.632,57.125,107.731s-54.792,105.732-57.125,107.731L256,372.005L246.342,363.726z"/>
+<path style="fill:#338AF3;" d="M307.942,255.994c0-51.942-51.942-96.464-51.942-96.464s-51.942,44.524-51.942,96.464  c0,15.89,4.865,31.083,11.613,44.522h80.658C303.077,287.077,307.942,271.884,307.942,255.994z"/>
+<path style="fill:#0052B4;" d="M307.942,255.994c0,15.89-4.865,31.083-11.613,44.522L256,307.937l-40.329-7.421  c-6.748-13.439-11.613-28.632-11.613-44.522H307.942z"/>
+<path style="fill:#FFDA44;" d="M256,352.459c0,0,25.019-21.452,40.329-51.942h-80.658C230.981,331.007,256,352.459,256,352.459z"/>
+<polygon style="fill:#6DA544;" points="222.609,226.313 289.391,226.313 256,259.704 "/>
+<rect x="244.87" y="248.57" style="fill:#A2001D;" width="22.261" height="66.783"/>
+</svg>
diff --git a/shared/img/country-flags/guatemala.svg b/shared/img/country-flags/guatemala.svg
new file mode 100644
index 00000000..af5d8849
--- /dev/null
+++ b/shared/img/country-flags/guatemala.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#338AF3;" width="170.663" height="341.337"/>
+	<rect x="341.337" y="85.331" style="fill:#338AF3;" width="170.663" height="341.337"/>
+</g>
+<polygon style="fill:#ACABB1;" points="304.083,286.736 272.971,255.624 302.586,226.008 301.244,210.366 292.766,201.886   256,238.652 219.234,201.886 210.756,210.366 209.414,226.008 239.029,255.624 207.917,286.736 224.887,303.706 256,272.594   287.113,303.706 "/>
+<path style="fill:#6DA544;" d="M301.255,210.367l-16.971,16.971c7.238,7.239,11.716,17.239,11.716,28.285  c0,22.092-17.909,40.001-40.001,40.001s-40.001-17.909-40.001-40.001c0-11.045,4.478-21.045,11.716-28.285l-16.971-16.971  C199.162,221.949,192,237.949,192,255.623c0,35.346,28.654,64,64,64s64-28.654,64-64C320,237.949,312.836,221.949,301.255,210.367z"/>
+</svg>
diff --git a/shared/img/country-flags/guernsey.svg b/shared/img/country-flags/guernsey.svg
new file mode 100644
index 00000000..9047202e
--- /dev/null
+++ b/shared/img/country-flags/guernsey.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<polygon style="fill:#D80027;" points="288,85.33 224,85.33 224,223.996 0,223.996 0,287.996 224,287.996 224,426.662 288,426.662   288,287.996 512,287.996 512,223.996 288,223.996 "/>
+<polygon style="fill:#FFDA44;" points="319.304,265.735 333.913,275.474 333.913,236.518 319.304,246.257 265.739,246.257   265.739,192.692 275.478,178.083 236.522,178.083 246.261,192.692 246.261,246.257 192.696,246.257 178.087,236.518   178.087,275.474 192.696,265.735 246.261,265.735 246.261,319.3 236.522,333.909 275.478,333.909 265.739,319.3 265.739,265.735 "/>
+</svg>
diff --git a/shared/img/country-flags/guinea.svg b/shared/img/country-flags/guinea.svg
new file mode 100644
index 00000000..09a6d7dc
--- /dev/null
+++ b/shared/img/country-flags/guinea.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect x="330.207" y="85.331" style="fill:#6DA544;" width="181.793" height="341.337"/>
+<rect y="85.331" style="fill:#D80027;" width="181.793" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/guinea_bissau.svg b/shared/img/country-flags/guinea_bissau.svg
new file mode 100644
index 00000000..175123cb
--- /dev/null
+++ b/shared/img/country-flags/guinea_bissau.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#6DA544;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="170.663"/>
+<rect y="85.331" style="fill:#D80027;" width="181.793" height="341.337"/>
+<polygon points="98.32,195.127 113.427,241.624 162.321,241.624 122.766,270.364 137.874,316.862 98.32,288.125 58.764,316.862   73.875,270.364 34.321,241.624 83.212,241.624 "/>
+</svg>
diff --git a/shared/img/country-flags/haiti.svg b/shared/img/country-flags/haiti.svg
new file mode 100644
index 00000000..8bd111b4
--- /dev/null
+++ b/shared/img/country-flags/haiti.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.34" style="fill:#A2001D;" width="512" height="341.326"/>
+<polygon style="fill:#0052B4;" points="512,85.334 512,252.024 0,256.175 0,85.334 "/>
+<polygon style="fill:#F0F0F0;" points="315.362,300.525 256,293.104 196.638,300.525 196.638,211.481 315.362,211.481 "/>
+<circle style="fill:#0052B4;" cx="256" cy="263.427" r="29.682"/>
+<circle style="fill:#A2001D;" cx="256" cy="263.427" r="14.84"/>
+<polygon style="fill:#6DA544;" points="233.739,226.321 278.261,226.321 256,248.582 "/>
+<rect x="248.576" y="241.166" style="fill:#FFDA44;" width="14.84" height="44.522"/>
+<polygon style="fill:#6DA544;" points="279.746,281.232 232.254,281.232 196.638,300.525 315.362,300.525 "/>
+</svg>
diff --git a/shared/img/country-flags/hawaii.svg b/shared/img/country-flags/hawaii.svg
new file mode 100644
index 00000000..df04c027
--- /dev/null
+++ b/shared/img/country-flags/hawaii.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.338" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="128.001" style="fill:#D80027;" width="512" height="42.663"/>
+<rect y="170.664" style="fill:#0052B4;" width="512" height="42.663"/>
+<rect y="256.001" style="fill:#D80027;" width="512" height="42.663"/>
+<rect y="298.664" style="fill:#0052B4;" width="512" height="42.663"/>
+<rect y="384.001" style="fill:#D80027;" width="512" height="42.663"/>
+<rect y="85.338" style="fill:#F0F0F0;" width="256" height="170.663"/>
+<polygon style="fill:#D80027;" points="144,85.336 112,85.336 112,154.67 0,154.67 0,186.67 112,186.67 112,256.003 144,256.003   144,186.67 256,186.67 256,154.67 144,154.67 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="196.892,200.351 256,233.188 256,200.351  "/>
+	<polygon style="fill:#0052B4;" points="155.826,200.351 256,256.003 256,240.266 184.153,200.351  "/>
+	<polygon style="fill:#0052B4;" points="229.317,256.003 155.826,215.171 155.826,256.003  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="155.826,200.351 256,256.003 256,240.266 184.153,200.351 "/>
+<polygon style="fill:#D80027;" points="155.826,200.351 256,256.003 256,240.266 184.153,200.351 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="45.171,200.35 0,225.445 0,200.35  "/>
+	<polygon style="fill:#0052B4;" points="100.174,207.427 100.174,256.002 12.745,256.002  "/>
+</g>
+<polygon style="fill:#D80027;" points="71.846,200.351 0,240.266 0,256.003 0,256.003 100.174,200.351 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="59.108,140.988 0,108.151 0,140.988  "/>
+	<polygon style="fill:#0052B4;" points="100.174,140.988 0,85.336 0,101.073 71.847,140.988  "/>
+	<polygon style="fill:#0052B4;" points="26.683,85.336 100.174,126.169 100.174,85.336  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="100.174,140.988 0,85.336 0,101.073 71.847,140.988 "/>
+<polygon style="fill:#D80027;" points="100.174,140.988 0,85.336 0,101.073 71.847,140.988 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="210.829,140.989 256,115.895 256,140.989  "/>
+	<polygon style="fill:#0052B4;" points="155.826,133.912 155.826,85.337 243.255,85.337  "/>
+</g>
+<polygon style="fill:#D80027;" points="184.154,140.988 256,101.074 256,85.336 256,85.336 155.826,140.988 "/>
+</svg>
diff --git a/shared/img/country-flags/honduras.svg b/shared/img/country-flags/honduras.svg
new file mode 100644
index 00000000..5cdaadab
--- /dev/null
+++ b/shared/img/country-flags/honduras.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#338AF3;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#338AF3;" width="512" height="113.775"/>
+	<polygon style="fill:#338AF3;" points="203.491,208.511 207.912,222.116 222.217,222.116 210.643,230.524 215.064,244.128    203.491,235.72 191.919,244.128 196.34,230.524 184.766,222.116 199.071,222.116  "/>
+	<polygon style="fill:#338AF3;" points="203.491,267.872 207.912,281.478 222.217,281.478 210.643,289.884 215.064,303.489    203.491,295.081 191.919,303.489 196.34,289.884 184.766,281.478 199.071,281.478  "/>
+	<polygon style="fill:#338AF3;" points="308.509,208.511 312.929,222.116 327.234,222.116 315.66,230.524 320.081,244.128    308.509,235.72 296.936,244.128 301.357,230.524 289.783,222.116 304.088,222.116  "/>
+	<polygon style="fill:#338AF3;" points="308.509,267.872 312.929,281.478 327.234,281.478 315.66,289.884 320.081,303.489    308.509,295.081 296.936,303.489 301.357,289.884 289.783,281.478 304.088,281.478  "/>
+	<polygon style="fill:#338AF3;" points="256,238.191 260.421,251.796 274.725,251.796 263.152,260.204 267.573,273.809 256,265.401    244.427,273.809 248.848,260.204 237.275,251.796 251.579,251.796  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/hong_kong.svg b/shared/img/country-flags/hong_kong.svg
new file mode 100644
index 00000000..72906d08
--- /dev/null
+++ b/shared/img/country-flags/hong_kong.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M273.621,214.44c-3.878,16.132-10.77,13.056-14.152,27.125   c-19.921-4.789-32.191-24.823-27.401-44.747c4.788-19.921,24.823-32.191,44.745-27.402   C270.048,197.555,277.09,200.011,273.621,214.44z"/>
+	<path style="fill:#F0F0F0;" d="M221.924,226.394c14.145,8.674,9.088,14.278,21.423,21.842   c-10.712,17.467-33.555,22.944-51.023,12.232c-17.467-10.711-22.945-33.556-12.233-51.023   C204.762,224.574,209.272,218.636,221.924,226.394z"/>
+	<path style="fill:#F0F0F0;" d="M217.318,279.255c12.621-10.772,16.387-4.232,27.393-13.626   c13.303,15.585,11.452,39.003-4.132,52.306c-15.586,13.303-39.004,11.451-52.306-4.133   C210.284,295.016,206.03,288.89,217.318,279.255z"/>
+	<path style="fill:#F0F0F0;" d="M266.17,299.971c-6.347-15.331,1.037-16.894-4.494-30.263c18.933-7.835,40.634,1.161,48.471,20.094   c7.835,18.933-1.162,40.634-20.095,48.47C278.984,311.532,271.845,313.685,266.17,299.971z"/>
+	<path style="fill:#F0F0F0;" d="M300.967,259.912c-16.542,1.298-15.747-6.209-30.171-5.077c-1.602-20.427,13.66-38.286,34.088-39.89   c20.427-1.599,38.286,13.663,39.888,34.09C315.921,251.297,315.76,258.753,300.967,259.912z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/hungary.svg b/shared/img/country-flags/hungary.svg
new file mode 100644
index 00000000..aa5c6fbb
--- /dev/null
+++ b/shared/img/country-flags/hungary.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/iceland.svg b/shared/img/country-flags/iceland.svg
new file mode 100644
index 00000000..1d241504
--- /dev/null
+++ b/shared/img/country-flags/iceland.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<polygon style="fill:#F0F0F0;" points="512,295.883 202.195,295.883 202.195,426.666 183.652,426.666 140.978,426.666   122.435,426.666 122.435,295.883 0,295.883 0,277.329 0,234.666 0,216.111 122.435,216.111 122.435,85.329 140.978,85.329   183.652,85.329 202.195,85.329 202.195,216.111 512,216.111 512,234.666 512,277.329 "/>
+<polygon style="fill:#D80027;" points="512,234.666 512,277.329 183.652,277.329 183.652,426.666 140.978,426.666 140.978,277.329   0,277.329 0,234.666 140.978,234.666 140.978,85.329 183.652,85.329 183.652,234.666 "/>
+</svg>
diff --git a/shared/img/country-flags/india.svg b/shared/img/country-flags/india.svg
new file mode 100644
index 00000000..e7af9269
--- /dev/null
+++ b/shared/img/country-flags/india.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#FF9811;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+<circle style="fill:#0052B4;" cx="256" cy="256" r="43.896"/>
+<circle style="fill:#F0F0F0;" cx="256" cy="256" r="27.434"/>
+<polygon style="fill:#0052B4;" points="256,222.146 264.464,241.341 285.319,239.073 272.927,256 285.319,272.927 264.464,270.659   256,289.854 247.536,270.659 226.681,272.927 239.073,256 226.681,239.073 247.536,241.341 "/>
+</svg>
diff --git a/shared/img/country-flags/indonesia.svg b/shared/img/country-flags/indonesia.svg
new file mode 100644
index 00000000..122ffeee
--- /dev/null
+++ b/shared/img/country-flags/indonesia.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#A2001D;" width="512" height="170.663"/>
+</svg>
diff --git a/shared/img/country-flags/iran.svg b/shared/img/country-flags/iran.svg
new file mode 100644
index 00000000..12a276ea
--- /dev/null
+++ b/shared/img/country-flags/iran.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+<g>
+	<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+	<path style="fill:#D80027;" d="M300.345,220.383h-17.863c0.148,1.963,0.232,3.944,0.232,5.936c0,13.207-3.301,26.01-9.057,35.122   c-1.775,2.812-4.759,6.78-8.753,9.456v-50.514h-17.809v50.514c-3.994-2.677-6.977-6.646-8.753-9.456   c-5.756-9.113-9.056-21.915-9.056-35.122c0-1.992,0.085-3.974,0.232-5.936h-17.863c-0.115,1.953-0.177,3.932-0.177,5.936   c0.001,36.617,19.557,65.299,44.523,65.299s44.522-28.682,44.522-65.299C300.522,224.315,300.459,222.336,300.345,220.383z"/>
+</g>
+<g>
+	<rect x="44.522" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="89.043" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="133.565" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="178.087" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="222.609" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="267.13" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="311.652" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="356.174" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="400.696" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="445.217" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="489.739" y="184.275" style="fill:#F0F0F0;" width="22.261" height="24.421"/>
+	<rect x="44.522" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="89.043" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="133.565" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="178.087" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="222.609" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="267.13" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="311.652" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="356.174" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="400.696" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="445.217" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+	<rect x="489.739" y="302.191" style="fill:#F0F0F0;" width="22.261" height="25.534"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/iraq.svg b/shared/img/country-flags/iraq.svg
new file mode 100644
index 00000000..05f3bf3c
--- /dev/null
+++ b/shared/img/country-flags/iraq.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#A2001D;" width="512" height="113.775"/>
+<rect y="312.888" width="512" height="113.775"/>
+<g>
+	<path style="fill:#496E2D;" d="M219.186,246.069c-0.083,0-0.165,0.006-0.248,0.007v-0.007H189.83   c1.476-5.702,6.649-9.931,12.806-9.931v-19.863c-18.254,0-33.103,14.85-33.103,33.103v16.22v0.331h49.407c0.111,0,0.2,0,0.248,0   c1.825,0,3.31,1.485,3.31,3.31v6.62H156.29v19.862h86.069V269.24C242.359,256.464,231.964,246.069,219.186,246.069z"/>
+	<polygon style="fill:#496E2D;" points="268.841,275.862 268.841,216.275 248.98,216.275 248.98,295.724 282.083,295.724    282.083,275.862  "/>
+	<polygon style="fill:#496E2D;" points="335.048,275.862 335.048,216.275 315.186,216.275 315.186,275.862 308.566,275.862    308.566,256.001 288.703,256.001 288.703,295.724 348.29,295.724 348.29,275.862  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/ireland.svg b/shared/img/country-flags/ireland.svg
new file mode 100644
index 00000000..de441e48
--- /dev/null
+++ b/shared/img/country-flags/ireland.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.331" style="fill:#FF9811;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/isle_of_man.svg b/shared/img/country-flags/isle_of_man.svg
new file mode 100644
index 00000000..d95df752
--- /dev/null
+++ b/shared/img/country-flags/isle_of_man.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<path style="fill:#F0F0F0;" d="M319.192,199.736l-12.062,43.048l-36.194-6.684l-23.297-48.023l-62.938,22.334l-4.964-13.986  l-16.466-2.029l12.407,34.966l43.313-11.077l12.309,34.686l-29.941,44.188l50.81,43.337l-9.631,11.292l6.476,15.277l24.078-28.229  l-31.249-31.971l23.885-28.002l53.238,3.837l12.127-65.673l14.594,2.695l9.993-13.246L319.192,199.736z M255.987,255.978  L255.987,255.978L255.987,255.978L255.987,255.978z"/>
+</svg>
diff --git a/shared/img/country-flags/israel.svg b/shared/img/country-flags/israel.svg
new file mode 100644
index 00000000..4148fbbc
--- /dev/null
+++ b/shared/img/country-flags/israel.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#2E52B2;" d="M320,219.045h-42.667L256,182.094l-21.333,36.95H192l21.335,36.951L192,292.944h42.667L256,329.895   l21.333-36.95H320l-21.335-36.951L320,219.045z M282.209,255.994l-13.104,22.699h-26.209l-13.105-22.699l13.105-22.699h26.209   L282.209,255.994z M256,210.597l4.877,8.448h-9.754L256,210.597z M216.685,233.295h9.755l-4.877,8.448L216.685,233.295z    M216.685,278.694l4.877-8.448l4.877,8.448H216.685z M256,301.392l-4.876-8.448h9.754L256,301.392z M295.315,278.694h-9.755   l4.877-8.448L295.315,278.694z M285.56,233.295h9.755l-4.877,8.448L285.56,233.295z"/>
+	<rect y="106.657" style="fill:#2E52B2;" width="512" height="42.663"/>
+	<rect y="362.657" style="fill:#2E52B2;" width="512" height="42.663"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/italy.svg b/shared/img/country-flags/italy.svg
new file mode 100644
index 00000000..f93c4fb0
--- /dev/null
+++ b/shared/img/country-flags/italy.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<polygon style="fill:#F0F0F0;" points="341.334,85.33 170.666,85.33 0,85.33 0,426.662 170.666,426.662 341.334,426.662   512,426.662 512,85.33 "/>
+<rect y="85.333" style="fill:#6DA544;" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.333" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/ivory_coast.svg b/shared/img/country-flags/ivory_coast.svg
new file mode 100644
index 00000000..bc01741b
--- /dev/null
+++ b/shared/img/country-flags/ivory_coast.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect x="330.207" y="85.331" style="fill:#6DA544;" width="181.793" height="341.337"/>
+<rect y="85.331" style="fill:#FF9811;" width="181.793" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/jamaica.svg b/shared/img/country-flags/jamaica.svg
new file mode 100644
index 00000000..cc330223
--- /dev/null
+++ b/shared/img/country-flags/jamaica.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#6DA544;" width="512" height="341.326"/>
+<polygon points="215.864,256.006 0,399.911 0,112.089 "/>
+<polygon points="512,112.089 512,399.911 296.136,256.006 "/>
+<polygon style="fill:#0052B4;" points="512,112.089 296.136,256.006 512,399.911 512,426.668 471.875,426.668 256,282.752   40.125,426.668 0,426.668 0,399.911 215.864,256.006 0,112.089 0,85.331 40.125,85.331 256,229.248 471.875,85.331 512,85.331 "/>
+<polygon style="fill:#FFDA44;" points="512,112.089 296.136,256.006 512,399.911 512,426.668 471.875,426.668 256,282.752   40.125,426.668 0,426.668 0,399.911 215.864,256.006 0,112.089 0,85.331 40.125,85.331 256,229.248 471.875,85.331 512,85.331 "/>
+</svg>
diff --git a/shared/img/country-flags/japan.svg b/shared/img/country-flags/japan.svg
new file mode 100644
index 00000000..ebae59e3
--- /dev/null
+++ b/shared/img/country-flags/japan.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<circle style="fill:#D80027;" cx="256" cy="255.994" r="96"/>
+</svg>
diff --git a/shared/img/country-flags/jersey.svg b/shared/img/country-flags/jersey.svg
new file mode 100644
index 00000000..5f1860bb
--- /dev/null
+++ b/shared/img/country-flags/jersey.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect id="SVGCleanerId_0" y="85.334" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect id="SVGCleanerId_0_1_" y="85.334" style="fill:#F0F0F0;" width="512" height="341.337"/>
+</g>
+<polygon style="fill:#D80027;" points="301.255,255.997 512,115.499 512,85.329 466.745,85.329 256,225.826 45.255,85.329 0,85.329   0,115.499 210.745,255.997 0,396.494 0,426.663 45.255,426.663 256,286.167 466.745,426.663 512,426.663 512,396.494 "/>
+<polygon style="fill:#FFDA44;" points="233.739,166.953 256,172.518 278.261,166.953 278.261,148.031 269.357,152.484 256,139.127   242.643,152.484 233.739,148.031 "/>
+<path style="fill:#D80027;" d="M233.739,166.953v13.914c0,17.04,22.261,22.261,22.261,22.261s22.261-5.221,22.261-22.261v-13.914  H233.739z"/>
+</svg>
diff --git a/shared/img/country-flags/jordan.svg b/shared/img/country-flags/jordan.svg
new file mode 100644
index 00000000..3c355dda
--- /dev/null
+++ b/shared/img/country-flags/jordan.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.339" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.339" width="512" height="113.775"/>
+<rect y="312.89" style="fill:#6DA544;" width="512" height="113.775"/>
+<polygon style="fill:#D80027;" points="256,256.006 0,426.669 0,85.331 "/>
+<polygon style="fill:#F0F0F0;" points="77.913,224.802 85.789,241.271 103.575,237.161 95.61,253.587 109.913,264.93   92.105,268.944 92.154,287.199 77.913,275.778 63.672,287.199 63.722,268.944 45.913,264.93 60.216,253.587 52.251,237.161   70.037,241.271 "/>
+</svg>
diff --git a/shared/img/country-flags/kazakhstan.svg b/shared/img/country-flags/kazakhstan.svg
new file mode 100644
index 00000000..1b5aa032
--- /dev/null
+++ b/shared/img/country-flags/kazakhstan.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<path style="fill:#FFDA44;" d="M352,265.768H160c0,13.255,11.544,23.999,24.799,23.999h-0.799c0,13.255,10.744,24.001,24.001,24.001  c0,13.255,10.744,24.001,24.001,24.001h48c13.255,0,24.001-10.744,24.001-24.001c13.255,0,24.001-10.744,24.001-24.001h-0.799  C340.454,289.767,352,279.023,352,265.768z"/>
+<path style="fill:#338AF3;" d="M322.462,234.384c0,36.705-29.756,66.462-66.462,66.462s-66.462-29.756-66.462-66.462"/>
+<polygon style="fill:#FFDA44;" points="321.882,228.163 294.962,239.062 309.297,261.503 280.065,256.689 276.361,282.104   256,263.412 235.638,282.104 231.935,256.689 202.703,261.501 217.037,239.061 190.118,228.163 217.038,217.264 202.703,194.825   231.934,199.638 235.639,174.221 256,192.915 276.362,174.221 280.065,199.638 309.298,194.825 294.963,217.265 "/>
+</svg>
diff --git a/shared/img/country-flags/kenya.svg b/shared/img/country-flags/kenya.svg
new file mode 100644
index 00000000..c5eca0ef
--- /dev/null
+++ b/shared/img/country-flags/kenya.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<rect y="85.331" width="512" height="90.579"/>
+<rect y="336.089" style="fill:#496E2D;" width="512" height="90.568"/>
+<rect y="198.606" style="fill:#A2001D;" width="512" height="114.799"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="323.265,139.803 297.682,127.994 256,222.376 214.318,127.994 188.735,139.803    240.484,255.994 188.735,372.186 214.318,383.994 256,289.613 297.682,383.994 323.265,372.186 271.516,255.994  "/>
+	<path style="fill:#F0F0F0;" d="M273.376,150.931C263.472,140.115,256,133.898,256,133.898s-7.472,6.216-17.376,17.032v210.127   C248.528,371.873,256,378.091,256,378.091s7.472-6.216,17.376-17.033V150.931z"/>
+</g>
+<g>
+	<path style="fill:#A2001D;" d="M209.04,191.226v129.535c10.465,18.542,23.274,33.742,32.872,43.818V147.408   C232.313,157.484,219.504,172.683,209.04,191.226z"/>
+	<path style="fill:#A2001D;" d="M302.96,191.226c-10.465-18.543-23.274-33.742-32.872-43.818V364.58   c9.599-10.077,22.407-25.276,32.872-43.818V191.226z"/>
+</g>
+<path d="M302.96,191.226v129.535c10.594-18.774,18.784-40.973,18.784-64.767S313.554,210.001,302.96,191.226z"/>
+<path d="M209.04,191.226v129.535c-10.594-18.774-18.784-40.973-18.784-64.767S198.446,210.001,209.04,191.226z"/>
+</svg>
diff --git a/shared/img/country-flags/kosovo.svg b/shared/img/country-flags/kosovo.svg
new file mode 100644
index 00000000..aeae9984
--- /dev/null
+++ b/shared/img/country-flags/kosovo.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="160.299,189.212 163.984,200.549 175.903,200.549 166.26,207.556 169.944,218.892    160.299,211.886 150.655,218.892 154.339,207.556 144.696,200.549 156.615,200.549  "/>
+	<polygon style="fill:#F0F0F0;" points="197.4,178.081 201.085,189.419 213.004,189.419 203.361,196.425 207.045,207.762    197.4,200.755 187.756,207.762 191.44,196.425 181.797,189.419 193.716,189.419  "/>
+	<polygon style="fill:#F0F0F0;" points="234.503,166.951 238.186,178.288 250.105,178.288 240.462,185.295 244.146,196.631    234.503,189.625 224.858,196.631 228.542,185.295 218.899,178.288 230.818,178.288  "/>
+	<polygon style="fill:#F0F0F0;" points="351.701,189.212 348.016,200.549 336.097,200.549 345.74,207.556 342.056,218.892    351.701,211.886 361.345,218.892 357.661,207.556 367.304,200.549 355.385,200.549  "/>
+	<polygon style="fill:#F0F0F0;" points="314.6,178.081 310.915,189.419 298.996,189.419 308.639,196.425 304.955,207.762    314.6,200.755 324.244,207.762 320.56,196.425 330.203,189.419 318.284,189.419  "/>
+	<polygon style="fill:#F0F0F0;" points="277.497,166.951 273.814,178.288 261.895,178.288 271.538,185.295 267.854,196.631    277.497,189.625 287.142,196.631 283.458,185.295 293.101,178.288 281.181,178.288  "/>
+</g>
+<path style="fill:#FFDA44;" d="M285.682,263.414L256,226.312l-14.84,7.421v14.84l-22.261,14.84h-14.84v19.172  c21.751,8.808,37.101,30.12,37.101,55.03l0,0H256v-14.84l14.84-14.84l14.84,14.84l14.841-14.839v-14.84l14.84-22.261  L285.682,263.414z"/>
+</svg>
diff --git a/shared/img/country-flags/kuwait.svg b/shared/img/country-flags/kuwait.svg
new file mode 100644
index 00000000..8574ec37
--- /dev/null
+++ b/shared/img/country-flags/kuwait.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+<polygon points="166.957,312.889 0,426.663 0,85.337 166.957,199.111 "/>
+</svg>
diff --git a/shared/img/country-flags/kyrgyzstan.svg b/shared/img/country-flags/kyrgyzstan.svg
new file mode 100644
index 00000000..2a6be66c
--- /dev/null
+++ b/shared/img/country-flags/kyrgyzstan.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+	<circle style="fill:#D80027;" cx="256" cy="255.994" r="170.663"/>
+</g>
+<polygon style="fill:#FFDA44;" points="339.465,255.994 305.361,272.036 323.522,305.067 286.487,297.982 281.796,335.391   256,307.879 230.205,335.391 225.512,297.982 188.479,305.065 206.64,272.034 172.535,255.994 206.641,239.954 188.479,206.921   225.51,214.008 230.206,176.598 256,204.111 281.797,176.598 286.487,214.008 323.523,206.921 305.362,239.955 "/>
+<circle style="fill:#D80027;" cx="256" cy="255.994" r="51.942"/>
+<g>
+	<path style="fill:#FFDA44;" d="M230.029,255.994c-1.251,0-2.487,0.063-3.705,0.186c0.045,7.195,2.648,13.779,6.947,18.894   c2.294-6.172,5.718-11.799,10.035-16.614C239.18,256.873,234.706,255.994,230.029,255.994z"/>
+	<path style="fill:#FFDA44;" d="M246.017,283.95c3.12,1.114,6.48,1.726,9.983,1.726s6.863-0.611,9.983-1.726   c-1.701-6.675-5.212-12.633-9.983-17.316C251.229,271.317,247.718,277.275,246.017,283.95z"/>
+	<path style="fill:#FFDA44;" d="M281.702,241.159c-5.132-8.871-14.717-14.845-25.702-14.845s-20.571,5.974-25.704,14.845   c9.356,0.048,18.129,2.591,25.704,6.984C263.574,243.75,272.346,241.207,281.702,241.159z"/>
+	<path style="fill:#FFDA44;" d="M268.695,258.46c4.319,4.815,7.742,10.443,10.035,16.614c4.299-5.116,6.902-11.7,6.947-18.894   c-1.22-0.121-2.455-0.186-3.705-0.186C277.295,255.994,272.82,256.873,268.695,258.46z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/laos.svg b/shared/img/country-flags/laos.svg
new file mode 100644
index 00000000..adceeb93
--- /dev/null
+++ b/shared/img/country-flags/laos.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+</g>
+<circle style="fill:#F0F0F0;" cx="256" cy="256" r="47.49"/>
+</svg>
diff --git a/shared/img/country-flags/latvia.svg b/shared/img/country-flags/latvia.svg
new file mode 100644
index 00000000..ddc2e21d
--- /dev/null
+++ b/shared/img/country-flags/latvia.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#A2001D;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#A2001D;" width="512" height="113.775"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/lebanon.svg b/shared/img/country-flags/lebanon.svg
new file mode 100644
index 00000000..e3cb30db
--- /dev/null
+++ b/shared/img/country-flags/lebanon.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+</g>
+<polygon style="fill:#6DA544;" points="290.286,278.857 256,216.001 221.714,278.857 247.428,278.857 247.428,296.001   264.572,296.001 264.572,278.857 "/>
+</svg>
diff --git a/shared/img/country-flags/lesotho.svg b/shared/img/country-flags/lesotho.svg
new file mode 100644
index 00000000..0de36c55
--- /dev/null
+++ b/shared/img/country-flags/lesotho.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#0052B4;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+<path d="M267.13,252.29v-40.812H244.87v40.812l-26.887,26.888c7.819,12.799,21.92,21.344,38.017,21.344s30.198-8.545,38.017-21.345  L267.13,252.29z"/>
+</svg>
diff --git a/shared/img/country-flags/liberia.svg b/shared/img/country-flags/liberia.svg
new file mode 100644
index 00000000..b47d23d2
--- /dev/null
+++ b/shared/img/country-flags/liberia.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="91.476" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="91.476" style="fill:#D80027;" width="512" height="31.031"/>
+	<rect y="153.539" style="fill:#D80027;" width="512" height="31.031"/>
+	<rect y="215.603" style="fill:#D80027;" width="512" height="31.031"/>
+	<rect y="277.666" style="fill:#D80027;" width="512" height="31.031"/>
+	<rect y="339.729" style="fill:#D80027;" width="512" height="31.031"/>
+	<rect y="401.793" style="fill:#D80027;" width="512" height="31.031"/>
+</g>
+<rect y="79.177" style="fill:#0052B4;" width="256" height="167.457"/>
+<polygon style="fill:#F0F0F0;" points="127.999,118.382 139.049,152.392 174.813,152.392 145.881,173.413 156.931,207.425   127.999,186.404 99.066,207.425 110.119,173.413 81.187,152.392 116.949,152.392 "/>
+</svg>
diff --git a/shared/img/country-flags/libya.svg b/shared/img/country-flags/libya.svg
new file mode 100644
index 00000000..f49e3012
--- /dev/null
+++ b/shared/img/country-flags/libya.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#496E2D;" width="512" height="113.775"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="281.424,236.026 290.386,248.376 304.899,243.67 295.924,256.009 304.885,268.358    290.376,263.634 281.4,275.974 281.41,260.716 266.9,255.991 281.414,251.285  "/>
+	<path style="fill:#F0F0F0;" d="M256.965,286.868c-17.048,0-30.868-13.821-30.868-30.868s13.821-30.868,30.868-30.868   c5.316,0,10.317,1.345,14.684,3.71c-6.851-6.698-16.218-10.833-26.556-10.833c-20.982,0-37.992,17.01-37.992,37.992   s17.01,37.992,37.992,37.992c10.338,0,19.706-4.135,26.556-10.833C267.283,285.525,262.281,286.868,256.965,286.868z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/liechtenstein.svg b/shared/img/country-flags/liechtenstein.svg
new file mode 100644
index 00000000..fa7bde8a
--- /dev/null
+++ b/shared/img/country-flags/liechtenstein.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.34" style="fill:#D80027;" width="512" height="341.326"/>
+<polygon style="fill:#0052B4;" points="512,85.334 512,252.024 0,256.175 0,85.334 "/>
+<path style="fill:#FFDA44;" d="M211.478,204.06c0-12.295-9.966-22.261-22.261-22.261c-5.703,0-10.901,2.146-14.84,5.672v-13.093  h7.421v-14.84h-7.421v-7.421h-14.84v7.421h-7.421v14.84h7.421v13.093c-3.939-3.526-9.138-5.672-14.84-5.672  c-12.295,0-22.261,9.966-22.261,22.261c0,6.591,2.867,12.512,7.421,16.589v13.093h74.203v-13.093  C208.611,216.572,211.478,210.652,211.478,204.06z"/>
+</svg>
diff --git a/shared/img/country-flags/lithuania.svg b/shared/img/country-flags/lithuania.svg
new file mode 100644
index 00000000..e075eee3
--- /dev/null
+++ b/shared/img/country-flags/lithuania.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#6DA544;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/luxembourg.svg b/shared/img/country-flags/luxembourg.svg
new file mode 100644
index 00000000..a5fdeb24
--- /dev/null
+++ b/shared/img/country-flags/luxembourg.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#338AF3;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/macao.svg b/shared/img/country-flags/macao.svg
new file mode 100644
index 00000000..2abfd6d6
--- /dev/null
+++ b/shared/img/country-flags/macao.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#496E2D;" width="512" height="341.337"/>
+<path style="fill:#F0F0F0;" d="M285.682,248.878c-4.19,0-8.166,0.836-11.861,2.164c2.023-4.509,3.379-9.527,3.379-14.885  c0-21.201-21.201-37.101-21.201-37.101s-21.201,15.901-21.201,37.101c0,5.357,1.356,10.375,3.379,14.885  c-3.693-1.328-7.671-2.164-11.861-2.164c-21.201,0-37.101,21.201-37.101,21.201s15.901,21.201,37.101,21.201  c12.429,0,23.031-7.286,29.682-13.315c6.65,6.03,17.251,13.315,29.682,13.315c21.201,0,37.101-21.201,37.101-21.201  S306.882,248.878,285.682,248.878z"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="256,152.111 260.38,165.587 274.551,165.587 263.087,173.919 267.463,187.395 256,179.065    244.537,187.395 248.913,173.919 237.449,165.587 251.62,165.587  "/>
+	<polygon style="fill:#FFDA44;" points="202.112,175.683 210.537,183.268 220.355,177.601 215.745,187.956 224.168,195.544    212.894,194.359 208.283,204.714 205.925,193.626 194.65,192.441 204.468,186.772  "/>
+	<polygon style="fill:#FFDA44;" points="162.662,215.132 173.752,217.49 179.42,207.672 180.606,218.946 191.695,221.304    181.338,225.914 182.524,237.188 174.937,228.765 164.58,233.375 170.249,223.557  "/>
+	<polygon style="fill:#FFDA44;" points="309.889,175.683 301.464,183.268 291.646,177.601 296.257,187.956 287.832,195.544    299.107,194.359 303.717,204.714 306.076,193.626 317.351,192.441 307.533,186.772  "/>
+	<polygon style="fill:#FFDA44;" points="349.338,215.132 338.249,217.49 332.58,207.672 331.394,218.946 320.306,221.304    330.663,225.914 329.478,237.188 337.064,228.765 347.421,233.375 341.752,223.557  "/>
+</g>
+<g>
+	<path style="fill:#F0F0F0;" d="M256,350.642c16.84,0,32.363-5.619,44.816-15.073h-89.63   C223.637,345.023,239.16,350.642,256,350.642z"/>
+	<path style="fill:#F0F0F0;" d="M187.977,306.12c2.355,5.39,5.341,10.44,8.85,15.073h118.345c3.508-4.632,6.495-9.682,8.85-15.073   H187.977z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/madagascar.svg b/shared/img/country-flags/madagascar.svg
new file mode 100644
index 00000000..33949d49
--- /dev/null
+++ b/shared/img/country-flags/madagascar.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#6DA544;" d="M512,426.666V85.329c-238.65,0-512,0-512,0v341.337L512,426.666L512,426.666z"/>
+<path style="fill:#D80027;" d="M512,85.331H0v170.666c0,0,273.35,0,512,0V85.331z"/>
+<rect y="85.334" style="fill:#F0F0F0;" width="181.793" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/madeira.svg b/shared/img/country-flags/madeira.svg
new file mode 100644
index 00000000..6364e045
--- /dev/null
+++ b/shared/img/country-flags/madeira.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<g>
+	<rect x="330.207" y="85.331" style="fill:#0052B4;" width="181.793" height="341.337"/>
+	<rect y="85.331" style="fill:#0052B4;" width="181.793" height="341.337"/>
+</g>
+<polygon style="fill:#D80027;" points="305.74,271.299 317.217,286.603 317.217,225.386 305.74,240.69 271.304,240.69   271.304,206.256 286.609,194.777 225.391,194.777 240.696,206.256 240.696,240.69 206.261,240.69 194.783,225.386 194.783,286.603   206.261,271.299 240.696,271.299 240.696,305.734 225.391,317.212 286.609,317.212 271.304,305.734 271.304,271.299 "/>
+<polygon style="fill:#F0F0F0;" points="301.913,248.342 263.652,248.342 263.652,210.081 248.348,210.081 248.348,248.342   210.087,248.342 210.087,263.647 248.348,263.647 248.348,301.907 263.652,301.907 263.652,263.647 301.913,263.647 "/>
+</svg>
diff --git a/shared/img/country-flags/malawi.svg b/shared/img/country-flags/malawi.svg
new file mode 100644
index 00000000..cc373b2f
--- /dev/null
+++ b/shared/img/country-flags/malawi.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<rect y="85.337" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#496E2D;" width="512" height="113.775"/>
+<polygon style="fill:#D80027;" points="307.01,166.957 286.168,157.153 297.267,136.967 274.633,141.296 271.765,118.432   256,135.248 240.236,118.432 237.367,141.296 214.734,136.967 225.833,157.153 204.99,166.957 "/>
+</svg>
diff --git a/shared/img/country-flags/malaysia.svg b/shared/img/country-flags/malaysia.svg
new file mode 100644
index 00000000..7cd8e295
--- /dev/null
+++ b/shared/img/country-flags/malaysia.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="127.994" style="fill:#D80027;" width="512" height="42.663"/>
+	<rect y="213.331" style="fill:#D80027;" width="512" height="42.663"/>
+	<rect y="298.657" style="fill:#D80027;" width="512" height="42.663"/>
+	<rect y="383.994" style="fill:#D80027;" width="512" height="42.663"/>
+</g>
+<rect y="85.331" style="fill:#0052B4;" width="256" height="183.797"/>
+<g>
+	<path style="fill:#FFDA44;" d="M140.919,219.429c-23.308,0-42.202-18.895-42.202-42.202s18.895-42.202,42.202-42.202   c7.267,0,14.104,1.838,20.075,5.072c-9.365-9.158-22.173-14.811-36.307-14.811c-28.686,0-51.941,23.255-51.941,51.941   s23.256,51.941,51.941,51.941c14.133,0,26.942-5.653,36.307-14.811C155.024,217.591,148.186,219.429,140.919,219.429z"/>
+	<polygon style="fill:#FFDA44;" points="152.811,147.545 160.304,163.213 177.224,159.303 169.647,174.929 183.255,185.721    166.312,189.54 166.36,206.907 152.811,196.041 139.262,206.907 139.309,189.54 122.366,185.721 135.974,174.929 128.395,159.303    145.317,163.213  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/maldives.svg b/shared/img/country-flags/maldives.svg
new file mode 100644
index 00000000..25872145
--- /dev/null
+++ b/shared/img/country-flags/maldives.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<rect x="144.696" y="174.375" style="fill:#6DA544;" width="222.609" height="163.25"/>
+<path style="fill:#F0F0F0;" d="M283.484,304.226c-26.637,0-48.232-21.594-48.232-48.232s21.594-48.232,48.232-48.232  c8.306,0,16.12,2.1,22.943,5.797c-10.703-10.467-25.341-16.927-41.494-16.927c-32.784,0-59.362,26.577-59.362,59.362  s26.578,59.362,59.362,59.362c16.154,0,30.791-6.461,41.494-16.927C299.605,302.127,291.791,304.226,283.484,304.226z"/>
+</svg>
diff --git a/shared/img/country-flags/mali.svg b/shared/img/country-flags/mali.svg
new file mode 100644
index 00000000..b13f1e82
--- /dev/null
+++ b/shared/img/country-flags/mali.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/malta.svg b/shared/img/country-flags/malta.svg
new file mode 100644
index 00000000..eee472da
--- /dev/null
+++ b/shared/img/country-flags/malta.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect x="256" y="85.331" style="fill:#D80027;" width="256" height="341.337"/>
+<polygon style="fill:#ACABB1;" points="208.231,138.671 208.231,117.337 186.899,117.337 186.899,138.671 165.565,138.671   165.565,160.003 186.899,160.003 186.899,181.337 208.231,181.337 208.231,160.003 229.565,160.003 229.565,138.671 "/>
+</svg>
diff --git a/shared/img/country-flags/marshall_island.svg b/shared/img/country-flags/marshall_island.svg
new file mode 100644
index 00000000..873964d0
--- /dev/null
+++ b/shared/img/country-flags/marshall_island.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="233.839,185.115 212.995,194.918 224.095,215.105 201.462,210.775 198.594,233.639    182.829,216.823 167.063,233.639 164.196,210.775 141.562,215.105 152.662,194.918 131.819,185.115 152.662,175.31    141.562,155.125 164.195,159.453 167.064,136.589 182.829,153.405 198.594,136.589 201.462,159.453 224.096,155.125    212.996,175.311  "/>
+	<polygon style="fill:#F0F0F0;" points="426.917,85.337 0,421.52 0,425.282 503.756,85.337  "/>
+</g>
+<polygon style="fill:#FF9811;" points="512,85.337 503.756,85.337 0,425.282 0,426.663 3.723,426.663 512,136.998 "/>
+</svg>
diff --git a/shared/img/country-flags/martinique.svg b/shared/img/country-flags/martinique.svg
new file mode 100644
index 00000000..ab8a5615
--- /dev/null
+++ b/shared/img/country-flags/martinique.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="512,233.734 512,278.255 278.261,278.255 278.261,426.657 233.739,426.657 233.739,278.255    0,278.255 0,233.734 233.739,233.734 233.739,85.331 278.261,85.331 278.261,233.734  "/>
+	<path style="fill:#F0F0F0;" d="M386.607,175.885c0-2.268,1.845-4.114,4.115-4.114h8.816c13.936,0,25.274-11.337,25.274-25.273   c0-13.935-11.337-25.273-25.274-25.273h-8.372c-2.733-2.052-6.399-3.318-10.443-3.318c-8.436,0-15.273,5.471-15.273,12.219   c0,6.683,6.707,12.104,15.029,12.209l-0.003,0.049h19.062c2.27,0,4.115,1.845,4.115,4.115s-1.845,4.114-4.115,4.114h-8.816   c-13.936,0-25.273,11.337-25.273,25.273c0,13.935,11.336,25.273,25.273,25.273h34.09V180h-34.09   C388.452,179.999,386.607,178.154,386.607,175.885z"/>
+	<path style="fill:#F0F0F0;" d="M108.346,175.885c0-2.268,1.845-4.114,4.115-4.114h8.816c13.936,0,25.274-11.337,25.274-25.273   c0-13.935-11.337-25.273-25.274-25.273h-8.372c-2.733-2.052-6.399-3.318-10.443-3.318c-8.436,0-15.273,5.471-15.273,12.219   c0,6.683,6.707,12.104,15.029,12.209l-0.003,0.049h19.062c2.27,0,4.115,1.845,4.115,4.115s-1.845,4.114-4.115,4.114h-8.816   c-13.936,0-25.273,11.337-25.273,25.273c0,13.935,11.336,25.273,25.273,25.273h34.09V180h-34.09   C110.191,179.999,108.346,178.154,108.346,175.885z"/>
+	<path style="fill:#F0F0F0;" d="M386.607,368.809c0-2.268,1.845-4.114,4.115-4.114h8.816c13.936,0,25.274-11.337,25.274-25.273   c0-13.935-11.337-25.273-25.274-25.273h-8.372c-2.733-2.052-6.399-3.318-10.443-3.318c-8.436,0-15.273,5.471-15.273,12.219   c0,6.683,6.707,12.104,15.029,12.209l-0.003,0.049h19.062c2.27,0,4.115,1.845,4.115,4.115s-1.845,4.114-4.115,4.114h-8.816   c-13.936,0-25.273,11.337-25.273,25.273c0,13.935,11.336,25.273,25.273,25.273h34.09v-21.159h-34.09   C388.452,372.923,386.607,371.079,386.607,368.809z"/>
+	<path style="fill:#F0F0F0;" d="M108.346,368.809c0-2.268,1.845-4.114,4.115-4.114h8.816c13.936,0,25.274-11.337,25.274-25.273   c0-13.935-11.337-25.273-25.274-25.273h-8.372c-2.733-2.052-6.399-3.318-10.443-3.318c-8.436,0-15.273,5.471-15.273,12.219   c0,6.683,6.707,12.104,15.029,12.209l-0.003,0.049h19.062c2.27,0,4.115,1.845,4.115,4.115s-1.845,4.114-4.115,4.114h-8.816   c-13.936,0-25.273,11.337-25.273,25.273c0,13.935,11.336,25.273,25.273,25.273h34.09v-21.159h-34.09   C110.191,372.923,108.346,371.079,108.346,368.809z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/mauritania.svg b/shared/img/country-flags/mauritania.svg
new file mode 100644
index 00000000..0b004f6b
--- /dev/null
+++ b/shared/img/country-flags/mauritania.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#496E2D;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#FFDA44;" d="M256,298.851c-45.956,0-84.348-32.298-93.767-75.429c-1.448,6.63-2.233,13.507-2.233,20.572   c0,53.02,42.979,96,96,96s96-42.98,96-96c0-7.066-0.785-13.942-2.233-20.572C340.348,266.553,301.956,298.851,256,298.851z"/>
+	<polygon style="fill:#FFDA44;" points="255.999,171.994 264.934,199.496 293.852,199.496 270.458,216.492 279.394,243.995    255.999,226.997 232.605,243.995 241.542,216.492 218.148,199.496 247.063,199.496  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/mauritius.svg b/shared/img/country-flags/mauritius.svg
new file mode 100644
index 00000000..6f9792e9
--- /dev/null
+++ b/shared/img/country-flags/mauritius.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.331" style="fill:#D80027;" width="512" height="85.337"/>
+<rect y="170.657" style="fill:#0052B4;" width="512" height="85.337"/>
+<rect y="341.331" style="fill:#6DA544;" width="512" height="85.337"/>
+</svg>
diff --git a/shared/img/country-flags/melilla.svg b/shared/img/country-flags/melilla.svg
new file mode 100644
index 00000000..068bc2c0
--- /dev/null
+++ b/shared/img/country-flags/melilla.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<rect x="166.957" y="270.831" style="fill:#818085;" width="178.087" height="22.261"/>
+<polygon style="fill:#FFDA44;" points="196.638,204.052 256,211.474 315.362,204.052 315.362,168.435 291.617,180.307 256,144.69   220.383,180.307 196.638,168.435 "/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="181.797,315.357 159.536,315.357 159.536,274.546 166.957,263.415 159.536,252.285    159.536,226.314 181.797,226.314  "/>
+	<polygon style="fill:#F0F0F0;" points="352.464,315.357 330.203,315.357 330.203,226.314 352.464,226.314 352.464,252.284    345.043,263.601 352.464,274.548  "/>
+</g>
+<rect x="159.533" y="252.288" style="fill:#ACABB1;" width="192.924" height="22.261"/>
+<path style="fill:#F0F0F0;" d="M256,345.038c-32.732,0-59.362-26.63-59.362-59.362v-81.623h118.725v81.623  C315.362,318.408,288.732,345.038,256,345.038z"/>
+<path style="fill:#0052B4;" d="M256,322.777c-20.458,0-37.101-16.643-37.101-37.101v-59.362h74.203v59.362  C293.101,306.134,276.458,322.777,256,322.777z"/>
+<g>
+	<rect x="196.641" y="204.049" style="fill:#D80027;" width="22.261" height="22.261"/>
+	<rect x="293.098" y="204.049" style="fill:#D80027;" width="22.261" height="22.261"/>
+	<rect x="293.098" y="252.288" style="fill:#D80027;" width="22.261" height="22.261"/>
+	<rect x="196.641" y="252.288" style="fill:#D80027;" width="22.261" height="22.261"/>
+	<rect x="244.87" y="204.049" style="fill:#D80027;" width="22.261" height="22.261"/>
+	<path style="fill:#D80027;" d="M256,322.777c-3.877,0-7.615-0.6-11.13-1.709v22.908c3.608,0.688,7.325,1.062,11.13,1.062   s7.522-0.374,11.13-1.062v-22.908C263.615,322.177,259.877,322.777,256,322.777z"/>
+	<path style="fill:#D80027;" d="M219.395,291.699l-17.766,17.766c3.081,7.013,7.474,13.319,12.876,18.606l15.733-15.733   C224.624,306.912,220.713,299.738,219.395,291.699z"/>
+	<path style="fill:#D80027;" d="M310.371,309.465l-17.766-17.766c-1.319,8.038-5.229,15.212-10.843,20.638l15.733,15.733   C302.896,322.784,307.29,316.478,310.371,309.465z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/mexico.svg b/shared/img/country-flags/mexico.svg
new file mode 100644
index 00000000..817f8a40
--- /dev/null
+++ b/shared/img/country-flags/mexico.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<polygon style="fill:#D80027;" points="341.334,85.33 170.666,85.33 0,85.33 0,426.662 170.666,426.662 341.334,426.662   512,426.662 512,85.33 "/>
+<rect y="85.333" style="fill:#6DA544;" width="170.663" height="341.337"/>
+<rect x="170.663" y="85.333" style="fill:#F0F0F0;" width="170.663" height="341.337"/>
+<path style="fill:#6DA544;" d="M208,255.996c0,26.509,21.491,48,48,48s48-21.491,48-48v-16h-96V255.996z"/>
+<path style="fill:#FF9811;" d="M320,223.996h-48c0-8.836-7.164-16-16-16s-16,7.164-16,16h-48c0,8.836,7.697,16,16.533,16H208  c0,8.836,7.164,16,16,16c0,8.836,7.164,16,16,16h32c8.836,0,16-7.164,16-16c8.836,0,16-7.164,16-16h-0.533  C312.303,239.996,320,232.833,320,223.996z"/>
+</svg>
diff --git a/shared/img/country-flags/micronesia.svg b/shared/img/country-flags/micronesia.svg
new file mode 100644
index 00000000..a7046d67
--- /dev/null
+++ b/shared/img/country-flags/micronesia.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="255.999,159.53 263.366,182.204 287.209,182.204 267.921,196.22 275.288,218.893    255.999,204.88 236.711,218.893 244.079,196.22 224.791,182.204 248.633,182.204  "/>
+	<polygon style="fill:#F0F0F0;" points="159.536,255.996 182.21,248.628 182.21,224.786 196.225,244.074 218.899,236.706    204.886,255.996 218.899,275.282 196.225,267.915 182.21,287.203 182.21,263.362  "/>
+	<polygon style="fill:#F0F0F0;" points="256.001,352.459 248.634,329.785 224.791,329.785 244.079,315.769 236.712,293.095    256.001,307.109 275.288,293.095 267.921,315.769 287.209,329.785 263.367,329.785  "/>
+	<polygon style="fill:#F0F0F0;" points="352.464,255.993 329.79,263.361 329.79,287.203 315.775,267.915 293.101,275.282    307.114,255.993 293.101,236.706 315.775,244.074 329.79,224.786 329.79,248.627  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/moldova.svg b/shared/img/country-flags/moldova.svg
new file mode 100644
index 00000000..0259efde
--- /dev/null
+++ b/shared/img/country-flags/moldova.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect x="330.207" y="85.331" style="fill:#D80027;" width="181.793" height="341.337"/>
+<rect y="85.331" style="fill:#0052B4;" width="181.793" height="341.337"/>
+<path style="fill:#FF9811;" d="M315.362,219.607H274.55c0-10.244-8.306-18.551-18.551-18.551c-10.246,0-18.551,8.306-18.551,18.551  h-40.812c0,10.088,8.787,18.265,18.874,18.265h-0.608c0,10.088,8.176,18.266,18.265,18.266c0,8.931,6.414,16.353,14.886,17.939  l-14.393,32.495c6.896,2.804,14.434,4.362,22.338,4.362s15.441-1.558,22.338-4.362l-14.392-32.495  c8.471-1.586,14.886-9.008,14.886-17.939c10.089,0,18.265-8.179,18.265-18.266h-0.609  C306.576,237.871,315.362,229.693,315.362,219.607z"/>
+<polygon style="fill:#0052B4;" points="256,244.864 231.884,255.994 231.884,278.255 256,293.095 280.116,278.255 280.116,255.994   "/>
+<rect x="231.88" y="233.734" style="fill:#D80027;" width="48.228" height="22.261"/>
+</svg>
diff --git a/shared/img/country-flags/monaco.svg b/shared/img/country-flags/monaco.svg
new file mode 100644
index 00000000..2c7a8965
--- /dev/null
+++ b/shared/img/country-flags/monaco.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.34" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<polygon style="fill:#D80027;" points="512,85.334 512,252.024 0,256.175 0,85.334 "/>
+</svg>
diff --git a/shared/img/country-flags/mongolia.svg b/shared/img/country-flags/mongolia.svg
new file mode 100644
index 00000000..f3a0d4b2
--- /dev/null
+++ b/shared/img/country-flags/mongolia.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.326"/>
+<g>
+	<rect x="330.207" y="85.331" style="fill:#A2001D;" width="181.793" height="341.337"/>
+	<rect y="85.331" style="fill:#A2001D;" width="181.793" height="341.337"/>
+</g>
+<g>
+	<rect x="113.163" y="267.125" style="fill:#FFDA44;" width="14.84" height="59.359"/>
+	<rect x="53.793" y="267.125" style="fill:#FFDA44;" width="14.84" height="59.359"/>
+	<circle style="fill:#FFDA44;" cx="90.902" cy="289.386" r="14.84"/>
+	<circle style="fill:#FFDA44;" cx="90.902" cy="237.44" r="7.421"/>
+	<rect x="76.054" y="311.647" style="fill:#FFDA44;" width="29.682" height="14.84"/>
+	<rect x="76.054" y="252.288" style="fill:#FFDA44;" width="29.682" height="14.84"/>
+	<polygon style="fill:#FFDA44;" points="90.897,185.502 96.152,201.675 113.158,201.675 99.401,211.671 104.653,227.844    90.897,217.848 77.141,227.844 82.392,211.671 68.636,201.675 85.641,201.675  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/montenegro.svg b/shared/img/country-flags/montenegro.svg
new file mode 100644
index 00000000..8f6efd0f
--- /dev/null
+++ b/shared/img/country-flags/montenegro.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="115.011" style="fill:#A2001D;" width="512" height="281.978"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="218.899,211.478 293.101,211.478 293.101,181.797 278.261,189.217 256,166.957    233.739,189.217 218.899,181.797  "/>
+	<path style="fill:#FFDA44;" d="M322.783,256h-37.088c1.455-2.515,2.3-5.427,2.3-8.543c0-9.458-7.668-17.124-17.124-17.124   c-6.534,0-12.209,3.661-15.096,9.041c-2.887-5.38-8.562-9.041-15.096-9.041c-9.456,0-17.124,7.666-17.124,17.124   c0,3.114,0.846,6.026,2.3,8.543h-36.636c0,11.349,9.885,20.549,21.232,20.549h-0.685c0,9.31,6.192,17.168,14.68,19.694   l-16.678,16.678l15.741,15.741l22.329-22.329c0.875,0.321,1.78,0.577,2.714,0.752l-13.492,30.464   c6.466,2.629,13.531,4.088,20.941,4.088s14.475-1.46,20.941-4.088l-13.492-30.464c0.935-0.176,1.839-0.432,2.714-0.752   l22.329,22.329l15.741-15.741l-16.678-16.678c8.488-2.526,14.68-10.385,14.68-19.694h-0.685   C312.898,276.549,322.783,267.349,322.783,256z"/>
+</g>
+<polygon style="fill:#6DA544;" points="256,267.13 231.884,278.261 231.884,300.522 256,315.362 280.116,300.522 280.116,278.261   "/>
+<rect x="231.88" y="256" style="fill:#0052B4;" width="48.228" height="29.682"/>
+</svg>
diff --git a/shared/img/country-flags/montserrat.svg b/shared/img/country-flags/montserrat.svg
new file mode 100644
index 00000000..eb96d6fe
--- /dev/null
+++ b/shared/img/country-flags/montserrat.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#0052B4;" width="512" height="341.337"/>
+<path style="fill:#338AF3;" d="M334.222,191.996v78.221c0,38.103,49.777,49.779,49.777,49.779s49.778-11.675,49.778-49.779v-78.221  H334.222z"/>
+<path style="fill:#A2001D;" d="M334.222,270.217c0,38.103,49.777,49.779,49.777,49.779s49.778-11.675,49.778-49.779H334.222  L334.222,270.217z"/>
+<polygon points="405.334,227.552 391.11,227.552 391.11,213.329 376.888,213.329 376.888,227.552 362.666,227.552 362.666,241.775   376.888,241.775 376.888,284.44 391.11,284.44 391.11,241.775 405.334,241.775 "/>
+<polygon style="fill:#F0F0F0;" points="256,85.333 256,115.886 210.833,140.985 256,140.985 256,200.344 196.897,200.344   256,233.179 256,255.996 229.32,255.996 155.826,215.17 155.826,255.996 100.174,255.996 100.174,207.423 12.744,255.996 0,255.996   0,225.442 45.167,200.344 0,200.344 0,140.985 59.103,140.985 0,108.139 0,85.333 26.68,85.333 100.174,126.158 100.174,85.333   155.826,85.333 155.826,133.905 243.256,85.333 "/>
+<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.662 0,154.662 0,186.662 112,186.662 112,255.996 144,255.996   144,186.662 256,186.662 256,154.662 144,154.662 "/>
+<polygon style="fill:#0052B4;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<polygon style="fill:#F0F0F0;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<g>
+	<polygon style="fill:#D80027;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344  "/>
+	<polygon style="fill:#D80027;" points="71.846,200.344 0,240.259 0,255.996 0,255.996 100.174,200.344  "/>
+</g>
+<polygon style="fill:#0052B4;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<polygon style="fill:#F0F0F0;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<g>
+	<polygon style="fill:#D80027;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982  "/>
+	<polygon style="fill:#D80027;" points="184.154,140.982 256,101.067 256,85.33 256,85.33 155.826,140.982  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/morocco.svg b/shared/img/country-flags/morocco.svg
new file mode 100644
index 00000000..a660cab7
--- /dev/null
+++ b/shared/img/country-flags/morocco.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<polygon style="fill:#D80027;" points="0,85.337 0,256 0,426.663 512,426.663 512,256 512,85.337 "/>
+<path style="fill:#FFDA44;" d="M352,226.484h-73.337L256,156.738l-22.663,69.748H160l59.331,43.107l-22.663,69.749L256,296.232  l59.332,43.107l-22.663-69.749L352,226.484z M235.937,264.195l7.663-23.585h24.8l7.663,23.585l0,0v0.001L256,278.772  L235.937,264.195L235.937,264.195L235.937,264.195z M263.81,226.484h-15.619L256,202.447L263.81,226.484z M288.079,255.466  l-4.827-14.856h25.274L288.079,255.466z M228.748,240.61l-4.827,14.856l-20.447-14.856H228.748z M223.537,302.358l7.81-24.036  l12.636,9.181L223.537,302.358z M268.016,287.502l12.636-9.181l7.81,24.036L268.016,287.502z"/>
+</svg>
diff --git a/shared/img/country-flags/mozambique.svg b/shared/img/country-flags/mozambique.svg
new file mode 100644
index 00000000..5f9c09cf
--- /dev/null
+++ b/shared/img/country-flags/mozambique.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="322.783" style="fill:#FFDA44;" width="512" height="103.88"/>
+<rect y="85.337" style="fill:#496E2D;" width="512" height="104.515"/>
+<rect y="210.877" width="512" height="89.656"/>
+<polygon style="fill:#A2001D;" points="256,256.006 0,426.668 0,85.331 "/>
+<polygon style="fill:#FFDA44;" points="83.477,195.132 98.584,241.63 147.478,241.63 107.924,270.369 123.031,316.868   83.477,288.13 43.922,316.868 59.032,270.369 19.478,241.63 68.37,241.63 "/>
+<rect x="39.268" y="256" style="fill:#F0F0F0;" width="88.42" height="40.578"/>
+<polygon points="144.443,209.479 130.096,195.132 83.478,241.75 36.861,195.132 22.514,209.479 69.172,256.056 22.514,302.714   36.861,316.868 83.478,270.334 130.096,316.868 144.443,302.714 97.784,256.056 "/>
+</svg>
diff --git a/shared/img/country-flags/myanmar.svg b/shared/img/country-flags/myanmar.svg
new file mode 100644
index 00000000..f2685340
--- /dev/null
+++ b/shared/img/country-flags/myanmar.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#6DA544;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+<path style="fill:#F0F0F0;" d="M384,227.261h-97.783L256,134.265l-30.217,92.997H128l79.108,57.475l-30.217,92.998L256,320.925  l79.108,56.81l-30.217-92.998L384,227.261z"/>
+</svg>
diff --git a/shared/img/country-flags/namibia.svg b/shared/img/country-flags/namibia.svg
new file mode 100644
index 00000000..9ed1a6d5
--- /dev/null
+++ b/shared/img/country-flags/namibia.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#496E2D;" width="512" height="341.326"/>
+<polyline style="fill:#0052B4;" points="0,426.663 0,85.337 512,85.337 "/>
+<polygon style="fill:#F0F0F0;" points="512,152.222 512,85.337 411.67,85.337 0,359.778 0,426.663 100.33,426.663 "/>
+<polygon style="fill:#A2001D;" points="512,85.337 512,125.462 60.193,426.663 0,426.663 0,386.538 451.807,85.337 "/>
+<polygon style="fill:#FFDA44;" points="187.737,189.212 164.996,199.908 177.106,221.932 152.413,217.208 149.284,242.153   132.085,223.806 114.885,242.153 111.756,217.208 87.063,221.931 99.172,199.908 76.433,189.212 99.173,178.515 87.063,156.493   111.756,161.215 114.886,136.271 132.085,154.618 149.285,136.271 152.413,161.215 177.106,156.493 164.998,178.517 "/>
+</svg>
diff --git a/shared/img/country-flags/nauru.svg b/shared/img/country-flags/nauru.svg
new file mode 100644
index 00000000..2c45885b
--- /dev/null
+++ b/shared/img/country-flags/nauru.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<rect y="239.994" style="fill:#FFDA44;" width="512" height="32"/>
+<polygon style="fill:#F0F0F0;" points="174.802,341.329 155.678,350.325 165.862,368.846 145.095,364.873 142.464,385.851   128,370.422 113.535,385.851 110.905,364.873 90.138,368.846 100.321,350.325 81.198,341.329 100.322,332.334 90.138,313.814   110.904,317.785 113.536,296.807 128,312.236 142.465,296.807 145.095,317.785 165.862,313.814 155.679,332.335 "/>
+</svg>
diff --git a/shared/img/country-flags/nepal.svg b/shared/img/country-flags/nepal.svg
new file mode 100644
index 00000000..18d926c8
--- /dev/null
+++ b/shared/img/country-flags/nepal.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<polygon style="fill:#0052B4;" points="0,426.663 0,85.337 280.419,260.087 87.61,260.087 271.186,426.663 "/>
+<polygon style="fill:#D80027;" points="244.769,249.888 10.199,103.71 10.199,249.888 10.199,416.464 244.769,416.464   61.193,249.888 "/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="98.003,324.433 83.414,317.57 91.184,303.44 75.34,306.47 73.332,290.465 62.297,302.237    51.261,290.465 49.253,306.47 33.41,303.439 41.18,317.57 26.589,324.433 41.18,331.295 33.41,345.425 49.254,342.396    51.261,358.4 62.297,346.628 73.332,358.4 75.34,342.396 91.183,345.426 83.414,331.296  "/>
+	<polygon style="fill:#F0F0F0;" points="88.268,191.662 77.656,186.671 83.307,176.393 71.784,178.598 70.323,166.957    62.297,175.518 54.271,166.957 52.811,178.598 41.286,176.393 46.938,186.671 36.325,191.662 62.297,196.856  "/>
+	<path style="fill:#F0F0F0;" d="M93.462,191.662c0,17.212-13.953,31.165-31.165,31.165s-31.165-13.953-31.165-31.165"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/netherlands.svg b/shared/img/country-flags/netherlands.svg
new file mode 100644
index 00000000..7529d71d
--- /dev/null
+++ b/shared/img/country-flags/netherlands.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#A2001D;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/new_zealand.svg b/shared/img/country-flags/new_zealand.svg
new file mode 100644
index 00000000..3368db61
--- /dev/null
+++ b/shared/img/country-flags/new_zealand.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#D80027;" points="425.301,233.745 428.689,244.173 439.652,244.173 430.782,250.617 434.17,261.044    425.301,254.6 416.43,261.044 419.818,250.617 410.948,244.173 421.911,244.173  "/>
+	<polygon style="fill:#D80027;" points="386.107,308.817 391.19,324.459 407.635,324.459 394.33,334.126 399.412,349.766    386.107,340.099 372.802,349.766 377.885,334.126 364.58,324.459 381.025,324.459  "/>
+	<polygon style="fill:#D80027;" points="387.588,185.971 391.824,199.007 405.528,199.007 394.44,207.061 398.675,220.095    387.588,212.039 376.5,220.095 380.735,207.061 369.648,199.007 383.352,199.007  "/>
+	<polygon style="fill:#D80027;" points="349.876,233.291 354.958,248.932 371.404,248.932 358.098,258.598 363.182,274.239    349.876,264.573 336.571,274.239 341.653,258.598 328.348,248.932 344.793,248.932  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="256.003,85.329 256.003,115.893 210.825,140.981 256.003,140.981 256.003,200.34   196.89,200.34 256.003,233.186 256.003,255.992 229.313,255.992 155.829,215.166 155.829,255.992 100.177,255.992 100.177,207.419   12.748,255.992 0.003,255.992 0.003,225.439 45.171,200.34 0.003,200.34 0.003,140.981 59.106,140.981 0.003,108.147 0.003,85.329   26.683,85.329 100.177,126.167 100.177,85.329 155.829,85.329 155.829,133.902 243.259,85.329 "/>
+<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.664 0,154.664 0,186.664 112,186.664 112,255.998 144,255.998   144,186.664 256,186.664 256,154.664 144,154.664 "/>
+<polygon style="fill:#0052B4;" points="155.826,200.344 256,255.998 256,240.259 184.153,200.344 "/>
+<polygon style="fill:#F0F0F0;" points="155.826,200.344 256,255.998 256,240.259 184.153,200.344 "/>
+<g>
+	<polygon style="fill:#D80027;" points="155.826,200.344 256,255.998 256,240.259 184.153,200.344  "/>
+	<polygon style="fill:#D80027;" points="71.846,200.344 0,240.259 0,255.998 0,255.998 100.174,200.344  "/>
+</g>
+<polygon style="fill:#0052B4;" points="100.174,140.983 0,85.33 0,101.068 71.847,140.983 "/>
+<polygon style="fill:#F0F0F0;" points="100.174,140.983 0,85.33 0,101.068 71.847,140.983 "/>
+<g>
+	<polygon style="fill:#D80027;" points="100.174,140.983 0,85.33 0,101.068 71.847,140.983  "/>
+	<polygon style="fill:#D80027;" points="184.154,140.983 256,101.068 256,85.33 256,85.33 155.826,140.983  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/nicaragua.svg b/shared/img/country-flags/nicaragua.svg
new file mode 100644
index 00000000..7e94dfc9
--- /dev/null
+++ b/shared/img/country-flags/nicaragua.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#338AF3;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#338AF3;" width="512" height="113.775"/>
+</g>
+<path style="fill:#FFDA44;" d="M256,214.447c-22.949,0-41.553,18.603-41.553,41.553S233.05,297.553,256,297.553  c22.949,0,41.553-18.603,41.553-41.553S278.949,214.447,256,214.447z M256,279.745c-13.114,0-23.745-10.631-23.745-23.745  s10.631-23.745,23.745-23.745c13.114,0,23.745,10.631,23.745,23.745C279.745,269.114,269.114,279.745,256,279.745z"/>
+<polygon style="fill:#0052B4;" points="276.563,261.936 256,256 235.437,261.936 228.582,273.809 283.418,273.809 "/>
+<polygon style="fill:#338AF3;" points="256,226.32 242.291,250.064 256,256 269.709,250.064 "/>
+<polygon style="fill:#6DA544;" points="235.437,261.936 276.563,261.936 269.709,250.064 242.291,250.064 "/>
+</svg>
diff --git a/shared/img/country-flags/niger.svg b/shared/img/country-flags/niger.svg
new file mode 100644
index 00000000..0928f6de
--- /dev/null
+++ b/shared/img/country-flags/niger.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#FF9811;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+<circle style="fill:#FF9811;" cx="256" cy="256" r="32"/>
+</svg>
diff --git a/shared/img/country-flags/nigeria.svg b/shared/img/country-flags/nigeria.svg
new file mode 100644
index 00000000..6eee9b50
--- /dev/null
+++ b/shared/img/country-flags/nigeria.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+	<rect x="341.337" y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/niue.svg b/shared/img/country-flags/niue.svg
new file mode 100644
index 00000000..31c965a0
--- /dev/null
+++ b/shared/img/country-flags/niue.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#FFDA44;" width="512" height="341.337"/>
+<rect y="85.334" style="fill:#F0F0F0;" width="256" height="170.663"/>
+<g>
+	<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997 144,255.997    144,186.663 256,186.663 256,154.663 144,154.663  "/>
+	<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+</g>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,107.951 0,138.663 46.069,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,85.331 96,134.244 22.628,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,85.331 160,134.244 233.372,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,107.951 0,138.663 46.069,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,85.331 96,134.244 22.628,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,85.331 160,134.244 233.372,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="0,255.997 0,240.915 57.377,202.663 80,202.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="0,233.376 0,202.663 46.069,202.663  "/>
+	<polygon style="fill:#2E52B2;" points="96,255.994 96,207.082 22.628,255.994  "/>
+</g>
+<polygon style="fill:#D80027;" points="256,255.997 256,240.915 198.623,202.663 176,202.663 "/>
+<g>
+	<polygon style="fill:#2E52B2;" points="256,233.376 256,202.663 209.931,202.663  "/>
+	<polygon style="fill:#2E52B2;" points="160,255.994 160,207.082 233.372,255.994  "/>
+	<circle style="fill:#2E52B2;" cx="128" cy="170.66" r="22.627"/>
+</g>
+<g>
+	<polygon style="fill:#FFDA44;" points="128,154.663 131.97,166.885 144.824,166.885 134.426,174.441 138.397,186.663 128,179.109    117.602,186.663 121.574,174.441 111.176,166.885 124.029,166.885  "/>
+	<polygon style="fill:#FFDA44;" points="128,219.803 130.364,227.081 138.017,227.081 131.827,231.579 134.191,238.857 128,234.359    121.809,238.857 124.173,231.579 117.983,227.081 125.635,227.081  "/>
+	<polygon style="fill:#FFDA44;" points="128,102.469 130.364,109.747 138.017,109.747 131.827,114.245 134.191,121.523 128,117.025    121.809,121.523 124.173,114.245 117.983,109.747 125.635,109.747  "/>
+	<polygon style="fill:#FFDA44;" points="197.931,161.136 200.296,168.413 207.949,168.413 201.757,172.912 204.122,180.191    197.931,175.693 191.74,180.191 194.105,172.912 187.914,168.413 195.566,168.413  "/>
+	<polygon style="fill:#FFDA44;" points="58.069,161.136 60.433,168.413 68.086,168.413 61.895,172.912 64.259,180.191    58.069,175.693 51.878,180.191 54.243,172.912 48.051,168.413 55.704,168.413  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/norfolk_island.svg b/shared/img/country-flags/norfolk_island.svg
new file mode 100644
index 00000000..8802fec0
--- /dev/null
+++ b/shared/img/country-flags/norfolk_island.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+	<rect x="341.337" y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+	<polygon style="fill:#6DA544;" points="304,311.995 256,159.994 208,311.995 244,311.995 244,351.994 268,351.994 268,311.995  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/north_korea.svg b/shared/img/country-flags/north_korea.svg
new file mode 100644
index 00000000..bd168aa9
--- /dev/null
+++ b/shared/img/country-flags/north_korea.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#91DC5A;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#0052B4;" width="512" height="57.188"/>
+	<rect y="369.48" style="fill:#0052B4;" width="512" height="57.177"/>
+</g>
+<rect y="165.215" style="fill:#D80027;" width="512" height="181.582"/>
+<circle style="fill:#F0F0F0;" cx="190.33" cy="255.994" r="65.668"/>
+<polygon style="fill:#D80027;" points="190.332,190.332 205.066,235.678 252.823,235.678 214.173,263.706 229.022,309.187   190.332,281.027 151.701,309.134 166.491,263.706 127.875,235.678 175.597,235.678 "/>
+</svg>
diff --git a/shared/img/country-flags/northen_cyprus.svg b/shared/img/country-flags/northen_cyprus.svg
new file mode 100644
index 00000000..001d1df9
--- /dev/null
+++ b/shared/img/country-flags/northen_cyprus.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#D80027;" points="234.16,221.076 248.163,240.372 270.84,233.018 256.816,252.298 270.818,271.595    248.147,264.213 234.122,283.493 234.136,259.652 211.467,252.271 234.145,244.917  "/>
+	<path style="fill:#D80027;" d="M195.943,300.516c-26.637,0-48.232-21.594-48.232-48.232s21.594-48.232,48.232-48.232   c8.306,0,16.12,2.1,22.943,5.797c-10.704-10.467-25.342-16.927-41.494-16.927c-32.785,0-59.362,26.577-59.362,59.362   s26.577,59.362,59.362,59.362c16.152,0,30.79-6.461,41.494-16.927C212.064,298.416,204.249,300.516,195.943,300.516z"/>
+	<rect y="140.984" style="fill:#D80027;" width="512" height="22.261"/>
+	<rect y="341.331" style="fill:#D80027;" width="512" height="22.261"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/northern_marianas_islands.svg b/shared/img/country-flags/northern_marianas_islands.svg
new file mode 100644
index 00000000..6d92405b
--- /dev/null
+++ b/shared/img/country-flags/northern_marianas_islands.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<path style="fill:#F3F3F3;" d="M251.469,348.064c-3.906-0.189-7.137-2.727-8.402-6.173l0,0c-2.236,2.916-6.078,4.384-9.864,3.408  l0,0c-3.792-0.976-6.443-4.114-6.992-7.753l0,0c-2.784,2.405-6.841,3.061-10.349,1.341l0,0c-3.515-1.726-5.48-5.336-5.278-9.008l0,0  c-3.206,1.802-7.313,1.625-10.406-0.768l0,0c-3.086-2.393-4.29-6.318-3.357-9.876l0,0c-3.502,1.122-7.483,0.126-10.034-2.841l0,0  c-2.551-2.961-2.942-7.049-1.317-10.342l0,0c-3.653,0.39-7.357-1.386-9.259-4.799l0,0c-1.909-3.414-1.468-7.502,0.794-10.406l0,0  c-3.66-0.353-6.934-2.84-8.106-6.569l0,0c-1.178-3.729,0.082-7.647,2.885-10.034l0,0c-3.515-1.084-6.211-4.183-6.607-8.07l0,0  c-0.397-3.887,1.618-7.457,4.837-9.234l0,0c-3.219-1.763-5.247-5.335-4.863-9.215l0,0c0,0,0,0,0.006,0l0,0  c0.384-3.892,3.08-6.998,6.588-8.094l0,0c-2.803-2.381-4.075-6.293-2.91-10.022l0,0c1.165-3.735,4.434-6.23,8.094-6.595l0,0  c-2.262-2.897-2.715-6.985-0.819-10.406l0,0c1.896-3.414,5.6-5.197,9.259-4.812l0,0c-1.637-3.295-1.253-7.382,1.291-10.356l0,0  c2.538-2.966,6.519-3.968,10.027-2.859l0,0c-0.945-3.552,0.252-7.483,3.338-9.883l0,0c3.08-2.4,7.187-2.583,10.392-0.794l0,0  c-0.208-3.672,1.751-7.282,5.259-9.013l0,0c3.502-1.726,7.565-1.083,10.355,1.322l0,0c0.535-3.641,3.188-6.79,6.973-7.772l0,0l0,0  l0,0c3.779-0.983,7.622,0.472,9.864,3.383l0,0c1.267-3.445,4.491-5.99,8.397-6.185l0,0c3.899-0.201,7.363,1.99,8.976,5.285l0,0  c1.928-3.124,5.593-4.976,9.454-4.39l0,0c3.867,0.58,6.834,3.426,7.753,6.985l0,0c2.52-2.684,6.488-3.748,10.153-2.4l0,0  c3.672,1.355,6.003,4.743,6.18,8.421l0,0c3.004-2.116,7.111-2.362,10.43-0.296l0,0c3.319,2.059,4.913,5.846,4.346,9.48l0,0  c3.37-1.468,7.439-0.882,10.273,1.802l0,0c2.835,2.689,3.641,6.715,2.356,10.16l0,0c3.596-0.762,7.464,0.623,9.706,3.83l0,0l0,0l0,0  c2.243,3.2,2.224,7.306,0.277,10.425l0,0c3.672-0.026,7.18,2.117,8.736,5.7l0,0c1.549,3.591,0.699,7.615-1.839,10.28l0,0  c3.61,0.718,6.614,3.521,7.407,7.351l0,0c0.787,3.83-0.857,7.59-3.874,9.688l0,0c3.377,1.43,5.757,4.775,5.763,8.68l0,0  c0,0.043,0,0.082,0,0.126l0,0c0,0.026,0,0.057,0,0.082l0,0c0,3.905-2.369,7.256-5.744,8.698l0,0c3.023,2.085,4.68,5.846,3.892,9.675  l0,0c-0.781,3.83-3.779,6.639-7.388,7.369l0,0c2.544,2.658,3.408,6.676,1.864,10.273l0,0l0,0l0,0  c-1.544,3.591-5.052,5.739-8.731,5.719l0,0c1.952,3.118,1.985,7.225-0.252,10.43l0,0c-2.236,3.207-6.097,4.605-9.693,3.849l0,0  c1.291,3.439,0.492,7.471-2.336,10.167l0,0l0,0l0,0c-2.835,2.69-6.898,3.281-10.267,1.826l0,0c0.573,3.629-1.014,7.421-4.328,9.492  l0,0c-3.314,2.072-7.42,1.832-10.43-0.277l0,0c-0.17,3.679-2.488,7.073-6.154,8.434l0,0c0,0,0,0-0.007,0l0,0  c-3.666,1.355-7.634,0.296-10.16-2.381l0,0c-0.907,3.565-3.868,6.418-7.735,7.01l0,0l0,0l0,0c-3.861,0.585-7.533-1.253-9.466-4.378  l0,0c-1.537,3.169-4.787,5.323-8.49,5.323l0,0C251.784,348.077,251.627,348.071,251.469,348.064z"/>
+<circle style="fill:#338AF3;" cx="256.033" cy="256.84" r="62.987"/>
+<path style="fill:#BDBCC1;" d="M269.823,235.464c3.094-2.295,5.109-5.964,5.109-10.113v-6.299c0-6.958-5.64-12.597-12.597-12.597  h-12.597c-6.958,0-12.597,5.64-12.597,12.597v6.299c0,4.149,2.015,7.818,5.109,10.113l-11.408,115.862c0,0,6.299,6.3,25.195,6.3  c18.896,0,25.195-6.3,25.195-6.3L269.823,235.464z"/>
+<polygon style="fill:#F0F0F0;" points="256.034,206.455 266.978,240.137 302.396,240.137 273.744,260.955 284.688,294.638   256.034,273.822 227.383,294.638 238.327,260.955 209.675,240.137 245.091,240.137 "/>
+</svg>
diff --git a/shared/img/country-flags/norway.svg b/shared/img/country-flags/norway.svg
new file mode 100644
index 00000000..3ce5ecad
--- /dev/null
+++ b/shared/img/country-flags/norway.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#D80027;" width="512" height="341.337"/>
+<polygon style="fill:#F0F0F0;" points="512,295.883 202.195,295.883 202.195,426.666 183.652,426.666 140.978,426.666   122.435,426.666 122.435,295.883 0,295.883 0,277.329 0,234.666 0,216.111 122.435,216.111 122.435,85.329 140.978,85.329   183.652,85.329 202.195,85.329 202.195,216.111 512,216.111 512,234.666 512,277.329 "/>
+<polygon style="fill:#2E52B2;" points="512,234.666 512,277.329 183.652,277.329 183.652,426.666 140.978,426.666 140.978,277.329   0,277.329 0,234.666 140.978,234.666 140.978,85.329 183.652,85.329 183.652,234.666 "/>
+</svg>
diff --git a/shared/img/country-flags/oman.svg b/shared/img/country-flags/oman.svg
new file mode 100644
index 00000000..4c6df0d0
--- /dev/null
+++ b/shared/img/country-flags/oman.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<rect y="85.331" style="fill:#D80027;" width="512" height="341.326"/>
+	<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+</g>
+<g>
+	<polygon style="fill:#F0F0F0;" points="189.746,160.439 174.007,144.698 163.513,155.192 153.02,144.698 137.279,160.439    147.773,170.932 137.278,181.426 153.018,197.167 163.512,186.673 174.007,197.167 189.746,181.426 179.252,170.932  "/>
+	<rect x="211.478" y="85.331" style="fill:#F0F0F0;" width="300.522" height="111.315"/>
+</g>
+<rect x="211.478" y="315.353" style="fill:#6DA544;" width="300.522" height="111.304"/>
+</svg>
diff --git a/shared/img/country-flags/orkney_islands.svg b/shared/img/country-flags/orkney_islands.svg
new file mode 100644
index 00000000..b3d8dc34
--- /dev/null
+++ b/shared/img/country-flags/orkney_islands.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#D80027;" width="512" height="341.337"/>
+<polygon style="fill:#FFDA44;" points="512,295.883 202.195,295.883 202.195,426.666 183.652,426.666 140.978,426.666   122.435,426.666 122.435,295.883 0,295.883 0,277.329 0,234.666 0,216.111 122.435,216.111 122.435,85.329 140.978,85.329   183.652,85.329 202.195,85.329 202.195,216.111 512,216.111 512,234.666 512,277.329 "/>
+<polygon style="fill:#0052B4;" points="512,234.666 512,277.329 183.652,277.329 183.652,426.666 140.978,426.666 140.978,277.329   0,277.329 0,234.666 140.978,234.666 140.978,85.329 183.652,85.329 183.652,234.666 "/>
+</svg>
diff --git a/shared/img/country-flags/ossetia.svg b/shared/img/country-flags/ossetia.svg
new file mode 100644
index 00000000..ef5aef4b
--- /dev/null
+++ b/shared/img/country-flags/ossetia.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#FFDA44;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/otan.svg b/shared/img/country-flags/otan.svg
new file mode 100644
index 00000000..95a275ec
--- /dev/null
+++ b/shared/img/country-flags/otan.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.337"/>
+<path style="fill:#F0F0F0;" d="M329.244,264.191c0.628-3.878,0.959-7.855,0.959-11.906  C330.203,256.336,329.872,260.313,329.244,264.191l30.641-11.906l-30.641-11.906l-16.829-6.54l-27.343-10.625l-10.625-27.343  c17.916,5.872,32.095,20.05,37.967,37.967l16.829,6.54c-5.087-31.398-29.94-56.251-61.336-61.338L256,148.4l-11.906,30.641  c-31.397,5.087-56.251,29.94-61.336,61.338l-30.641,11.906l30.641,11.906c5.085,31.397,29.94,56.251,61.336,61.336L256,356.168  l11.906-30.641C299.304,320.442,324.157,295.588,329.244,264.191z M273.605,234.68L256,252.285h62.91l-45.305,17.605L256,252.285  v62.911l-17.605-45.305L256,252.285h-62.91l45.304-17.604L256,252.285v-62.91L273.605,234.68z M237.554,195.871l-10.625,27.343  l-27.342,10.625C205.459,215.921,219.637,201.745,237.554,195.871z M199.586,270.731l27.342,10.625l10.625,27.342  C219.637,302.825,205.46,288.647,199.586,270.731z M274.446,308.697l10.625-27.342l27.342-10.625  C306.54,288.647,292.362,302.825,274.446,308.697z"/>
+<g>
+	<polygon style="fill:#0052B4;" points="318.91,252.285 256,252.285 273.605,269.89  "/>
+	<polygon style="fill:#0052B4;" points="193.09,252.285 256,252.285 238.395,234.68  "/>
+	<polygon style="fill:#0052B4;" points="256,315.195 256,252.285 238.395,269.89  "/>
+	<polygon style="fill:#0052B4;" points="256,252.285 273.605,234.68 256,189.374  "/>
+</g>
+<g>
+	<rect x="248.576" y="103.875" style="fill:#F0F0F0;" width="14.84" height="29.682"/>
+	<rect x="107.598" y="244.864" style="fill:#F0F0F0;" width="29.682" height="14.84"/>
+	<rect x="248.576" y="371.005" style="fill:#F0F0F0;" width="14.84" height="29.682"/>
+	<rect x="374.728" y="244.864" style="fill:#F0F0F0;" width="29.682" height="14.84"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/pakistan.svg b/shared/img/country-flags/pakistan.svg
new file mode 100644
index 00000000..6fe915d8
--- /dev/null
+++ b/shared/img/country-flags/pakistan.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<polygon style="fill:#F0F0F0;" points="393.508,170.516 411.02,189.391 434.383,178.57 421.842,201.057 439.355,219.933    414.092,214.955 401.553,237.443 398.48,211.879 373.217,206.901 396.58,196.081  "/>
+	<rect y="85.343" style="fill:#F0F0F0;" width="512" height="341.326"/>
+</g>
+<rect x="128" y="85.331" style="fill:#496E2D;" width="384" height="341.337"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M361.909,298.793c-31.037,22.426-74.378,15.446-96.804-15.592   c-22.427-31.038-15.446-74.379,15.593-96.804c9.677-6.992,20.55-11.125,31.613-12.563c-21.283-3.183-43.777,1.613-62.598,15.211   c-38.2,27.602-46.792,80.944-19.191,119.145c27.601,38.199,80.944,46.792,119.145,19.189c18.82-13.598,30.436-33.448,34.096-54.655   C378.924,282.774,371.587,291.8,361.909,298.793z"/>
+	<polygon style="fill:#F0F0F0;" points="360.58,172.889 378.064,191.731 401.386,180.929 388.867,203.376 406.35,222.22    381.131,217.252 368.612,239.702 365.545,214.181 340.325,209.212 363.648,198.41  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/palau.svg b/shared/img/country-flags/palau.svg
new file mode 100644
index 00000000..25953a5b
--- /dev/null
+++ b/shared/img/country-flags/palau.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<circle style="fill:#FFDA44;" cx="218.902" cy="255.994" r="74.207"/>
+</svg>
diff --git a/shared/img/country-flags/palestine.svg b/shared/img/country-flags/palestine.svg
new file mode 100644
index 00000000..5ffcb5f2
--- /dev/null
+++ b/shared/img/country-flags/palestine.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+<polygon style="fill:#D80027;" points="256,256.006 0,426.668 0,85.331 "/>
+</svg>
diff --git a/shared/img/country-flags/panama.svg b/shared/img/country-flags/panama.svg
new file mode 100644
index 00000000..97ec5c16
--- /dev/null
+++ b/shared/img/country-flags/panama.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<path style="fill:#0052B4;" d="M256,256c0,0,0,85.304,0,170.663H0V256h85.337C166.934,256,256,256,256,256z"/>
+<path style="fill:#D80027;" d="M512,85.337V256h-85.337C336.184,256,256,256,256,256s0-90.323,0-170.663H512z"/>
+<polygon style="fill:#0052B4;" points="128,123.034 139.824,159.423 178.087,159.423 147.132,181.914 158.955,218.303 128,195.813   97.045,218.303 108.868,181.914 77.913,159.423 116.176,159.423 "/>
+<polygon style="fill:#D80027;" points="384,293.697 395.824,330.086 434.087,330.086 403.132,352.577 414.955,388.966 384,366.476   353.045,388.966 364.868,352.577 333.913,330.086 372.176,330.086 "/>
+</svg>
diff --git a/shared/img/country-flags/papua_new_guinea.svg b/shared/img/country-flags/papua_new_guinea.svg
new file mode 100644
index 00000000..3c3f4a55
--- /dev/null
+++ b/shared/img/country-flags/papua_new_guinea.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" width="512" height="341.337"/>
+<polyline style="fill:#A2001D;" points="0,85.33 512,85.33 512,426.662 "/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="204.631,326.488 207.393,334.992 216.334,334.992 209.101,340.247 211.864,348.749    204.631,343.495 197.398,348.749 200.16,340.247 192.927,334.992 201.867,334.992  "/>
+	<polygon style="fill:#F0F0F0;" points="181.797,244.866 186.402,259.038 201.303,259.038 189.247,267.795 193.852,281.967    181.797,273.208 169.742,281.967 174.348,267.795 162.292,259.038 177.193,259.038  "/>
+	<polygon style="fill:#F0F0F0;" points="181.797,348.749 186.401,362.922 201.303,362.922 189.246,371.679 193.852,385.852    181.797,377.093 169.742,385.852 174.346,371.679 162.292,362.922 177.191,362.922  "/>
+	<polygon style="fill:#F0F0F0;" points="225.363,281.967 229.969,296.139 244.87,296.139 232.814,304.897 237.419,319.069    225.363,310.31 213.309,319.069 217.915,304.897 205.859,296.139 220.76,296.139  "/>
+	<polygon style="fill:#F0F0F0;" points="138.23,281.967 142.836,296.139 157.735,296.139 145.681,304.897 150.284,319.069    138.23,310.31 126.175,319.069 130.78,304.897 118.725,296.139 133.625,296.139  "/>
+</g>
+<path style="fill:#FFDA44;" d="M376.526,204.163c-7.628-7.628-17.538-12.133-28.189-12.908l31.88-24.795  c-12.698-12.698-29.714-18.431-46.319-17.218c-1.988-7.145-5.778-13.892-11.396-19.511l-12.593,25.186  c-0.826-1.506-1.872-2.923-3.148-4.197c-7.245-7.245-18.991-7.244-26.234,0s-7.245,18.99,0,26.234  c1.276,1.276,2.692,2.322,4.197,3.148l-25.186,12.593c5.62,5.62,12.371,9.412,19.519,11.399  c-1.217,16.606,4.511,33.619,17.209,46.317l27.854-35.811c2.096-2.064,4.862-3.202,7.807-3.202c2.973,0,5.768,1.158,7.87,3.26  c2.103,2.103,3.26,4.897,3.26,7.87c0,2.974-1.158,5.768-3.26,7.87l10.494,10.494c4.905-4.905,7.607-11.428,7.607-18.364  c0-5.675-1.81-11.071-5.153-15.534c4.871,1.3,9.474,3.849,13.288,7.662c11.573,11.572,11.573,30.403,0,41.975l10.494,10.494  c8.409-8.409,13.039-19.59,13.039-31.481C389.565,223.752,384.934,212.572,376.526,204.163z"/>
+</svg>
diff --git a/shared/img/country-flags/paraguay.svg b/shared/img/country-flags/paraguay.svg
new file mode 100644
index 00000000..4fc05e94
--- /dev/null
+++ b/shared/img/country-flags/paraguay.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+<path style="fill:#6DA544;" d="M289.579,216.738l-12.592,12.592c5.37,5.372,8.693,12.792,8.693,20.988  c0,16.392-13.289,29.68-29.68,29.68c-16.392,0-29.68-13.289-29.68-29.68c0-8.195,3.322-15.616,8.693-20.988l-12.592-12.592  c-8.594,8.594-13.91,20.466-13.91,33.579c0,26.228,21.261,47.489,47.489,47.489s47.489-21.261,47.489-47.489  C303.489,237.205,298.173,225.332,289.579,216.738z"/>
+<polygon style="fill:#FFDA44;" points="256,232.51 260.421,246.115 274.725,246.115 263.152,254.523 267.573,268.127 256,259.719   244.427,268.127 248.848,254.523 237.275,246.115 251.579,246.115 "/>
+</svg>
diff --git a/shared/img/country-flags/peru.svg b/shared/img/country-flags/peru.svg
new file mode 100644
index 00000000..2f5c81dd
--- /dev/null
+++ b/shared/img/country-flags/peru.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+	<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/philippines.svg b/shared/img/country-flags/philippines.svg
new file mode 100644
index 00000000..ed6948bb
--- /dev/null
+++ b/shared/img/country-flags/philippines.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+</g>
+<polygon style="fill:#0052B4;" points="512,85.337 512,256 256,256 0,85.337 "/>
+<polygon style="fill:#D80027;" points="512,256 512,426.663 0,426.663 256,256 "/>
+<g>
+	<polygon style="fill:#FFDA44;" points="161.908,256 134.62,243.165 149.152,216.737 119.52,222.405 115.765,192.472    95.125,214.487 74.486,192.472 70.731,222.405 41.1,216.736 55.631,243.164 28.343,256 55.631,268.835 41.1,295.263    70.733,289.595 74.486,319.528 95.125,297.513 115.765,319.528 119.52,289.595 149.151,295.264 134.619,268.837  "/>
+	<polygon style="fill:#FFDA44;" points="21.789,117.607 30.87,130.303 45.749,125.589 36.481,138.149 45.562,150.843    30.753,145.911 21.485,158.47 21.602,142.862 6.793,137.928 21.673,133.216  "/>
+	<polygon style="fill:#FFDA44;" points="21.789,353.53 30.87,366.226 45.749,361.512 36.481,374.072 45.562,386.767 30.753,381.834    21.485,394.392 21.602,378.785 6.793,373.851 21.673,369.139  "/>
+	<polygon style="fill:#FFDA44;" points="210.395,235.569 201.314,248.264 186.435,243.551 195.703,256.11 186.622,268.806    201.431,263.873 210.699,276.431 210.582,260.824 225.391,255.89 210.511,251.177  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/poland.svg b/shared/img/country-flags/poland.svg
new file mode 100644
index 00000000..b3bc2873
--- /dev/null
+++ b/shared/img/country-flags/poland.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+	<rect y="85.337" style="fill:#F0F0F0;" width="512" height="170.663"/>
+</g>
+<rect y="256" style="fill:#D80027;" width="512" height="170.663"/>
+</svg>
diff --git a/shared/img/country-flags/portugal.svg b/shared/img/country-flags/portugal.svg
new file mode 100644
index 00000000..a50cd7dc
--- /dev/null
+++ b/shared/img/country-flags/portugal.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<polygon style="fill:#6DA544;" points="196.641,85.337 196.641,261.565 196.641,426.663 0,426.663 0,85.337 "/>
+<circle style="fill:#FFDA44;" cx="196.641" cy="256" r="64"/>
+<path style="fill:#D80027;" d="M160.638,224v40.001c0,19.882,16.118,36,36,36s36-16.118,36-36V224H160.638z"/>
+<path style="fill:#F0F0F0;" d="M196.638,276c-6.617,0-12-5.383-12-12v-16h24.001v16C208.638,270.616,203.254,276,196.638,276z"/>
+</svg>
diff --git a/shared/img/country-flags/puerto_rico.svg b/shared/img/country-flags/puerto_rico.svg
new file mode 100644
index 00000000..877e917e
--- /dev/null
+++ b/shared/img/country-flags/puerto_rico.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#D80027;" width="512" height="68.263"/>
+	<rect y="221.863" style="fill:#D80027;" width="512" height="68.263"/>
+	<rect y="358.4" style="fill:#D80027;" width="512" height="68.263"/>
+</g>
+<polygon style="fill:#0052B4;" points="256,256.006 0,426.668 0,85.331 "/>
+<polygon style="fill:#F0F0F0;" points="83.477,195.132 98.584,241.63 147.478,241.63 107.924,270.369 123.031,316.868   83.477,288.13 43.922,316.868 59.032,270.369 19.478,241.63 68.37,241.63 "/>
+</svg>
diff --git a/shared/img/country-flags/qatar.svg b/shared/img/country-flags/qatar.svg
new file mode 100644
index 00000000..b79fe667
--- /dev/null
+++ b/shared/img/country-flags/qatar.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect x="2.216" y="86.076" style="fill:#751A46;" width="509.784" height="339.848"/>
+<polygon style="fill:#F0F0F0;" points="209.455,154.969 159.219,180.236 209.455,205.493 159.219,230.76 209.455,256.017   159.219,281.283 209.455,306.54 159.219,331.808 209.455,357.065 159.219,382.332 209.455,407.6 173.005,425.93 0,425.93 0,86.07   172.939,86.07 209.455,104.434 159.219,129.701 "/>
+</svg>
diff --git a/shared/img/country-flags/rapa_nui.svg b/shared/img/country-flags/rapa_nui.svg
new file mode 100644
index 00000000..008cb4f9
--- /dev/null
+++ b/shared/img/country-flags/rapa_nui.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FCFCFC;" width="512" height="341.337"/>
+<path style="fill:#D80027;" d="M307.942,226.313v14.84h20.368c-8.5,11.814-19.822,21.457-32.977,27.952  c-3.375-3.506-8.112-5.691-13.362-5.691c-8.85,0-16.248,6.2-18.1,14.492c-2.593,0.227-5.218,0.348-7.871,0.348  c-2.654,0-5.278-0.121-7.871-0.348c-1.852-8.292-9.251-14.492-18.1-14.492c-5.25,0-9.987,2.185-13.362,5.69  c-13.154-6.493-24.476-16.138-32.976-27.951h20.368v-14.84h-51.942c0,57.373,46.511,103.884,103.884,103.884  c57.374,0,103.884-46.511,103.884-103.884L307.942,226.313L307.942,226.313z"/>
+</svg>
diff --git a/shared/img/country-flags/republic_of_macedonia.svg b/shared/img/country-flags/republic_of_macedonia.svg
new file mode 100644
index 00000000..4b36cc57
--- /dev/null
+++ b/shared/img/country-flags/republic_of_macedonia.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#FFDA44;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#D80027;" points="383.875,426.662 256,252.286 282.827,426.662  "/>
+	<polygon style="fill:#D80027;" points="133.565,85.33 256,252.286 230.314,85.33  "/>
+	<polygon style="fill:#D80027;" points="229.171,426.662 256,252.286 128.124,426.662  "/>
+	<polygon style="fill:#D80027;" points="0,85.33 0,212.9 256,252.286 28.333,85.33  "/>
+	<polygon style="fill:#D80027;" points="0,426.662 18.212,426.662 256,252.286 0,291.67  "/>
+	<polygon style="fill:#D80027;" points="256,252.286 512,212.9 512,85.33 483.669,85.33  "/>
+	<polygon style="fill:#D80027;" points="281.686,85.33 256,252.286 378.434,85.33  "/>
+	<polygon style="fill:#D80027;" points="512,426.662 512,291.671 256,252.286 493.787,426.662  "/>
+	<circle style="fill:#D80027;" cx="256" cy="252.29" r="59.359"/>
+</g>
+<circle style="fill:#FFDA44;" cx="256" cy="252.29" r="44.522"/>
+</svg>
diff --git a/shared/img/country-flags/republic_of_the_congo.svg b/shared/img/country-flags/republic_of_the_congo.svg
new file mode 100644
index 00000000..16bec274
--- /dev/null
+++ b/shared/img/country-flags/republic_of_the_congo.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<polygon style="fill:#6DA544;" points="443.726,85.331 102.4,426.657 0,426.657 0,85.331 "/>
+<polygon style="fill:#FFDA44;" points="500.124,85.331 158.798,426.657 11.876,426.657 353.202,85.331 "/>
+</svg>
diff --git a/shared/img/country-flags/romania.svg b/shared/img/country-flags/romania.svg
new file mode 100644
index 00000000..3db71967
--- /dev/null
+++ b/shared/img/country-flags/romania.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/russia.svg b/shared/img/country-flags/russia.svg
new file mode 100644
index 00000000..17b8f14c
--- /dev/null
+++ b/shared/img/country-flags/russia.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<polygon style="fill:#F0F0F0;" points="0,85.33 0,199.107 0,312.885 0,426.662 512,426.662 512,312.885 512,199.107 512,85.33 "/>
+<rect y="85.333" style="fill:#0052B4;" width="512" height="341.337"/>
+<rect y="85.333" style="fill:#F0F0F0;" width="512" height="113.775"/>
+<rect y="312.884" style="fill:#D80027;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/rwanda.svg b/shared/img/country-flags/rwanda.svg
new file mode 100644
index 00000000..b93a94bd
--- /dev/null
+++ b/shared/img/country-flags/rwanda.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<rect y="255.994" style="fill:#FFDA44;" width="512" height="81.619"/>
+<rect y="337.614" style="fill:#496E2D;" width="512" height="89.043"/>
+<polygon style="fill:#FFDA44;" points="278.261,185.209 299.105,195.013 288.006,215.199 310.638,210.869 313.506,233.734   329.271,216.918 345.037,233.734 347.904,210.869 370.537,215.199 359.438,195.013 380.281,185.209 359.437,175.404   370.537,155.219 347.904,159.548 345.036,136.684 329.271,153.5 313.505,136.684 310.638,159.548 288.004,155.219 299.104,175.406   "/>
+</svg>
diff --git a/shared/img/country-flags/saba_island.svg b/shared/img/country-flags/saba_island.svg
new file mode 100644
index 00000000..a56a2cca
--- /dev/null
+++ b/shared/img/country-flags/saba_island.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.34" style="fill:#0052B4;" width="512" height="341.326"/>
+<polygon style="fill:#D80027;" points="512,85.334 512,252.024 0,256.175 0,85.334 "/>
+<path style="fill:#F0F0F0;" d="M426.663,256.003c0.045,0.045-170.507,170.785-170.663,170.663  c-0.156,0.122-170.707-170.618-170.663-170.663C85.293,255.958,255.844,85.217,256,85.34  C256.156,85.217,426.707,255.958,426.663,256.003z"/>
+<polygon style="fill:#FFDA44;" points="256,174.38 274.419,231.065 334.022,231.065 285.802,266.099 304.22,322.785 256,287.751   207.78,322.785 226.198,266.099 177.978,231.065 237.581,231.065 "/>
+</svg>
diff --git a/shared/img/country-flags/sahrawi_arab_democratic_republic.svg b/shared/img/country-flags/sahrawi_arab_democratic_republic.svg
new file mode 100644
index 00000000..ef1ae02d
--- /dev/null
+++ b/shared/img/country-flags/sahrawi_arab_democratic_republic.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#496E2D;" width="512" height="113.775"/>
+<g>
+	<polygon style="fill:#D80027;" points="256,256.006 0,426.668 0,85.331  "/>
+	<path style="fill:#D80027;" d="M305.716,256c0-19.892,13.98-36.51,32.649-40.587c-2.869-0.627-5.847-0.966-8.904-0.966   c-22.95,0-41.553,18.603-41.553,41.553s18.603,41.553,41.553,41.553c3.058,0,6.035-0.339,8.904-0.966   C319.696,292.51,305.716,275.892,305.716,256z"/>
+	<polygon style="fill:#D80027;" points="340.112,229.287 346.006,247.427 365.078,247.427 349.648,258.638 355.542,276.777    340.112,265.567 324.681,276.777 330.576,258.638 315.145,247.427 334.217,247.427  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/saint_kitts_and_nevis.svg b/shared/img/country-flags/saint_kitts_and_nevis.svg
new file mode 100644
index 00000000..252f5fa8
--- /dev/null
+++ b/shared/img/country-flags/saint_kitts_and_nevis.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#D80027;" width="512" height="341.337"/>
+<polyline style="fill:#6DA544;" points="512,85.33 0,85.33 0,426.663 "/>
+<polygon style="fill:#FFDA44;" points="446.679,85.33 417.834,85.33 0,363.887 0,383.117 0,426.663 65.32,426.663 94.165,426.663   512,148.105 512,128.876 512,85.33 "/>
+<polygon points="512,85.33 446.679,85.33 0,383.117 0,426.663 65.32,426.663 512,128.876 "/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="186.241,265.94 205.143,280.47 224.802,266.983 216.825,289.45 235.727,303.98    211.895,303.336 203.916,325.803 197.165,302.936 173.332,302.292 192.992,288.805  "/>
+	<polygon style="fill:#F0F0F0;" points="289.182,195.323 308.084,209.853 327.743,196.366 319.766,218.833 338.668,233.363    314.835,232.718 306.857,255.186 300.105,232.319 276.273,231.675 295.933,218.188  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/samoa.svg b/shared/img/country-flags/samoa.svg
new file mode 100644
index 00000000..10bd97e7
--- /dev/null
+++ b/shared/img/country-flags/samoa.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#0052B4;" width="256" height="170.663"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="165.483,181.79 168.247,190.294 177.186,190.294 169.954,195.548 172.717,204.051    165.483,198.796 158.25,204.051 161.013,195.548 153.78,190.294 162.72,190.294  "/>
+	<polygon style="fill:#F0F0F0;" points="120.579,115.007 125.185,129.18 140.085,129.18 128.03,137.937 132.635,152.108    120.579,143.35 108.525,152.108 113.13,137.937 101.074,129.18 115.975,129.18  "/>
+	<polygon style="fill:#F0F0F0;" points="165.101,129.848 169.707,144.02 184.607,144.02 172.552,152.777 177.156,166.95    165.101,158.19 153.047,166.95 157.651,152.777 145.596,144.02 160.496,144.02  "/>
+	<polygon style="fill:#F0F0F0;" points="129.909,189.211 134.515,203.383 149.415,203.383 137.36,212.141 141.964,226.312    129.909,217.553 117.855,226.312 122.459,212.141 110.404,203.383 125.304,203.383  "/>
+	<polygon style="fill:#F0F0F0;" points="90.899,152.108 95.504,166.281 110.404,166.281 98.349,175.038 102.953,189.211    90.899,180.451 78.844,189.211 83.448,175.038 71.393,166.281 86.293,166.281  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/san_marino.svg b/shared/img/country-flags/san_marino.svg
new file mode 100644
index 00000000..7b9f0c4d
--- /dev/null
+++ b/shared/img/country-flags/san_marino.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.34" style="fill:#338AF3;" width="512" height="341.326"/>
+<polygon style="fill:#F0F0F0;" points="512,85.334 512,252.024 0,256.175 0,85.334 "/>
+<path style="fill:#6DA544;" d="M323.744,203.099L256,270.843l-67.744-67.744c-8.76,13.005-13.879,28.658-13.879,45.483v22.261  c0,35.744,23.097,66.193,55.148,77.213c-4.277,8.385-3.556,18.848,2.712,26.671c8.326-6.673,16.945-13.58,24.258-19.439  c7.313,5.859,15.932,12.767,24.258,19.439c6.342-7.915,7.011-18.534,2.564-26.968c31.614-11.261,54.308-41.485,54.308-76.916  v-22.261C337.623,231.756,332.504,216.105,323.744,203.099z"/>
+<path style="fill:#FFDA44;" d="M256,330.206c-32.732,0-59.362-26.63-59.362-59.362v-22.261c0-32.733,26.63-59.363,59.362-59.363  s59.362,26.63,59.362,59.362v22.261C315.362,303.576,288.732,330.206,256,330.206z"/>
+<path style="fill:#338AF3;" d="M293.101,270.843v-22.261c0-20.458-16.643-37.101-37.101-37.101s-37.101,16.643-37.101,37.101v22.261  L256,278.264L293.101,270.843z"/>
+<path style="fill:#6DA544;" d="M218.899,270.843L218.899,270.843c0,20.458,16.643,37.101,37.101,37.101  c20.458,0,37.101-16.643,37.101-37.101l0,0H218.899L218.899,270.843z"/>
+<path style="fill:#FFDA44;" d="M300.522,189.22c0-12.295-9.966-22.261-22.261-22.261c-5.703,0-10.901,2.146-14.84,5.672v-13.093  h7.421v-14.84h-7.421v-7.421h-14.84v7.421h-7.421v14.84h7.421v13.093c-3.94-3.526-9.138-5.672-14.841-5.672  c-12.295,0-22.261,9.966-22.261,22.261c0,6.591,2.867,12.512,7.421,16.589v13.093h74.203v-13.093  C297.655,201.732,300.522,195.812,300.522,189.22z"/>
+</svg>
diff --git a/shared/img/country-flags/sao_tome_and_principe.svg b/shared/img/country-flags/sao_tome_and_principe.svg
new file mode 100644
index 00000000..d55b1945
--- /dev/null
+++ b/shared/img/country-flags/sao_tome_and_principe.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+</g>
+<polygon style="fill:#D80027;" points="256,256.006 0,426.668 0,85.331 "/>
+<polygon points="302.049,226.318 309.417,248.992 333.259,248.992 313.971,263.008 321.337,285.682 302.049,271.667   282.762,285.682 290.128,263.008 270.84,248.992 294.682,248.992 "/>
+<polygon points="376.252,226.318 383.619,248.992 407.461,248.992 388.173,263.008 395.54,285.682 376.252,271.667 356.964,285.682   364.331,263.008 345.043,248.992 368.885,248.992 "/>
+</svg>
diff --git a/shared/img/country-flags/sardinia.svg b/shared/img/country-flags/sardinia.svg
new file mode 100644
index 00000000..67f7af13
--- /dev/null
+++ b/shared/img/country-flags/sardinia.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<path d="M115.71,117.564c-13.831,0-25.452,9.46-28.747,22.261l28.747,7.421l28.747-7.421  C141.162,127.022,129.54,117.564,115.71,117.564z"/>
+<path d="M86.029,184.346l37.101,7.421v-15.776c10.429-2.686,18.639-10.897,21.324-21.326l-28.744-7.421H78.609l7.421,22.261V184.346  z"/>
+<path style="fill:#ACABB1;" d="M144.456,139.824H78.609v14.84v14.84h7.421v-14.84h58.426c0.611-2.372,0.937-4.858,0.937-7.421  C145.391,144.682,145.066,142.196,144.456,139.824z"/>
+<path d="M403.71,117.564c-13.831,0-25.452,9.46-28.747,22.261l28.747,7.421l28.747-7.421  C429.162,127.022,417.54,117.564,403.71,117.564z"/>
+<path d="M374.029,184.346l37.101,7.421v-15.776c10.429-2.686,18.639-10.897,21.324-21.326l-28.744-7.421h-37.101l7.421,22.261  L374.029,184.346L374.029,184.346z"/>
+<path style="fill:#ACABB1;" d="M432.456,139.824h-65.848v14.84v14.84h7.421v-14.84h58.426c0.611-2.372,0.937-4.858,0.937-7.421  C433.391,144.682,433.066,142.196,432.456,139.824z"/>
+<path d="M403.71,320.226c-13.831,0-25.452,9.46-28.747,22.261l28.747,7.421l28.747-7.421  C429.162,329.685,417.54,320.226,403.71,320.226z"/>
+<path d="M374.029,387.009l37.101,7.421v-15.776c10.429-2.686,18.639-10.897,21.324-21.326l-28.744-7.421h-37.101l7.421,22.261  L374.029,387.009L374.029,387.009z"/>
+<path style="fill:#ACABB1;" d="M432.456,342.487h-65.848v14.84v14.84h7.421v-14.84h58.426c0.611-2.372,0.937-4.858,0.937-7.421  C433.391,347.345,433.066,344.859,432.456,342.487z"/>
+<path d="M115.71,320.226c-13.831,0-25.452,9.46-28.747,22.261l28.747,7.421l28.747-7.421  C141.162,329.685,129.54,320.226,115.71,320.226z"/>
+<path d="M86.029,387.009l37.101,7.421v-15.776c10.429-2.686,18.639-10.897,21.324-21.326l-28.744-7.421H78.609l7.421,22.261V387.009  z"/>
+<path style="fill:#ACABB1;" d="M144.456,342.487H78.609v14.84v14.84h7.421v-14.84h58.426c0.611-2.372,0.937-4.858,0.937-7.421  C145.391,347.345,145.066,344.859,144.456,342.487z"/>
+<polygon style="fill:#D80027;" points="288,85.33 224,85.33 224,223.996 0,223.996 0,287.996 224,287.996 224,426.662 288,426.662   288,287.996 512,287.996 512,223.996 288,223.996 "/>
+</svg>
diff --git a/shared/img/country-flags/saudi_arabia.svg b/shared/img/country-flags/saudi_arabia.svg
new file mode 100644
index 00000000..ff6d1aeb
--- /dev/null
+++ b/shared/img/country-flags/saudi_arabia.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#6DA544;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M183.548,289.386c0,12.295,9.731,22.261,21.736,22.261h65.208c0,10.244,8.11,18.551,18.114,18.551   h21.736c10.004,0,18.114-8.306,18.114-18.551v-22.261H183.548z"/>
+	<path style="fill:#F0F0F0;" d="M330.264,181.791v51.942c0,8.183-6.5,14.84-14.491,14.84v22.261   c19.976,0,36.226-16.643,36.226-37.101v-51.942L330.264,181.791L330.264,181.791z"/>
+	<path style="fill:#F0F0F0;" d="M174.491,233.734c0,8.183-6.5,14.84-14.491,14.84v22.261c19.976,0,36.226-16.643,36.226-37.101   v-51.942h-21.736V233.734z"/>
+	<rect x="297.661" y="181.788" style="fill:#F0F0F0;" width="21.736" height="51.942"/>
+	<path style="fill:#F0F0F0;" d="M265.057,211.473c0,2.046-1.625,3.71-3.623,3.71c-1.998,0-3.623-1.664-3.623-3.71v-29.682h-21.736   v29.682c0,2.046-1.625,3.71-3.623,3.71s-3.623-1.664-3.623-3.71v-29.682h-21.736v29.682c0,14.32,11.376,25.971,25.358,25.971   c5.385,0,10.38-1.733,14.491-4.677c4.11,2.944,9.106,4.677,14.491,4.677c1.084,0,2.15-0.078,3.2-0.215   c-1.54,6.499-7.255,11.345-14.068,11.345v22.261c19.976,0,36.226-16.643,36.226-37.101v-22.261v-29.682h-21.736L265.057,211.473   L265.057,211.473z"/>
+	<rect x="207.093" y="248.57" style="fill:#F0F0F0;" width="32.601" height="22.261"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/scotland.svg b/shared/img/country-flags/scotland.svg
new file mode 100644
index 00000000..0b2afd55
--- /dev/null
+++ b/shared/img/country-flags/scotland.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+<polygon style="fill:#F0F0F0;" points="301.255,255.997 512,115.499 512,85.329 466.745,85.329 256,225.826 45.255,85.329 0,85.329   0,115.499 210.745,255.997 0,396.494 0,426.663 45.255,426.663 256,286.167 466.745,426.663 512,426.663 512,396.494 "/>
+</svg>
diff --git a/shared/img/country-flags/senegal.svg b/shared/img/country-flags/senegal.svg
new file mode 100644
index 00000000..5bb77343
--- /dev/null
+++ b/shared/img/country-flags/senegal.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect x="330.207" y="85.331" style="fill:#D80027;" width="181.793" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#496E2D;" width="181.793" height="341.337"/>
+	<polygon style="fill:#496E2D;" points="255.999,196.632 270.732,241.979 318.417,241.979 279.841,270.008 294.575,315.356    255.999,287.33 217.422,315.356 232.159,270.008 193.583,241.979 241.264,241.979  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/serbia.svg b/shared/img/country-flags/serbia.svg
new file mode 100644
index 00000000..8e3a4385
--- /dev/null
+++ b/shared/img/country-flags/serbia.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#0052B4;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.882" style="fill:#F0F0F0;" width="512" height="113.775"/>
+<path style="fill:#D80027;" d="M129.468,181.793v85.136c0,48.429,63.267,63.267,63.267,63.267S256,315.356,256,266.929v-85.136  H129.468z"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="155.634,196.634 229.835,196.634 229.835,166.953 214.994,174.373 192.733,152.113    170.474,174.373 155.634,166.953  "/>
+	<polygon style="fill:#FFDA44;" points="241.16,278.782 192.929,230.551 144.698,278.782 160.439,294.522 192.929,262.032    225.419,294.522  "/>
+</g>
+<path style="fill:#F0F0F0;" d="M241.16,233.734h-22.504c1.266-2.184,2.001-4.713,2.001-7.418c0-8.196-6.645-14.84-14.84-14.84  c-5.663,0-10.581,3.172-13.083,7.836c-2.502-4.663-7.421-7.836-13.083-7.836c-8.195,0-14.84,6.644-14.84,14.84  c0,2.706,0.736,5.235,2.001,7.418h-22.114c0,8.196,7.139,14.84,15.334,14.84h-0.494c0,8.196,6.644,14.84,14.84,14.84  c0,7.257,5.211,13.286,12.094,14.576l-11.694,26.401c5.603,2.278,11.727,3.544,18.149,3.544c6.422,0,12.545-1.266,18.149-3.544  l-11.694-26.401c6.883-1.29,12.094-7.319,12.094-14.576c8.196,0,14.84-6.644,14.84-14.84h-0.494  C234.021,248.574,241.16,241.93,241.16,233.734z"/>
+</svg>
diff --git a/shared/img/country-flags/seychelles.svg b/shared/img/country-flags/seychelles.svg
new file mode 100644
index 00000000..5053f3ef
--- /dev/null
+++ b/shared/img/country-flags/seychelles.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<polygon style="fill:#FFDA44;" points="235.454,85.337 0,426.663 427.345,85.337 "/>
+<polygon style="fill:#6DA544;" points="512,329.393 0,426.663 512,426.663 "/>
+<polygon style="fill:#D80027;" points="512,85.337 427.345,85.337 0,426.663 512,222.151 "/>
+<polygon style="fill:#0052B4;" points="0,85.337 0,426.663 235.454,85.337 "/>
+</svg>
diff --git a/shared/img/country-flags/sicily.svg b/shared/img/country-flags/sicily.svg
new file mode 100644
index 00000000..72468a05
--- /dev/null
+++ b/shared/img/country-flags/sicily.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#FFDA44;" width="512" height="341.337"/>
+<polyline style="fill:#D80027;" points="0,85.33 512,85.33 512,426.662 "/>
+<path style="fill:#FF9811;" d="M300.611,300.621c-7.011,2.754-15.156,2.462-22.223-1.505c-12.486-7.008-16.944-22.871-9.934-35.359  l-2.128-1.193c21.38-5.156,37.199-24.562,36.922-47.464c-0.173-14.238-6.535-26.976-16.486-35.692l-15.582,15.963  c5.891,4.695,9.71,11.896,9.808,19.998c0.174,14.319-11.335,26.111-25.653,26.285l0.029,2.439  c-15.155-15.937-39.87-19.932-59.565-8.242c-12.243,7.269-20.093,19.147-22.667,32.124l21.616,5.513  c1.121-7.45,5.447-14.357,12.414-18.494c12.314-7.309,28.28-3.239,35.59,9.076l2.098-1.244  c-6.225,21.092,2.671,44.494,22.644,55.706c12.417,6.969,26.627,7.828,39.154,3.568L300.611,300.621z M255.511,256.491  L255.511,256.491L255.511,256.491L255.511,256.491z"/>
+<path style="fill:#FFEACF;" d="M319.191,200.915l-12.062,43.047l-36.194-6.684l-23.297-48.023L184.7,211.589l-4.964-13.986  l-16.466-2.029l12.407,34.966l43.313-11.077l12.309,34.686l-29.941,44.187l50.81,43.337l-9.631,11.292l6.476,15.277l24.078-28.229  l-31.249-31.97l23.885-28.002l53.238,3.837l12.127-65.673l14.594,2.695l9.993-13.247L319.191,200.915z M255.987,257.156v0.001  V257.156L255.987,257.156z"/>
+</svg>
diff --git a/shared/img/country-flags/sierra_leone.svg b/shared/img/country-flags/sierra_leone.svg
new file mode 100644
index 00000000..de538eb3
--- /dev/null
+++ b/shared/img/country-flags/sierra_leone.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#6DA544;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#338AF3;" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/singapore.svg b/shared/img/country-flags/singapore.svg
new file mode 100644
index 00000000..2f40722d
--- /dev/null
+++ b/shared/img/country-flags/singapore.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="170.663"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M83.478,170.666c0-24.865,17.476-45.637,40.812-50.734c-3.587-0.784-7.308-1.208-11.13-1.208   c-28.688,0-51.942,23.254-51.942,51.941s23.255,51.942,51.942,51.942c3.822,0,7.543-0.425,11.13-1.208   C100.954,216.304,83.478,195.532,83.478,170.666z"/>
+	<polygon style="fill:#F0F0F0;" points="150.261,122.435 153.945,133.772 165.866,133.772 156.221,140.779 159.905,152.116    150.261,145.11 140.616,152.116 144.301,140.779 134.656,133.772 146.577,133.772  "/>
+	<polygon style="fill:#F0F0F0;" points="121.344,144.696 125.027,156.033 136.948,156.033 127.303,163.04 130.987,174.377    121.344,167.371 111.699,174.377 115.384,163.04 105.739,156.033 117.66,156.033  "/>
+	<polygon style="fill:#F0F0F0;" points="179.178,144.696 182.862,156.033 194.783,156.033 185.138,163.04 188.822,174.377    179.178,167.371 169.534,174.377 173.219,163.04 163.574,156.033 175.495,156.033  "/>
+	<polygon style="fill:#F0F0F0;" points="168.047,178.087 171.731,189.424 183.652,189.424 174.008,196.431 177.692,207.768    168.047,200.762 158.404,207.768 162.088,196.431 152.444,189.424 164.364,189.424  "/>
+	<polygon style="fill:#F0F0F0;" points="132.474,178.087 136.157,189.424 148.078,189.424 138.434,196.431 142.118,207.768    132.474,200.762 122.83,207.768 126.514,196.431 116.87,189.424 128.79,189.424  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/sint_eustatius.svg b/shared/img/country-flags/sint_eustatius.svg
new file mode 100644
index 00000000..b5e7d436
--- /dev/null
+++ b/shared/img/country-flags/sint_eustatius.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#D80027;" width="512" height="341.337"/>
+<rect x="11.13" y="96.464" style="fill:#0052B4;" width="489.739" height="319.076"/>
+<g>
+	<polygon style="fill:#D80027;" points="131.2,255.996 256,177.554 380.8,255.996 256,334.439  "/>
+	<polygon style="fill:#D80027;" points="250.435,85.33 250.435,250.431 0,250.431 0,261.561 250.435,261.561 250.435,426.662    261.565,426.662 261.565,261.561 512,261.561 512,250.431 261.565,250.431 261.565,85.33  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="152.116,255.996 256,190.702 359.884,255.996 256,321.292 "/>
+<polygon style="fill:#6DA544;" points="325.02,277.901 312.654,285.681 196.641,285.681 197.287,284.39 211.478,255.996   226.315,270.833 256,270.833 270.837,248.572 285.685,255.996 300.522,241.159 "/>
+<polygon style="fill:#FFDA44;" points="256,211.474 259.684,222.812 271.604,222.812 261.96,229.817 265.645,241.156 256,234.148   246.355,241.156 250.04,229.817 240.396,222.812 252.316,222.812 "/>
+</svg>
diff --git a/shared/img/country-flags/sint_maarten.svg b/shared/img/country-flags/sint_maarten.svg
new file mode 100644
index 00000000..b48cd0e9
--- /dev/null
+++ b/shared/img/country-flags/sint_maarten.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<polygon style="fill:#D80027;" points="512,85.331 512,252.021 0,256.173 0,85.331 "/>
+<polygon style="fill:#F0F0F0;" points="256,256.006 0,426.668 0,85.331 "/>
+<g>
+	<path style="fill:#FFDA44;" d="M59.621,256c-0.116,1.509-0.193,3.031-0.193,4.57c0,32.821,26.607,59.429,59.429,59.429   s59.429-26.607,59.429-59.429c0-1.539-0.078-3.061-0.193-4.57L59.621,256L59.621,256z"/>
+	<circle style="fill:#FFDA44;" cx="118.862" cy="210.287" r="18.286"/>
+</g>
+<path style="fill:#D80027;" d="M77.715,205.714v59.429c0,31.494,41.144,41.143,41.144,41.143s41.144-9.649,41.144-41.143v-59.429  H77.715z"/>
+<path style="fill:#338AF3;" d="M118.877,287.148c-7.632-2.746-22.876-9.767-22.876-22.006v-41.144h45.715v41.144  C141.715,277.422,126.472,284.425,118.877,287.148z"/>
+<polygon style="fill:#F3F3F3;" points="128.001,246.856 128.001,237.714 118.857,233.143 109.715,237.714 109.715,246.856   105.144,251.429 105.144,269.714 132.572,269.714 132.572,251.429 "/>
+</svg>
diff --git a/shared/img/country-flags/slovakia.svg b/shared/img/country-flags/slovakia.svg
new file mode 100644
index 00000000..b98ccdea
--- /dev/null
+++ b/shared/img/country-flags/slovakia.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="196.641" style="fill:#0052B4;" width="512" height="118.717"/>
+<rect y="315.359" style="fill:#D80027;" width="512" height="111.304"/>
+<path style="fill:#F0F0F0;" d="M129.468,181.799v85.136c0,48.429,63.267,63.267,63.267,63.267S256,315.362,256,266.935v-85.136  H129.468z"/>
+<path style="fill:#D80027;" d="M146.126,184.294v81.941c0,5.472,1.215,10.64,3.623,15.485c23.89,0,59.599,0,85.97,0  c2.408-4.844,3.623-10.012,3.623-15.485v-81.941H146.126z"/>
+<polygon style="fill:#F0F0F0;" points="221.301,241.427 199.876,241.427 199.876,227.144 214.16,227.144 214.16,212.861   199.876,212.861 199.876,198.577 185.593,198.577 185.593,212.861 171.311,212.861 171.311,227.144 185.593,227.144   185.593,241.427 164.167,241.427 164.167,255.711 185.593,255.711 185.593,269.994 199.876,269.994 199.876,255.711   221.301,255.711 "/>
+<path style="fill:#0052B4;" d="M169.232,301.658c9.204,5.783,18.66,9.143,23.502,10.636c4.842-1.494,14.298-4.852,23.502-10.636  c9.282-5.833,15.79-12.506,19.484-19.939c-4.075-2.883-9.047-4.583-14.418-4.583c-1.956,0-3.856,0.232-5.682,0.657  c-3.871-8.796-12.658-14.94-22.884-14.94c-10.227,0-19.013,6.144-22.884,14.94c-1.827-0.425-3.728-0.657-5.682-0.657  c-5.372,0-10.344,1.701-14.418,4.583C153.443,289.152,159.95,295.825,169.232,301.658z"/>
+</svg>
diff --git a/shared/img/country-flags/slovenia.svg b/shared/img/country-flags/slovenia.svg
new file mode 100644
index 00000000..a6bc21a7
--- /dev/null
+++ b/shared/img/country-flags/slovenia.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="199.112" style="fill:#0052B4;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+<path style="fill:#F0F0F0;" d="M233.606,196.639v14.837c0,34.081-44.522,44.522-44.522,44.522s-44.522-10.44-44.522-44.522v-14.837  l-0.145-44.188l89.043-0.266L233.606,196.639z"/>
+<path style="fill:#0052B4;" d="M233.606,196.639v14.837c0,34.081-44.522,44.522-44.522,44.522s-44.522-10.44-44.522-44.522v-14.837  l-0.145-44.188l89.043-0.266L233.606,196.639z"/>
+<path style="fill:#F0F0F0;" d="M233.606,196.639v14.837c0,34.081-44.522,44.522-44.522,44.522s-44.522-10.44-44.522-44.522v-14.837  l14.848,14.837l29.674-22.261l29.685,22.261L233.606,196.639z"/>
+</svg>
diff --git a/shared/img/country-flags/solomon_islands.svg b/shared/img/country-flags/solomon_islands.svg
new file mode 100644
index 00000000..9b1dcacd
--- /dev/null
+++ b/shared/img/country-flags/solomon_islands.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#496E2D;" width="512" height="341.337"/>
+<polyline style="fill:#0052B4;" points="0,426.663 0,85.329 512,85.329 "/>
+<polygon style="fill:#FFDA44;" points="0,396.494 0,426.663 45.255,426.663 512,115.499 512,85.329 466.745,85.329 "/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="85.688,108.787 90.808,124.543 107.374,124.543 93.971,134.28 99.091,150.037    85.688,140.299 72.283,150.037 77.403,134.28 64,124.543 80.567,124.543  "/>
+	<polygon style="fill:#F0F0F0;" points="170.312,108.787 175.433,124.543 192,124.543 178.597,134.28 183.717,150.037    170.312,140.299 156.909,150.037 162.029,134.28 148.626,124.543 165.192,124.543  "/>
+	<polygon style="fill:#F0F0F0;" points="85.688,191.289 90.808,207.045 107.374,207.045 93.971,216.783 99.091,232.54    85.688,222.801 72.283,232.54 77.403,216.783 64,207.045 80.567,207.045  "/>
+	<polygon style="fill:#F0F0F0;" points="170.312,191.289 175.433,207.045 192,207.045 178.597,216.783 183.717,232.54    170.312,222.801 156.909,232.54 162.029,216.783 148.626,207.045 165.192,207.045  "/>
+	<polygon style="fill:#F0F0F0;" points="128,150.037 133.12,165.793 149.688,165.793 136.283,175.531 141.403,191.289 128,181.55    114.597,191.289 119.717,175.531 106.312,165.793 122.88,165.793  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/somalia.svg b/shared/img/country-flags/somalia.svg
new file mode 100644
index 00000000..28b12fdd
--- /dev/null
+++ b/shared/img/country-flags/somalia.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<polygon style="fill:#F0F0F0;" points="256,157.273 278.663,227.021 352,227.021 292.668,270.127 315.332,339.876 256,296.769   196.668,339.876 219.332,270.127 160,227.021 233.337,227.021 "/>
+</svg>
diff --git a/shared/img/country-flags/somaliland.svg b/shared/img/country-flags/somaliland.svg
new file mode 100644
index 00000000..f8eb346f
--- /dev/null
+++ b/shared/img/country-flags/somaliland.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#496E2D;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#D80027;" width="512" height="113.775"/>
+<polygon points="256,218.899 265.208,247.24 295.011,247.24 270.9,264.759 280.111,293.101 256,275.585 231.889,293.101   241.1,264.759 216.989,247.24 246.792,247.24 "/>
+<g>
+	<path style="fill:#F0F0F0;" d="M306.706,118.725v34.628c0,5.456-4.439,9.894-9.894,9.894v14.84   c13.639,0,24.734-11.096,24.734-24.735v-34.628h-14.84V118.725z"/>
+	<path style="fill:#F0F0F0;" d="M200.348,153.352c0,5.456-4.439,9.894-9.894,9.894v14.841c13.639,0,24.734-11.096,24.734-24.735   v-34.628h-14.84V153.352z"/>
+	<rect x="284.449" y="118.728" style="fill:#F0F0F0;" width="14.84" height="34.627"/>
+	<path style="fill:#F0F0F0;" d="M262.184,138.512c0,1.363-1.11,2.474-2.473,2.474s-2.473-1.11-2.473-2.474v-19.787h-14.84v19.787   c0,1.363-1.11,2.474-2.473,2.474c-1.363,0-2.473-1.11-2.473-2.474v-19.787h-14.842v19.787c0,9.548,7.767,17.314,17.314,17.314   c3.676,0,7.087-1.155,9.894-3.118c2.807,1.962,6.217,3.118,9.894,3.118c0.74,0,1.468-0.052,2.185-0.144   c-1.052,4.333-4.953,7.564-9.604,7.564v14.84c13.639,0,24.734-11.096,24.734-24.735v-14.84v-19.787h-14.84v19.787H262.184z"/>
+	<rect x="222.609" y="163.25" style="fill:#F0F0F0;" width="22.261" height="14.84"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/south_africa.svg b/shared/img/country-flags/south_africa.svg
new file mode 100644
index 00000000..b0f989d6
--- /dev/null
+++ b/shared/img/country-flags/south_africa.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<polygon points="114.024,256.001 0,141.926 0,370.096 "/>
+<polygon style="fill:#FFDA44;" points="161.192,256 0,94.7 0,141.926 114.024,256.001 0,370.096 0,417.234 "/>
+<path style="fill:#6DA544;" d="M509.833,289.391L509.833,289.391c0.058-0.44,0.804-0.878,2.167-1.318V256v-33.391h-2.167H222.602  L85.33,85.337H0V94.7L161.192,256L0,417.234v9.429h85.33l137.272-137.272H509.833z"/>
+<polygon style="fill:#0052B4;" points="503.181,322.783 236.433,322.783 132.552,426.663 512,426.663 512,322.783 "/>
+<polygon style="fill:#D80027;" points="503.181,189.217 512,189.217 512,85.337 132.552,85.337 236.433,189.217 "/>
+</svg>
diff --git a/shared/img/country-flags/south_korea.svg b/shared/img/country-flags/south_korea.svg
new file mode 100644
index 00000000..f3119512
--- /dev/null
+++ b/shared/img/country-flags/south_korea.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFFFFF;" width="512" height="341.337"/>
+<path style="fill:#D80027;" d="M318.33,255.994c0,15.583-27.906,54.539-62.33,54.539s-62.33-38.957-62.33-54.539  c0-34.424,27.906-62.33,62.33-62.33S318.33,221.57,318.33,255.994z"/>
+<path style="fill:#0052B4;" d="M318.33,255.994c0,34.424-27.906,62.33-62.33,62.33s-62.33-27.906-62.33-62.33"/>
+<rect x="324.205" y="300.55" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -119.6501 327.8224)" width="23.374" height="15.582"/>
+<rect x="296.657" y="328.085" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -147.1889 316.408)" width="23.374" height="15.582"/>
+<rect x="357.26" y="333.586" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -133.3277 360.8719)" width="23.374" height="15.582"/>
+<rect x="329.712" y="361.143" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -160.8823 349.464)" width="23.374" height="15.582"/>
+<rect x="340.732" y="317.068" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -126.4889 344.3472)" width="23.374" height="15.582"/>
+<rect x="313.185" y="344.614" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -154.0356 332.936)" width="23.374" height="15.582"/>
+<rect x="307.483" y="165.555" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 455.5344 535.3814)" width="62.33" height="15.582"/>
+<rect x="296.656" y="168.315" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 401.8486 518.6624)" width="23.374" height="15.581"/>
+<rect x="324.193" y="195.864" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 429.3763 585.1636)" width="23.374" height="15.581"/>
+<rect x="329.693" y="135.257" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 481.6206 485.591)" width="23.374" height="15.582"/>
+<rect x="357.252" y="162.807" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 509.1863 552.108)" width="23.374" height="15.582"/>
+<rect x="125.671" y="347.369" transform="matrix(0.7071 0.7071 -0.7071 0.7071 297.0721 -6.8758)" width="62.33" height="15.582"/>
+<rect x="175.435" y="344.62" transform="matrix(0.7071 0.7071 -0.7071 0.7071 303.9983 -29.0962)" width="23.374" height="15.581"/>
+<rect x="147.898" y="317.072" transform="matrix(0.7071 0.7071 -0.7071 0.7071 276.4547 -17.6934)" width="23.374" height="15.582"/>
+<rect x="158.724" y="314.322" transform="matrix(0.7071 0.7071 -0.7071 0.7071 283.386 -39.9269)" width="62.33" height="15.582"/>
+<rect x="125.672" y="149.023" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 378.6212 156.7987)" width="62.33" height="15.582"/>
+<rect x="142.182" y="165.56" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 418.4998 173.3536)" width="62.33" height="15.582"/>
+<rect x="158.712" y="182.089" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 458.4043 189.8812)" width="62.33" height="15.581"/>
+</svg>
diff --git a/shared/img/country-flags/south_sudan.svg b/shared/img/country-flags/south_sudan.svg
new file mode 100644
index 00000000..73321027
--- /dev/null
+++ b/shared/img/country-flags/south_sudan.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="322.783" style="fill:#496E2D;" width="512" height="103.88"/>
+<rect y="85.337" width="512" height="104.515"/>
+<rect y="210.877" style="fill:#A2001D;" width="512" height="89.656"/>
+<polygon style="fill:#0052B4;" points="256,256.006 0,426.668 0,85.331 "/>
+<polygon style="fill:#FFDA44;" points="73.178,209.188 94.009,238.255 128.093,227.425 106.886,256.22 127.716,285.289   93.777,274.018 72.569,302.812 72.803,267.05 38.863,255.777 72.946,244.947 "/>
+</svg>
diff --git a/shared/img/country-flags/spain.svg b/shared/img/country-flags/spain.svg
new file mode 100644
index 00000000..5da66763
--- /dev/null
+++ b/shared/img/country-flags/spain.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+<g>
+	<rect y="85.331" style="fill:#D80027;" width="512" height="113.775"/>
+	<rect y="312.882" style="fill:#D80027;" width="512" height="113.775"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/sri_lanka.svg b/shared/img/country-flags/sri_lanka.svg
new file mode 100644
index 00000000..30b4fa36
--- /dev/null
+++ b/shared/img/country-flags/sri_lanka.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#FFDA44;" d="M0,85.329v341.337h512V85.329H0z M489.739,404.405h-267.13V107.59h267.13V404.405z"/>
+<rect x="222.609" y="107.595" style="fill:#A2001D;" width="267.13" height="296.815"/>
+<rect x="22.261" y="107.595" style="fill:#D80027;" width="200.348" height="296.815"/>
+<rect x="200.348" y="85.334" style="fill:#FFDA44;" width="22.261" height="341.337"/>
+<rect x="22.261" y="107.595" style="fill:#6DA544;" width="89.043" height="296.815"/>
+<rect x="111.304" y="107.595" style="fill:#FF9811;" width="89.043" height="296.815"/>
+<g>
+	<path style="fill:#FFDA44;" d="M358.675,250.438v-44.522c0-7.424-11.13-14.848-11.13-14.848s-11.13,7.424-11.13,14.848h-44.522   v44.522h22.261v22.261c0,4.875,0.979,9.539,2.76,13.768l-10.184,8.493h-29.674V157.677c-12.299,0-22.261,9.973-22.261,22.261   v96.467c0,6.589,2.861,12.511,7.413,16.584v35.361h14.848v-18.554h66.783v29.685H328.99v14.837h29.685v-29.685l13.601-14.837   h44.288v29.685h-14.848v14.837h29.685v-29.685l13.601-14.837l12.552-40.259l-11.038-19.1h-38.945   C393.402,250.315,366.934,250.527,358.675,250.438z"/>
+	<polygon style="fill:#FFDA44;" points="370.551,211.844 370.551,237.073 442.064,237.073 442.064,250.438 446.516,250.438    446.516,232.621 375.003,232.621 375.003,216.296 450.968,216.296 450.968,211.844  "/>
+	<rect x="222.609" y="107.595" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+	<rect x="467.478" y="107.595" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+	<rect x="222.609" y="382.138" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+	<rect x="467.478" y="382.138" style="fill:#FFDA44;" width="22.261" height="22.261"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/st_barts.svg b/shared/img/country-flags/st_barts.svg
new file mode 100644
index 00000000..5867ef29
--- /dev/null
+++ b/shared/img/country-flags/st_barts.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#ACABB1;" d="M390.061,222.603h-56.147c0-10.244-8.306-18.551-18.551-18.551l-14.84,29.682   c0,0,15.831,44.522,15.336,44.522h18.551c10.246,0,18.551-8.306,18.551-18.551c10.246,0,18.551-8.306,18.551-18.551h-0.618   C381.136,241.154,390.061,232.849,390.061,222.603z"/>
+	<path style="fill:#ACABB1;" d="M121.939,222.603h56.147c0-10.244,8.306-18.551,18.551-18.551l14.84,29.682   c0,0-15.831,44.522-15.336,44.522h-18.551c-10.246,0-18.551-8.306-18.551-18.551c-10.246,0-18.551-8.306-18.551-18.551h0.618   C130.864,241.154,121.939,232.849,121.939,222.603z"/>
+</g>
+<polygon style="fill:#FFDA44;" points="315.362,322.777 315.362,330.198 196.638,330.198 196.638,322.777 166.957,322.777   166.957,352.459 196.638,352.459 196.638,359.878 315.362,359.878 315.362,352.459 345.043,352.459 345.043,322.777 "/>
+<path style="fill:#0052B4;" d="M196.638,204.052v74.202c0,45.44,59.362,59.363,59.362,59.363s59.362-13.923,59.362-59.363v-74.202  L256,196.632L196.638,204.052z"/>
+<rect x="196.641" y="233.734" style="fill:#D80027;" width="118.728" height="44.522"/>
+<polygon style="fill:#FFDA44;" points="285.682,166.951 285.682,178.081 278.261,181.791 270.84,174.372 270.84,152.111   241.16,152.111 241.16,174.372 233.739,181.791 226.318,178.081 226.318,166.951 196.638,166.951 196.638,204.052 315.362,204.052   315.362,166.951 "/>
+</svg>
diff --git a/shared/img/country-flags/st_lucia.svg b/shared/img/country-flags/st_lucia.svg
new file mode 100644
index 00000000..bb5d3768
--- /dev/null
+++ b/shared/img/country-flags/st_lucia.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<polygon style="fill:#F3F3F3;" points="192.927,315.356 319.073,315.356 256,166.951 "/>
+<polygon style="fill:#333333;" points="214.847,300.516 256,206.91 297.153,300.516 "/>
+<polygon style="fill:#FFDA44;" points="192.927,315.356 319.073,315.356 256,255.994 "/>
+</svg>
diff --git a/shared/img/country-flags/st_vincent_and_the_grenadines.svg b/shared/img/country-flags/st_vincent_and_the_grenadines.svg
new file mode 100644
index 00000000..0c75c11a
--- /dev/null
+++ b/shared/img/country-flags/st_vincent_and_the_grenadines.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#338AF3;" width="170.663" height="341.337"/>
+<g>
+	<rect x="341.337" y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+	<polygon style="fill:#6DA544;" points="214.261,283.82 180.868,233.734 214.26,183.647 247.652,233.734  "/>
+	<polygon style="fill:#6DA544;" points="297.739,283.82 264.348,233.734 297.739,183.647 331.132,233.734  "/>
+	<polygon style="fill:#6DA544;" points="256,350.603 222.609,300.516 256,250.429 289.391,300.516  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/sudan.svg b/shared/img/country-flags/sudan.svg
new file mode 100644
index 00000000..54c67b8a
--- /dev/null
+++ b/shared/img/country-flags/sudan.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" width="512" height="113.775"/>
+<polygon style="fill:#496E2D;" points="0,426.668 0,85.331 256,256.006 "/>
+</svg>
diff --git a/shared/img/country-flags/suriname.svg b/shared/img/country-flags/suriname.svg
new file mode 100644
index 00000000..185dd20a
--- /dev/null
+++ b/shared/img/country-flags/suriname.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<rect y="196.636" style="fill:#A2001D;" width="512" height="118.728"/>
+<g>
+	<rect y="352.462" style="fill:#6DA544;" width="512" height="74.207"/>
+	<rect y="85.331" style="fill:#6DA544;" width="512" height="74.207"/>
+</g>
+<polygon style="fill:#FFDA44;" points="256.742,218.003 266.172,247.024 296.69,247.024 272,264.963 281.431,293.986   256.742,276.049 232.053,293.986 241.484,264.963 216.794,247.024 247.312,247.024 "/>
+</svg>
diff --git a/shared/img/country-flags/sweden.svg b/shared/img/country-flags/sweden.svg
new file mode 100644
index 00000000..85e6fc76
--- /dev/null
+++ b/shared/img/country-flags/sweden.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#0052B4;" width="512" height="341.337"/>
+<polygon style="fill:#FFDA44;" points="192,85.33 128,85.33 128,223.996 0,223.996 0,287.996 128,287.996 128,426.662 192,426.662   192,287.996 512,287.996 512,223.996 192,223.996 "/>
+</svg>
diff --git a/shared/img/country-flags/switzerland.svg b/shared/img/country-flags/switzerland.svg
new file mode 100644
index 00000000..07fa9465
--- /dev/null
+++ b/shared/img/country-flags/switzerland.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<polygon style="fill:#F0F0F0;" points="356.174,222.609 289.391,222.609 289.391,155.826 222.609,155.826 222.609,222.609   155.826,222.609 155.826,289.391 222.609,289.391 222.609,356.174 289.391,356.174 289.391,289.391 356.174,289.391 "/>
+</svg>
diff --git a/shared/img/country-flags/syria.svg b/shared/img/country-flags/syria.svg
new file mode 100644
index 00000000..aa063341
--- /dev/null
+++ b/shared/img/country-flags/syria.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.882" width="512" height="113.775"/>
+<g>
+	<polygon style="fill:#6DA544;" points="187.31,215.184 196.518,243.525 226.32,243.525 202.21,261.043 211.419,289.385    187.31,271.869 163.2,289.385 172.409,261.043 148.3,243.525 178.101,243.525  "/>
+	<polygon style="fill:#6DA544;" points="324.69,215.184 333.899,243.525 363.7,243.525 339.591,261.043 348.8,289.385    324.69,271.869 300.581,289.385 309.79,261.043 285.68,243.525 315.482,243.525  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/taiwan.svg b/shared/img/country-flags/taiwan.svg
new file mode 100644
index 00000000..c27808bf
--- /dev/null
+++ b/shared/img/country-flags/taiwan.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#0052B4;" width="256" height="170.663"/>
+<polygon style="fill:#F0F0F0;" points="186.435,170.669 162.558,181.9 175.272,205.025 149.345,200.064 146.059,226.256   128,206.993 109.94,226.256 106.655,200.064 80.728,205.024 93.442,181.899 69.565,170.669 93.442,159.438 80.728,136.313   106.655,141.273 109.941,115.081 128,134.344 146.06,115.081 149.345,141.273 175.273,136.313 162.558,159.438 "/>
+<circle style="fill:#0052B4;" cx="128" cy="170.674" r="29.006"/>
+<path style="fill:#F0F0F0;" d="M128,190.06c-10.692,0-19.391-8.7-19.391-19.391c0-10.692,8.7-19.391,19.391-19.391  c10.692,0,19.391,8.7,19.391,19.391C147.391,181.36,138.692,190.06,128,190.06z"/>
+</svg>
diff --git a/shared/img/country-flags/tajikistan.svg b/shared/img/country-flags/tajikistan.svg
new file mode 100644
index 00000000..c3895d28
--- /dev/null
+++ b/shared/img/country-flags/tajikistan.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" style="fill:#6DA544;" width="512" height="113.775"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="226.318,300.522 285.682,300.522 285.682,275.292 273.809,281.229 256,263.421    238.191,281.229 226.318,275.292  "/>
+	<polygon style="fill:#FFDA44;" points="192.355,270.84 195.118,279.344 204.058,279.344 196.825,284.599 199.588,293.101    192.355,287.846 185.121,293.101 187.884,284.599 180.651,279.344 189.591,279.344  "/>
+	<polygon style="fill:#FFDA44;" points="200.921,241.16 203.684,249.662 212.624,249.662 205.391,254.917 208.154,263.421    200.921,258.165 193.687,263.421 196.45,254.917 189.217,249.662 198.157,249.662  "/>
+	<polygon style="fill:#FFDA44;" points="225.409,218.899 228.172,227.401 237.112,227.401 229.879,232.656 232.642,241.16    225.409,235.904 218.175,241.16 220.938,232.656 213.705,227.401 222.645,227.401  "/>
+	<polygon style="fill:#FFDA44;" points="319.645,270.84 316.882,279.344 307.942,279.344 315.175,284.599 312.412,293.101    319.645,287.846 326.879,293.101 324.116,284.599 331.349,279.344 322.409,279.344  "/>
+	<polygon style="fill:#FFDA44;" points="311.079,241.16 308.316,249.662 299.376,249.662 306.609,254.917 303.846,263.421    311.079,258.165 318.313,263.421 315.55,254.917 322.783,249.662 313.843,249.662  "/>
+	<polygon style="fill:#FFDA44;" points="286.591,218.899 283.828,227.401 274.888,227.401 282.121,232.656 279.358,241.16    286.591,235.904 293.825,241.16 291.062,232.656 298.295,227.401 289.355,227.401  "/>
+	<polygon style="fill:#FFDA44;" points="256,207.767 258.763,216.27 267.704,216.27 260.47,221.526 263.233,230.028 256,224.774    248.767,230.028 251.53,221.526 244.296,216.27 253.237,216.27  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/tanzania.svg b/shared/img/country-flags/tanzania.svg
new file mode 100644
index 00000000..4b44479b
--- /dev/null
+++ b/shared/img/country-flags/tanzania.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#338AF3;" width="512" height="341.326"/>
+<polyline style="fill:#6DA544;" points="0,426.663 0,85.337 512,85.337 "/>
+<polygon style="fill:#FFDA44;" points="512,152.222 512,85.337 411.67,85.337 0,359.778 0,426.663 100.33,426.663 "/>
+<polygon points="512,85.337 512,125.462 60.193,426.663 0,426.663 0,386.538 451.807,85.337 "/>
+</svg>
diff --git a/shared/img/country-flags/thailand.svg b/shared/img/country-flags/thailand.svg
new file mode 100644
index 00000000..87adb2a3
--- /dev/null
+++ b/shared/img/country-flags/thailand.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.334" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="194.056" style="fill:#0052B4;" width="512" height="123.882"/>
+<g>
+	<rect y="85.334" style="fill:#D80027;" width="512" height="54.522"/>
+	<rect y="372.143" style="fill:#D80027;" width="512" height="54.522"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/tibet.svg b/shared/img/country-flags/tibet.svg
new file mode 100644
index 00000000..8cd2d771
--- /dev/null
+++ b/shared/img/country-flags/tibet.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+<rect x="22.261" y="107.592" style="fill:#D80027;" width="467.478" height="296.815"/>
+<g>
+	<polygon style="fill:#0052B4;" points="370.111,404.4 489.739,404.4 489.739,334.137 256,263.873 311.983,355.35  "/>
+	<polygon style="fill:#0052B4;" points="489.739,167.017 256,263.873 489.739,263.873  "/>
+	<polygon style="fill:#0052B4;" points="320.76,107.589 256,263.873 412.284,107.589  "/>
+	<polygon style="fill:#0052B4;" points="191.24,107.589 256,263.873 256,107.589  "/>
+	<polygon style="fill:#0052B4;" points="22.261,107.589 22.261,167.017 256,263.873 99.715,107.589  "/>
+	<polygon style="fill:#0052B4;" points="22.261,263.873 22.261,334.136 256,263.873  "/>
+</g>
+<path style="fill:#FFDA44;" d="M258.469,266.281l48.717,33.919c8.681-12.468,12.605-28.247,9.716-44.383  c-5.779-32.272-36.625-53.748-68.896-47.969c-32.272,5.779-53.748,36.625-47.969,68.896c2.889,16.136,12.045,29.572,24.514,38.253  L258.469,266.281z"/>
+<polygon style="fill:#F0F0F0;" points="492.208,404.299 24.73,404.299 258.469,266.281 "/>
+<path style="fill:#FFDA44;" d="M281.971,351.718c0,14.344-11.628,18.551-25.971,18.551c-14.343,0-25.971-4.207-25.971-18.551  s11.628-25.971,25.971-25.971C270.343,325.748,281.971,337.375,281.971,351.718z"/>
+<path style="fill:#0052B4;" d="M281.971,351.718c0,14.344-11.628,25.971-25.971,25.971c-14.343,0-25.971-11.628-25.971-25.971"/>
+</svg>
diff --git a/shared/img/country-flags/togo.svg b/shared/img/country-flags/togo.svg
new file mode 100644
index 00000000..2779ad92
--- /dev/null
+++ b/shared/img/country-flags/togo.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#496E2D;" width="512" height="68.263"/>
+	<rect y="358.4" style="fill:#496E2D;" width="512" height="68.263"/>
+	<rect y="221.863" style="fill:#496E2D;" width="512" height="68.263"/>
+</g>
+<rect y="85.337" style="fill:#D80027;" width="204.054" height="204.054"/>
+<polygon style="fill:#F0F0F0;" points="102.026,133.938 115.286,174.75 158.202,174.75 123.484,199.976 136.744,240.79   102.026,215.566 67.307,240.79 80.57,199.976 45.852,174.75 88.765,174.75 "/>
+</svg>
diff --git a/shared/img/country-flags/tokelau.svg b/shared/img/country-flags/tokelau.svg
new file mode 100644
index 00000000..88551d90
--- /dev/null
+++ b/shared/img/country-flags/tokelau.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#0052B4;" width="512" height="341.326"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="210.715,174.377 214.399,185.715 226.318,185.715 216.675,192.721 220.359,204.058    210.715,197.051 201.071,204.058 204.755,192.721 195.11,185.715 207.031,185.715  "/>
+	<polygon style="fill:#F0F0F0;" points="116.816,281.971 121.421,296.143 136.321,296.143 124.266,304.9 128.872,319.073    116.816,310.313 104.761,319.073 109.365,304.9 97.311,296.143 112.21,296.143  "/>
+	<polygon style="fill:#F0F0F0;" points="144.696,119.679 149.3,133.851 164.201,133.851 152.145,142.609 156.751,156.78    144.696,148.021 132.64,156.78 137.246,142.609 125.191,133.851 140.091,133.851  "/>
+	<polygon style="fill:#F0F0F0;" points="69.539,175.331 74.143,189.503 89.043,189.503 76.988,198.261 81.594,212.432    69.539,203.674 57.483,212.432 62.089,198.261 50.034,189.503 64.934,189.503  "/>
+</g>
+<g>
+	<path style="fill:#FFDA44;" d="M483.386,354.503H117.801c0,0,109.234-88.562,310.593-220.938   C428.395,133.565,339.951,262.5,483.386,354.503z"/>
+	<path style="fill:#FFDA44;" d="M117.801,366.089c-11.177,0-11.195,17.37,0,17.37h365.585c11.177,0,11.195-17.37,0-17.37H117.801z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/tonga.svg b/shared/img/country-flags/tonga.svg
new file mode 100644
index 00000000..5e8b2a31
--- /dev/null
+++ b/shared/img/country-flags/tonga.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#F0F0F0;" width="256" height="170.663"/>
+<polygon style="fill:#D80027;" points="141.357,157.303 141.357,130.59 114.643,130.59 114.643,157.303 87.93,157.303   87.93,184.016 114.643,184.016 114.643,210.729 141.357,210.729 141.357,184.016 168.07,184.016 168.07,157.303 "/>
+</svg>
diff --git a/shared/img/country-flags/transnistria.svg b/shared/img/country-flags/transnistria.svg
new file mode 100644
index 00000000..66726adb
--- /dev/null
+++ b/shared/img/country-flags/transnistria.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#6DA544;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#A2001D;" width="512" height="113.775"/>
+	<rect y="312.888" style="fill:#A2001D;" width="512" height="113.775"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/trinidad_and_tobago.svg b/shared/img/country-flags/trinidad_and_tobago.svg
new file mode 100644
index 00000000..6a548355
--- /dev/null
+++ b/shared/img/country-flags/trinidad_and_tobago.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<polygon style="fill:#F0F0F0;" points="6.066,85.337 214.027,297.973 345.611,426.663 505.934,426.663 297.973,214.027   166.389,85.337 "/>
+<polygon points="43.364,85.337 384.69,426.663 468.636,426.663 127.31,85.337 "/>
+</svg>
diff --git a/shared/img/country-flags/tubalu.svg b/shared/img/country-flags/tubalu.svg
new file mode 100644
index 00000000..cc64f022
--- /dev/null
+++ b/shared/img/country-flags/tubalu.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#338AF3;" width="512" height="341.337"/>
+<g>
+	<polygon style="fill:#FFDA44;" points="321.691,333.909 325.375,345.247 337.296,345.247 327.652,352.253 331.336,363.591    321.691,356.584 312.047,363.591 315.731,352.253 306.087,345.247 318.008,345.247  "/>
+	<polygon style="fill:#FFDA44;" points="416.628,259.706 420.312,271.044 432.232,271.044 422.588,278.05 426.272,289.387    416.628,282.381 406.984,289.387 410.668,278.05 401.023,271.044 412.944,271.044  "/>
+	<polygon style="fill:#FFDA44;" points="440.416,148.402 444.1,159.739 456.021,159.739 446.377,166.746 450.061,178.083    440.416,171.076 430.772,178.083 434.456,166.746 424.812,159.739 436.732,159.739  "/>
+	<polygon style="fill:#FFDA44;" points="446.309,230.025 449.992,241.363 461.913,241.363 452.27,248.369 455.954,259.706    446.309,252.699 436.665,259.706 440.349,248.369 430.704,241.363 442.625,241.363  "/>
+	<polygon style="fill:#FFDA44;" points="338.785,307.245 349.408,312.657 357.836,304.228 355.971,316.001 366.593,321.413    354.818,323.278 352.954,335.052 347.542,324.43 335.768,326.296 344.198,317.867  "/>
+	<polygon style="fill:#FFDA44;" points="338.785,262.723 349.408,268.135 357.836,259.706 355.971,271.48 366.593,276.891    354.818,278.757 352.954,290.53 347.542,279.909 335.768,281.774 344.198,273.345  "/>
+	<polygon style="fill:#FFDA44;" points="375.886,291.262 386.509,296.673 394.938,288.244 393.074,300.018 403.694,305.43    391.919,307.295 390.055,319.069 384.644,308.447 372.87,310.313 381.299,301.884  "/>
+	<polygon style="fill:#FFDA44;" points="375.886,195.941 386.509,201.352 394.938,192.923 393.074,204.697 403.694,210.109    391.919,211.974 390.055,223.748 384.644,213.126 372.87,214.992 381.299,206.562  "/>
+	<polygon style="fill:#FFDA44;" points="411.844,194.798 422.467,200.209 430.896,191.781 429.031,203.554 439.652,208.966    427.877,210.831 426.013,222.605 420.602,211.983 408.828,213.848 417.257,205.419  "/>
+</g>
+<rect y="85.333" style="fill:#F0F0F0;" width="256" height="170.663"/>
+<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.663 0,154.663 0,186.663 112,186.663 112,255.996 144,255.996   144,186.663 256,186.663 256,154.663 144,154.663 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="196.892,200.344 256,233.182 256,200.344  "/>
+	<polygon style="fill:#0052B4;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344  "/>
+	<polygon style="fill:#0052B4;" points="229.317,255.996 155.826,215.164 155.826,255.996  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<polygon style="fill:#D80027;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="45.171,200.343 0,225.439 0,200.343  "/>
+	<polygon style="fill:#0052B4;" points="100.174,207.421 100.174,255.996 12.745,255.996  "/>
+</g>
+<polygon style="fill:#D80027;" points="71.846,200.344 0,240.259 0,255.996 0,255.996 100.174,200.344 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="59.108,140.982 0,108.144 0,140.982  "/>
+	<polygon style="fill:#0052B4;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982  "/>
+	<polygon style="fill:#0052B4;" points="26.683,85.33 100.174,126.162 100.174,85.33  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<polygon style="fill:#D80027;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="210.829,140.983 256,115.888 256,140.983  "/>
+	<polygon style="fill:#0052B4;" points="155.826,133.906 155.826,85.331 243.255,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="184.154,140.982 256,101.067 256,85.33 256,85.33 155.826,140.982 "/>
+</svg>
diff --git a/shared/img/country-flags/tunisia.svg b/shared/img/country-flags/tunisia.svg
new file mode 100644
index 00000000..e3b3d54a
--- /dev/null
+++ b/shared/img/country-flags/tunisia.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+<circle style="fill:#F0F0F0;" cx="256" cy="255.994" r="96"/>
+<g>
+	<polygon style="fill:#D80027;" points="267.826,219.291 284.296,241.986 310.969,233.337 294.473,256.013 310.941,278.708    284.277,270.027 267.782,292.703 267.799,264.663 241.135,255.981 267.809,247.333  "/>
+	<path style="fill:#D80027;" d="M277.818,312.724c-31.33,0-56.727-25.397-56.727-56.727s25.397-56.727,56.727-56.727   c9.769,0,18.96,2.47,26.985,6.819c-12.589-12.31-29.804-19.909-48.803-19.909c-38.558,0-69.818,31.259-69.818,69.818   s31.26,69.818,69.818,69.818c18.999,0,36.215-7.599,48.803-19.909C296.777,310.254,287.587,312.724,277.818,312.724z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/turkey.svg b/shared/img/country-flags/turkey.svg
new file mode 100644
index 00000000..3d94a034
--- /dev/null
+++ b/shared/img/country-flags/turkey.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="247.213,216.787 264.807,241.033 293.3,231.794 275.679,256.018 293.271,280.262    264.787,270.988 247.166,295.213 247.184,265.258 218.7,255.983 247.194,246.744  "/>
+	<path style="fill:#F0F0F0;" d="M199.202,316.602c-33.469,0-60.602-27.133-60.602-60.602s27.133-60.602,60.602-60.602   c10.436,0,20.254,2.639,28.827,7.284c-13.448-13.152-31.84-21.269-52.135-21.269c-41.193,0-74.586,33.394-74.586,74.586   s33.394,74.586,74.586,74.586c20.295,0,38.687-8.117,52.135-21.269C219.457,313.963,209.638,316.602,199.202,316.602z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/turkmenistan.svg b/shared/img/country-flags/turkmenistan.svg
new file mode 100644
index 00000000..43c90fda
--- /dev/null
+++ b/shared/img/country-flags/turkmenistan.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#496E2D;" width="512" height="341.326"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M357.208,183.679c8.397-23.404-1.036-48.858-21.281-61.536c3.641,0.474,7.287,1.331,10.884,2.621   c27.002,9.688,41.038,39.428,31.35,66.431s-39.428,41.038-66.431,31.35c-3.597-1.291-6.957-2.947-10.069-4.895   C325.347,220.734,348.811,207.084,357.208,183.679z"/>
+	<polygon style="fill:#F0F0F0;" points="310.637,115.729 303.34,125.156 292.12,121.13 298.832,130.982 291.536,140.409    302.979,137.071 309.691,146.923 310.052,135.009 321.496,131.67 310.275,127.645  "/>
+	<polygon style="fill:#F0F0F0;" points="330.338,146.448 323.042,155.875 311.821,151.849 318.533,161.701 311.237,171.128    322.68,167.789 329.392,177.642 329.752,165.727 341.197,162.387 329.976,158.363  "/>
+	<polygon style="fill:#F0F0F0;" points="275.9,126.916 268.604,136.343 257.385,132.319 264.096,142.17 256.8,151.596    268.243,148.258 274.955,158.11 275.316,146.195 286.76,142.858 275.539,138.831  "/>
+	<polygon style="fill:#F0F0F0;" points="275.101,162.105 267.805,171.532 256.584,167.506 263.296,177.358 256,186.785    267.444,183.447 274.155,193.299 274.517,181.384 285.96,178.046 274.74,174.02  "/>
+	<polygon style="fill:#F0F0F0;" points="308.585,174.118 301.289,183.545 290.069,179.519 296.781,189.372 289.484,198.798    300.928,195.46 307.64,205.312 308,193.397 319.443,190.059 308.224,186.034  "/>
+</g>
+<rect x="83.478" y="85.337" style="fill:#D80027;" width="89.043" height="341.326"/>
+<polygon style="fill:#F0F0F0;" points="117.458,175.191 102.55,164.086 102.55,148.381 117.458,137.276 138.542,137.276   153.45,148.381 153.45,164.086 138.542,175.191 "/>
+<g>
+	<polygon style="fill:#FF9811;" points="128,137.276 117.458,137.276 102.55,148.381 102.55,156.059 128,156.059  "/>
+	<polygon style="fill:#FF9811;" points="128,175.191 138.542,175.191 153.45,164.086 153.45,156.074 128,156.074  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="117.458,374.725 102.55,363.619 102.55,347.915 117.458,336.81 138.542,336.81   153.45,347.915 153.45,363.619 138.542,374.725 "/>
+<g>
+	<polygon style="fill:#FF9811;" points="128,336.81 117.458,336.81 102.55,347.915 102.55,355.593 128,355.593  "/>
+	<polygon style="fill:#FF9811;" points="128,374.725 138.542,374.725 153.45,363.619 153.45,355.608 128,355.608  "/>
+</g>
+<g>
+	<polygon style="fill:#496E2D;" points="117.458,274.957 102.55,263.852 102.55,248.149 117.458,237.043 138.542,237.043    153.45,248.149 153.45,263.852 138.542,274.957  "/>
+	<polygon style="fill:#496E2D;" points="153.971,299.391 147.478,299.391 147.478,292.898 136.067,292.898 127.999,284.83    119.932,292.898 108.522,292.898 108.522,299.391 102.029,299.391 102.029,312.377 108.522,312.377 108.522,318.869    119.932,318.869 128,326.938 136.068,318.869 147.478,318.869 147.478,312.377 153.971,312.377  "/>
+	<polygon style="fill:#496E2D;" points="153.971,199.623 147.478,199.623 147.478,193.131 136.067,193.131 127.999,185.062    119.932,193.131 108.522,193.131 108.522,199.623 102.029,199.623 102.029,212.609 108.522,212.609 108.522,219.101    119.932,219.101 128,227.171 136.068,219.101 147.478,219.101 147.478,212.609 153.971,212.609  "/>
+</g>
+<g>
+	<rect x="120.576" y="248.576" style="fill:#D80027;" width="14.84" height="14.84"/>
+	<circle style="fill:#D80027;" cx="128" cy="206.113" r="7.421"/>
+	<circle style="fill:#D80027;" cx="128" cy="305.887" r="7.421"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/turks_and_caicos.svg b/shared/img/country-flags/turks_and_caicos.svg
new file mode 100644
index 00000000..b79b9e7b
--- /dev/null
+++ b/shared/img/country-flags/turks_and_caicos.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#0052B4;" width="512" height="341.337"/>
+<path style="fill:#FFDA44;" d="M332.058,191.996v78.221c0,38.103,51.942,49.779,51.942,49.779s51.942-11.675,51.942-49.779v-78.221  H332.058z"/>
+<path style="fill:#FF9811;" d="M376.579,220.44c0,7.855-6.644,28.445-14.84,28.445s-14.84-20.589-14.84-28.445  c0-7.856,14.84-14.222,14.84-14.222S376.579,212.585,376.579,220.44z"/>
+<path style="fill:#A2001D;" d="M415.961,235.93c2.394-5.6,4.257-13.785,4.257-17.86c0-6.546-8.904-11.852-8.904-11.852  s-8.904,5.306-8.904,11.852c0,4.075,1.862,12.26,4.257,17.86l-5.141,11.123c3.022,1.178,6.324,1.831,9.788,1.831  c3.463,0,6.766-0.654,9.788-1.831L415.961,235.93z"/>
+<path style="fill:#6DA544;" d="M372.87,270.217c0,0-7.421,14.222-7.421,28.445c0,0,22.261,0,37.101,0  c0-14.222-7.421-28.445-7.421-28.445l-11.13-7.111L372.87,270.217z"/>
+<path style="fill:#D80027;" d="M395.13,270.217v-3.555c0-5.891-4.983-10.666-11.13-10.666c-6.147,0-11.13,4.776-11.13,10.666v3.555  H395.13L395.13,270.217z"/>
+<polygon style="fill:#F0F0F0;" points="256,85.333 256,115.886 210.833,140.985 256,140.985 256,200.344 196.897,200.344   256,233.179 256,255.996 229.32,255.996 155.826,215.17 155.826,255.996 100.174,255.996 100.174,207.423 12.744,255.996 0,255.996   0,225.442 45.167,200.344 0,200.344 0,140.985 59.103,140.985 0,108.139 0,85.333 26.68,85.333 100.174,126.158 100.174,85.333   155.826,85.333 155.826,133.905 243.256,85.333 "/>
+<polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.662 0,154.662 0,186.662 112,186.662 112,255.996 144,255.996   144,186.662 256,186.662 256,154.662 144,154.662 "/>
+<polygon style="fill:#0052B4;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<polygon style="fill:#F0F0F0;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344 "/>
+<g>
+	<polygon style="fill:#D80027;" points="155.826,200.344 256,255.996 256,240.259 184.153,200.344  "/>
+	<polygon style="fill:#D80027;" points="71.846,200.344 0,240.259 0,255.996 0,255.996 100.174,200.344  "/>
+</g>
+<polygon style="fill:#0052B4;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<polygon style="fill:#F0F0F0;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982 "/>
+<g>
+	<polygon style="fill:#D80027;" points="100.174,140.982 0,85.33 0,101.067 71.847,140.982  "/>
+	<polygon style="fill:#D80027;" points="184.154,140.982 256,101.067 256,85.33 256,85.33 155.826,140.982  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/uganda.svg b/shared/img/country-flags/uganda.svg
new file mode 100644
index 00000000..4850c23e
--- /dev/null
+++ b/shared/img/country-flags/uganda.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" width="512" height="341.326"/>
+<rect y="142.225" style="fill:#FFDA44;" width="512" height="56.888"/>
+<rect y="199.112" style="fill:#D80027;" width="512" height="56.888"/>
+<rect y="312.888" style="fill:#FFDA44;" width="512" height="56.888"/>
+<rect y="369.775" style="fill:#D80027;" width="512" height="56.888"/>
+<circle style="fill:#F0F0F0;" cx="256" cy="256" r="56.954"/>
+<path d="M276.863,258.903L256,249.862c0,0,4.881-16.201,5.141-17.31c0.19-0.81,0.292-1.655,0.292-2.523  c0-3.074-1.245-5.857-3.26-7.87l5.247-5.247c-3.357-3.357-7.994-5.433-13.117-5.433c-5.123,0-9.76,2.076-13.117,5.433l5.247,5.247  c-2.015,2.014-3.26,4.796-3.26,7.87c0,1.124,0.17,2.207,0.48,3.23l-7.9,7.9h14.357c0,0-5.936,8.915-9.176,16.237  c-3.24,7.322,0.045,16.259,7.534,19.588l4.33,1.924l7.202,6.771v7.421l-7.421,7.421h14.84v-14.84l6.771-6.771h14.004  c0.068-0.139,0.138-0.275,0.201-0.417C287.726,270.999,284.353,262.231,276.863,258.903z"/>
+</svg>
diff --git a/shared/img/country-flags/ukraine.svg b/shared/img/country-flags/ukraine.svg
new file mode 100644
index 00000000..8bd80698
--- /dev/null
+++ b/shared/img/country-flags/ukraine.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#338AF3;" width="512" height="170.663"/>
+</svg>
diff --git a/shared/img/country-flags/united_arab_emirates.svg b/shared/img/country-flags/united_arab_emirates.svg
new file mode 100644
index 00000000..6900d139
--- /dev/null
+++ b/shared/img/country-flags/united_arab_emirates.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<rect y="85.331" style="fill:#6DA544;" width="512" height="113.775"/>
+<rect y="312.882" width="512" height="113.775"/>
+<rect y="85.331" style="fill:#A2001D;" width="170.663" height="341.337"/>
+</svg>
diff --git a/shared/img/country-flags/united_kingdom.svg b/shared/img/country-flags/united_kingdom.svg
new file mode 100644
index 00000000..27fa0fce
--- /dev/null
+++ b/shared/img/country-flags/united_kingdom.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<polygon style="fill:#D80027;" points="288,85.33 224,85.33 224,223.996 0,223.996 0,287.996 224,287.996 224,426.662 288,426.662   288,287.996 512,287.996 512,223.996 288,223.996 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="393.785,315.358 512,381.034 512,315.358  "/>
+	<polygon style="fill:#0052B4;" points="311.652,315.358 512,426.662 512,395.188 368.307,315.358  "/>
+	<polygon style="fill:#0052B4;" points="458.634,426.662 311.652,344.998 311.652,426.662  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="311.652,315.358 512,426.662 512,395.188 368.307,315.358 "/>
+<polygon style="fill:#D80027;" points="311.652,315.358 512,426.662 512,395.188 368.307,315.358 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="90.341,315.356 0,365.546 0,315.356  "/>
+	<polygon style="fill:#0052B4;" points="200.348,329.51 200.348,426.661 25.491,426.661  "/>
+</g>
+<polygon style="fill:#D80027;" points="143.693,315.358 0,395.188 0,426.662 0,426.662 200.348,315.358 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="118.215,196.634 0,130.958 0,196.634  "/>
+	<polygon style="fill:#0052B4;" points="200.348,196.634 0,85.33 0,116.804 143.693,196.634  "/>
+	<polygon style="fill:#0052B4;" points="53.366,85.33 200.348,166.994 200.348,85.33  "/>
+</g>
+<polygon style="fill:#F0F0F0;" points="200.348,196.634 0,85.33 0,116.804 143.693,196.634 "/>
+<polygon style="fill:#D80027;" points="200.348,196.634 0,85.33 0,116.804 143.693,196.634 "/>
+<g>
+	<polygon style="fill:#0052B4;" points="421.659,196.636 512,146.446 512,196.636  "/>
+	<polygon style="fill:#0052B4;" points="311.652,182.482 311.652,85.331 486.509,85.331  "/>
+</g>
+<polygon style="fill:#D80027;" points="368.307,196.634 512,116.804 512,85.33 512,85.33 311.652,196.634 "/>
+</svg>
diff --git a/shared/img/country-flags/united_nations.svg b/shared/img/country-flags/united_nations.svg
new file mode 100644
index 00000000..5ae15e17
--- /dev/null
+++ b/shared/img/country-flags/united_nations.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#338AF3;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#F0F0F0;" d="M256.248,197.043c-32.628,0-59.077,26.449-59.077,59.077s26.449,59.077,59.077,59.077   c32.627,0,59.077-26.449,59.077-59.077C315.325,223.492,288.874,197.043,256.248,197.043z M241.478,256.12   c0-8.156,6.613-14.769,14.769-14.769c8.156,0,14.769,6.613,14.769,14.769c0,8.158-6.613,14.769-14.769,14.769   C248.091,270.889,241.478,264.277,241.478,256.12z M271.56,230.855c-2.292-1.392-4.792-2.473-7.437-3.204v-15.127   c6.662,1.195,12.804,3.876,18.076,7.692L271.56,230.855z M249.355,227.398c-2.771,0.662-5.389,1.715-7.796,3.098l-10.689-10.689   c5.404-3.783,11.685-6.397,18.483-7.46v15.051H249.355z M241.559,281.744c2.406,1.381,5.024,2.434,7.795,3.098v15.049   c-6.798-1.062-13.079-3.676-18.483-7.46L241.559,281.744z M264.124,284.589c2.646-0.73,5.144-1.812,7.436-3.204l10.638,10.638   c-5.271,3.817-11.414,6.497-18.075,7.692V284.589z M281.87,270.808c1.301-2.264,2.317-4.714,2.985-7.304h15.075   c-1.11,6.609-3.68,12.719-7.372,17.991L281.87,270.808z M284.856,248.735c-0.667-2.59-1.684-5.039-2.985-7.303l10.689-10.689   c3.692,5.272,6.262,11.382,7.372,17.991H284.856z M220.345,230.168l10.638,10.638c-1.479,2.434-2.616,5.099-3.344,7.928h-15.075   C213.714,241.884,216.435,235.57,220.345,230.168z M212.565,263.504h15.075c0.728,2.829,1.865,5.494,3.344,7.928l-10.638,10.638   C216.435,276.67,213.714,270.356,212.565,263.504z"/>
+	<path style="fill:#F0F0F0;" d="M352.248,256.12c0-26.259-10.547-50.052-27.631-67.385L308.952,204.4   c13.075,13.323,21.143,31.578,21.143,51.72c0,40.784-33.063,73.846-73.846,73.846c-40.785,0-73.846-33.062-73.846-73.846   c0-20.393,8.265-38.854,21.629-52.217l-15.665-15.665c-17.372,17.372-28.118,41.373-28.118,67.882   c0,43.931,29.509,80.969,69.787,92.377c-4.415,8.389-3.743,18.951,2.564,26.822c8.285-6.64,16.864-13.515,24.141-19.346   c7.277,5.831,15.855,12.705,24.141,19.346c6.371-7.95,6.998-18.646,2.434-27.075C323.153,336.558,352.248,299.739,352.248,256.12z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/united_states_of_america.svg b/shared/img/country-flags/united_states_of_america.svg
new file mode 100644
index 00000000..d151de85
--- /dev/null
+++ b/shared/img/country-flags/united_states_of_america.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<rect y="127.994" style="fill:#D80027;" width="512" height="42.663"/>
+	<rect y="213.331" style="fill:#D80027;" width="512" height="42.663"/>
+	<rect y="298.657" style="fill:#D80027;" width="512" height="42.663"/>
+	<rect y="383.994" style="fill:#D80027;" width="512" height="42.663"/>
+</g>
+<rect y="85.331" style="fill:#2E52B2;" width="256" height="183.797"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="99.822,160.624 95.699,173.308 82.363,173.308 93.154,181.143 89.031,193.826    99.822,185.991 110.606,193.826 106.484,181.143 117.275,173.308 103.938,173.308  "/>
+	<polygon style="fill:#F0F0F0;" points="103.938,219.08 99.822,206.397 95.699,219.08 82.363,219.08 93.154,226.916 89.031,239.599    99.822,231.763 110.606,239.599 106.484,226.916 117.275,219.08  "/>
+	<polygon style="fill:#F0F0F0;" points="47.577,219.08 43.46,206.397 39.337,219.08 26.001,219.08 36.792,226.916 32.669,239.599    43.46,231.763 54.245,239.599 50.123,226.916 60.912,219.08  "/>
+	<polygon style="fill:#F0F0F0;" points="43.46,160.624 39.337,173.308 26.001,173.308 36.792,181.143 32.669,193.826 43.46,185.991    54.245,193.826 50.123,181.143 60.912,173.308 47.577,173.308  "/>
+	<polygon style="fill:#F0F0F0;" points="99.822,114.85 95.699,127.535 82.363,127.535 93.154,135.371 89.031,148.054    99.822,140.218 110.606,148.054 106.484,135.371 117.275,127.535 103.938,127.535  "/>
+	<polygon style="fill:#F0F0F0;" points="43.46,114.85 39.337,127.535 26.001,127.535 36.792,135.371 32.669,148.054 43.46,140.218    54.245,148.054 50.123,135.371 60.912,127.535 47.577,127.535  "/>
+	<polygon style="fill:#F0F0F0;" points="156.183,160.624 152.061,173.308 138.725,173.308 149.515,181.143 145.394,193.826    156.183,185.991 166.969,193.826 162.846,181.143 173.637,173.308 160.301,173.308  "/>
+	<polygon style="fill:#F0F0F0;" points="160.301,219.08 156.183,206.397 152.061,219.08 138.725,219.08 149.515,226.916    145.394,239.599 156.183,231.763 166.969,239.599 162.846,226.916 173.637,219.08  "/>
+	<polygon style="fill:#F0F0F0;" points="216.663,219.08 212.546,206.397 208.423,219.08 195.088,219.08 205.877,226.916    201.755,239.599 212.546,231.763 223.331,239.599 219.208,226.916 229.999,219.08  "/>
+	<polygon style="fill:#F0F0F0;" points="212.546,160.624 208.423,173.308 195.088,173.308 205.877,181.143 201.755,193.826    212.546,185.991 223.331,193.826 219.208,181.143 229.999,173.308 216.663,173.308  "/>
+	<polygon style="fill:#F0F0F0;" points="156.183,114.85 152.061,127.535 138.725,127.535 149.515,135.371 145.394,148.054    156.183,140.218 166.969,148.054 162.846,135.371 173.637,127.535 160.301,127.535  "/>
+	<polygon style="fill:#F0F0F0;" points="212.546,114.85 208.423,127.535 195.088,127.535 205.877,135.371 201.755,148.054    212.546,140.218 223.331,148.054 219.208,135.371 229.999,127.535 216.663,127.535  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/uruguay.svg b/shared/img/country-flags/uruguay.svg
new file mode 100644
index 00000000..bd04e2af
--- /dev/null
+++ b/shared/img/country-flags/uruguay.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<g>
+	<rect y="85.337" style="fill:#338AF3;" width="512" height="48.762"/>
+	<rect y="182.862" style="fill:#338AF3;" width="512" height="48.762"/>
+	<rect y="280.387" style="fill:#338AF3;" width="512" height="48.762"/>
+	<rect y="377.9" style="fill:#338AF3;" width="512" height="48.762"/>
+</g>
+<rect y="85.337" style="fill:#F0F0F0;" width="256" height="195.05"/>
+<polygon style="fill:#FFDA44;" points="192,182.857 165.849,195.158 179.774,220.485 151.377,215.052 147.779,243.739 128,222.641   108.22,243.739 104.623,215.052 76.226,220.484 90.151,195.158 64,182.857 90.151,170.556 76.226,145.23 104.622,150.662   108.221,121.975 128,143.074 147.78,121.975 151.377,150.662 179.775,145.23 165.849,170.557 "/>
+</svg>
diff --git a/shared/img/country-flags/uzbekistn.svg b/shared/img/country-flags/uzbekistn.svg
new file mode 100644
index 00000000..82707ae7
--- /dev/null
+++ b/shared/img/country-flags/uzbekistn.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<rect y="322.783" style="fill:#6DA544;" width="512" height="103.88"/>
+<rect id="SVGCleanerId_0" y="85.337" style="fill:#338AF3;" width="512" height="104.515"/>
+<rect y="210.877" style="fill:#F0F0F0;" width="512" height="89.656"/>
+<g>
+	<rect id="SVGCleanerId_0_1_" y="85.337" style="fill:#338AF3;" width="512" height="104.515"/>
+</g>
+<g>
+	<path style="fill:#F0F0F0;" d="M188.688,137.589c0-15.984,11.234-29.339,26.236-32.614c-2.306-0.503-4.698-0.777-7.155-0.777   c-18.442,0-33.391,14.949-33.391,33.391s14.949,33.391,33.391,33.391c2.458,0,4.85-0.273,7.155-0.777   C199.922,166.928,188.688,153.573,188.688,137.589z"/>
+	<polygon style="fill:#F0F0F0;" points="234.658,152.766 236.919,159.723 244.234,159.723 238.316,164.024 240.577,170.98    234.658,166.68 228.74,170.98 231.001,164.024 225.083,159.723 232.398,159.723  "/>
+	<polygon style="fill:#F0F0F0;" points="258.006,152.766 260.266,159.723 267.581,159.723 261.663,164.024 263.924,170.98    258.006,166.68 252.088,170.98 254.348,164.024 248.431,159.723 255.745,159.723  "/>
+	<polygon style="fill:#F0F0F0;" points="281.353,152.766 283.613,159.723 290.928,159.723 285.011,164.024 287.271,170.98    281.353,166.68 275.435,170.98 277.695,164.024 271.777,159.723 279.092,159.723  "/>
+	<polygon style="fill:#F0F0F0;" points="304.7,152.766 306.962,159.723 314.277,159.723 308.358,164.024 310.619,170.98    304.7,166.68 298.782,170.98 301.044,164.024 295.125,159.723 302.439,159.723  "/>
+	<polygon style="fill:#F0F0F0;" points="328.048,152.766 330.308,159.723 337.623,159.723 331.705,164.024 333.966,170.98    328.048,166.68 322.13,170.98 324.39,164.024 318.473,159.723 325.787,159.723  "/>
+	<polygon style="fill:#F0F0F0;" points="258.006,128.482 260.266,135.438 267.581,135.438 261.663,139.738 263.924,146.695    258.006,142.396 252.088,146.695 254.348,139.738 248.431,135.438 255.745,135.438  "/>
+	<polygon style="fill:#F0F0F0;" points="281.353,128.482 283.613,135.438 290.928,135.438 285.011,139.738 287.271,146.695    281.353,142.396 275.435,146.695 277.695,139.738 271.777,135.438 279.092,135.438  "/>
+	<polygon style="fill:#F0F0F0;" points="304.7,128.482 306.962,135.438 314.277,135.438 308.358,139.738 310.619,146.695    304.7,142.396 298.782,146.695 301.044,139.738 295.125,135.438 302.439,135.438  "/>
+	<polygon style="fill:#F0F0F0;" points="328.048,128.482 330.308,135.438 337.623,135.438 331.705,139.738 333.966,146.695    328.048,142.396 322.13,146.695 324.39,139.738 318.473,135.438 325.787,135.438  "/>
+	<polygon style="fill:#F0F0F0;" points="281.353,104.198 283.613,111.154 290.928,111.154 285.011,115.454 287.271,122.411    281.353,118.111 275.435,122.411 277.695,115.454 271.777,111.154 279.092,111.154  "/>
+	<polygon style="fill:#F0F0F0;" points="304.7,104.198 306.962,111.154 314.277,111.154 308.358,115.454 310.619,122.411    304.7,118.111 298.782,122.411 301.044,115.454 295.125,111.154 302.439,111.154  "/>
+	<polygon style="fill:#F0F0F0;" points="328.048,104.198 330.308,111.154 337.623,111.154 331.705,115.454 333.966,122.411    328.048,118.111 322.13,122.411 324.39,115.454 318.473,111.154 325.787,111.154  "/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/vanuatu.svg b/shared/img/country-flags/vanuatu.svg
new file mode 100644
index 00000000..a2d41867
--- /dev/null
+++ b/shared/img/country-flags/vanuatu.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" width="512" height="341.326"/>
+<polygon style="fill:#6DA544;" points="512,256 512,426.663 0,426.663 215.185,256 "/>
+<polygon style="fill:#D80027;" points="512,85.337 512,256 215.185,256 0,85.337 "/>
+<polygon points="221.001,239.304 26.868,85.337 8.956,85.337 217.124,250.435 512,250.435 512,239.304 "/>
+<polygon points="8.956,426.663 26.868,426.663 221.001,272.696 512,272.696 512,261.565 217.124,261.565 "/>
+<polygon points="0,92.44 0,106.646 188.317,256 0,405.354 0,419.559 206.229,256 "/>
+<g>
+	<polygon style="fill:#FFDA44;" points="8.956,85.337 0,85.337 0,92.44 206.229,256 0,419.559 0,426.663 8.956,426.663    217.124,261.565 512,261.565 512,250.435 217.124,250.435  "/>
+	<path style="fill:#FFDA44;" d="M63.718,292.382v-14.295c14.265,0,25.87-11.606,25.87-25.869c0-10.092-8.211-18.303-18.304-18.303   c-6.875,0-12.469,5.593-12.469,12.469c0,4.397,3.577,7.974,7.974,7.974c2.485,0,4.508-2.023,4.508-4.508h14.295   c0,10.368-8.435,18.804-18.802,18.804c-12.279-0.002-22.269-9.993-22.269-22.271c0-14.758,12.006-26.764,26.764-26.764   c17.975,0,32.599,14.623,32.599,32.599C103.884,274.363,85.866,292.382,63.718,292.382z"/>
+</g>
+</svg>
diff --git a/shared/img/country-flags/vatican_city.svg b/shared/img/country-flags/vatican_city.svg
new file mode 100644
index 00000000..6d12a17e
--- /dev/null
+++ b/shared/img/country-flags/vatican_city.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+<rect x="256" y="85.331" style="fill:#F0F0F0;" width="256" height="341.337"/>
+<path style="fill:#ACABB1;" d="M321.353,233.837l32.073,42.43c-5.053,7.651-5.026,17.961,0.817,25.692  c7.414,9.807,21.374,11.748,31.182,4.335c9.807-7.414,11.748-21.374,4.334-31.182c-5.843-7.731-15.756-10.568-24.495-7.795  l-49.988-66.129l-11.838,8.949l-17.759,13.424l17.899,23.677L321.353,233.837z M367.528,282.617  c3.27-2.472,7.923-1.824,10.395,1.445c2.471,3.269,1.824,7.923-1.445,10.395c-3.269,2.47-7.923,1.824-10.394-1.446  C363.613,289.743,364.259,285.088,367.528,282.617z"/>
+<path style="fill:#FFDA44;" d="M376.367,247.24l17.899-23.677l-17.759-13.424l-11.838-8.949l-49.988,66.129  c-8.74-2.775-18.651,0.063-24.495,7.795c-7.414,9.808-5.473,23.768,4.334,31.182c9.808,7.414,23.768,5.473,31.182-4.335  c5.845-7.731,5.871-18.041,0.817-25.692l32.073-42.43L376.367,247.24z M313.863,293.011c-2.471,3.27-7.125,3.916-10.394,1.446  c-3.27-2.472-3.916-7.126-1.445-10.395c2.471-3.268,7.125-3.916,10.395-1.445C315.687,285.088,316.334,289.743,313.863,293.011z"/>
+</svg>
diff --git a/shared/img/country-flags/venezuela.svg b/shared/img/country-flags/venezuela.svg
new file mode 100644
index 00000000..08fac1b3
--- /dev/null
+++ b/shared/img/country-flags/venezuela.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+<rect y="181.793" style="fill:#0052B4;" width="512" height="148.413"/>
+<g>
+	<polygon style="fill:#F0F0F0;" points="367.304,285.852 359.271,292.128 362.759,301.705 354.306,296.006 346.274,302.281    349.083,292.483 340.632,286.782 350.82,286.427 353.631,276.629 357.118,286.208  "/>
+	<polygon style="fill:#F0F0F0;" points="346.735,250.227 341.335,258.872 347.887,266.68 337.996,264.216 332.594,272.859    331.882,262.69 321.991,260.224 331.443,256.405 330.733,246.235 337.286,254.045  "/>
+	<polygon style="fill:#F0F0F0;" points="315.223,223.785 313.105,233.756 321.932,238.852 311.795,239.921 309.674,249.889    305.528,240.578 295.391,241.642 302.966,234.821 298.82,225.51 307.649,230.606  "/>
+	<polygon style="fill:#F0F0F0;" points="276.568,209.716 277.987,219.81 288.026,221.58 278.864,226.05 280.282,236.144    273.201,228.812 264.038,233.279 268.824,224.278 261.743,216.948 271.783,218.716  "/>
+	<polygon style="fill:#F0F0F0;" points="235.432,209.716 240.219,218.716 250.256,216.946 243.175,224.28 247.96,233.281    238.799,228.812 231.717,236.143 233.137,226.05 223.974,221.582 234.014,219.81  "/>
+	<polygon style="fill:#F0F0F0;" points="196.776,223.785 204.354,230.606 213.179,225.51 209.035,234.824 216.609,241.644    206.472,240.578 202.325,249.889 200.208,239.919 190.069,238.855 198.898,233.757  "/>
+	<polygon style="fill:#F0F0F0;" points="165.265,250.227 174.718,254.045 181.268,246.237 180.559,256.408 190.009,260.227    180.118,262.692 179.406,272.859 174.007,264.216 164.115,266.681 170.667,258.872  "/>
+	<polygon style="fill:#F0F0F0;" points="144.696,285.852 154.886,286.208 158.37,276.63 161.183,286.429 171.369,286.786    162.917,292.486 165.727,302.284 157.695,296.008 149.245,301.707 152.731,292.128  "/>
+</g>
+<rect y="85.337" style="fill:#FFDA44;" width="512" height="96.456"/>
+</svg>
diff --git a/shared/img/country-flags/vietnam.svg b/shared/img/country-flags/vietnam.svg
new file mode 100644
index 00000000..8ca5595a
--- /dev/null
+++ b/shared/img/country-flags/vietnam.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<polygon style="fill:#D80027;" points="196.641,85.337 0,85.337 0,426.663 196.641,426.663 512,426.663 512,85.337 "/>
+<polygon style="fill:#FFDA44;" points="256,157.279 278.663,227.026 352,227.026 292.668,270.132 315.332,339.881 256,296.774   196.668,339.881 219.332,270.132 160,227.026 233.337,227.026 "/>
+</svg>
diff --git a/shared/img/country-flags/virgin_islands.svg b/shared/img/country-flags/virgin_islands.svg
new file mode 100644
index 00000000..ae556655
--- /dev/null
+++ b/shared/img/country-flags/virgin_islands.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+<g>
+	<path style="fill:#FFDA44;" d="M284.986,204.557c0-16.008-12.977-28.986-28.986-28.986c-16.008,0-28.986,12.978-28.986,28.986   h-63.768c0,15.761,13.729,28.538,29.49,28.538h-0.949c0,15.762,12.777,28.541,28.54,28.541c0,13.955,10.023,25.551,23.259,28.031   l-0.075,0.167h24.977l-0.073-0.167c13.237-2.48,23.26-14.076,23.26-28.031c15.763,0,28.54-12.778,28.54-28.541h-0.951   c15.761,0,29.49-12.778,29.49-28.538L284.986,204.557L284.986,204.557z"/>
+	<path style="fill:#FFDA44;" d="M243.258,286.877l-17.972,40.575c9.483,3.856,19.847,5.997,30.714,5.997   c10.867,0,21.232-2.142,30.713-5.997l-17.971-40.575H243.258z"/>
+</g>
+<path style="fill:#F0F0F0;" d="M218.899,218.811v49.928c0,28.399,37.101,37.101,37.101,37.101s37.101-8.702,37.101-37.101v-49.928  L218.899,218.811L218.899,218.811z"/>
+<g>
+	<path style="fill:#338AF3;" d="M126.719,257.195l20.066,56.123l19.857-56.123h15.154l-28.95,74.203h-12.123l-29.158-74.203H126.719   L126.719,257.195z"/>
+	<path style="fill:#338AF3;" d="M359.884,331.399v-74.203h14.423v74.203H359.884z"/>
+</g>
+<g>
+	<path style="fill:#D80027;" d="M233.739,234.935v60.503c5.101,3.753,10.588,6.337,14.84,7.989v-68.492L233.739,234.935   L233.739,234.935z"/>
+	<path style="fill:#D80027;" d="M278.261,234.935v60.503c-5.101,3.753-10.588,6.337-14.84,7.989v-68.492L278.261,234.935   L278.261,234.935z"/>
+</g>
+<rect x="218.902" y="218.808" style="fill:#0052B4;" width="74.207" height="23.541"/>
+</svg>
diff --git a/shared/img/country-flags/wales.svg b/shared/img/country-flags/wales.svg
new file mode 100644
index 00000000..a9567f06
--- /dev/null
+++ b/shared/img/country-flags/wales.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="256" style="fill:#496E2D;" width="512" height="170.663"/>
+<path style="fill:#D80027;" d="M377.332,199.376c-6.62-18.777-24.511-32.239-45.554-32.239h-41.4  c-26.674,0-48.299,21.624-48.299,48.299c0,8.715,2.32,17.091,6.358,24.15c-15.373-0.126-29.601,0.106-38.557,0  c0-18.627,0-42.357,0-47.322l1.902-1.902c8.539-8.539,5.691-22.77,5.691-22.77s-14.229-2.846-22.767,5.693l-9.952,9.952h-11.099  c-24.452,0-44.274,19.822-44.274,44.274h32.199v36.224c0,5.298,1.069,10.346,2.999,14.943l-11.048,9.207h-16.1v-16.1h-16.1v32.199  h72.448v32.199h-16.1v16.1h32.199v-32.199l14.758-17.71h34.883l14.758,17.71v16.1h-16.1v16.1h64.398v-88.548  c0-13.338,10.812-24.15,24.15-24.15c0.343,0,0.682,0.012,1.022,0.026c-0.667-2.581-1.022-5.287-1.022-8.076  C346.726,214.288,360.289,200.209,377.332,199.376z M290.377,336.184v-33.809h1.342l14.758,17.71v16.1h-16.1V336.184z"/>
+</svg>
diff --git a/shared/img/country-flags/worldwide.svg b/shared/img/country-flags/worldwide.svg
new file mode 100644
index 00000000..d63d27c7
--- /dev/null
+++ b/shared/img/country-flags/worldwide.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
+<g>
+	<path style="fill:#03AA6F;" d="M441.374,79.519l-26.485,17.656l-44.141-8.828l-26.485-8.828l-35.313,8.828l-26.485-8.828
+		l17.656-35.313h35.313l34.607-17.303C396.73,40.101,420.875,57.916,441.374,79.519z"/>
+	<path style="fill:#03AA6F;" d="M238.325,44.206l-8.828,26.485l-26.485,8.828l-26.485,44.141l-44.141,26.485l-61.797,8.828v26.485
+		l17.656,17.656v35.313L61.762,220.77l-26.485-17.656l-15.361-46.171C46.356,93.935,96.898,44.126,160.284,18.604l25.072,16.774
+		L238.325,44.206z"/>
+	<polygon style="fill:#03AA6F;" points="255.982,291.395 247.154,335.536 211.841,370.849 211.841,397.334 176.528,423.818 
+		176.528,467.959 150.044,459.131 132.387,414.99 132.387,326.708 88.246,317.88 70.59,282.567 70.59,256.082 88.246,238.426 
+		114.731,211.941 132.387,247.254 194.184,247.254 220.669,291.395 	"/>
+	<path style="fill:#03AA6F;" d="M479.335,130.987c48.193,85.978,42.702,191.996-14.125,272.526l-23.836-23.836v-35.313
+		l-17.656-35.313l-17.656-35.313v-35.313l-26.485-17.656l-35.313,8.828l-61.797-26.485l-8.828-61.797l26.485-26.485h52.969
+		l17.656,26.485l52.969,8.828l52.969-17.656L479.335,130.987z"/>
+</g>
+<path style="fill:#86DAF1;" d="M308.951,88.347l35.313-8.828l26.485,8.828l44.141,8.828l26.485-17.656
+	c14.787,15.476,27.544,32.77,37.961,51.468l-2.648,1.501l-52.969,17.656l-52.969-8.828l-17.656-26.485h-52.969l-26.485,26.485
+	l8.828,61.797l61.797,26.485l35.313-8.828l26.485,17.656v35.313l17.656,35.313l17.656,35.313v35.313l23.836,23.836
+	c-81.528,115.526-241.275,143.079-356.792,61.55C10.311,395.815-26.494,267.691,19.916,156.942l15.361,46.171l26.485,17.656
+	l26.485,17.656L70.59,256.082v26.485l17.656,35.313l44.141,8.828v88.282l17.656,44.141l26.485,8.828v-44.141l35.313-26.485v-26.485
+	l35.313-35.313l8.828-44.141h-35.313l-26.485-44.141h-61.797l-17.656-35.313l-26.485,26.485v-35.313L70.59,185.457v-26.485
+	l61.797-8.828l44.141-26.485l26.485-44.141l26.485-8.828l8.828-26.485l-52.969-8.828l-25.072-16.774
+	c67.889-27.341,144.235-24.322,209.758,8.299l-34.607,17.303h-35.313l-17.656,35.313L308.951,88.347z"/>
+</svg>
diff --git a/shared/img/country-flags/yemen.svg b/shared/img/country-flags/yemen.svg
new file mode 100644
index 00000000..c92a0336
--- /dev/null
+++ b/shared/img/country-flags/yemen.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+<rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+<rect y="312.888" width="512" height="113.775"/>
+</svg>
diff --git a/shared/img/country-flags/zambia.svg b/shared/img/country-flags/zambia.svg
new file mode 100644
index 00000000..1c4656bf
--- /dev/null
+++ b/shared/img/country-flags/zambia.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.331" style="fill:#496E2D;" width="512" height="341.337"/>
+<path style="fill:#FF9811;" d="M490.668,195.476h-48c0-8.836-7.164-16-16-16s-16,7.164-16,16h-48c0,8.836,7.697,16,16.533,16h-0.533  c0,8.836,7.162,16,16,16c0,8.836,7.162,16,16,16h32c8.836,0,16-7.164,16-16c8.836,0,16-7.164,16-16h-0.533  C482.972,211.476,490.668,204.312,490.668,195.476z"/>
+<rect x="341.337" y="255.994" style="fill:#D80027;" width="56.888" height="170.663"/>
+<rect x="455.112" y="255.994" style="fill:#FF9811;" width="56.888" height="170.663"/>
+<rect x="398.225" y="255.994" width="56.888" height="170.663"/>
+</svg>
diff --git a/shared/img/country-flags/zimbabwe.svg b/shared/img/country-flags/zimbabwe.svg
new file mode 100644
index 00000000..da02c725
--- /dev/null
+++ b/shared/img/country-flags/zimbabwe.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<rect y="85.333" width="512" height="341.337"/>
+<g>
+	<rect y="134.196" style="fill:#FFDA44;" width="512" height="48.868"/>
+	<rect y="329.668" style="fill:#FFDA44;" width="512" height="48.868"/>
+</g>
+<rect y="85.333" style="fill:#6DA544;" width="512" height="48.868"/>
+<g>
+	<rect y="183.069" style="fill:#D80027;" width="512" height="48.868"/>
+	<rect y="280.806" style="fill:#D80027;" width="512" height="48.868"/>
+</g>
+<rect y="378.542" style="fill:#6DA544;" width="512" height="48.128"/>
+<polygon style="fill:#F0F0F0;" points="276.992,255.996 106.329,426.659 0,426.659 0,85.333 106.329,85.333 "/>
+<polygon points="256,255.996 85.334,426.662 106.321,426.662 276.988,255.996 106.321,85.33 85.334,85.33 "/>
+<polygon style="fill:#D80027;" points="102.465,202.57 115.724,243.382 158.641,243.382 123.923,268.608 137.183,309.422   102.465,284.198 67.745,309.422 81.007,268.608 46.289,243.382 89.204,243.382 "/>
+<path style="fill:#FFDA44;" d="M138.94,259.335l-34.559-12.243c0,0-2.553-23.955-2.708-24.766  c-1.173-6.18-6.603-10.851-13.123-10.851c-7.376,0-13.357,5.98-13.357,13.357c0,1.223,0.178,2.402,0.486,3.528l-9.689,9.755  c0,0,11.509,0,17.229,0c0,17.882-13.344,17.882-13.344,35.691l7.402,17.809h44.522l7.422-17.809h-0.004  c0.744-1.709,1.194-3.47,1.381-5.231C136.995,265.986,138.94,259.335,138.94,259.335z"/>
+</svg>
diff --git a/shared/js/SelectedClientInfo.ts b/shared/js/SelectedClientInfo.ts
index b0462286..9ca54744 100644
--- a/shared/js/SelectedClientInfo.ts
+++ b/shared/js/SelectedClientInfo.ts
@@ -195,7 +195,7 @@ export class SelectedClientInfo {
     private updateCachedCountry(client: ClientEntry) {
         this.currentClientStatus.country = {
             flag: client.properties.client_country,
-            name: i18nc.country_name(client.properties.client_country.toUpperCase()),
+            name: i18nc.getCountryName(client.properties.client_country.toUpperCase()),
         };
     }
 
diff --git a/shared/js/i18n/country.ts b/shared/js/i18n/country.ts
index 63ad9817..00470fe8 100644
--- a/shared/js/i18n/country.ts
+++ b/shared/js/i18n/country.ts
@@ -1,1503 +1,1793 @@
-import {tr} from "../i18n/localize";
+import "svg-sprites/country-flags";
+import {CountryFlag} from "svg-sprites/country-flags";
+import {LogCategory, logWarn} from "tc-shared/log";
 
 interface CountryInfo {
     name: string;
     alpha_2: string;
     alpha_3: string;
     un_code: number;
-}
-const country_infos: CountryInfo[] = [];
-const alpha_2_map: {[name: string]:CountryInfo} = {};
+    icon: string;
 
-const fill_country_infos = (array: CountryInfo[]) => {
+    flagMissingWarned?: boolean;
+}
+const registeredCountries: CountryInfo[] = [];
+const alphaCode2Info: { [name: string]: CountryInfo } = {};
+
+const registerCountries = (array: CountryInfo[]) => {
     array.push({
         name: "Afghanistan",
         alpha_2: "AF",
         alpha_3: "AFG",
-        un_code: 4
+        un_code: 4,
+        icon: "afghanistan",
     });
     array.push({
         name: "Aland Islands",
         alpha_2: "AX",
         alpha_3: "ALA",
-        un_code: 248
+        un_code: 248,
+        icon: "aland-islands",
     });
     array.push({
         name: "Albania",
         alpha_2: "AL",
         alpha_3: "ALB",
-        un_code: 8
+        un_code: 8,
+        icon: "albania",
     });
     array.push({
         name: "Algeria",
         alpha_2: "DZ",
         alpha_3: "DZA",
-        un_code: 12
+        un_code: 12,
+        icon: "algeria",
     });
     array.push({
         name: "American Samoa",
         alpha_2: "AS",
         alpha_3: "ASM",
-        un_code: 16
+        un_code: 16,
+        icon: "american-samoa",
     });
     array.push({
         name: "Andorra",
         alpha_2: "AD",
         alpha_3: "AND",
-        un_code: 20
+        un_code: 20,
+        icon: "andorra",
     });
     array.push({
         name: "Angola",
         alpha_2: "AO",
         alpha_3: "AGO",
-        un_code: 24
+        un_code: 24,
+        icon: "angola",
     });
     array.push({
         name: "Anguilla",
         alpha_2: "AI",
         alpha_3: "AIA",
-        un_code: 660
+        un_code: 660,
+        icon: "anguilla",
     });
+    /* TODO(flag): https://en.wikipedia.org/wiki/Flag_of_Antarctica */
     array.push({
         name: "Antarctica",
         alpha_2: "AQ",
         alpha_3: "ATA",
-        un_code: 10
+        un_code: 10,
+        icon: "worldwide",
     });
     array.push({
         name: "Antigua and Barbuda",
         alpha_2: "AG",
         alpha_3: "ATG",
-        un_code: 28
+        un_code: 28,
+        icon: "antigua-and-barbuda",
     });
     array.push({
         name: "Argentina",
         alpha_2: "AR",
         alpha_3: "ARG",
-        un_code: 32
+        un_code: 32,
+        icon: "argentina",
     });
     array.push({
         name: "Armenia",
         alpha_2: "AM",
         alpha_3: "ARM",
-        un_code: 51
+        un_code: 51,
+        icon: "armenia",
     });
     array.push({
         name: "Aruba",
         alpha_2: "AW",
         alpha_3: "ABW",
-        un_code: 533
+        un_code: 533,
+        icon: "aruba",
     });
     array.push({
         name: "Australia",
         alpha_2: "AU",
         alpha_3: "AUS",
-        un_code: 36
+        un_code: 36,
+        icon: "australia",
     });
     array.push({
         name: "Austria",
         alpha_2: "AT",
         alpha_3: "AUT",
-        un_code: 40
+        un_code: 40,
+        icon: "austria",
     });
     array.push({
         name: "Azerbaijan",
         alpha_2: "AZ",
         alpha_3: "AZE",
-        un_code: 31
+        un_code: 31,
+        icon: "azerbaijan",
     });
     array.push({
         name: "Bahamas",
         alpha_2: "BS",
         alpha_3: "BHS",
-        un_code: 44
+        un_code: 44,
+        icon: "bahamas",
     });
     array.push({
         name: "Bahrain",
         alpha_2: "BH",
         alpha_3: "BHR",
-        un_code: 48
+        un_code: 48,
+        icon: "bahrain",
     });
     array.push({
         name: "Bangladesh",
         alpha_2: "BD",
         alpha_3: "BGD",
-        un_code: 50
+        un_code: 50,
+        icon: "bangladesh",
     });
     array.push({
         name: "Barbados",
         alpha_2: "BB",
         alpha_3: "BRB",
-        un_code: 52
+        un_code: 52,
+        icon: "barbados",
     });
     array.push({
         name: "Belarus",
         alpha_2: "BY",
         alpha_3: "BLR",
-        un_code: 112
+        un_code: 112,
+        icon: "belarus",
     });
     array.push({
         name: "Belgium",
         alpha_2: "BE",
         alpha_3: "BEL",
-        un_code: 56
+        un_code: 56,
+        icon: "belgium",
     });
     array.push({
         name: "Belize",
         alpha_2: "BZ",
         alpha_3: "BLZ",
-        un_code: 84
+        un_code: 84,
+        icon: "belize",
     });
     array.push({
         name: "Benin",
         alpha_2: "BJ",
         alpha_3: "BEN",
-        un_code: 204
+        un_code: 204,
+        icon: "benin",
     });
     array.push({
         name: "Bermuda",
         alpha_2: "BM",
         alpha_3: "BMU",
-        un_code: 60
+        un_code: 60,
+        icon: "bermuda",
     });
     array.push({
         name: "Bhutan",
         alpha_2: "BT",
         alpha_3: "BTN",
-        un_code: 64
+        un_code: 64,
+        icon: "bhutan",
     });
     array.push({
         name: "Bolivia",
         alpha_2: "BO",
         alpha_3: "BOL",
-        un_code: 68
+        un_code: 68,
+        icon: "bolivia",
     });
     array.push({
         name: "Bosnia and Herzegovina",
         alpha_2: "BA",
         alpha_3: "BIH",
-        un_code: 70
+        un_code: 70,
+        icon: "bosnia-and-herzegovina",
     });
     array.push({
         name: "Botswana",
         alpha_2: "BW",
         alpha_3: "BWA",
-        un_code: 72
+        un_code: 72,
+        icon: "botswana",
     });
+    /* Island uninhabited  */
     array.push({
         name: "Bouvet Island",
         alpha_2: "BV",
         alpha_3: "BVT",
-        un_code: 74
+        un_code: 74,
+        icon: "worldwide",
     });
     array.push({
         name: "Brazil",
         alpha_2: "BR",
         alpha_3: "BRA",
-        un_code: 76
+        un_code: 76,
+        icon: "brazil",
     });
     array.push({
         name: "British Virgin Islands",
         alpha_2: "VG",
         alpha_3: "VGB",
-        un_code: 92
+        un_code: 92,
+        icon: "british-virgin-islands",
     });
     array.push({
         name: "British Indian Ocean Territory",
         alpha_2: "IO",
         alpha_3: "IOT",
-        un_code: 86
+        un_code: 86,
+        icon: "british-indian-ocean-territory",
     });
+    /* TODO(flag): https://de.wikipedia.org/wiki/Brunei */
     array.push({
         name: "Brunei Darussalam",
         alpha_2: "BN",
         alpha_3: "BRN",
-        un_code: 96
+        un_code: 96,
+        icon: "worldwide",
     });
     array.push({
         name: "Bulgaria",
         alpha_2: "BG",
         alpha_3: "BGR",
-        un_code: 100
+        un_code: 100,
+        icon: "bulgaria",
     });
     array.push({
         name: "Burkina Faso",
         alpha_2: "BF",
         alpha_3: "BFA",
-        un_code: 854
+        un_code: 854,
+        icon: "burkina-faso",
     });
     array.push({
         name: "Burundi",
         alpha_2: "BI",
         alpha_3: "BDI",
-        un_code: 108
+        un_code: 108,
+        icon: "burundi",
     });
     array.push({
         name: "Cambodia",
         alpha_2: "KH",
         alpha_3: "KHM",
-        un_code: 116
+        un_code: 116,
+        icon: "cambodia",
     });
     array.push({
         name: "Cameroon",
         alpha_2: "CM",
         alpha_3: "CMR",
-        un_code: 120
+        un_code: 120,
+        icon: "cameroon",
     });
     array.push({
         name: "Canada",
         alpha_2: "CA",
         alpha_3: "CAN",
-        un_code: 124
+        un_code: 124,
+        icon: "canada",
     });
     array.push({
         name: "Cape Verde",
         alpha_2: "CV",
         alpha_3: "CPV",
-        un_code: 132
+        un_code: 132,
+        icon: "cape-verde",
     });
     array.push({
         name: "Cayman Islands",
         alpha_2: "KY",
         alpha_3: "CYM",
-        un_code: 136
+        un_code: 136,
+        icon: "cayman-islands",
     });
     array.push({
         name: "Central African Republic",
         alpha_2: "CF",
         alpha_3: "CAF",
-        un_code: 140
+        un_code: 140,
+        icon: "central-african-republic",
     });
     array.push({
         name: "Chad",
         alpha_2: "TD",
         alpha_3: "TCD",
-        un_code: 148
+        un_code: 148,
+        icon: "chad",
     });
     array.push({
         name: "Chile",
         alpha_2: "CL",
         alpha_3: "CHL",
-        un_code: 152
+        un_code: 152,
+        icon: "chile",
     });
     array.push({
         name: "China",
         alpha_2: "CN",
         alpha_3: "CHN",
-        un_code: 156
+        un_code: 156,
+        icon: "china",
     });
     array.push({
         name: "Hong Kong, SAR China",
         alpha_2: "HK",
         alpha_3: "HKG",
-        un_code: 344
+        un_code: 344,
+        icon: "hong-kong",
     });
     array.push({
         name: "Macao, SAR China",
         alpha_2: "MO",
         alpha_3: "MAC",
-        un_code: 446
+        un_code: 446,
+        icon: "macao",
     });
     array.push({
         name: "Christmas Island",
         alpha_2: "CX",
         alpha_3: "CXR",
-        un_code: 162
+        un_code: 162,
+        icon: "christmas-island",
     });
     array.push({
         name: "Cocos (Keeling) Islands",
         alpha_2: "CC",
         alpha_3: "CCK",
-        un_code: 166
+        un_code: 166,
+        icon: "cocos-island",
     });
     array.push({
         name: "Colombia",
         alpha_2: "CO",
         alpha_3: "COL",
-        un_code: 170
+        un_code: 170,
+        icon: "colombia",
     });
     array.push({
         name: "Comoros",
         alpha_2: "KM",
         alpha_3: "COM",
-        un_code: 174
+        un_code: 174,
+        icon: "comoros",
     });
     array.push({
-        name: "Congo (Brazzaville)",
+        name: "Congo (Brazzaville)",
         alpha_2: "CG",
         alpha_3: "COG",
-        un_code: 178
+        un_code: 178,
+        icon: "republic-of-the-congo",
     });
     array.push({
-        name: "Congo, (Kinshasa)",
+        name: "Congo (Kinshasa)",
         alpha_2: "CD",
         alpha_3: "COD",
-        un_code: 180
+        un_code: 180,
+        icon: "democratic-republic-of-congo",
     });
     array.push({
         name: "Cook Islands",
         alpha_2: "CK",
         alpha_3: "COK",
-        un_code: 184
+        un_code: 184,
+        icon: "cook-islands",
     });
     array.push({
         name: "Costa Rica",
         alpha_2: "CR",
         alpha_3: "CRI",
-        un_code: 188
+        un_code: 188,
+        icon: "costa-rica",
     });
     array.push({
         name: "Côte d'Ivoire",
         alpha_2: "CI",
         alpha_3: "CIV",
-        un_code: 384
+        un_code: 384,
+        icon: "ivory-coast",
     });
     array.push({
         name: "Croatia",
         alpha_2: "HR",
         alpha_3: "HRV",
-        un_code: 191
+        un_code: 191,
+        icon: "croatia",
     });
     array.push({
         name: "Cuba",
         alpha_2: "CU",
         alpha_3: "CUB",
-        un_code: 192
+        un_code: 192,
+        icon: "cuba",
     });
     array.push({
         name: "Cyprus",
         alpha_2: "CY",
         alpha_3: "CYP",
-        un_code: 196
+        un_code: 196,
+        icon: "cyprus",
     });
     array.push({
         name: "Czech Republic",
         alpha_2: "CZ",
         alpha_3: "CZE",
-        un_code: 203
+        un_code: 203,
+        icon: "czech-republic",
     });
     array.push({
         name: "Denmark",
         alpha_2: "DK",
         alpha_3: "DNK",
-        un_code: 208
+        un_code: 208,
+        icon: "denmark",
     });
     array.push({
         name: "Djibouti",
         alpha_2: "DJ",
         alpha_3: "DJI",
-        un_code: 262
+        un_code: 262,
+        icon: "djibouti",
     });
     array.push({
         name: "Dominica",
         alpha_2: "DM",
         alpha_3: "DMA",
-        un_code: 212
+        un_code: 212,
+        icon: "dominica",
     });
     array.push({
         name: "Dominican Republic",
         alpha_2: "DO",
         alpha_3: "DOM",
-        un_code: 214
+        un_code: 214,
+        icon: "dominican-republic",
     });
     array.push({
         name: "Ecuador",
         alpha_2: "EC",
         alpha_3: "ECU",
-        un_code: 218
+        un_code: 218,
+        icon: "ecuador",
     });
     array.push({
         name: "Egypt",
         alpha_2: "EG",
         alpha_3: "EGY",
-        un_code: 818
+        un_code: 818,
+        icon: "egypt",
     });
     array.push({
         name: "El Salvador",
         alpha_2: "SV",
         alpha_3: "SLV",
-        un_code: 222
+        un_code: 222,
+        icon: "el-salvador",
     });
     array.push({
         name: "Equatorial Guinea",
         alpha_2: "GQ",
         alpha_3: "GNQ",
-        un_code: 226
+        un_code: 226,
+        icon: "equatorial-guinea",
     });
     array.push({
         name: "Eritrea",
         alpha_2: "ER",
         alpha_3: "ERI",
-        un_code: 232
+        un_code: 232,
+        icon: "eritrea",
     });
     array.push({
         name: "Estonia",
         alpha_2: "EE",
         alpha_3: "EST",
-        un_code: 233
+        un_code: 233,
+        icon: "estonia",
     });
     array.push({
         name: "Ethiopia",
         alpha_2: "ET",
         alpha_3: "ETH",
-        un_code: 231
+        un_code: 231,
+        icon: "ethiopia",
     });
     array.push({
         name: "Falkland Islands (Malvinas)",
         alpha_2: "FK",
         alpha_3: "FLK",
-        un_code: 238
+        un_code: 238,
+        icon: "falkland-islands",
     });
     array.push({
         name: "Faroe Islands",
         alpha_2: "FO",
         alpha_3: "FRO",
-        un_code: 234
+        un_code: 234,
+        icon: "faroe-islands",
     });
     array.push({
         name: "Fiji",
         alpha_2: "FJ",
         alpha_3: "FJI",
-        un_code: 242
+        un_code: 242,
+        icon: "fiji",
     });
     array.push({
         name: "Finland",
         alpha_2: "FI",
         alpha_3: "FIN",
-        un_code: 246
+        un_code: 246,
+        icon: "finland",
     });
     array.push({
         name: "France",
         alpha_2: "FR",
         alpha_3: "FRA",
-        un_code: 250
+        un_code: 250,
+        icon: "france",
     });
+    /* TODO(flag): https://en.wikipedia.org/wiki/French_Guiana */
     array.push({
         name: "French Guiana",
         alpha_2: "GF",
         alpha_3: "GUF",
-        un_code: 254
+        un_code: 254,
+        icon: "worldwide",
     });
     array.push({
         name: "French Polynesia",
         alpha_2: "PF",
         alpha_3: "PYF",
-        un_code: 258
+        un_code: 258,
+        icon: "french-polynesia",
     });
+    /* TODO(flag): https://de.wikipedia.org/wiki/Französische_Süd-_und_Antarktisgebiete */
     array.push({
         name: "French Southern Territories",
         alpha_2: "TF",
         alpha_3: "ATF",
-        un_code: 260
+        un_code: 260,
+        icon: "worldwide",
     });
     array.push({
         name: "Gabon",
         alpha_2: "GA",
         alpha_3: "GAB",
-        un_code: 266
+        un_code: 266,
+        icon: "gabon",
     });
     array.push({
         name: "Gambia",
         alpha_2: "GM",
         alpha_3: "GMB",
-        un_code: 270
+        un_code: 270,
+        icon: "gambia",
     });
     array.push({
         name: "Georgia",
         alpha_2: "GE",
         alpha_3: "GEO",
-        un_code: 268
+        un_code: 268,
+        icon: "georgia",
     });
     array.push({
         name: "Germany",
         alpha_2: "DE",
         alpha_3: "DEU",
-        un_code: 276
+        un_code: 276,
+        icon: "germany",
     });
     array.push({
         name: "Ghana",
         alpha_2: "GH",
         alpha_3: "GHA",
-        un_code: 288
+        un_code: 288,
+        icon: "ghana",
     });
     array.push({
         name: "Gibraltar",
         alpha_2: "GI",
         alpha_3: "GIB",
-        un_code: 292
+        un_code: 292,
+        icon: "gibraltar",
     });
     array.push({
         name: "Greece",
         alpha_2: "GR",
         alpha_3: "GRC",
-        un_code: 300
+        un_code: 300,
+        icon: "greece",
     });
     array.push({
         name: "Greenland",
         alpha_2: "GL",
         alpha_3: "GRL",
-        un_code: 304
+        un_code: 304,
+        icon: "greenland",
     });
     array.push({
         name: "Grenada",
         alpha_2: "GD",
         alpha_3: "GRD",
-        un_code: 308
+        un_code: 308,
+        icon: "grenada",
     });
+    /* The france flag is the official flag of Guadeloupe */
     array.push({
         name: "Guadeloupe",
         alpha_2: "GP",
         alpha_3: "GLP",
-        un_code: 312
+        un_code: 312,
+        icon: "france",
     });
     array.push({
         name: "Guam",
         alpha_2: "GU",
         alpha_3: "GUM",
-        un_code: 316
+        un_code: 316,
+        icon: "guam",
     });
     array.push({
         name: "Guatemala",
         alpha_2: "GT",
         alpha_3: "GTM",
-        un_code: 320
+        un_code: 320,
+        icon: "guatemala",
     });
     array.push({
         name: "Guernsey",
         alpha_2: "GG",
         alpha_3: "GGY",
-        un_code: 831
+        un_code: 831,
+        icon: "guernsey",
     });
     array.push({
         name: "Guinea",
         alpha_2: "GN",
         alpha_3: "GIN",
-        un_code: 324
+        un_code: 324,
+        icon: "guinea",
     });
     array.push({
         name: "Guinea-Bissau",
         alpha_2: "GW",
         alpha_3: "GNB",
-        un_code: 624
+        un_code: 624,
+        icon: "guinea_bissau",
     });
+    /* TODO(flag): https://de.wikipedia.org/wiki/Guyana */
     array.push({
         name: "Guyana",
         alpha_2: "GY",
         alpha_3: "GUY",
-        un_code: 328
+        un_code: 328,
+        icon: "worldwide",
     });
     array.push({
         name: "Haiti",
         alpha_2: "HT",
         alpha_3: "HTI",
-        un_code: 332
+        un_code: 332,
+        icon: "haiti",
     });
+    /* Uninhibited */
     array.push({
         name: "Heard and Mcdonald Islands",
         alpha_2: "HM",
         alpha_3: "HMD",
-        un_code: 334
+        un_code: 334,
+        icon: "worldwide",
     });
     array.push({
-        name: "Holy See (Vatican City State)",
+        name: "Holy See (Vatican City State)",
         alpha_2: "VA",
         alpha_3: "VAT",
-        un_code: 336
+        un_code: 336,
+        icon: "vatican_city",
     });
     array.push({
         name: "Honduras",
         alpha_2: "HN",
         alpha_3: "HND",
-        un_code: 340
+        un_code: 340,
+        icon: "honduras",
     });
     array.push({
         name: "Hungary",
         alpha_2: "HU",
         alpha_3: "HUN",
-        un_code: 348
+        un_code: 348,
+        icon: "hungary",
     });
     array.push({
         name: "Iceland",
         alpha_2: "IS",
         alpha_3: "ISL",
-        un_code: 352
+        un_code: 352,
+        icon: "iceland",
     });
     array.push({
         name: "India",
         alpha_2: "IN",
         alpha_3: "IND",
-        un_code: 356
+        un_code: 356,
+        icon: "india",
     });
     array.push({
         name: "Indonesia",
         alpha_2: "ID",
         alpha_3: "IDN",
-        un_code: 360
+        un_code: 360,
+        icon: "indonesia",
     });
     array.push({
         name: "Iran, Islamic Republic of",
         alpha_2: "IR",
         alpha_3: "IRN",
-        un_code: 364
+        un_code: 364,
+        icon: "iran",
     });
     array.push({
         name: "Iraq",
         alpha_2: "IQ",
         alpha_3: "IRQ",
-        un_code: 368
+        un_code: 368,
+        icon: "iraq",
     });
     array.push({
         name: "Ireland",
         alpha_2: "IE",
         alpha_3: "IRL",
-        un_code: 372
+        un_code: 372,
+        icon: "ireland",
     });
     array.push({
         name: "Isle of Man",
         alpha_2: "IM",
         alpha_3: "IMN",
-        un_code: 833
+        un_code: 833,
+        icon: "isle-of-man",
     });
     array.push({
         name: "Israel",
         alpha_2: "IL",
         alpha_3: "ISR",
-        un_code: 376
+        un_code: 376,
+        icon: "israel",
     });
     array.push({
         name: "Italy",
         alpha_2: "IT",
         alpha_3: "ITA",
-        un_code: 380
+        un_code: 380,
+        icon: "italy",
     });
     array.push({
         name: "Jamaica",
         alpha_2: "JM",
         alpha_3: "JAM",
-        un_code: 388
+        un_code: 388,
+        icon: "jamaica",
     });
     array.push({
         name: "Japan",
         alpha_2: "JP",
         alpha_3: "JPN",
-        un_code: 392
+        un_code: 392,
+        icon: "japan",
     });
     array.push({
         name: "Jersey",
         alpha_2: "JE",
         alpha_3: "JEY",
-        un_code: 832
+        un_code: 832,
+        icon: "jersey",
     });
     array.push({
         name: "Jordan",
         alpha_2: "JO",
         alpha_3: "JOR",
-        un_code: 400
+        un_code: 400,
+        icon: "jordan",
     });
     array.push({
         name: "Kazakhstan",
         alpha_2: "KZ",
         alpha_3: "KAZ",
-        un_code: 398
+        un_code: 398,
+        icon: "kazakhstan",
     });
     array.push({
         name: "Kenya",
         alpha_2: "KE",
         alpha_3: "KEN",
-        un_code: 404
+        un_code: 404,
+        icon: "kenya",
     });
+    /* TODO(flag): https://de.wikipedia.org/wiki/Kiribati */
     array.push({
         name: "Kiribati",
         alpha_2: "KI",
         alpha_3: "KIR",
-        un_code: 296
+        un_code: 296,
+        icon: "worldwide",
     });
+    /* Will ever anybody join from there? :D */
     array.push({
-        name: "Korea (North)",
+        name: "Korea (North)",
         alpha_2: "KP",
         alpha_3: "PRK",
-        un_code: 408
+        un_code: 408,
+        icon: "north-korea",
     });
     array.push({
-        name: "Korea (South)",
+        name: "Korea (South)",
         alpha_2: "KR",
         alpha_3: "KOR",
-        un_code: 410
+        un_code: 410,
+        icon: "south-korea",
     });
     array.push({
         name: "Kuwait",
         alpha_2: "KW",
         alpha_3: "KWT",
-        un_code: 414
+        un_code: 414,
+        icon: "kuwait",
     });
     array.push({
         name: "Kyrgyzstan",
         alpha_2: "KG",
         alpha_3: "KGZ",
-        un_code: 417
+        un_code: 417,
+        icon: "kyrgyzstan",
     });
     array.push({
         name: "Lao PDR",
         alpha_2: "LA",
         alpha_3: "LAO",
-        un_code: 418
+        un_code: 418,
+        icon: "laos",
     });
     array.push({
         name: "Latvia",
         alpha_2: "LV",
         alpha_3: "LVA",
-        un_code: 428
+        un_code: 428,
+        icon: "latvia",
     });
     array.push({
         name: "Lebanon",
         alpha_2: "LB",
         alpha_3: "LBN",
-        un_code: 422
+        un_code: 422,
+        icon: "lebanon",
     });
     array.push({
         name: "Lesotho",
         alpha_2: "LS",
         alpha_3: "LSO",
-        un_code: 426
+        un_code: 426,
+        icon: "lesotho",
     });
     array.push({
         name: "Liberia",
         alpha_2: "LR",
         alpha_3: "LBR",
-        un_code: 430
+        un_code: 430,
+        icon: "liberia",
     });
     array.push({
         name: "Libya",
         alpha_2: "LY",
         alpha_3: "LBY",
-        un_code: 434
+        un_code: 434,
+        icon: "libya",
     });
     array.push({
         name: "Liechtenstein",
         alpha_2: "LI",
         alpha_3: "LIE",
-        un_code: 438
+        un_code: 438,
+        icon: "liechtenstein",
     });
     array.push({
         name: "Lithuania",
         alpha_2: "LT",
         alpha_3: "LTU",
-        un_code: 440
+        un_code: 440,
+        icon: "lithuania",
     });
     array.push({
         name: "Luxembourg",
         alpha_2: "LU",
         alpha_3: "LUX",
-        un_code: 442
+        un_code: 442,
+        icon: "luxembourg",
     });
     array.push({
         name: "Macedonia, Republic of",
         alpha_2: "MK",
         alpha_3: "MKD",
-        un_code: 807
+        un_code: 807,
+        icon: "republic-of-macedonia",
     });
     array.push({
         name: "Madagascar",
         alpha_2: "MG",
         alpha_3: "MDG",
-        un_code: 450
+        un_code: 450,
+        icon: "madagascar",
     });
     array.push({
         name: "Malawi",
         alpha_2: "MW",
         alpha_3: "MWI",
-        un_code: 454
+        un_code: 454,
+        icon: "malawi",
     });
     array.push({
         name: "Malaysia",
         alpha_2: "MY",
         alpha_3: "MYS",
-        un_code: 458
+        un_code: 458,
+        icon: "malaysia",
     });
     array.push({
         name: "Maldives",
         alpha_2: "MV",
         alpha_3: "MDV",
-        un_code: 462
+        un_code: 462,
+        icon: "maldives",
     });
     array.push({
         name: "Mali",
         alpha_2: "ML",
         alpha_3: "MLI",
-        un_code: 466
+        un_code: 466,
+        icon: "mali",
     });
     array.push({
         name: "Malta",
         alpha_2: "MT",
         alpha_3: "MLT",
-        un_code: 470
+        un_code: 470,
+        icon: "malta",
     });
     array.push({
         name: "Marshall Islands",
         alpha_2: "MH",
         alpha_3: "MHL",
-        un_code: 584
+        un_code: 584,
+        icon: "marshall-island",
     });
     array.push({
         name: "Martinique",
         alpha_2: "MQ",
         alpha_3: "MTQ",
-        un_code: 474
+        un_code: 474,
+        icon: "martinique",
     });
     array.push({
         name: "Mauritania",
         alpha_2: "MR",
         alpha_3: "MRT",
-        un_code: 478
+        un_code: 478,
+        icon: "mauritania",
     });
     array.push({
         name: "Mauritius",
         alpha_2: "MU",
         alpha_3: "MUS",
-        un_code: 480
+        un_code: 480,
+        icon: "mauritius",
     });
+    /* TODO(flag): https://de.wikipedia.org/wiki/Mayotte */
     array.push({
         name: "Mayotte",
         alpha_2: "YT",
         alpha_3: "MYT",
-        un_code: 175
+        un_code: 175,
+        icon: "worldwide",
     });
     array.push({
         name: "Mexico",
         alpha_2: "MX",
         alpha_3: "MEX",
-        un_code: 484
+        un_code: 484,
+        icon: "mexico",
     });
     array.push({
         name: "Micronesia, Federated States of",
         alpha_2: "FM",
         alpha_3: "FSM",
-        un_code: 583
+        un_code: 583,
+        icon: "micronesia",
     });
     array.push({
         name: "Moldova",
         alpha_2: "MD",
         alpha_3: "MDA",
-        un_code: 498
+        un_code: 498,
+        icon: "moldova",
     });
     array.push({
         name: "Monaco",
         alpha_2: "MC",
         alpha_3: "MCO",
-        un_code: 492
+        un_code: 492,
+        icon: "monaco",
     });
     array.push({
         name: "Mongolia",
         alpha_2: "MN",
         alpha_3: "MNG",
-        un_code: 496
+        un_code: 496,
+        icon: "mongolia",
     });
     array.push({
         name: "Montenegro",
         alpha_2: "ME",
         alpha_3: "MNE",
-        un_code: 499
+        un_code: 499,
+        icon: "montenegro",
     });
     array.push({
         name: "Montserrat",
         alpha_2: "MS",
         alpha_3: "MSR",
-        un_code: 500
+        un_code: 500,
+        icon: "montserrat",
     });
     array.push({
         name: "Morocco",
         alpha_2: "MA",
         alpha_3: "MAR",
-        un_code: 504
+        un_code: 504,
+        icon: "morocco",
     });
     array.push({
         name: "Mozambique",
         alpha_2: "MZ",
         alpha_3: "MOZ",
-        un_code: 508
+        un_code: 508,
+        icon: "mozambique",
     });
     array.push({
         name: "Myanmar",
         alpha_2: "MM",
         alpha_3: "MMR",
-        un_code: 104
+        un_code: 104,
+        icon: "myanmar",
     });
     array.push({
         name: "Namibia",
         alpha_2: "NA",
         alpha_3: "NAM",
-        un_code: 516
+        un_code: 516,
+        icon: "namibia",
     });
     array.push({
         name: "Nauru",
         alpha_2: "NR",
         alpha_3: "NRU",
-        un_code: 520
+        un_code: 520,
+        icon: "nauru",
     });
     array.push({
         name: "Nepal",
         alpha_2: "NP",
         alpha_3: "NPL",
-        un_code: 524
+        un_code: 524,
+        icon: "nepal",
     });
     array.push({
         name: "Netherlands",
         alpha_2: "NL",
         alpha_3: "NLD",
-        un_code: 528
-    });
-    array.push({
-        name: "Netherlands Antilles",
-        alpha_2: "AN",
-        alpha_3: "ANT",
-        un_code: 530
+        un_code: 528,
+        icon: "netherlands",
     });
+    /* Official flag is the french flag */
     array.push({
         name: "New Caledonia",
         alpha_2: "NC",
         alpha_3: "NCL",
-        un_code: 540
+        un_code: 540,
+        icon: "french",
     });
     array.push({
         name: "New Zealand",
         alpha_2: "NZ",
         alpha_3: "NZL",
-        un_code: 554
+        un_code: 554,
+        icon: "new-zealand",
     });
     array.push({
         name: "Nicaragua",
         alpha_2: "NI",
         alpha_3: "NIC",
-        un_code: 558
+        un_code: 558,
+        icon: "nicaragua",
     });
     array.push({
         name: "Niger",
         alpha_2: "NE",
         alpha_3: "NER",
-        un_code: 562
+        un_code: 562,
+        icon: "niger",
     });
     array.push({
         name: "Nigeria",
         alpha_2: "NG",
         alpha_3: "NGA",
-        un_code: 566
+        un_code: 566,
+        icon: "nigeria",
     });
     array.push({
         name: "Niue",
         alpha_2: "NU",
         alpha_3: "NIU",
-        un_code: 570
+        un_code: 570,
+        icon: "niue",
     });
     array.push({
         name: "Norfolk Island",
         alpha_2: "NF",
         alpha_3: "NFK",
-        un_code: 574
+        un_code: 574,
+        icon: "norfolk-island",
     });
     array.push({
         name: "Northern Mariana Islands",
         alpha_2: "MP",
         alpha_3: "MNP",
-        un_code: 580
+        un_code: 580,
+        icon: "northern-marianas-islands",
     });
     array.push({
         name: "Norway",
         alpha_2: "NO",
         alpha_3: "NOR",
-        un_code: 578
+        un_code: 578,
+        icon: "norway",
     });
     array.push({
         name: "Oman",
         alpha_2: "OM",
         alpha_3: "OMN",
-        un_code: 512
+        un_code: 512,
+        icon: "oman",
     });
     array.push({
         name: "Pakistan",
         alpha_2: "PK",
         alpha_3: "PAK",
-        un_code: 586
+        un_code: 586,
+        icon: "pakistan",
     });
     array.push({
         name: "Palau",
         alpha_2: "PW",
         alpha_3: "PLW",
-        un_code: 585
+        un_code: 585,
+        icon: "palau",
     });
+    /* TODO(flag): https://en.wikipedia.org/wiki/Palestinians */
     array.push({
         name: "Palestinian Territory",
         alpha_2: "PS",
         alpha_3: "PSE",
-        un_code: 275
+        un_code: 275,
+        icon: "worldwide",
     });
     array.push({
         name: "Panama",
         alpha_2: "PA",
         alpha_3: "PAN",
-        un_code: 591
+        un_code: 591,
+        icon: "panama",
     });
     array.push({
         name: "Papua New Guinea",
         alpha_2: "PG",
         alpha_3: "PNG",
-        un_code: 598
+        un_code: 598,
+        icon: "papua-new-guinea",
     });
     array.push({
         name: "Paraguay",
         alpha_2: "PY",
         alpha_3: "PRY",
-        un_code: 600
+        un_code: 600,
+        icon: "paraguay",
     });
     array.push({
         name: "Peru",
         alpha_2: "PE",
         alpha_3: "PER",
-        un_code: 604
+        un_code: 604,
+        icon: "peru",
     });
     array.push({
         name: "Philippines",
         alpha_2: "PH",
         alpha_3: "PHL",
-        un_code: 608
+        un_code: 608,
+        icon: "philippines",
     });
     array.push({
         name: "Pitcairn",
         alpha_2: "PN",
         alpha_3: "PCN",
-        un_code: 612
+        un_code: 612,
+        icon: "pitcairn-islands",
     });
     array.push({
         name: "Poland",
         alpha_2: "PL",
         alpha_3: "POL",
-        un_code: 616
+        un_code: 616,
+        icon: "poland",
     });
     array.push({
         name: "Portugal",
         alpha_2: "PT",
         alpha_3: "PRT",
-        un_code: 620
+        un_code: 620,
+        icon: "portugal",
     });
     array.push({
         name: "Puerto Rico",
         alpha_2: "PR",
         alpha_3: "PRI",
-        un_code: 630
+        un_code: 630,
+        icon: "puerto-rico",
     });
     array.push({
         name: "Qatar",
         alpha_2: "QA",
         alpha_3: "QAT",
-        un_code: 634
+        un_code: 634,
+        icon: "qatar",
     });
     array.push({
         name: "Réunion",
         alpha_2: "RE",
         alpha_3: "REU",
-        un_code: 638
+        un_code: 638,
+        icon: "french",
     });
     array.push({
         name: "Romania",
         alpha_2: "RO",
         alpha_3: "ROU",
-        un_code: 642
+        un_code: 642,
+        icon: "romania",
     });
     array.push({
         name: "Russian Federation",
         alpha_2: "RU",
         alpha_3: "RUS",
-        un_code: 643
+        un_code: 643,
+        icon: "russia",
     });
     array.push({
         name: "Rwanda",
         alpha_2: "RW",
         alpha_3: "RWA",
-        un_code: 646
+        un_code: 646,
+        icon: "rwanda",
     });
     array.push({
         name: "Saint-Barthélemy",
         alpha_2: "BL",
         alpha_3: "BLM",
-        un_code: 652
+        un_code: 652,
+        icon: "french",
     });
+    /* More or less uninhibited (2017: 4846 inhabitants)*/
     array.push({
         name: "Saint Helena",
         alpha_2: "SH",
         alpha_3: "SHN",
-        un_code: 654
+        un_code: 654,
+        icon: "worldwide",
     });
     array.push({
         name: "Saint Kitts and Nevis",
         alpha_2: "KN",
         alpha_3: "KNA",
-        un_code: 659
+        un_code: 659,
+        icon: "saint-kitts-and-nevis",
     });
     array.push({
         name: "Saint Lucia",
         alpha_2: "LC",
         alpha_3: "LCA",
-        un_code: 662
+        un_code: 662,
+        icon: "st_lucia",
     });
     array.push({
         name: "Saint-Martin (French part)",
         alpha_2: "MF",
         alpha_3: "MAF",
-        un_code: 663
+        un_code: 663,
+        icon: "french",
     });
     array.push({
         name: "Saint Pierre and Miquelon",
         alpha_2: "PM",
         alpha_3: "SPM",
-        un_code: 666
+        un_code: 666,
+        icon: "french",
     });
+    /* TODO(flag): https://de.wikipedia.org/wiki/St._Vincent_und_die_Grenadinen */
     array.push({
         name: "Saint Vincent and Grenadines",
         alpha_2: "VC",
         alpha_3: "VCT",
-        un_code: 670
+        un_code: 670,
+        icon: "worldwide",
     });
     array.push({
         name: "Samoa",
         alpha_2: "WS",
         alpha_3: "WSM",
-        un_code: 882
+        un_code: 882,
+        icon: "samoa",
     });
     array.push({
         name: "San Marino",
         alpha_2: "SM",
         alpha_3: "SMR",
-        un_code: 674
+        un_code: 674,
+        icon: "san-marino",
     });
     array.push({
         name: "Sao Tome and Principe",
         alpha_2: "ST",
         alpha_3: "STP",
-        un_code: 678
+        un_code: 678,
+        icon: "sao-tome-and-principe",
     });
     array.push({
         name: "Saudi Arabia",
         alpha_2: "SA",
         alpha_3: "SAU",
-        un_code: 682
+        un_code: 682,
+        icon: "saudi-arabia",
     });
     array.push({
         name: "Senegal",
         alpha_2: "SN",
         alpha_3: "SEN",
-        un_code: 686
+        un_code: 686,
+        icon: "senegal",
     });
     array.push({
         name: "Serbia",
         alpha_2: "RS",
         alpha_3: "SRB",
-        un_code: 688
+        un_code: 688,
+        icon: "serbia",
     });
     array.push({
         name: "Seychelles",
         alpha_2: "SC",
         alpha_3: "SYC",
-        un_code: 690
+        un_code: 690,
+        icon: "seychelles",
     });
     array.push({
         name: "Sierra Leone",
         alpha_2: "SL",
         alpha_3: "SLE",
-        un_code: 694
+        un_code: 694,
+        icon: "sierra-leone",
     });
     array.push({
         name: "Singapore",
         alpha_2: "SG",
         alpha_3: "SGP",
-        un_code: 702
+        un_code: 702,
+        icon: "singapore",
     });
     array.push({
         name: "Slovakia",
         alpha_2: "SK",
         alpha_3: "SVK",
-        un_code: 703
+        un_code: 703,
+        icon: "slovakia",
     });
     array.push({
         name: "Slovenia",
         alpha_2: "SI",
         alpha_3: "SVN",
-        un_code: 705
+        un_code: 705,
+        icon: "slovenia",
     });
     array.push({
         name: "Solomon Islands",
         alpha_2: "SB",
         alpha_3: "SLB",
-        un_code: 90
+        un_code: 90,
+        icon: "solomon-islands",
     });
     array.push({
         name: "Somalia",
         alpha_2: "SO",
         alpha_3: "SOM",
-        un_code: 706
+        un_code: 706,
+        icon: "somalia",
     });
     array.push({
         name: "South Africa",
         alpha_2: "ZA",
         alpha_3: "ZAF",
-        un_code: 710
+        un_code: 710,
+        icon: "south-africa",
     });
     array.push({
         name: "South Georgia and the South Sandwich Islands",
         alpha_2: "GS",
         alpha_3: "SGS",
-        un_code: 239
+        un_code: 239,
+        icon: "worldwide",
     });
     array.push({
         name: "South Sudan",
         alpha_2: "SS",
         alpha_3: "SSD",
-        un_code: 728
+        un_code: 728,
+        icon: "south-sudan",
     });
     array.push({
         name: "Spain",
         alpha_2: "ES",
         alpha_3: "ESP",
-        un_code: 724
+        un_code: 724,
+        icon: "spain",
     });
     array.push({
         name: "Sri Lanka",
         alpha_2: "LK",
         alpha_3: "LKA",
-        un_code: 144
+        un_code: 144,
+        icon: "sri-lanka",
     });
     array.push({
         name: "Sudan",
         alpha_2: "SD",
         alpha_3: "SDN",
-        un_code: 736
+        un_code: 736,
+        icon: "sudan",
     });
     array.push({
         name: "Suriname",
         alpha_2: "SR",
         alpha_3: "SUR",
-        un_code: 740
+        un_code: 740,
+        icon: "suriname",
     });
     array.push({
         name: "Svalbard and Jan Mayen Islands",
         alpha_2: "SJ",
         alpha_3: "SJM",
-        un_code: 744
+        un_code: 744,
+        icon: "worldwide",
     });
     array.push({
         name: "Swaziland",
         alpha_2: "SZ",
         alpha_3: "SWZ",
-        un_code: 748
+        un_code: 748,
+        icon: "worldwide",
     });
     array.push({
         name: "Sweden",
         alpha_2: "SE",
         alpha_3: "SWE",
-        un_code: 752
+        un_code: 752,
+        icon: "sweden",
     });
     array.push({
         name: "Switzerland",
         alpha_2: "CH",
         alpha_3: "CHE",
-        un_code: 756
+        un_code: 756,
+        icon: "switzerland",
     });
     array.push({
-        name: "Syrian Arab Republic (Syria)",
+        name: "Syrian Arab Republic (Syria)",
         alpha_2: "SY",
         alpha_3: "SYR",
-        un_code: 760
+        un_code: 760,
+        icon: "syria",
     });
     array.push({
         name: "Taiwan, Republic of China",
         alpha_2: "TW",
         alpha_3: "TWN",
-        un_code: 158
+        un_code: 158,
+        icon: "taiwan",
     });
     array.push({
         name: "Tajikistan",
         alpha_2: "TJ",
         alpha_3: "TJK",
-        un_code: 762
+        un_code: 762,
+        icon: "tajikistan",
     });
     array.push({
         name: "Tanzania, United Republic of",
         alpha_2: "TZ",
         alpha_3: "TZA",
-        un_code: 834
+        un_code: 834,
+        icon: "tanzania",
     });
     array.push({
         name: "Thailand",
         alpha_2: "TH",
         alpha_3: "THA",
-        un_code: 764
+        un_code: 764,
+        icon: "thailand",
     });
     array.push({
         name: "Timor-Leste",
         alpha_2: "TL",
         alpha_3: "TLS",
-        un_code: 626
+        un_code: 626,
+        icon: "east-timor",
     });
     array.push({
         name: "Togo",
         alpha_2: "TG",
         alpha_3: "TGO",
-        un_code: 768
+        un_code: 768,
+        icon: "togo",
     });
     array.push({
         name: "Tokelau",
         alpha_2: "TK",
         alpha_3: "TKL",
-        un_code: 772
+        un_code: 772,
+        icon: "tokelau",
     });
     array.push({
         name: "Tonga",
         alpha_2: "TO",
         alpha_3: "TON",
-        un_code: 776
+        un_code: 776,
+        icon: "tonga",
     });
     array.push({
         name: "Trinidad and Tobago",
         alpha_2: "TT",
         alpha_3: "TTO",
-        un_code: 780
+        un_code: 780,
+        icon: "trinidad-and-tobago",
     });
     array.push({
         name: "Tunisia",
         alpha_2: "TN",
         alpha_3: "TUN",
-        un_code: 788
+        un_code: 788,
+        icon: "tunisia",
     });
     array.push({
         name: "Turkey",
         alpha_2: "TR",
         alpha_3: "TUR",
-        un_code: 792
+        un_code: 792,
+        icon: "turkey",
     });
     array.push({
         name: "Turkmenistan",
         alpha_2: "TM",
         alpha_3: "TKM",
-        un_code: 795
+        un_code: 795,
+        icon: "turkmenistan",
     });
     array.push({
         name: "Turks and Caicos Islands",
         alpha_2: "TC",
         alpha_3: "TCA",
-        un_code: 796
+        un_code: 796,
+        icon: "worldwide",
     });
     array.push({
         name: "Tuvalu",
         alpha_2: "TV",
         alpha_3: "TUV",
-        un_code: 798
+        un_code: 798,
+        icon: "worldwide",
     });
     array.push({
         name: "Uganda",
         alpha_2: "UG",
         alpha_3: "UGA",
-        un_code: 800
+        un_code: 800,
+        icon: "uganda",
     });
     array.push({
         name: "Ukraine",
         alpha_2: "UA",
         alpha_3: "UKR",
-        un_code: 804
+        un_code: 804,
+        icon: "ukraine",
     });
     array.push({
         name: "United Arab Emirates",
         alpha_2: "AE",
         alpha_3: "ARE",
-        un_code: 784
+        un_code: 784,
+        icon: "united-arab-emirates",
     });
     array.push({
         name: "United Kingdom",
         alpha_2: "GB",
         alpha_3: "GBR",
-        un_code: 826
+        un_code: 826,
+        icon: "united-kingdom",
     });
     array.push({
         name: "United States of America",
         alpha_2: "US",
         alpha_3: "USA",
-        un_code: 840
+        un_code: 840,
+        icon: "united-states-of-america",
     });
     array.push({
         name: "US Minor Outlying Islands",
         alpha_2: "UM",
         alpha_3: "UMI",
-        un_code: 581
+        un_code: 581,
+        icon: "worldwide",
     });
     array.push({
         name: "Uruguay",
         alpha_2: "UY",
         alpha_3: "URY",
-        un_code: 858
+        un_code: 858,
+        icon: "uruguay",
     });
+    /* TODO(flag): https://en.wikipedia.org/wiki/Uzbekistan */
     array.push({
         name: "Uzbekistan",
         alpha_2: "UZ",
         alpha_3: "UZB",
-        un_code: 860
+        un_code: 860,
+        icon: "worldwide",
     });
     array.push({
         name: "Vanuatu",
         alpha_2: "VU",
         alpha_3: "VUT",
-        un_code: 548
+        un_code: 548,
+        icon: "vanuatu",
     });
     array.push({
-        name: "Venezuela (Bolivarian Republic)",
+        name: "Venezuela (Bolivarian Republic)",
         alpha_2: "VE",
         alpha_3: "VEN",
-        un_code: 862
+        un_code: 862,
+        icon: "venezuela",
     });
     array.push({
         name: "Viet Nam",
         alpha_2: "VN",
         alpha_3: "VNM",
-        un_code: 704
+        un_code: 704,
+        icon: "vietnam",
     });
     array.push({
         name: "Virgin Islands, US",
         alpha_2: "VI",
         alpha_3: "VIR",
-        un_code: 850
+        un_code: 850,
+        icon: "virgin-islands",
     });
     array.push({
         name: "Wallis and Futuna Islands",
         alpha_2: "WF",
         alpha_3: "WLF",
-        un_code: 876
+        un_code: 876,
+        icon: "worldwide",
     });
     array.push({
         name: "Western Sahara",
         alpha_2: "EH",
         alpha_3: "ESH",
-        un_code: 732
+        un_code: 732,
+        icon: "sahrawi_arab_democratic_republic",
     });
     array.push({
         name: "Yemen",
         alpha_2: "YE",
         alpha_3: "YEM",
-        un_code: 887
+        un_code: 887,
+        icon: "yemen",
     });
     array.push({
         name: "Zambia",
         alpha_2: "ZM",
         alpha_3: "ZMB",
-        un_code: 894
+        un_code: 894,
+        icon: "zambia",
     });
     array.push({
         name: "Zimbabwe",
         alpha_2: "ZW",
         alpha_3: "ZWE",
-        un_code: 716
+        un_code: 716,
+        icon: "zimbabwe",
     });
 };
 
-export function country_name(alpha_code: string, fallback?: string) {
-    return (alpha_2_map[alpha_code.toUpperCase()] || {name: fallback || tr("unknown country")}).name;
+export function getKnownCountries() : CountryInfo[] {
+    return registeredCountries;
 }
 
-fill_country_infos(country_infos);
-for(const country of country_infos)
-    alpha_2_map[country.alpha_2] = country;
+export function getCountryName(alphaCode: string, fallback?: string) {
+    const countryInfo = alphaCode2Info[alphaCode?.toUpperCase()];
+    if(!countryInfo) {
+        return fallback || "unknown";
+    }
+
+    return countryInfo.name;
+}
+
+export function getCountryFlag(alphaCode: string) : CountryFlag {
+    const countryInfo = alphaCode2Info[alphaCode?.toUpperCase()];
+    if(!countryInfo) {
+        return CountryFlag.Worldwide;
+    }
+
+    const flag = CountryFlag["flag-" + countryInfo.icon.replace(/-/, "_")];
+    if(!flag) {
+        if(!countryInfo.flagMissingWarned) {
+            countryInfo.flagMissingWarned = true;
+            logWarn(LogCategory.GENERAL, tr("Missing country flag for %o"), countryInfo);
+        }
+
+        return CountryFlag.Worldwide;
+    }
+
+    return CountryFlag[flag] || CountryFlag.Worldwide;
+}
+
+registerCountries(registeredCountries);
+for(const country of registeredCountries) {
+    alphaCode2Info[country.alpha_2] = country;
+}
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.tsx b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
index 44035223..10f45b8c 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.tsx
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
@@ -24,6 +24,7 @@ import {ClientIcon} from "svg-sprites/client-icons";
 import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 import {getIconManager} from "tc-shared/file/Icons";
 import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
+import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
 
 const cssStyle = require("./ClientInfoRenderer.scss");
 
@@ -176,10 +177,7 @@ const ClientCountry = React.memo(() => {
     return (
         <InfoBlock imageUrl={"img/icon_client_country.svg"}>
             <Translatable>Country</Translatable>
-            <>
-                <div className={cssStyle.country + " country flag-" + country?.flag.toLocaleLowerCase()} />
-                <a>{country?.name || tr("Unknown")}</a>
-            </>
+            <CountryCode alphaCode={country?.flag} className={cssStyle.country} />
         </InfoBlock>
     );
 });
diff --git a/shared/js/ui/modal/ModalClientInfo.ts b/shared/js/ui/modal/ModalClientInfo.ts
index b9595eb2..4db5abd8 100644
--- a/shared/js/ui/modal/ModalClientInfo.ts
+++ b/shared/js/ui/modal/ModalClientInfo.ts
@@ -205,7 +205,7 @@ function apply_basic_info(client: ClientEntry, tag: JQuery, modal: Modal, callba
         const container = tag.find(".property-country");
         container.find(".value").empty().append(
             $.spawn("div").addClass("country flag-" + client.properties.client_country.toLowerCase()),
-            $.spawn("a").text(i18nc.country_name(client.properties.client_country, tr("Unknown")))
+            $.spawn("a").text(i18nc.getCountryName(client.properties.client_country, tr("Unknown")))
         );
     }
 
diff --git a/shared/js/ui/modal/ModalMusicManage.ts b/shared/js/ui/modal/ModalMusicManage.ts
index 2227567b..35d5d88a 100644
--- a/shared/js/ui/modal/ModalMusicManage.ts
+++ b/shared/js/ui/modal/ModalMusicManage.ts
@@ -799,7 +799,7 @@ function build_settings_container(event_registry: Registry<music_manage>, tag: J
                             e.classList.remove(klass);
                 });
                 flag.addClass("flag-" + input.toLowerCase());
-                flag.attr("title", i18nc.country_name(input, tr("Unknown country")));
+                flag.attr("title", i18nc.getCountryName(input, tr("Unknown country")));
             };
 
             event_registry.on("query_bot_status", event => {
diff --git a/shared/js/ui/modal/ModalServerInfo.ts b/shared/js/ui/modal/ModalServerInfo.ts
index 93a171bd..47d34bd8 100644
--- a/shared/js/ui/modal/ModalServerInfo.ts
+++ b/shared/js/ui/modal/ModalServerInfo.ts
@@ -115,7 +115,7 @@ function apply_category_1(server: ServerEntry, tag: JQuery, update_callbacks: Se
         const container = tag.find(".server-region").empty();
         container.append(
             $.spawn("div").addClass("country flag-" + server.properties.virtualserver_country_code.toLowerCase()),
-            $.spawn("a").text(i18nc.country_name(server.properties.virtualserver_country_code, tr("Global")))
+            $.spawn("a").text(i18nc.getCountryName(server.properties.virtualserver_country_code, tr("Global")))
         );
     }
 
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index ea5c4f42..1eef4be5 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -365,7 +365,7 @@ function settings_general_language(container: JQuery, modal: Modal) {
             container_current.empty();
 
             const language = current_translation ? current_translation.country_code : "gb";
-            $.spawn("div").addClass("country flag-" + language.toLowerCase()).attr('title', i18nc.country_name(language, tr("Unknown language"))).appendTo(container_current);
+            $.spawn("div").addClass("country flag-" + language.toLowerCase()).attr('title', i18nc.getCountryName(language, tr("Unknown language"))).appendTo(container_current);
             $.spawn("a").text(current_translation ? current_translation.name : tr("English (Default)")).appendTo(container_current);
         }).catch(error => {
             /* This shall never happen */
@@ -382,7 +382,7 @@ function settings_general_language(container: JQuery, modal: Modal) {
             const tag = template.renderTag({
                 type: "default",
                 selected: !currently_selected || currently_selected == "default",
-                fallback_country_name: i18nc.country_name('gb'),
+                fallback_country_name: i18nc.getCountryName('gb'),
             });
             tag.on('click', () => {
                 i18n.select_translation(undefined, undefined);
@@ -431,8 +431,8 @@ function settings_general_language(container: JQuery, modal: Modal) {
                         id: repo.unique_id,
                         country_code: translation.country_code,
                         selected: i18n.config.translation_config().current_translation_path == translation.path,
-                        fallback_country_name: i18nc.country_name('gb'),
-                        country_name: i18nc.country_name((translation.country_code || "XX").toLowerCase()),
+                        fallback_country_name: i18nc.getCountryName('gb'),
+                        country_name: i18nc.getCountryName((translation.country_code || "XX").toLowerCase()),
                     });
                     tag.find(".button-info").on('click', e => {
                         e.preventDefault();
diff --git a/shared/js/ui/modal/bookmarks/Renderer.tsx b/shared/js/ui/modal/bookmarks/Renderer.tsx
index 7e9fba56..d92f0d92 100644
--- a/shared/js/ui/modal/bookmarks/Renderer.tsx
+++ b/shared/js/ui/modal/bookmarks/Renderer.tsx
@@ -30,7 +30,7 @@ import * as React from "react";
 import DefaultHeaderImage from "./header_background.png";
 import ServerInfoImage from "./serverinfo.png";
 import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
-import {CountryIcon} from "tc-shared/ui/react-elements/CountryIcon";
+import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
 import {downloadTextAsFile, requestFileAsText} from "tc-shared/file/Utils";
 
 const EventContext = React.createContext<Registry<ModalBookmarkEvents>>(undefined);
@@ -598,7 +598,7 @@ const BookmarkInfoRenderer = React.memo(() => {
                 <div className={cssStyle.row}>
                     <div className={cssStyle.key}>{useTr("Server region")}</div>
                     <div className={cssStyle.value}>
-                        <CountryIcon country={bookmarkInfo?.serverRegion} />
+                        <CountryCode alphaCode={bookmarkInfo?.serverRegion} />
                     </div>
                 </div>
                 <div className={cssStyle.row}>
diff --git a/shared/js/ui/modal/connect/Renderer.tsx b/shared/js/ui/modal/connect/Renderer.tsx
index d4dd7fad..3f6fd084 100644
--- a/shared/js/ui/modal/connect/Renderer.tsx
+++ b/shared/js/ui/modal/connect/Renderer.tsx
@@ -16,7 +16,7 @@ import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
 import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
 import {AbstractModal} from "tc-shared/ui/react-elements/ModalDefinitions";
-import {CountryIcon} from "tc-shared/ui/react-elements/CountryIcon";
+import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
 
 const EventContext = React.createContext<Registry<ConnectUiEvents>>(undefined);
 const VariablesContext = React.createContext<UiVariableConsumer<ConnectUiVariables>>(undefined);
@@ -304,7 +304,7 @@ const HistoryTableEntry = React.memo((props: { entry: ConnectHistoryEntry, selec
                 {info ? info.password ? tr("Yes") : tr("No") : ""}
             </div>
             <div className={cssStyle.column + " " + cssStyle.country}>
-                {info ? <CountryIcon country={info.country || "xx"} key={"country"} /> : null}
+                {info ? <CountryCode alphaCode={info.country || "xx"} key={"country"} /> : null}
             </div>
             <div className={cssStyle.column + " " + cssStyle.clients}>
                 {info && info.maxClients !== -1 ? `${info.clients}/${info.maxClients}` : ""}
diff --git a/shared/js/ui/react-elements/CountryCode.tsx b/shared/js/ui/react-elements/CountryCode.tsx
new file mode 100644
index 00000000..0e51fd0a
--- /dev/null
+++ b/shared/js/ui/react-elements/CountryCode.tsx
@@ -0,0 +1,14 @@
+import * as React from "react";
+import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
+import {getCountryFlag, getCountryName} from "tc-shared/i18n/country";
+
+const cssStyle = require("./CountryIcon.scss");
+
+export const CountryCode = (props: { alphaCode: string, className?: string }) => {
+    return (
+        <div className={joinClassList(cssStyle.countryContainer, props.className)}>
+            <div className={"flag_em " + getCountryFlag(props.alphaCode) + " " + cssStyle.icon} />
+            {getCountryName(props.alphaCode, useTr("Global"))}
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/CountryIcon.scss b/shared/js/ui/react-elements/CountryIcon.scss
index 2b83d525..31935f53 100644
--- a/shared/js/ui/react-elements/CountryIcon.scss
+++ b/shared/js/ui/react-elements/CountryIcon.scss
@@ -3,7 +3,7 @@
     flex-direction: row;
     justify-content: flex-start;
 
-    :global(.country) {
+    .icon {
         align-self: center;
         margin-right: .25em;
     }
diff --git a/shared/js/ui/react-elements/CountryIcon.tsx b/shared/js/ui/react-elements/CountryIcon.tsx
deleted file mode 100644
index 6c2e177b..00000000
--- a/shared/js/ui/react-elements/CountryIcon.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import * as i18n from "tc-shared/i18n/country";
-import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
-import * as React from "react";
-
-const cssStyle = require("./CountryIcon.scss");
-
-export const CountryIcon = (props: { country: string, className?: string }) => {
-    const country = props.country || "xx";
-    return (
-        <div className={joinClassList(cssStyle.countryContainer, props.className)}>
-            <div className={"country flag-" + country} />
-            {i18n.country_name(country, useTr("Global"))}
-        </div>
-    )
-};
\ No newline at end of file
diff --git a/shared/svg-sprites/country-flags.d.ts b/shared/svg-sprites/country-flags.d.ts
new file mode 100644
index 00000000..2b189586
--- /dev/null
+++ b/shared/svg-sprites/country-flags.d.ts
@@ -0,0 +1,282 @@
+/*
+ * DO NOT MODIFY THIS FILE!
+ *
+ * This file has been auto generated by the svg-sprite generator.
+ * Sprite source directory: G:\TeaSpeak\web\shared\img\country-flags
+ * Sprite count: 256
+ */
+export type CountryFlagClass = "flag-abkhazia" | "flag-afghanistan" | "flag-aland_islands" | "flag-albania" | "flag-algeria" | "flag-american_samoa" | "flag-andorra" | "flag-angola" | "flag-anguilla" | "flag-antigua_and_barbuda" | "flag-argentina" | "flag-armenia" | "flag-australia" | "flag-austria" | "flag-azerbaijan" | "flag-azores_islands" | "flag-bahamas" | "flag-bahrain" | "flag-balearic_islands" | "flag-bangladesh" | "flag-barbados" | "flag-basque_country" | "flag-belarus" | "flag-belgium" | "flag-belize" | "flag-benin" | "flag-bermuda" | "flag-bhutan" | "flag-bolivia" | "flag-bonaire" | "flag-bosnia_and_herzegovina" | "flag-botswana" | "flag-brazil" | "flag-british_indian_ocean_territory" | "flag-british_virgin_islands" | "flag-brunei" | "flag-bulgaria" | "flag-burkina_faso" | "flag-burundi" | "flag-cambodia" | "flag-cameroon" | "flag-canada" | "flag-canary_islands" | "flag-cape_verde" | "flag-cayman_islands" | "flag-central_african_republic" | "flag-ceuta" | "flag-chad" | "flag-chile" | "flag-china" | "flag-christmas_island" | "flag-cocos_island" | "flag-colombia" | "flag-comoros" | "flag-cook_islands" | "flag-corsica" | "flag-costa_rica" | "flag-croatia" | "flag-curacao" | "flag-cyprus" | "flag-czech_republic" | "flag-democratic_republic_of_congo" | "flag-denmark" | "flag-djibouti" | "flag-dominica" | "flag-dominican_republic" | "flag-east_timor" | "flag-ecuador" | "flag-egypt" | "flag-el_salvador" | "flag-england" | "flag-equatorial_guinea" | "flag-eritrea" | "flag-estonia" | "flag-ethiopia" | "flag-european_union" | "flag-falkland_islands" | "flag-faroe_islands" | "flag-fiji" | "flag-finland" | "flag-france" | "flag-french_polynesia" | "flag-gabon" | "flag-galapagos_islands" | "flag-gambia" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-gibraltar" | "flag-greenland" | "flag-grenada" | "flag-guam" | "flag-guatemala" | "flag-guernsey" | "flag-guinea" | "flag-guinea_bissau" | "flag-haiti" | "flag-hawaii" | "flag-honduras" | "flag-hong_kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-iran" | "flag-iraq" | "flag-ireland" | "flag-isle_of_man" | "flag-israel" | "flag-italy" | "flag-ivory_coast" | "flag-jamaica" | "flag-japan" | "flag-jersey" | "flag-jordan" | "flag-kazakhstan" | "flag-kenya" | "flag-kosovo" | "flag-kuwait" | "flag-kyrgyzstan" | "flag-laos" | "flag-latvia" | "flag-lebanon" | "flag-lesotho" | "flag-liberia" | "flag-libya" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-madagascar" | "flag-madeira" | "flag-malawi" | "flag-malaysia" | "flag-maldives" | "flag-mali" | "flag-malta" | "flag-marshall_island" | "flag-martinique" | "flag-mauritania" | "flag-mauritius" | "flag-melilla" | "flag-mexico" | "flag-micronesia" | "flag-moldova" | "flag-monaco" | "flag-mongolia" | "flag-montenegro" | "flag-montserrat" | "flag-morocco" | "flag-mozambique" | "flag-myanmar" | "flag-namibia" | "flag-nauru" | "flag-nepal" | "flag-netherlands" | "flag-new_zealand" | "flag-nicaragua" | "flag-niger" | "flag-nigeria" | "flag-niue" | "flag-norfolk_island" | "flag-north_korea" | "flag-northen_cyprus" | "flag-northern_marianas_islands" | "flag-norway" | "flag-oman" | "flag-orkney_islands" | "flag-ossetia" | "flag-otan" | "flag-pakistan" | "flag-palau" | "flag-palestine" | "flag-panama" | "flag-papua_new_guinea" | "flag-paraguay" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puerto_rico" | "flag-qatar" | "flag-rapa_nui" | "flag-republic_of_macedonia" | "flag-republic_of_the_congo" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saba_island" | "flag-sahrawi_arab_democratic_republic" | "flag-saint_kitts_and_nevis" | "flag-samoa" | "flag-san_marino" | "flag-sao_tome_and_principe" | "flag-sardinia" | "flag-saudi_arabia" | "flag-scotland" | "flag-senegal" | "flag-serbia" | "flag-seychelles" | "flag-sicily" | "flag-sierra_leone" | "flag-singapore" | "flag-sint_eustatius" | "flag-sint_maarten" | "flag-slovakia" | "flag-slovenia" | "flag-solomon_islands" | "flag-somalia" | "flag-somaliland" | "flag-south_africa" | "flag-south_korea" | "flag-south_sudan" | "flag-spain" | "flag-sri_lanka" | "flag-st_barts" | "flag-st_lucia" | "flag-st_vincent_and_the_grenadines" | "flag-sudan" | "flag-suriname" | "flag-sweden" | "flag-switzerland" | "flag-syria" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-tibet" | "flag-togo" | "flag-tokelau" | "flag-tonga" | "flag-transnistria" | "flag-trinidad_and_tobago" | "flag-tubalu" | "flag-tunisia" | "flag-turkey" | "flag-turkmenistan" | "flag-turks_and_caicos" | "flag-uganda" | "flag-ukraine" | "flag-united_arab_emirates" | "flag-united_kingdom" | "flag-united_nations" | "flag-united_states_of_america" | "flag-uruguay" | "flag-uzbekistn" | "flag-vanuatu" | "flag-vatican_city" | "flag-venezuela" | "flag-vietnam" | "flag-virgin_islands" | "flag-wales" | "flag-worldwide" | "flag-yemen" | "flag-zambia" | "flag-zimbabwe";
+
+export enum CountryFlag {
+  Abkhazia = "flag-abkhazia",
+  Afghanistan = "flag-afghanistan",
+  AlandIslands = "flag-aland_islands",
+  Albania = "flag-albania",
+  Algeria = "flag-algeria",
+  AmericanSamoa = "flag-american_samoa",
+  Andorra = "flag-andorra",
+  Angola = "flag-angola",
+  Anguilla = "flag-anguilla",
+  AntiguaAndBarbuda = "flag-antigua_and_barbuda",
+  Argentina = "flag-argentina",
+  Armenia = "flag-armenia",
+  Australia = "flag-australia",
+  Austria = "flag-austria",
+  Azerbaijan = "flag-azerbaijan",
+  AzoresIslands = "flag-azores_islands",
+  Bahamas = "flag-bahamas",
+  Bahrain = "flag-bahrain",
+  BalearicIslands = "flag-balearic_islands",
+  Bangladesh = "flag-bangladesh",
+  Barbados = "flag-barbados",
+  BasqueCountry = "flag-basque_country",
+  Belarus = "flag-belarus",
+  Belgium = "flag-belgium",
+  Belize = "flag-belize",
+  Benin = "flag-benin",
+  Bermuda = "flag-bermuda",
+  Bhutan = "flag-bhutan",
+  Bolivia = "flag-bolivia",
+  Bonaire = "flag-bonaire",
+  BosniaAndHerzegovina = "flag-bosnia_and_herzegovina",
+  Botswana = "flag-botswana",
+  Brazil = "flag-brazil",
+  BritishIndianOceanTerritory = "flag-british_indian_ocean_territory",
+  BritishVirginIslands = "flag-british_virgin_islands",
+  Brunei = "flag-brunei",
+  Bulgaria = "flag-bulgaria",
+  BurkinaFaso = "flag-burkina_faso",
+  Burundi = "flag-burundi",
+  Cambodia = "flag-cambodia",
+  Cameroon = "flag-cameroon",
+  Canada = "flag-canada",
+  CanaryIslands = "flag-canary_islands",
+  CapeVerde = "flag-cape_verde",
+  CaymanIslands = "flag-cayman_islands",
+  CentralAfricanRepublic = "flag-central_african_republic",
+  Ceuta = "flag-ceuta",
+  Chad = "flag-chad",
+  Chile = "flag-chile",
+  China = "flag-china",
+  ChristmasIsland = "flag-christmas_island",
+  CocosIsland = "flag-cocos_island",
+  Colombia = "flag-colombia",
+  Comoros = "flag-comoros",
+  CookIslands = "flag-cook_islands",
+  Corsica = "flag-corsica",
+  CostaRica = "flag-costa_rica",
+  Croatia = "flag-croatia",
+  Curacao = "flag-curacao",
+  Cyprus = "flag-cyprus",
+  CzechRepublic = "flag-czech_republic",
+  DemocraticRepublicOfCongo = "flag-democratic_republic_of_congo",
+  Denmark = "flag-denmark",
+  Djibouti = "flag-djibouti",
+  Dominica = "flag-dominica",
+  DominicanRepublic = "flag-dominican_republic",
+  EastTimor = "flag-east_timor",
+  Ecuador = "flag-ecuador",
+  Egypt = "flag-egypt",
+  ElSalvador = "flag-el_salvador",
+  England = "flag-england",
+  EquatorialGuinea = "flag-equatorial_guinea",
+  Eritrea = "flag-eritrea",
+  Estonia = "flag-estonia",
+  Ethiopia = "flag-ethiopia",
+  EuropeanUnion = "flag-european_union",
+  FalklandIslands = "flag-falkland_islands",
+  FaroeIslands = "flag-faroe_islands",
+  Fiji = "flag-fiji",
+  Finland = "flag-finland",
+  France = "flag-france",
+  FrenchPolynesia = "flag-french_polynesia",
+  Gabon = "flag-gabon",
+  GalapagosIslands = "flag-galapagos_islands",
+  Gambia = "flag-gambia",
+  Georgia = "flag-georgia",
+  Germany = "flag-germany",
+  Ghana = "flag-ghana",
+  Gibraltar = "flag-gibraltar",
+  Greenland = "flag-greenland",
+  Grenada = "flag-grenada",
+  Guam = "flag-guam",
+  Guatemala = "flag-guatemala",
+  Guernsey = "flag-guernsey",
+  Guinea = "flag-guinea",
+  GuineaBissau = "flag-guinea_bissau",
+  Haiti = "flag-haiti",
+  Hawaii = "flag-hawaii",
+  Honduras = "flag-honduras",
+  HongKong = "flag-hong_kong",
+  Hungary = "flag-hungary",
+  Iceland = "flag-iceland",
+  India = "flag-india",
+  Indonesia = "flag-indonesia",
+  Iran = "flag-iran",
+  Iraq = "flag-iraq",
+  Ireland = "flag-ireland",
+  IsleOfMan = "flag-isle_of_man",
+  Israel = "flag-israel",
+  Italy = "flag-italy",
+  IvoryCoast = "flag-ivory_coast",
+  Jamaica = "flag-jamaica",
+  Japan = "flag-japan",
+  Jersey = "flag-jersey",
+  Jordan = "flag-jordan",
+  Kazakhstan = "flag-kazakhstan",
+  Kenya = "flag-kenya",
+  Kosovo = "flag-kosovo",
+  Kuwait = "flag-kuwait",
+  Kyrgyzstan = "flag-kyrgyzstan",
+  Laos = "flag-laos",
+  Latvia = "flag-latvia",
+  Lebanon = "flag-lebanon",
+  Lesotho = "flag-lesotho",
+  Liberia = "flag-liberia",
+  Libya = "flag-libya",
+  Liechtenstein = "flag-liechtenstein",
+  Lithuania = "flag-lithuania",
+  Luxembourg = "flag-luxembourg",
+  Macao = "flag-macao",
+  Madagascar = "flag-madagascar",
+  Madeira = "flag-madeira",
+  Malawi = "flag-malawi",
+  Malaysia = "flag-malaysia",
+  Maldives = "flag-maldives",
+  Mali = "flag-mali",
+  Malta = "flag-malta",
+  MarshallIsland = "flag-marshall_island",
+  Martinique = "flag-martinique",
+  Mauritania = "flag-mauritania",
+  Mauritius = "flag-mauritius",
+  Melilla = "flag-melilla",
+  Mexico = "flag-mexico",
+  Micronesia = "flag-micronesia",
+  Moldova = "flag-moldova",
+  Monaco = "flag-monaco",
+  Mongolia = "flag-mongolia",
+  Montenegro = "flag-montenegro",
+  Montserrat = "flag-montserrat",
+  Morocco = "flag-morocco",
+  Mozambique = "flag-mozambique",
+  Myanmar = "flag-myanmar",
+  Namibia = "flag-namibia",
+  Nauru = "flag-nauru",
+  Nepal = "flag-nepal",
+  Netherlands = "flag-netherlands",
+  NewZealand = "flag-new_zealand",
+  Nicaragua = "flag-nicaragua",
+  Niger = "flag-niger",
+  Nigeria = "flag-nigeria",
+  Niue = "flag-niue",
+  NorfolkIsland = "flag-norfolk_island",
+  NorthKorea = "flag-north_korea",
+  NorthenCyprus = "flag-northen_cyprus",
+  NorthernMarianasIslands = "flag-northern_marianas_islands",
+  Norway = "flag-norway",
+  Oman = "flag-oman",
+  OrkneyIslands = "flag-orkney_islands",
+  Ossetia = "flag-ossetia",
+  Otan = "flag-otan",
+  Pakistan = "flag-pakistan",
+  Palau = "flag-palau",
+  Palestine = "flag-palestine",
+  Panama = "flag-panama",
+  PapuaNewGuinea = "flag-papua_new_guinea",
+  Paraguay = "flag-paraguay",
+  Peru = "flag-peru",
+  Philippines = "flag-philippines",
+  Poland = "flag-poland",
+  Portugal = "flag-portugal",
+  PuertoRico = "flag-puerto_rico",
+  Qatar = "flag-qatar",
+  RapaNui = "flag-rapa_nui",
+  RepublicOfMacedonia = "flag-republic_of_macedonia",
+  RepublicOfTheCongo = "flag-republic_of_the_congo",
+  Romania = "flag-romania",
+  Russia = "flag-russia",
+  Rwanda = "flag-rwanda",
+  SabaIsland = "flag-saba_island",
+  SahrawiArabDemocraticRepublic = "flag-sahrawi_arab_democratic_republic",
+  SaintKittsAndNevis = "flag-saint_kitts_and_nevis",
+  Samoa = "flag-samoa",
+  SanMarino = "flag-san_marino",
+  SaoTomeAndPrincipe = "flag-sao_tome_and_principe",
+  Sardinia = "flag-sardinia",
+  SaudiArabia = "flag-saudi_arabia",
+  Scotland = "flag-scotland",
+  Senegal = "flag-senegal",
+  Serbia = "flag-serbia",
+  Seychelles = "flag-seychelles",
+  Sicily = "flag-sicily",
+  SierraLeone = "flag-sierra_leone",
+  Singapore = "flag-singapore",
+  SintEustatius = "flag-sint_eustatius",
+  SintMaarten = "flag-sint_maarten",
+  Slovakia = "flag-slovakia",
+  Slovenia = "flag-slovenia",
+  SolomonIslands = "flag-solomon_islands",
+  Somalia = "flag-somalia",
+  Somaliland = "flag-somaliland",
+  SouthAfrica = "flag-south_africa",
+  SouthKorea = "flag-south_korea",
+  SouthSudan = "flag-south_sudan",
+  Spain = "flag-spain",
+  SriLanka = "flag-sri_lanka",
+  StBarts = "flag-st_barts",
+  StLucia = "flag-st_lucia",
+  StVincentAndTheGrenadines = "flag-st_vincent_and_the_grenadines",
+  Sudan = "flag-sudan",
+  Suriname = "flag-suriname",
+  Sweden = "flag-sweden",
+  Switzerland = "flag-switzerland",
+  Syria = "flag-syria",
+  Taiwan = "flag-taiwan",
+  Tajikistan = "flag-tajikistan",
+  Tanzania = "flag-tanzania",
+  Thailand = "flag-thailand",
+  Tibet = "flag-tibet",
+  Togo = "flag-togo",
+  Tokelau = "flag-tokelau",
+  Tonga = "flag-tonga",
+  Transnistria = "flag-transnistria",
+  TrinidadAndTobago = "flag-trinidad_and_tobago",
+  Tubalu = "flag-tubalu",
+  Tunisia = "flag-tunisia",
+  Turkey = "flag-turkey",
+  Turkmenistan = "flag-turkmenistan",
+  TurksAndCaicos = "flag-turks_and_caicos",
+  Uganda = "flag-uganda",
+  Ukraine = "flag-ukraine",
+  UnitedArabEmirates = "flag-united_arab_emirates",
+  UnitedKingdom = "flag-united_kingdom",
+  UnitedNations = "flag-united_nations",
+  UnitedStatesOfAmerica = "flag-united_states_of_america",
+  Uruguay = "flag-uruguay",
+  Uzbekistn = "flag-uzbekistn",
+  Vanuatu = "flag-vanuatu",
+  VaticanCity = "flag-vatican_city",
+  Venezuela = "flag-venezuela",
+  Vietnam = "flag-vietnam",
+  VirginIslands = "flag-virgin_islands",
+  Wales = "flag-wales",
+  Worldwide = "flag-worldwide",
+  Yemen = "flag-yemen",
+  Zambia = "flag-zambia",
+  Zimbabwe = "flag-zimbabwe",
+}
+
+export const spriteEntries: {
+  id: string;
+  className: string;
+  width: number;
+  height: number;
+  xOffset: number;
+  yOffset: number;
+}[];
+
+export const spriteUrl: string;
+export const classList: string[];
+
+export const spriteWidth: number;
+export const spriteHeight: number;
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index c2f91345..3dbe27d5 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -197,6 +197,22 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
                             classUnionName: "ClientIconClass",
                             module: false
                         }
+                    },
+                    "country-flags": {
+                        folder: path.join(__dirname, "shared", "img", "country-flags"),
+                        cssClassPrefix: "flag-",
+                        cssOptions: [
+                            {
+                                scale: 1,
+                                selector: ".flag_em",
+                                unit: "em"
+                            }
+                        ],
+                        dtsOptions: {
+                            enumName: "CountryFlag",
+                            classUnionName: "CountryFlagClass",
+                            module: false
+                        }
                     }
                 }
             }),

From 3e3d86726485369d68c2bce5b7928b7f2859cf6b Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 14:15:13 +0100
Subject: [PATCH 056/128] Fixing SVG flag sprite entries viewbox parameters

---
 shared/img/country-flags/aruba.svg            | 2 +-
 shared/img/country-flags/british_columbia.svg | 2 +-
 shared/img/country-flags/cuba.svg             | 2 +-
 shared/img/country-flags/greece.svg           | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/shared/img/country-flags/aruba.svg b/shared/img/country-flags/aruba.svg
index 19df8552..d0b69f77 100644
--- a/shared/img/country-flags/aruba.svg
+++ b/shared/img/country-flags/aruba.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 362.023 362.023" style="enable-background:new 0 0 362.023 362.023;" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 362 362" style="enable-background:new 0 0 362.023 362.023;" xml:space="preserve">
 <rect y="60.341" style="fill:#338AF3;" width="362.023" height="241.34"/>
 <polygon style="fill:#F0F0F0;" points="34.315,118.089 10.736,107.683 34.315,97.278 44.718,73.701 55.123,97.278 78.701,107.683   55.123,118.089 44.718,141.664 "/>
 <polygon style="fill:#D80027;" points="44.718,86.696 51.144,101.257 65.706,107.683 51.144,114.109 44.718,128.67 38.294,114.109   23.732,107.683 38.294,101.257 "/>
diff --git a/shared/img/country-flags/british_columbia.svg b/shared/img/country-flags/british_columbia.svg
index ed73c330..dc12b6ca 100644
--- a/shared/img/country-flags/british_columbia.svg
+++ b/shared/img/country-flags/british_columbia.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 509.85 509.85" style="enable-background:new 0 0 509.85 509.85;" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 510 510" style="enable-background:new 0 0 509.85 509.85;" xml:space="preserve">
 <g>
 	<rect x="0" y="84.975" style="fill:#F0F0F0;" width="509.85" height="339.904"/>
 	<rect x="0" y="84.975" style="fill:#F0F0F0;" width="509.85" height="169.946"/>
diff --git a/shared/img/country-flags/cuba.svg b/shared/img/country-flags/cuba.svg
index 05c80802..c911323b 100644
--- a/shared/img/country-flags/cuba.svg
+++ b/shared/img/country-flags/cuba.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
 <polygon style="fill:#FF9811;" points="0.001,44.522 0,44.522 0,467.477 0.001,467.477 0.001,256.001 "/>
 <rect x="0" y="85.337" style="fill:#F0F0F0;" width="511.999" height="341.325"/>
 <g>
diff --git a/shared/img/country-flags/greece.svg b/shared/img/country-flags/greece.svg
index 4fc86860..5ebaf72c 100644
--- a/shared/img/country-flags/greece.svg
+++ b/shared/img/country-flags/greece.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 362.023 362.023" style="enable-background:new 0 0 362.023 362.023;" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 362 362" style="enable-background:new 0 0 362.023 362.023;" xml:space="preserve">
 <rect y="60.338" style="fill:#F0F0F0;" width="362.023" height="241.346"/>
 <g>
 	<rect y="60.338" style="fill:#338AF3;" width="362.023" height="30.168"/>

From bd721bf13e9d943c8b805895786d9f2ba985da30 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 15:13:51 +0100
Subject: [PATCH 057/128] Properly using svg icons within the client sprite for
 the client info bar

---
 .svgo.yml                                     |    2 +
 package-lock.json                             | 2197 +++++++++++++++++
 package.json                                  |    1 +
 shared/img/client-icons/avatar_upload.svg     |    5 +
 .../img/client-icons/client_info_country.svg  |    3 +
 .../client_info_forum_account.svg             |   31 +
 .../client-icons/client_info_online_time.svg  |    8 +
 .../img/client-icons/client_info_status.svg   |   25 +
 .../img/client-icons/client_info_version.svg  |    7 +
 .../img/client-icons/client_info_volume.svg   |    7 +
 shared/img/icon_client_country.svg            |    1 -
 shared/img/icon_client_forum_account.svg      |    1 -
 shared/img/icon_client_online_time.svg        |   49 -
 shared/img/icon_client_status.svg             |   70 -
 shared/img/icon_client_version.svg            |   50 -
 shared/img/icon_client_volume.svg             |   59 -
 shared/img/photo-camera.svg                   |   23 -
 shared/js/global.d.ts                         |    6 +
 ...-play-button.svg => YoutubePlayButton.svg} |    0
 shared/js/text/bbcode/YoutubeRenderer.tsx     |    4 +-
 .../js/ui/frames/side/ClientInfoRenderer.scss |   32 +-
 .../js/ui/frames/side/ClientInfoRenderer.tsx  |   14 +-
 .../js/ui/modal/transfer/FileTransferInfo.tsx |   12 +-
 shared/js/ui/modal/video-viewer/Renderer.tsx  |    4 +-
 shared/svg-sprites/client-icons.d.ts          |   11 +-
 shared/svg-sprites/country-flags.d.ts         |    8 +-
 webpack.config.ts                             |   17 +-
 27 files changed, 2354 insertions(+), 293 deletions(-)
 create mode 100644 .svgo.yml
 create mode 100644 shared/img/client-icons/avatar_upload.svg
 create mode 100644 shared/img/client-icons/client_info_country.svg
 create mode 100644 shared/img/client-icons/client_info_forum_account.svg
 create mode 100644 shared/img/client-icons/client_info_online_time.svg
 create mode 100644 shared/img/client-icons/client_info_status.svg
 create mode 100644 shared/img/client-icons/client_info_version.svg
 create mode 100644 shared/img/client-icons/client_info_volume.svg
 delete mode 100644 shared/img/icon_client_country.svg
 delete mode 100644 shared/img/icon_client_forum_account.svg
 delete mode 100644 shared/img/icon_client_online_time.svg
 delete mode 100644 shared/img/icon_client_status.svg
 delete mode 100644 shared/img/icon_client_version.svg
 delete mode 100644 shared/img/icon_client_volume.svg
 delete mode 100644 shared/img/photo-camera.svg
 rename shared/js/text/bbcode/{yt-play-button.svg => YoutubePlayButton.svg} (100%)

diff --git a/.svgo.yml b/.svgo.yml
new file mode 100644
index 00000000..767880db
--- /dev/null
+++ b/.svgo.yml
@@ -0,0 +1,2 @@
+plugins:
+  - removeViewBox: false
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index e701dc44..a1ffeadf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -174,6 +174,255 @@
         "lodash": "^4.17.13"
       }
     },
+    "@babel/helper-define-polyfill-provider": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.1.5.tgz",
+      "integrity": "sha512-nXuzCSwlJ/WKr8qxzW816gwyT6VZgiJG17zR40fou70yfAcqjoNyTLl/DQ+FExw5Hx5KNqshmN8Ldl/r2N7cTg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-compilation-targets": "^7.13.0",
+        "@babel/helper-module-imports": "^7.12.13",
+        "@babel/helper-plugin-utils": "^7.13.0",
+        "@babel/traverse": "^7.13.0",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2",
+        "semver": "^6.1.2"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
+          "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.12.13"
+          }
+        },
+        "@babel/compat-data": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.13.12.tgz",
+          "integrity": "sha512-3eJJ841uKxeV8dcN/2yGEUy+RfgQspPEgQat85umsE1rotuquQ2AbIub4S6j7c50a2d+4myc+zSlnXeIHrOnhQ==",
+          "dev": true
+        },
+        "@babel/generator": {
+          "version": "7.13.9",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.9.tgz",
+          "integrity": "sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.0",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-compilation-targets": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.13.10.tgz",
+          "integrity": "sha512-/Xju7Qg1GQO4mHZ/Kcs6Au7gfafgZnwm+a7sy/ow/tV1sHeraRUHbjdat8/UvDor4Tez+siGKDk6zIKtCPKVJA==",
+          "dev": true,
+          "requires": {
+            "@babel/compat-data": "^7.13.8",
+            "@babel/helper-validator-option": "^7.12.17",
+            "browserslist": "^4.14.5",
+            "semver": "^6.3.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.13.tgz",
+          "integrity": "sha512-TZvmPn0UOqmvi5G4vvw0qZTpVptGkB1GL61R6lKvrSdIxGm5Pky7Q3fpKiIkQCAtRCBUwB0PaThlx9vebCDSwA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.13",
+            "@babel/template": "^7.12.13",
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.13.tgz",
+          "integrity": "sha512-DjEVzQNz5LICkzN0REdpD5prGoidvbdYk1BVgRUOINaWJP2t6avB27X1guXK1kXNrX0WMfsrm1A/ZBthYuIMQg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-module-imports": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.13.12.tgz",
+          "integrity": "sha512-4cVvR2/1B693IuOvSI20xqqa/+bl7lqAMR59R4iu39R9aOX8/JoYY1sFaNvUMyMBGnHdwvJgUrzNLoUZxXypxA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.13.tgz",
+          "integrity": "sha512-tCJDltF83htUtXx5NLcaDqRmknv652ZWCHyoTETf1CXYJdPC7nohZohjUgieXhv0hTJdRf2FjDueFehdNucpzg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-validator-identifier": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
+          "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
+          "dev": true
+        },
+        "@babel/highlight": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.13.10.tgz",
+          "integrity": "sha512-5aPpe5XQPzflQrFwL1/QoeHkP2MsA4JCntcXHRhEsdsfPVkvPi2w7Qix4iV7t5S/oC9OodGrggd8aco1g3SZFg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.12.tgz",
+          "integrity": "sha512-4T7Pb244rxH24yR116LAuJ+adxXXnHhZaLJjegJVKSdoNCe4x1eDBaud5YIcQFcqzsaD5BHvJw5BQ0AZapdCRw==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.13.tgz",
+          "integrity": "sha512-/7xxiGA57xMo/P2GVvdEumr8ONhFOhfgq2ihK3h1e6THqzTAkHbkXgB0xI9yeTfIUoH3+oAeHhqm/I43OTbbjA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/parser": "^7.12.13",
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.13.0.tgz",
+          "integrity": "sha512-xys5xi5JEhzC3RzEmSGrs/b3pJW/o87SypZ+G/PhaE7uqVQNv/jlmVIBXuoh5atqQ434LfXV+sf23Oxj0bchJQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/generator": "^7.13.0",
+            "@babel/helper-function-name": "^7.12.13",
+            "@babel/helper-split-export-declaration": "^7.12.13",
+            "@babel/parser": "^7.13.0",
+            "@babel/types": "^7.13.0",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz",
+          "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "browserslist": {
+          "version": "4.16.3",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+          "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001181",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.649",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.70"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "electron-to-chromium": {
+          "version": "1.3.695",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.695.tgz",
+          "integrity": "sha512-lz66RliUqLHU1Ojxx1A4QUxKydjiQ79Y4dZyPobs2Dmxj5aVL2TM3KoQ2Gs7HS703Bfny+ukI3KOxwAB0xceHQ==",
+          "dev": true
+        },
+        "escalade": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.71",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
     "@babel/helper-explode-assignable-expression": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.10.4.tgz",
@@ -305,6 +554,34 @@
         "@babel/types": "^7.10.4"
       }
     },
+    "@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.12.1.tgz",
+      "integrity": "sha512-Mf5AUuhG1/OCChOJ/HcADmvcHM42WJockombn8ATJG3OnyiSxBK/Mm5x78BQWvmtXZKHgbjdGL2kin/HOLlZGA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.12.1"
+      },
+      "dependencies": {
+        "@babel/helper-validator-identifier": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
+          "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
+          "dev": true
+        },
+        "@babel/types": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz",
+          "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
     "@babel/helper-split-export-declaration": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
@@ -320,6 +597,12 @@
       "integrity": "sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==",
       "dev": true
     },
+    "@babel/helper-validator-option": {
+      "version": "7.12.17",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.12.17.tgz",
+      "integrity": "sha512-TopkMDmLzq8ngChwRlyjR6raKD6gMSae4JdYDB8bByKreQgG0RBTuKe9LRxW3wFtUnjxOPRKBDwEH6Mg5KeDfw==",
+      "dev": true
+    },
     "@babel/helper-wrap-function": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.10.4.tgz",
@@ -391,6 +674,36 @@
       "integrity": "sha512-8jHII4hf+YVDsskTF6WuMB3X4Eh+PsUkC2ljq22so5rHvH+T8BzyL94VOdyFLNR8tBSVXOTbNHOKpR4TfRxVtA==",
       "dev": true
     },
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.13.12",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.13.12.tgz",
+      "integrity": "sha512-d0u3zWKcoZf379fOeJdr1a5WPDny4aOFZ6hlfKivgK0LY7ZxNfoaHL2fWwdGtHyVvra38FC+HVYkO+byfSA8AQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.13.0",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1",
+        "@babel/plugin-proposal-optional-chaining": "^7.13.12"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        },
+        "@babel/plugin-proposal-optional-chaining": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.13.12.tgz",
+          "integrity": "sha512-fcEdKOkIB7Tf4IxrgEVeFC4zeJSTr78no9wTdBuZZbqF64kzllU0ybo2zrzm7gUQfxGhBgq4E39oRs8Zx/RMYQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1",
+            "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+          }
+        }
+      }
+    },
     "@babel/plugin-proposal-async-generator-functions": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.4.tgz",
@@ -422,6 +735,24 @@
         "@babel/plugin-syntax-dynamic-import": "^7.8.0"
       }
     },
+    "@babel/plugin-proposal-export-namespace-from": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.12.13.tgz",
+      "integrity": "sha512-INAgtFo4OnLN3Y/j0VwAgw3HDXcDtX+C/erMvWzuV9v71r7urb6iyMXu7eM9IgLr1ElLlOkaHjJ0SbCmdOQ3Iw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.12.13",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-proposal-json-strings": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.10.4.tgz",
@@ -432,6 +763,24 @@
         "@babel/plugin-syntax-json-strings": "^7.8.0"
       }
     },
+    "@babel/plugin-proposal-logical-assignment-operators": {
+      "version": "7.13.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.13.8.tgz",
+      "integrity": "sha512-aul6znYB4N4HGweImqKn59Su9RS8lbUIqxtXTOcAGtNIDczoEFv+l1EhmX8rUBp3G1jMjKJm8m0jXVp63ZpS4A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.13.0",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-proposal-nullish-coalescing-operator": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.4.tgz",
@@ -530,6 +879,15 @@
         "@babel/helper-plugin-utils": "^7.8.0"
       }
     },
+    "@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
     "@babel/plugin-syntax-json-strings": {
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
@@ -539,6 +897,32 @@
         "@babel/helper-plugin-utils": "^7.8.0"
       }
     },
+    "@babel/plugin-syntax-jsx": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.13.tgz",
+      "integrity": "sha512-d4HM23Q1K7oq/SLNmG6mRt85l2csmQ0cHRaxRXjKW0YFdEXqlZ5kzFQKH5Uc3rDJECgu+yCRgPkG04Mm98R/1g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
     "@babel/plugin-syntax-nullish-coalescing-operator": {
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
@@ -824,6 +1208,115 @@
         "@babel/helper-plugin-utils": "^7.10.4"
       }
     },
+    "@babel/plugin-transform-react-constant-elements": {
+      "version": "7.13.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.13.10.tgz",
+      "integrity": "sha512-E+aCW9j7mLq01tOuGV08YzLBt+vSyr4bOPT75B6WrAlrUfmOYOZ/yWk847EH0dv0xXiCihWLEmlX//O30YhpIw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.13.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-transform-react-display-name": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.12.13.tgz",
+      "integrity": "sha512-MprESJzI9O5VnJZrL7gg1MpdqmiFcUv41Jc7SahxYsNP2kDkFqClxxTZq+1Qv4AFCamm+GXMRDQINNn+qrxmiA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-transform-react-jsx": {
+      "version": "7.13.12",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.13.12.tgz",
+      "integrity": "sha512-jcEI2UqIcpCqB5U5DRxIl0tQEProI2gcu+g8VTIqxLO5Iidojb4d77q+fwGseCvd8af/lJ9masp4QWzBXFE2xA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.12.13",
+        "@babel/helper-module-imports": "^7.13.12",
+        "@babel/helper-plugin-utils": "^7.13.0",
+        "@babel/plugin-syntax-jsx": "^7.12.13",
+        "@babel/types": "^7.13.12"
+      },
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.13.tgz",
+          "integrity": "sha512-7YXfX5wQ5aYM/BOlbSccHDbuXXFPxeoUmfWtz8le2yTkTZc+BxsiEnENFoi2SlmA8ewDkG2LgIMIVzzn2h8kfw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-module-imports": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.13.12.tgz",
+          "integrity": "sha512-4cVvR2/1B693IuOvSI20xqqa/+bl7lqAMR59R4iu39R9aOX8/JoYY1sFaNvUMyMBGnHdwvJgUrzNLoUZxXypxA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        },
+        "@babel/helper-validator-identifier": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
+          "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
+          "dev": true
+        },
+        "@babel/types": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz",
+          "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@babel/plugin-transform-react-jsx-development": {
+      "version": "7.12.17",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.12.17.tgz",
+      "integrity": "sha512-BPjYV86SVuOaudFhsJR1zjgxxOhJDt6JHNoD48DxWEIxUCAMjV1ys6DYw4SDYZh0b1QsS2vfIA9t/ZsQGsDOUQ==",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-transform-react-jsx": "^7.12.17"
+      }
+    },
+    "@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.12.1.tgz",
+      "integrity": "sha512-RqeaHiwZtphSIUZ5I85PEH19LOSzxfuEazoY7/pWASCAIBuATQzpSVD+eT6MebeeZT2F4eSL0u4vw6n4Nm0Mjg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.10.4",
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
     "@babel/plugin-transform-regenerator": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.10.4.tgz",
@@ -1005,6 +1498,27 @@
         "esutils": "^2.0.2"
       }
     },
+    "@babel/preset-react": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.12.13.tgz",
+      "integrity": "sha512-TYM0V9z6Abb6dj1K7i5NrEhA13oS5ujUYQYDfqIBXYHOc2c2VkFgc+q9kyssIyUfy4/hEwqrgSlJ/Qgv8zJLsA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.12.13",
+        "@babel/plugin-transform-react-display-name": "^7.12.13",
+        "@babel/plugin-transform-react-jsx": "^7.12.13",
+        "@babel/plugin-transform-react-jsx-development": "^7.12.12",
+        "@babel/plugin-transform-react-pure-annotations": "^7.12.1"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        }
+      }
+    },
     "@babel/runtime": {
       "version": "7.10.3",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.3.tgz",
@@ -1293,6 +1807,1584 @@
       "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
       "dev": true
     },
+    "@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz",
+      "integrity": "sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==",
+      "dev": true
+    },
+    "@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz",
+      "integrity": "sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==",
+      "dev": true
+    },
+    "@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz",
+      "integrity": "sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==",
+      "dev": true
+    },
+    "@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz",
+      "integrity": "sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==",
+      "dev": true
+    },
+    "@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz",
+      "integrity": "sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==",
+      "dev": true
+    },
+    "@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz",
+      "integrity": "sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==",
+      "dev": true
+    },
+    "@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz",
+      "integrity": "sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==",
+      "dev": true
+    },
+    "@svgr/babel-plugin-transform-svg-component": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz",
+      "integrity": "sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==",
+      "dev": true
+    },
+    "@svgr/babel-preset": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-5.5.0.tgz",
+      "integrity": "sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==",
+      "dev": true,
+      "requires": {
+        "@svgr/babel-plugin-add-jsx-attribute": "^5.4.0",
+        "@svgr/babel-plugin-remove-jsx-attribute": "^5.4.0",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "^5.0.1",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "^5.0.1",
+        "@svgr/babel-plugin-svg-dynamic-title": "^5.4.0",
+        "@svgr/babel-plugin-svg-em-dimensions": "^5.4.0",
+        "@svgr/babel-plugin-transform-react-native-svg": "^5.4.0",
+        "@svgr/babel-plugin-transform-svg-component": "^5.5.0"
+      }
+    },
+    "@svgr/core": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-5.5.0.tgz",
+      "integrity": "sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==",
+      "dev": true,
+      "requires": {
+        "@svgr/plugin-jsx": "^5.5.0",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^7.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "6.2.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.0.tgz",
+          "integrity": "sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==",
+          "dev": true
+        },
+        "cosmiconfig": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+          "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
+          "dev": true,
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.2.1",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.10.0"
+          }
+        },
+        "import-fresh": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+          "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+          "dev": true,
+          "requires": {
+            "parent-module": "^1.0.0",
+            "resolve-from": "^4.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+          "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "error-ex": "^1.3.1",
+            "json-parse-even-better-errors": "^2.3.0",
+            "lines-and-columns": "^1.1.6"
+          }
+        },
+        "path-type": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+          "dev": true
+        },
+        "resolve-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+          "dev": true
+        }
+      }
+    },
+    "@svgr/hast-util-to-babel-ast": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz",
+      "integrity": "sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.12.6"
+      },
+      "dependencies": {
+        "@babel/helper-validator-identifier": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
+          "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
+          "dev": true
+        },
+        "@babel/types": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz",
+          "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@svgr/plugin-jsx": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz",
+      "integrity": "sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.12.3",
+        "@svgr/babel-preset": "^5.5.0",
+        "@svgr/hast-util-to-babel-ast": "^5.5.0",
+        "svg-parser": "^2.0.2"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
+          "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.12.13"
+          }
+        },
+        "@babel/compat-data": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.13.12.tgz",
+          "integrity": "sha512-3eJJ841uKxeV8dcN/2yGEUy+RfgQspPEgQat85umsE1rotuquQ2AbIub4S6j7c50a2d+4myc+zSlnXeIHrOnhQ==",
+          "dev": true
+        },
+        "@babel/core": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.13.10.tgz",
+          "integrity": "sha512-bfIYcT0BdKeAZrovpMqX2Mx5NrgAckGbwT982AkdS5GNfn3KMGiprlBAtmBcFZRUmpaufS6WZFP8trvx8ptFDw==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/generator": "^7.13.9",
+            "@babel/helper-compilation-targets": "^7.13.10",
+            "@babel/helper-module-transforms": "^7.13.0",
+            "@babel/helpers": "^7.13.10",
+            "@babel/parser": "^7.13.10",
+            "@babel/template": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.0",
+            "convert-source-map": "^1.7.0",
+            "debug": "^4.1.0",
+            "gensync": "^1.0.0-beta.2",
+            "json5": "^2.1.2",
+            "lodash": "^4.17.19",
+            "semver": "^6.3.0",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.13.9",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.9.tgz",
+          "integrity": "sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.0",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-compilation-targets": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.13.10.tgz",
+          "integrity": "sha512-/Xju7Qg1GQO4mHZ/Kcs6Au7gfafgZnwm+a7sy/ow/tV1sHeraRUHbjdat8/UvDor4Tez+siGKDk6zIKtCPKVJA==",
+          "dev": true,
+          "requires": {
+            "@babel/compat-data": "^7.13.8",
+            "@babel/helper-validator-option": "^7.12.17",
+            "browserslist": "^4.14.5",
+            "semver": "^6.3.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.13.tgz",
+          "integrity": "sha512-TZvmPn0UOqmvi5G4vvw0qZTpVptGkB1GL61R6lKvrSdIxGm5Pky7Q3fpKiIkQCAtRCBUwB0PaThlx9vebCDSwA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.13",
+            "@babel/template": "^7.12.13",
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.13.tgz",
+          "integrity": "sha512-DjEVzQNz5LICkzN0REdpD5prGoidvbdYk1BVgRUOINaWJP2t6avB27X1guXK1kXNrX0WMfsrm1A/ZBthYuIMQg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.13.12.tgz",
+          "integrity": "sha512-48ql1CLL59aKbU94Y88Xgb2VFy7a95ykGRbJJaaVv+LX5U8wFpLfiGXJJGUozsmA1oEh/o5Bp60Voq7ACyA/Sw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-module-imports": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.13.12.tgz",
+          "integrity": "sha512-4cVvR2/1B693IuOvSI20xqqa/+bl7lqAMR59R4iu39R9aOX8/JoYY1sFaNvUMyMBGnHdwvJgUrzNLoUZxXypxA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-module-transforms": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.13.12.tgz",
+          "integrity": "sha512-7zVQqMO3V+K4JOOj40kxiCrMf6xlQAkewBB0eu2b03OO/Q21ZutOzjpfD79A5gtE/2OWi1nv625MrDlGlkbknQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.13.12",
+            "@babel/helper-replace-supers": "^7.13.12",
+            "@babel/helper-simple-access": "^7.13.12",
+            "@babel/helper-split-export-declaration": "^7.12.13",
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "@babel/template": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.13.tgz",
+          "integrity": "sha512-BdWQhoVJkp6nVjB7nkFWcn43dkprYauqtk++Py2eaf/GRDFm5BxRqEIZCiHlZUGAVmtwKcsVL1dC68WmzeFmiA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.13.12.tgz",
+          "integrity": "sha512-Gz1eiX+4yDO8mT+heB94aLVNCL+rbuT2xy4YfyNqu8F+OI6vMvJK891qGBTqL9Uc8wxEvRW92Id6G7sDen3fFw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.13.12",
+            "@babel/helper-optimise-call-expression": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-simple-access": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.13.12.tgz",
+          "integrity": "sha512-7FEjbrx5SL9cWvXioDbnlYTppcZGuCY6ow3/D5vMggb2Ywgu4dMrpTJX0JdQAIcRRUElOIxF3yEooa9gUb9ZbA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.13.tgz",
+          "integrity": "sha512-tCJDltF83htUtXx5NLcaDqRmknv652ZWCHyoTETf1CXYJdPC7nohZohjUgieXhv0hTJdRf2FjDueFehdNucpzg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-validator-identifier": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
+          "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
+          "dev": true
+        },
+        "@babel/helpers": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.13.10.tgz",
+          "integrity": "sha512-4VO883+MWPDUVRF3PhiLBUFHoX/bsLTGFpFK/HqvvfBZz2D57u9XzPVNFVBTc0PW/CWR9BXTOKt8NF4DInUHcQ==",
+          "dev": true,
+          "requires": {
+            "@babel/template": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.0"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.13.10.tgz",
+          "integrity": "sha512-5aPpe5XQPzflQrFwL1/QoeHkP2MsA4JCntcXHRhEsdsfPVkvPi2w7Qix4iV7t5S/oC9OodGrggd8aco1g3SZFg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.12.tgz",
+          "integrity": "sha512-4T7Pb244rxH24yR116LAuJ+adxXXnHhZaLJjegJVKSdoNCe4x1eDBaud5YIcQFcqzsaD5BHvJw5BQ0AZapdCRw==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.13.tgz",
+          "integrity": "sha512-/7xxiGA57xMo/P2GVvdEumr8ONhFOhfgq2ihK3h1e6THqzTAkHbkXgB0xI9yeTfIUoH3+oAeHhqm/I43OTbbjA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/parser": "^7.12.13",
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.13.0.tgz",
+          "integrity": "sha512-xys5xi5JEhzC3RzEmSGrs/b3pJW/o87SypZ+G/PhaE7uqVQNv/jlmVIBXuoh5atqQ434LfXV+sf23Oxj0bchJQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/generator": "^7.13.0",
+            "@babel/helper-function-name": "^7.12.13",
+            "@babel/helper-split-export-declaration": "^7.12.13",
+            "@babel/parser": "^7.13.0",
+            "@babel/types": "^7.13.0",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz",
+          "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "browserslist": {
+          "version": "4.16.3",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+          "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001181",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.649",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.70"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "electron-to-chromium": {
+          "version": "1.3.695",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.695.tgz",
+          "integrity": "sha512-lz66RliUqLHU1Ojxx1A4QUxKydjiQ79Y4dZyPobs2Dmxj5aVL2TM3KoQ2Gs7HS703Bfny+ukI3KOxwAB0xceHQ==",
+          "dev": true
+        },
+        "escalade": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+          "dev": true
+        },
+        "gensync": {
+          "version": "1.0.0-beta.2",
+          "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+          "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+          "dev": true
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
+          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.71",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "@svgr/plugin-svgo": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz",
+      "integrity": "sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^7.0.0",
+        "deepmerge": "^4.2.2",
+        "svgo": "^1.2.2"
+      },
+      "dependencies": {
+        "cosmiconfig": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+          "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
+          "dev": true,
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.2.1",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.10.0"
+          }
+        },
+        "import-fresh": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+          "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+          "dev": true,
+          "requires": {
+            "parent-module": "^1.0.0",
+            "resolve-from": "^4.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+          "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "error-ex": "^1.3.1",
+            "json-parse-even-better-errors": "^2.3.0",
+            "lines-and-columns": "^1.1.6"
+          }
+        },
+        "path-type": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+          "dev": true
+        },
+        "resolve-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+          "dev": true
+        }
+      }
+    },
+    "@svgr/webpack": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-5.5.0.tgz",
+      "integrity": "sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.12.3",
+        "@babel/plugin-transform-react-constant-elements": "^7.12.1",
+        "@babel/preset-env": "^7.12.1",
+        "@babel/preset-react": "^7.12.5",
+        "@svgr/core": "^5.5.0",
+        "@svgr/plugin-jsx": "^5.5.0",
+        "@svgr/plugin-svgo": "^5.5.0",
+        "loader-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
+          "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.12.13"
+          }
+        },
+        "@babel/compat-data": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.13.12.tgz",
+          "integrity": "sha512-3eJJ841uKxeV8dcN/2yGEUy+RfgQspPEgQat85umsE1rotuquQ2AbIub4S6j7c50a2d+4myc+zSlnXeIHrOnhQ==",
+          "dev": true
+        },
+        "@babel/core": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.13.10.tgz",
+          "integrity": "sha512-bfIYcT0BdKeAZrovpMqX2Mx5NrgAckGbwT982AkdS5GNfn3KMGiprlBAtmBcFZRUmpaufS6WZFP8trvx8ptFDw==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/generator": "^7.13.9",
+            "@babel/helper-compilation-targets": "^7.13.10",
+            "@babel/helper-module-transforms": "^7.13.0",
+            "@babel/helpers": "^7.13.10",
+            "@babel/parser": "^7.13.10",
+            "@babel/template": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.0",
+            "convert-source-map": "^1.7.0",
+            "debug": "^4.1.0",
+            "gensync": "^1.0.0-beta.2",
+            "json5": "^2.1.2",
+            "lodash": "^4.17.19",
+            "semver": "^6.3.0",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.13.9",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.9.tgz",
+          "integrity": "sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.0",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-annotate-as-pure": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.13.tgz",
+          "integrity": "sha512-7YXfX5wQ5aYM/BOlbSccHDbuXXFPxeoUmfWtz8le2yTkTZc+BxsiEnENFoi2SlmA8ewDkG2LgIMIVzzn2h8kfw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-builder-binary-assignment-operator-visitor": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.12.13.tgz",
+          "integrity": "sha512-CZOv9tGphhDRlVjVkAgm8Nhklm9RzSmWpX2my+t7Ua/KT616pEzXsQCjinzvkRvHWJ9itO4f296efroX23XCMA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-explode-assignable-expression": "^7.12.13",
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-compilation-targets": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.13.10.tgz",
+          "integrity": "sha512-/Xju7Qg1GQO4mHZ/Kcs6Au7gfafgZnwm+a7sy/ow/tV1sHeraRUHbjdat8/UvDor4Tez+siGKDk6zIKtCPKVJA==",
+          "dev": true,
+          "requires": {
+            "@babel/compat-data": "^7.13.8",
+            "@babel/helper-validator-option": "^7.12.17",
+            "browserslist": "^4.14.5",
+            "semver": "^6.3.0"
+          }
+        },
+        "@babel/helper-create-class-features-plugin": {
+          "version": "7.13.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.13.11.tgz",
+          "integrity": "sha512-ays0I7XYq9xbjCSvT+EvysLgfc3tOkwCULHjrnscGT3A9qD4sk3wXnJ3of0MAWsWGjdinFvajHU2smYuqXKMrw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.12.13",
+            "@babel/helper-member-expression-to-functions": "^7.13.0",
+            "@babel/helper-optimise-call-expression": "^7.12.13",
+            "@babel/helper-replace-supers": "^7.13.0",
+            "@babel/helper-split-export-declaration": "^7.12.13"
+          }
+        },
+        "@babel/helper-create-regexp-features-plugin": {
+          "version": "7.12.17",
+          "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.17.tgz",
+          "integrity": "sha512-p2VGmBu9oefLZ2nQpgnEnG0ZlRPvL8gAGvPUMQwUdaE8k49rOMuZpOwdQoy5qJf6K8jL3bcAMhVUlHAjIgJHUg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-annotate-as-pure": "^7.12.13",
+            "regexpu-core": "^4.7.1"
+          }
+        },
+        "@babel/helper-explode-assignable-expression": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.13.0.tgz",
+          "integrity": "sha512-qS0peLTDP8kOisG1blKbaoBg/o9OSa1qoumMjTK5pM+KDTtpxpsiubnCGP34vK8BXGcb2M9eigwgvoJryrzwWA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.13.tgz",
+          "integrity": "sha512-TZvmPn0UOqmvi5G4vvw0qZTpVptGkB1GL61R6lKvrSdIxGm5Pky7Q3fpKiIkQCAtRCBUwB0PaThlx9vebCDSwA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.13",
+            "@babel/template": "^7.12.13",
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.13.tgz",
+          "integrity": "sha512-DjEVzQNz5LICkzN0REdpD5prGoidvbdYk1BVgRUOINaWJP2t6avB27X1guXK1kXNrX0WMfsrm1A/ZBthYuIMQg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-hoist-variables": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.13.0.tgz",
+          "integrity": "sha512-0kBzvXiIKfsCA0y6cFEIJf4OdzfpRuNk4+YTeHZpGGc666SATFKTz6sRncwFnQk7/ugJ4dSrCj6iJuvW4Qwr2g==",
+          "dev": true,
+          "requires": {
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.0"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.13.12.tgz",
+          "integrity": "sha512-48ql1CLL59aKbU94Y88Xgb2VFy7a95ykGRbJJaaVv+LX5U8wFpLfiGXJJGUozsmA1oEh/o5Bp60Voq7ACyA/Sw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-module-imports": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.13.12.tgz",
+          "integrity": "sha512-4cVvR2/1B693IuOvSI20xqqa/+bl7lqAMR59R4iu39R9aOX8/JoYY1sFaNvUMyMBGnHdwvJgUrzNLoUZxXypxA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-module-transforms": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.13.12.tgz",
+          "integrity": "sha512-7zVQqMO3V+K4JOOj40kxiCrMf6xlQAkewBB0eu2b03OO/Q21ZutOzjpfD79A5gtE/2OWi1nv625MrDlGlkbknQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.13.12",
+            "@babel/helper-replace-supers": "^7.13.12",
+            "@babel/helper-simple-access": "^7.13.12",
+            "@babel/helper-split-export-declaration": "^7.12.13",
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "@babel/template": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.13.tgz",
+          "integrity": "sha512-BdWQhoVJkp6nVjB7nkFWcn43dkprYauqtk++Py2eaf/GRDFm5BxRqEIZCiHlZUGAVmtwKcsVL1dC68WmzeFmiA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
+          "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
+          "dev": true
+        },
+        "@babel/helper-remap-async-to-generator": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.13.0.tgz",
+          "integrity": "sha512-pUQpFBE9JvC9lrQbpX0TmeNIy5s7GnZjna2lhhcHC7DzgBs6fWn722Y5cfwgrtrqc7NAJwMvOa0mKhq6XaE4jg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-annotate-as-pure": "^7.12.13",
+            "@babel/helper-wrap-function": "^7.13.0",
+            "@babel/types": "^7.13.0"
+          }
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.13.12.tgz",
+          "integrity": "sha512-Gz1eiX+4yDO8mT+heB94aLVNCL+rbuT2xy4YfyNqu8F+OI6vMvJK891qGBTqL9Uc8wxEvRW92Id6G7sDen3fFw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.13.12",
+            "@babel/helper-optimise-call-expression": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-simple-access": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.13.12.tgz",
+          "integrity": "sha512-7FEjbrx5SL9cWvXioDbnlYTppcZGuCY6ow3/D5vMggb2Ywgu4dMrpTJX0JdQAIcRRUElOIxF3yEooa9gUb9ZbA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.13.12"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.13.tgz",
+          "integrity": "sha512-tCJDltF83htUtXx5NLcaDqRmknv652ZWCHyoTETf1CXYJdPC7nohZohjUgieXhv0hTJdRf2FjDueFehdNucpzg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/helper-validator-identifier": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
+          "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
+          "dev": true
+        },
+        "@babel/helper-wrap-function": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.13.0.tgz",
+          "integrity": "sha512-1UX9F7K3BS42fI6qd2A4BjKzgGjToscyZTdp1DjknHLCIvpgne6918io+aL5LXFcER/8QWiwpoY902pVEqgTXA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.12.13",
+            "@babel/template": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.0"
+          }
+        },
+        "@babel/helpers": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.13.10.tgz",
+          "integrity": "sha512-4VO883+MWPDUVRF3PhiLBUFHoX/bsLTGFpFK/HqvvfBZz2D57u9XzPVNFVBTc0PW/CWR9BXTOKt8NF4DInUHcQ==",
+          "dev": true,
+          "requires": {
+            "@babel/template": "^7.12.13",
+            "@babel/traverse": "^7.13.0",
+            "@babel/types": "^7.13.0"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.13.10",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.13.10.tgz",
+          "integrity": "sha512-5aPpe5XQPzflQrFwL1/QoeHkP2MsA4JCntcXHRhEsdsfPVkvPi2w7Qix4iV7t5S/oC9OodGrggd8aco1g3SZFg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.12.tgz",
+          "integrity": "sha512-4T7Pb244rxH24yR116LAuJ+adxXXnHhZaLJjegJVKSdoNCe4x1eDBaud5YIcQFcqzsaD5BHvJw5BQ0AZapdCRw==",
+          "dev": true
+        },
+        "@babel/plugin-proposal-async-generator-functions": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.13.8.tgz",
+          "integrity": "sha512-rPBnhj+WgoSmgq+4gQUtXx/vOcU+UYtjy1AA/aeD61Hwj410fwYyqfUcRP3lR8ucgliVJL/G7sXcNUecC75IXA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-remap-async-to-generator": "^7.13.0",
+            "@babel/plugin-syntax-async-generators": "^7.8.4"
+          }
+        },
+        "@babel/plugin-proposal-class-properties": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.13.0.tgz",
+          "integrity": "sha512-KnTDjFNC1g+45ka0myZNvSBFLhNCLN+GeGYLDEA8Oq7MZ6yMgfLoIRh86GRT0FjtJhZw8JyUskP9uvj5pHM9Zg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-class-features-plugin": "^7.13.0",
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-proposal-dynamic-import": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.13.8.tgz",
+          "integrity": "sha512-ONWKj0H6+wIRCkZi9zSbZtE/r73uOhMVHh256ys0UzfM7I3d4n+spZNWjOnJv2gzopumP2Wxi186vI8N0Y2JyQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+          }
+        },
+        "@babel/plugin-proposal-json-strings": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.13.8.tgz",
+          "integrity": "sha512-w4zOPKUFPX1mgvTmL/fcEqy34hrQ1CRcGxdphBc6snDnnqJ47EZDIyop6IwXzAC8G916hsIuXB2ZMBCExC5k7Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/plugin-syntax-json-strings": "^7.8.3"
+          }
+        },
+        "@babel/plugin-proposal-nullish-coalescing-operator": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.13.8.tgz",
+          "integrity": "sha512-iePlDPBn//UhxExyS9KyeYU7RM9WScAG+D3Hhno0PLJebAEpDZMocbDe64eqynhNAnwz/vZoL/q/QB2T1OH39A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+          }
+        },
+        "@babel/plugin-proposal-numeric-separator": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.13.tgz",
+          "integrity": "sha512-O1jFia9R8BUCl3ZGB7eitaAPu62TXJRHn7rh+ojNERCFyqRwJMTmhz+tJ+k0CwI6CLjX/ee4qW74FSqlq9I35w==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13",
+            "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+          }
+        },
+        "@babel/plugin-proposal-object-rest-spread": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.13.8.tgz",
+          "integrity": "sha512-DhB2EuB1Ih7S3/IRX5AFVgZ16k3EzfRbq97CxAVI1KSYcW+lexV8VZb7G7L8zuPVSdQMRn0kiBpf/Yzu9ZKH0g==",
+          "dev": true,
+          "requires": {
+            "@babel/compat-data": "^7.13.8",
+            "@babel/helper-compilation-targets": "^7.13.8",
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+            "@babel/plugin-transform-parameters": "^7.13.0"
+          }
+        },
+        "@babel/plugin-proposal-optional-catch-binding": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.13.8.tgz",
+          "integrity": "sha512-0wS/4DUF1CuTmGo+NiaHfHcVSeSLj5S3e6RivPTg/2k3wOv3jO35tZ6/ZWsQhQMvdgI7CwphjQa/ccarLymHVA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+          }
+        },
+        "@babel/plugin-proposal-optional-chaining": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.13.12.tgz",
+          "integrity": "sha512-fcEdKOkIB7Tf4IxrgEVeFC4zeJSTr78no9wTdBuZZbqF64kzllU0ybo2zrzm7gUQfxGhBgq4E39oRs8Zx/RMYQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1",
+            "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+          }
+        },
+        "@babel/plugin-proposal-private-methods": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.13.0.tgz",
+          "integrity": "sha512-MXyyKQd9inhx1kDYPkFRVOBXQ20ES8Pto3T7UZ92xj2mY0EVD8oAVzeyYuVfy/mxAdTSIayOvg+aVzcHV2bn6Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-class-features-plugin": "^7.13.0",
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-proposal-unicode-property-regex": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.12.13.tgz",
+          "integrity": "sha512-XyJmZidNfofEkqFV5VC/bLabGmO5QzenPO/YOfGuEbgU+2sSwMmio3YLb4WtBgcmmdwZHyVyv8on77IUjQ5Gvg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.13",
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-syntax-class-properties": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+          "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-syntax-top-level-await": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.12.13.tgz",
+          "integrity": "sha512-A81F9pDwyS7yM//KwbCSDqy3Uj4NMIurtplxphWxoYtNPov7cJsDkAFNNyVlIZ3jwGycVsurZ+LtOA8gZ376iQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-arrow-functions": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.13.0.tgz",
+          "integrity": "sha512-96lgJagobeVmazXFaDrbmCLQxBysKu7U6Do3mLsx27gf5Dk85ezysrs2BZUpXD703U/Su1xTBDxxar2oa4jAGg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-async-to-generator": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.13.0.tgz",
+          "integrity": "sha512-3j6E004Dx0K3eGmhxVJxwwI89CTJrce7lg3UrtFuDAVQ/2+SJ/h/aSFOeE6/n0WB1GsOffsJp6MnPQNQ8nmwhg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.12.13",
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-remap-async-to-generator": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-block-scoped-functions": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.12.13.tgz",
+          "integrity": "sha512-zNyFqbc3kI/fVpqwfqkg6RvBgFpC4J18aKKMmv7KdQ/1GgREapSJAykLMVNwfRGO3BtHj3YQZl8kxCXPcVMVeg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-block-scoping": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.12.13.tgz",
+          "integrity": "sha512-Pxwe0iqWJX4fOOM2kEZeUuAxHMWb9nK+9oh5d11bsLoB0xMg+mkDpt0eYuDZB7ETrY9bbcVlKUGTOGWy7BHsMQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-classes": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.13.0.tgz",
+          "integrity": "sha512-9BtHCPUARyVH1oXGcSJD3YpsqRLROJx5ZNP6tN5vnk17N0SVf9WCtf8Nuh1CFmgByKKAIMstitKduoCmsaDK5g==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-annotate-as-pure": "^7.12.13",
+            "@babel/helper-function-name": "^7.12.13",
+            "@babel/helper-optimise-call-expression": "^7.12.13",
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-replace-supers": "^7.13.0",
+            "@babel/helper-split-export-declaration": "^7.12.13",
+            "globals": "^11.1.0"
+          }
+        },
+        "@babel/plugin-transform-computed-properties": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.13.0.tgz",
+          "integrity": "sha512-RRqTYTeZkZAz8WbieLTvKUEUxZlUTdmL5KGMyZj7FnMfLNKV4+r5549aORG/mgojRmFlQMJDUupwAMiF2Q7OUg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-destructuring": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.13.0.tgz",
+          "integrity": "sha512-zym5em7tePoNT9s964c0/KU3JPPnuq7VhIxPRefJ4/s82cD+q1mgKfuGRDMCPL0HTyKz4dISuQlCusfgCJ86HA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-dotall-regex": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.12.13.tgz",
+          "integrity": "sha512-foDrozE65ZFdUC2OfgeOCrEPTxdB3yjqxpXh8CH+ipd9CHd4s/iq81kcUpyH8ACGNEPdFqbtzfgzbT/ZGlbDeQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.13",
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-duplicate-keys": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.12.13.tgz",
+          "integrity": "sha512-NfADJiiHdhLBW3pulJlJI2NB0t4cci4WTZ8FtdIuNc2+8pslXdPtRRAEWqUY+m9kNOk2eRYbTAOipAxlrOcwwQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-exponentiation-operator": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.12.13.tgz",
+          "integrity": "sha512-fbUelkM1apvqez/yYx1/oICVnGo2KM5s63mhGylrmXUxK/IAXSIf87QIxVfZldWf4QsOafY6vV3bX8aMHSvNrA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-builder-binary-assignment-operator-visitor": "^7.12.13",
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-for-of": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.13.0.tgz",
+          "integrity": "sha512-IHKT00mwUVYE0zzbkDgNRP6SRzvfGCYsOxIRz8KsiaaHCcT9BWIkO+H9QRJseHBLOGBZkHUdHiqj6r0POsdytg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-function-name": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.12.13.tgz",
+          "integrity": "sha512-6K7gZycG0cmIwwF7uMK/ZqeCikCGVBdyP2J5SKNCXO5EOHcqi+z7Jwf8AmyDNcBgxET8DrEtCt/mPKPyAzXyqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.12.13",
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-literals": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.12.13.tgz",
+          "integrity": "sha512-FW+WPjSR7hiUxMcKqyNjP05tQ2kmBCdpEpZHY1ARm96tGQCCBvXKnpjILtDplUnJ/eHZ0lALLM+d2lMFSpYJrQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-member-expression-literals": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.12.13.tgz",
+          "integrity": "sha512-kxLkOsg8yir4YeEPHLuO2tXP9R/gTjpuTOjshqSpELUN3ZAg2jfDnKUvzzJxObun38sw3wm4Uu69sX/zA7iRvg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-modules-amd": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.13.0.tgz",
+          "integrity": "sha512-EKy/E2NHhY/6Vw5d1k3rgoobftcNUmp9fGjb9XZwQLtTctsRBOTRO7RHHxfIky1ogMN5BxN7p9uMA3SzPfotMQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-transforms": "^7.13.0",
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "babel-plugin-dynamic-import-node": "^2.3.3"
+          }
+        },
+        "@babel/plugin-transform-modules-commonjs": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.13.8.tgz",
+          "integrity": "sha512-9QiOx4MEGglfYZ4XOnU79OHr6vIWUakIj9b4mioN8eQIoEh+pf5p/zEB36JpDFWA12nNMiRf7bfoRvl9Rn79Bw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-transforms": "^7.13.0",
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-simple-access": "^7.12.13",
+            "babel-plugin-dynamic-import-node": "^2.3.3"
+          }
+        },
+        "@babel/plugin-transform-modules-systemjs": {
+          "version": "7.13.8",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.13.8.tgz",
+          "integrity": "sha512-hwqctPYjhM6cWvVIlOIe27jCIBgHCsdH2xCJVAYQm7V5yTMoilbVMi9f6wKg0rpQAOn6ZG4AOyvCqFF/hUh6+A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-hoist-variables": "^7.13.0",
+            "@babel/helper-module-transforms": "^7.13.0",
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "babel-plugin-dynamic-import-node": "^2.3.3"
+          }
+        },
+        "@babel/plugin-transform-modules-umd": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.13.0.tgz",
+          "integrity": "sha512-D/ILzAh6uyvkWjKKyFE/W0FzWwasv6vPTSqPcjxFqn6QpX3u8DjRVliq4F2BamO2Wee/om06Vyy+vPkNrd4wxw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-transforms": "^7.13.0",
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-named-capturing-groups-regex": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.12.13.tgz",
+          "integrity": "sha512-Xsm8P2hr5hAxyYblrfACXpQKdQbx4m2df9/ZZSQ8MAhsadw06+jW7s9zsSw6he+mJZXRlVMyEnVktJo4zjk1WA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-new-target": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.12.13.tgz",
+          "integrity": "sha512-/KY2hbLxrG5GTQ9zzZSc3xWiOy379pIETEhbtzwZcw9rvuaVV4Fqy7BYGYOWZnaoXIQYbbJ0ziXLa/sKcGCYEQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-object-super": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.12.13.tgz",
+          "integrity": "sha512-JzYIcj3XtYspZDV8j9ulnoMPZZnF/Cj0LUxPOjR89BdBVx+zYJI9MdMIlUZjbXDX+6YVeS6I3e8op+qQ3BYBoQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13",
+            "@babel/helper-replace-supers": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-parameters": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.13.0.tgz",
+          "integrity": "sha512-Jt8k/h/mIwE2JFEOb3lURoY5C85ETcYPnbuAJ96zRBzh1XHtQZfs62ChZ6EP22QlC8c7Xqr9q+e1SU5qttwwjw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-property-literals": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.12.13.tgz",
+          "integrity": "sha512-nqVigwVan+lR+g8Fj8Exl0UQX2kymtjcWfMOYM1vTYEKujeyv2SkMgazf2qNcK7l4SDiKyTA/nHCPqL4e2zo1A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-regenerator": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.12.13.tgz",
+          "integrity": "sha512-lxb2ZAvSLyJ2PEe47hoGWPmW22v7CtSl9jW8mingV4H2sEX/JOcrAj2nPuGWi56ERUm2bUpjKzONAuT6HCn2EA==",
+          "dev": true,
+          "requires": {
+            "regenerator-transform": "^0.14.2"
+          }
+        },
+        "@babel/plugin-transform-reserved-words": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.12.13.tgz",
+          "integrity": "sha512-xhUPzDXxZN1QfiOy/I5tyye+TRz6lA7z6xaT4CLOjPRMVg1ldRf0LHw0TDBpYL4vG78556WuHdyO9oi5UmzZBg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-shorthand-properties": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.12.13.tgz",
+          "integrity": "sha512-xpL49pqPnLtf0tVluuqvzWIgLEhuPpZzvs2yabUHSKRNlN7ScYU7aMlmavOeyXJZKgZKQRBlh8rHbKiJDraTSw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-spread": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.13.0.tgz",
+          "integrity": "sha512-V6vkiXijjzYeFmQTr3dBxPtZYLPcUfY34DebOU27jIl2M/Y8Egm52Hw82CSjjPqd54GTlJs5x+CR7HeNr24ckg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1"
+          }
+        },
+        "@babel/plugin-transform-sticky-regex": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.12.13.tgz",
+          "integrity": "sha512-Jc3JSaaWT8+fr7GRvQP02fKDsYk4K/lYwWq38r/UGfaxo89ajud321NH28KRQ7xy1Ybc0VUE5Pz8psjNNDUglg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-template-literals": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.13.0.tgz",
+          "integrity": "sha512-d67umW6nlfmr1iehCcBv69eSUSySk1EsIS8aTDX4Xo9qajAh6mYtcl4kJrBkGXuxZPEgVr7RVfAvNW6YQkd4Mw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.13.0"
+          }
+        },
+        "@babel/plugin-transform-typeof-symbol": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.12.13.tgz",
+          "integrity": "sha512-eKv/LmUJpMnu4npgfvs3LiHhJua5fo/CysENxa45YCQXZwKnGCQKAg87bvoqSW1fFT+HA32l03Qxsm8ouTY3ZQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-unicode-escapes": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.12.13.tgz",
+          "integrity": "sha512-0bHEkdwJ/sN/ikBHfSmOXPypN/beiGqjo+o4/5K+vxEFNPRPdImhviPakMKG4x96l85emoa0Z6cDflsdBusZbw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/plugin-transform-unicode-regex": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.12.13.tgz",
+          "integrity": "sha512-mDRzSNY7/zopwisPZ5kM9XKCfhchqIYwAKRERtEnhYscZB79VRekuRSoYbN0+KVe3y8+q1h6A4svXtP7N+UoCA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.13",
+            "@babel/helper-plugin-utils": "^7.12.13"
+          }
+        },
+        "@babel/preset-env": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.13.12.tgz",
+          "integrity": "sha512-JzElc6jk3Ko6zuZgBtjOd01pf9yYDEIH8BcqVuYIuOkzOwDesoa/Nz4gIo4lBG6K861KTV9TvIgmFuT6ytOaAA==",
+          "dev": true,
+          "requires": {
+            "@babel/compat-data": "^7.13.12",
+            "@babel/helper-compilation-targets": "^7.13.10",
+            "@babel/helper-plugin-utils": "^7.13.0",
+            "@babel/helper-validator-option": "^7.12.17",
+            "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.13.12",
+            "@babel/plugin-proposal-async-generator-functions": "^7.13.8",
+            "@babel/plugin-proposal-class-properties": "^7.13.0",
+            "@babel/plugin-proposal-dynamic-import": "^7.13.8",
+            "@babel/plugin-proposal-export-namespace-from": "^7.12.13",
+            "@babel/plugin-proposal-json-strings": "^7.13.8",
+            "@babel/plugin-proposal-logical-assignment-operators": "^7.13.8",
+            "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
+            "@babel/plugin-proposal-numeric-separator": "^7.12.13",
+            "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
+            "@babel/plugin-proposal-optional-catch-binding": "^7.13.8",
+            "@babel/plugin-proposal-optional-chaining": "^7.13.12",
+            "@babel/plugin-proposal-private-methods": "^7.13.0",
+            "@babel/plugin-proposal-unicode-property-regex": "^7.12.13",
+            "@babel/plugin-syntax-async-generators": "^7.8.4",
+            "@babel/plugin-syntax-class-properties": "^7.12.13",
+            "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+            "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+            "@babel/plugin-syntax-json-strings": "^7.8.3",
+            "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+            "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+            "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+            "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+            "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+            "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+            "@babel/plugin-syntax-top-level-await": "^7.12.13",
+            "@babel/plugin-transform-arrow-functions": "^7.13.0",
+            "@babel/plugin-transform-async-to-generator": "^7.13.0",
+            "@babel/plugin-transform-block-scoped-functions": "^7.12.13",
+            "@babel/plugin-transform-block-scoping": "^7.12.13",
+            "@babel/plugin-transform-classes": "^7.13.0",
+            "@babel/plugin-transform-computed-properties": "^7.13.0",
+            "@babel/plugin-transform-destructuring": "^7.13.0",
+            "@babel/plugin-transform-dotall-regex": "^7.12.13",
+            "@babel/plugin-transform-duplicate-keys": "^7.12.13",
+            "@babel/plugin-transform-exponentiation-operator": "^7.12.13",
+            "@babel/plugin-transform-for-of": "^7.13.0",
+            "@babel/plugin-transform-function-name": "^7.12.13",
+            "@babel/plugin-transform-literals": "^7.12.13",
+            "@babel/plugin-transform-member-expression-literals": "^7.12.13",
+            "@babel/plugin-transform-modules-amd": "^7.13.0",
+            "@babel/plugin-transform-modules-commonjs": "^7.13.8",
+            "@babel/plugin-transform-modules-systemjs": "^7.13.8",
+            "@babel/plugin-transform-modules-umd": "^7.13.0",
+            "@babel/plugin-transform-named-capturing-groups-regex": "^7.12.13",
+            "@babel/plugin-transform-new-target": "^7.12.13",
+            "@babel/plugin-transform-object-super": "^7.12.13",
+            "@babel/plugin-transform-parameters": "^7.13.0",
+            "@babel/plugin-transform-property-literals": "^7.12.13",
+            "@babel/plugin-transform-regenerator": "^7.12.13",
+            "@babel/plugin-transform-reserved-words": "^7.12.13",
+            "@babel/plugin-transform-shorthand-properties": "^7.12.13",
+            "@babel/plugin-transform-spread": "^7.13.0",
+            "@babel/plugin-transform-sticky-regex": "^7.12.13",
+            "@babel/plugin-transform-template-literals": "^7.13.0",
+            "@babel/plugin-transform-typeof-symbol": "^7.12.13",
+            "@babel/plugin-transform-unicode-escapes": "^7.12.13",
+            "@babel/plugin-transform-unicode-regex": "^7.12.13",
+            "@babel/preset-modules": "^0.1.4",
+            "@babel/types": "^7.13.12",
+            "babel-plugin-polyfill-corejs2": "^0.1.4",
+            "babel-plugin-polyfill-corejs3": "^0.1.3",
+            "babel-plugin-polyfill-regenerator": "^0.1.2",
+            "core-js-compat": "^3.9.0",
+            "semver": "^6.3.0"
+          }
+        },
+        "@babel/preset-modules": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.4.tgz",
+          "integrity": "sha512-J36NhwnfdzpmH41M1DrnkkgAqhZaqr/NBdPfQ677mLzlaXo+oDiv1deyCDtgAhz8p328otdob0Du7+xgHGZbKg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.0.0",
+            "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
+            "@babel/plugin-transform-dotall-regex": "^7.4.4",
+            "@babel/types": "^7.4.4",
+            "esutils": "^2.0.2"
+          }
+        },
+        "@babel/template": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.13.tgz",
+          "integrity": "sha512-/7xxiGA57xMo/P2GVvdEumr8ONhFOhfgq2ihK3h1e6THqzTAkHbkXgB0xI9yeTfIUoH3+oAeHhqm/I43OTbbjA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/parser": "^7.12.13",
+            "@babel/types": "^7.12.13"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.13.0.tgz",
+          "integrity": "sha512-xys5xi5JEhzC3RzEmSGrs/b3pJW/o87SypZ+G/PhaE7uqVQNv/jlmVIBXuoh5atqQ434LfXV+sf23Oxj0bchJQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.13",
+            "@babel/generator": "^7.13.0",
+            "@babel/helper-function-name": "^7.12.13",
+            "@babel/helper-split-export-declaration": "^7.12.13",
+            "@babel/parser": "^7.13.0",
+            "@babel/types": "^7.13.0",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz",
+          "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "browserslist": {
+          "version": "4.16.3",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+          "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001181",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.649",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.70"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "core-js-compat": {
+          "version": "3.9.1",
+          "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.9.1.tgz",
+          "integrity": "sha512-jXAirMQxrkbiiLsCx9bQPJFA6llDadKMpYrBJQJ3/c4/vsPP/fAf29h24tviRlvwUL6AmY5CHLu2GvjuYviQqA==",
+          "dev": true,
+          "requires": {
+            "browserslist": "^4.16.3",
+            "semver": "7.0.0"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "7.0.0",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
+              "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
+              "dev": true
+            }
+          }
+        },
+        "debug": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "electron-to-chromium": {
+          "version": "1.3.695",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.695.tgz",
+          "integrity": "sha512-lz66RliUqLHU1Ojxx1A4QUxKydjiQ79Y4dZyPobs2Dmxj5aVL2TM3KoQ2Gs7HS703Bfny+ukI3KOxwAB0xceHQ==",
+          "dev": true
+        },
+        "escalade": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+          "dev": true
+        },
+        "gensync": {
+          "version": "1.0.0-beta.2",
+          "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+          "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+          "dev": true
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
+          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.71",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
+        },
+        "regexpu-core": {
+          "version": "4.7.1",
+          "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.1.tgz",
+          "integrity": "sha512-ywH2VUraA44DZQuRKzARmw6S66mr48pQVva4LBeRhcOltJ6hExvWly5ZjFLYo67xbIxb6W1q4bAGtgfEl20zfQ==",
+          "dev": true,
+          "requires": {
+            "regenerate": "^1.4.0",
+            "regenerate-unicode-properties": "^8.2.0",
+            "regjsgen": "^0.5.1",
+            "regjsparser": "^0.6.4",
+            "unicode-match-property-ecmascript": "^1.0.4",
+            "unicode-match-property-value-ecmascript": "^1.2.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
     "@szmarczak/http-timer": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
@@ -2890,6 +4982,99 @@
         "object.assign": "^4.1.0"
       }
     },
+    "babel-plugin-polyfill-corejs2": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.1.10.tgz",
+      "integrity": "sha512-DO95wD4g0A8KRaHKi0D51NdGXzvpqVLnLu5BTvDlpqUEpTmeEtypgC1xqesORaWmiUOQI14UHKlzNd9iZ2G3ZA==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.13.0",
+        "@babel/helper-define-polyfill-provider": "^0.1.5",
+        "semver": "^6.1.1"
+      },
+      "dependencies": {
+        "@babel/compat-data": {
+          "version": "7.13.12",
+          "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.13.12.tgz",
+          "integrity": "sha512-3eJJ841uKxeV8dcN/2yGEUy+RfgQspPEgQat85umsE1rotuquQ2AbIub4S6j7c50a2d+4myc+zSlnXeIHrOnhQ==",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "babel-plugin-polyfill-corejs3": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.1.7.tgz",
+      "integrity": "sha512-u+gbS9bbPhZWEeyy1oR/YaaSpod/KDT07arZHb80aTpl8H5ZBq+uN1nN9/xtX7jQyfLdPfoqI4Rue/MQSWJquw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-define-polyfill-provider": "^0.1.5",
+        "core-js-compat": "^3.8.1"
+      },
+      "dependencies": {
+        "browserslist": {
+          "version": "4.16.3",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+          "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001181",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.649",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.70"
+          }
+        },
+        "core-js-compat": {
+          "version": "3.9.1",
+          "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.9.1.tgz",
+          "integrity": "sha512-jXAirMQxrkbiiLsCx9bQPJFA6llDadKMpYrBJQJ3/c4/vsPP/fAf29h24tviRlvwUL6AmY5CHLu2GvjuYviQqA==",
+          "dev": true,
+          "requires": {
+            "browserslist": "^4.16.3",
+            "semver": "7.0.0"
+          }
+        },
+        "electron-to-chromium": {
+          "version": "1.3.695",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.695.tgz",
+          "integrity": "sha512-lz66RliUqLHU1Ojxx1A4QUxKydjiQ79Y4dZyPobs2Dmxj5aVL2TM3KoQ2Gs7HS703Bfny+ukI3KOxwAB0xceHQ==",
+          "dev": true
+        },
+        "escalade": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+          "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.71",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
+        },
+        "semver": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
+          "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
+          "dev": true
+        }
+      }
+    },
+    "babel-plugin-polyfill-regenerator": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.1.6.tgz",
+      "integrity": "sha512-OUrYG9iKPKz8NxswXbRAdSwF0GhRdIEMTloQATJi4bDuFqrXaXcCUT/VGNrr8pBcjMh1RxZ7Xt9cytVJTJfvMg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-define-polyfill-provider": "^0.1.5"
+      }
+    },
     "babel-plugin-transform-es2015-arrow-functions": {
       "version": "6.22.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz",
@@ -10185,6 +12370,12 @@
       "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY=",
       "dev": true
     },
+    "lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
+      "dev": true
+    },
     "lodash.has": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/lodash.has/-/lodash.has-4.5.2.tgz",
@@ -16661,6 +18852,12 @@
         "simple-html-tokenizer": "^0.1.1"
       }
     },
+    "svg-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
+      "dev": true
+    },
     "svgo": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
diff --git a/package.json b/package.json
index 9c8f9cd7..4d6868f5 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@babel/plugin-transform-runtime": "^7.10.4",
     "@babel/preset-env": "^7.10.4",
     "@google-cloud/translate": "^5.3.0",
+    "@svgr/webpack": "^5.5.0",
     "@types/dompurify": "^2.0.1",
     "@types/ejs": "^3.0.2",
     "@types/emoji-mart": "^3.0.2",
diff --git a/shared/img/client-icons/avatar_upload.svg b/shared/img/client-icons/avatar_upload.svg
new file mode 100644
index 00000000..9f09877a
--- /dev/null
+++ b/shared/img/client-icons/avatar_upload.svg
@@ -0,0 +1,5 @@
+<svg id="camara_icon" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="scale(.16)">
+  <path d="m50 40c-8.285 0-15 6.718-15 15 0 8.285 6.715 15 15 15 8.283 0 15-6.715 15-15 0-8.282-6.717-15-15-15zm40-15h-12c-1.65 0-3.428-1.28-3.949-2.846l-3.102-9.309c-.523-1.565-2.299-2.845-3.949-2.845h-34c-1.65 0-3.428 1.28-3.949 2.846l-3.102 9.309c-.523 1.565-2.299 2.845-3.949 2.845h-12c-5.5 0-10 4.5-10 10v45c0 5.5 4.5 10 10 10h80c5.5 0 10-4.5 10-10v-45c0-5.5-4.5-10-10-10zm-40 55c-13.807 0-25-11.193-25-25 0-13.806 11.193-25 25-25 13.805 0 25 11.194 25 25 0 13.807-11.195 25-25 25zm36.5-38.007c-1.932 0-3.5-1.566-3.5-3.5 0-1.932 1.568-3.5 3.5-3.5 1.934 0 3.5 1.568 3.5 3.5 0 1.934-1.567 3.5-3.5 3.5z" style="fill:#030104"/>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/client_info_country.svg b/shared/img/client-icons/client_info_country.svg
new file mode 100644
index 00000000..0b3102b8
--- /dev/null
+++ b/shared/img/client-icons/client_info_country.svg
@@ -0,0 +1,3 @@
+<svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m13.656 2.3444c-3.1256-3.1256-8.1851-3.1261-11.311 0-3.1257 3.1256-3.1261 8.1851 0 11.311 3.1256 3.1256 8.1851 3.1261 11.311 0 3.1257-3.1256 3.1261-8.1851 0-11.311zm-.33429 10.171c-.3737-.33417-.77344-.62989-1.1948-.88475.27849-.962.44348-2.0206.48248-3.121h2.3515c-.10632 1.4833-.67623 2.8747-1.6392 4.0058zm-12.282-4.0058h2.3515c.039 1.1004.20399 2.159.48249 3.121-.42135.25486-.82108.55058-1.1948.88475-.96297-1.1311-1.5328-2.5225-1.6392-4.0058zm1.6392-5.0252c.3737.33416.77343.62989 1.1948.88475-.27849.96199-.44349 2.0206-.48248 3.121h-2.3515c.10636-1.4832.67623-2.8746 1.6392-4.0058zm4.8116.9901c-.83126-.0594-1.6328-.26419-2.3758-.60195.43214-1.1128 1.2288-2.4475 2.3758-2.7783zm0 1.0213v1.9944h-3.0795c.0353-.93087.16718-1.8247.38653-2.6426.8444.36914 1.7525.58958 2.693.64819zm0 3.0138v1.9944c-.94045.0586-1.8486.27905-2.693.64819-.21935-.81787-.35125-1.7117-.38653-2.6426zm0 3.0157v3.3802c-1.1469-.33076-1.9436-1.6653-2.3758-2.7782.74305-.33776 1.5446-.5425 2.3758-.60195zm1.0194 0c.83126.0595 1.6328.26419 2.3758.60195-.43218 1.1128-1.2288 2.4475-2.3758 2.7782zm0-1.0213v-1.9944h3.0795c-.0353.93087-.16718 1.8247-.38653 2.6426-.84441-.36914-1.7525-.58958-2.693-.64819zm0-3.0138v-1.9944c.94045-.0586 1.8486-.27905 2.693-.64819.21935.81786.35124 1.7117.38653 2.6426zm0-3.0157v-3.3802c1.147.33076 1.9437 1.6654 2.3758 2.7783-.74305.33773-1.5446.54247-2.3758.60192zm2.2894-2.8713c.65244.28571 1.2611.67311 1.8068 1.1538-.25973.229-.53379.43664-.81996.62234-.25414-.62924-.57878-1.2407-.98682-1.7761zm-6.585 1.7761c-.28617-.1857-.5602-.39334-.81995-.62234.54565-.48067 1.1543-.86807 1.8068-1.1538-.40805.53544-.73269 1.1469-.98683 1.7761zm4e-5 9.2412c.2541.62921.57881 1.2407.98682 1.7761-.65244-.28571-1.2611-.67311-1.8068-1.1538.25972-.229.53378-.43665.81996-.62234zm7.5718 0c.28617.18569.56023.39334.81996.62231-.54565.48067-1.1543.86807-1.8068 1.1538.40801-.53531.73268-1.1468.98682-1.7761zm.82314-5.1303c-.039-1.1004-.20399-2.1591-.48248-3.121.42134-.25486.82105-.55059 1.1948-.88475.96296 1.1311 1.5328 2.5225 1.6392 4.0058z" style="stroke-width:.031224"/>
+</svg>
diff --git a/shared/img/client-icons/client_info_forum_account.svg b/shared/img/client-icons/client_info_forum_account.svg
new file mode 100644
index 00000000..af959907
--- /dev/null
+++ b/shared/img/client-icons/client_info_forum_account.svg
@@ -0,0 +1,31 @@
+<svg id="regular" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(7.625,7.625)">
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m12 10h-.028c-.226-.009-.436-.119-.572-.3l-1.275-1.7h-2.375c-.965 0-1.75-.785-1.75-1.75v-4.5c0-.965.785-1.75 1.75-1.75h8.5c.965 0 1.75.785 1.75 1.75v4.5c0 .965-.785 1.75-1.75 1.75h-2.16l-1.526 1.744c-.142.163-.348.256-.564.256zm-4.25-8.5c-.138 0-.25.112-.25.25v4.5c0 .138.112.25.25.25h2.75c.236 0 .458.111.6.3l.945 1.26 1.141-1.303c.142-.164.348-.257.564-.257h2.5c.138 0 .25-.112.25-.25v-4.5c0-.138-.112-.25-.25-.25z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m20 11h-.029c-.227-.009-.437-.12-.572-.301l-.79-1.06c-.248-.332-.179-.802.153-1.05.333-.248.802-.179 1.05.153l.235.316 1.139-1.301c.142-.164.348-.257.564-.257h.5c.136 0 .25-.114.25-.25v-4.5c0-.136-.114-.25-.25-.25h-1.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h1.5c.965 0 1.75.785 1.75 1.75v4.5c0 .965-.785 1.75-1.75 1.75h-.16l-1.526 1.744c-.142.163-.348.256-.564.256z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m4 11c-.216 0-.422-.093-.564-.256l-1.526-1.744h-.16c-.965 0-1.75-.785-1.75-1.75v-4.5c0-.965.785-1.75 1.75-1.75h1.5c.414 0 .75.336.75.75s-.336.75-.75.75h-1.5c-.136 0-.25.114-.25.25v4.5c0 .136.114.25.25.25h.5c.216 0 .422.093.564.256l1.139 1.301.235-.316c.248-.332.717-.401 1.05-.153.332.248.401.718.153 1.05l-.79 1.06c-.135.182-.345.293-.572.302z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m20 17c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-2.5c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m23.25 22c-.414 0-.75-.336-.75-.75v-.5c0-.689-.561-1.25-1.25-1.25h-2.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h2.5c1.517 0 2.75 1.233 2.75 2.75v.5c0 .414-.336.75-.75.75z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m4 17c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-2.5c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m.75 22c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h2.5c.414 0 .75.336.75.75s-.336.75-.75.75h-2.5c-.689 0-1.25.561-1.25 1.25v.5c0 .414-.336.75-.75.75z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m12 17.5c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-4.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5z"/>
+  </g>
+  <g transform="matrix(.66667 0 0 .66667 -7.625 -7.625)">
+   <path d="m16.75 24c-.414 0-.75-.336-.75-.75v-1.5c0-.689-.561-1.25-1.25-1.25h-5.5c-.689 0-1.25.561-1.25 1.25v1.5c0 .414-.336.75-.75.75s-.75-.336-.75-.75v-1.5c0-1.517 1.233-2.75 2.75-2.75h5.5c1.517 0 2.75 1.233 2.75 2.75v1.5c0 .414-.336.75-.75.75z"/>
+  </g>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/client_info_online_time.svg b/shared/img/client-icons/client_info_online_time.svg
new file mode 100644
index 00000000..0e1c5309
--- /dev/null
+++ b/shared/img/client-icons/client_info_online_time.svg
@@ -0,0 +1,8 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="scale(.03125)">
+  <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm0 468.73c-117.3 0-212.73-95.431-212.73-212.73s95.431-212.73 212.73-212.73 212.73 95.431 212.73 212.73-95.431 212.73-212.73 212.73z"/>
+ </g>
+ <g transform="scale(.03125)">
+  <path d="m372.1 248.07h-100.96v-150.89c0-11.948-9.686-21.634-21.634-21.634s-21.634 9.686-21.634 21.634v172.52c0 11.948 9.686 21.634 21.634 21.634.244 0 .48-.029.721-.036.241.009.477.036.721.036h121.15c11.948 0 21.634-9.686 21.634-21.634s-9.686-21.633-21.634-21.633z"/>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/client_info_status.svg b/shared/img/client-icons/client_info_status.svg
new file mode 100644
index 00000000..0203abd0
--- /dev/null
+++ b/shared/img/client-icons/client_info_status.svg
@@ -0,0 +1,25 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 2.0645)">
+  <g transform="matrix(.03125 0 0 .03125 0 -2.0645)">
+   <path d="m66.065 313.81c-36.43 0-66.065 29.636-66.065 66.065s29.635 66.065 66.065 66.065 66.065-29.635 66.065-66.065-29.636-66.065-66.065-66.065zm0 99.097c-18.217 0-33.032-14.815-33.032-33.032s14.815-33.032 33.032-33.032 33.032 14.815 33.032 33.032-14.815 33.032-33.032 33.032z"/>
+  </g>
+  <g transform="matrix(.03125 0 0 .03125 0 -2.0645)">
+   <path d="m176.17 126.62c-36.429 0-66.065 29.635-66.065 66.065s29.635 66.065 66.065 66.065 66.065-29.635 66.065-66.065-29.636-66.065-66.065-66.065zm0 99.096c-18.217 0-33.032-14.815-33.032-33.032s14.815-33.032 33.032-33.032 33.032 14.815 33.032 33.032-14.815 33.032-33.032 33.032z"/>
+  </g>
+  <g transform="matrix(.03125 0 0 .03125 0 -2.0645)">
+   <path d="m341.33 286.28c-36.429 0-66.065 29.635-66.065 66.065 0 36.429 29.635 66.065 66.065 66.065s66.065-29.635 66.065-66.065-29.636-66.065-66.065-66.065zm0 99.096c-18.217 0-33.032-14.815-33.032-33.032s14.815-33.032 33.032-33.032 33.032 14.815 33.032 33.032c.001 18.217-14.814 33.032-33.032 33.032z"/>
+  </g>
+  <g transform="matrix(.03125 0 0 .03125 0 -2.0645)">
+   <path d="m445.94 66.065c-36.429 0-66.065 29.635-66.065 66.065s29.635 66.065 66.065 66.065 66.065-29.637 66.065-66.066-29.635-66.064-66.065-66.064zm0 99.096c-18.217 0-33.032-14.815-33.032-33.032s14.815-33.032 33.032-33.032 33.032 14.815 33.032 33.032-14.814 33.032-33.032 33.032z"/>
+  </g>
+  <g transform="matrix(.03125 0 0 .03125 0 -2.0645)">
+   <rect transform="matrix(.5547 -.8321 .8321 .5547 -184.26 228.28)" x="61.58" y="269.76" width="119.1" height="33.034"/>
+  </g>
+  <g transform="matrix(.03125 0 0 .03125 0 -2.0645)">
+   <rect transform="matrix(.6402 -.7682 .7682 .6402 -116.26 296.81)" x="242.21" y="208.02" width="33.032" height="129"/>
+  </g>
+  <g transform="matrix(.03125 0 0 .03125 0 -2.0645)">
+   <rect transform="matrix(.4672 -.8842 .8842 .4672 -2.9392 473.57)" x="319.55" y="222.71" width="143.81" height="33.028"/>
+  </g>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/client_info_version.svg b/shared/img/client-icons/client_info_version.svg
new file mode 100644
index 00000000..fdc74dfa
--- /dev/null
+++ b/shared/img/client-icons/client_info_version.svg
@@ -0,0 +1,7 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="matrix(.033333 0 0 .033204 8e-7 .031028)">
+  <path d="m0 32v416h480v-416zm448 384h-416v-352h416z"/>
+  <rect x="208" y="288" width="128" height="32"/>
+  <polygon points="123.36 315.36 214.56 224 123.36 132.64 102.24 153.76 172.64 224 102.24 294.24"/>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/client_info_volume.svg b/shared/img/client-icons/client_info_volume.svg
new file mode 100644
index 00000000..4260d39d
--- /dev/null
+++ b/shared/img/client-icons/client_info_volume.svg
@@ -0,0 +1,7 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="matrix(.03125 0 0 .03125 .5 .50001)">
+  <path d="m278.94 17.577c-5.568-2.656-12.128-1.952-16.928 1.92l-155.65 124.51h-74.368c-17.632 0-32 14.368-32 32v128c0 17.632 14.368 32 32 32h74.368l155.62 124.51c2.912 2.304 6.464 3.488 10.016 3.488 2.368 0 4.736-.512 6.944-1.568 5.536-2.688 9.056-8.288 9.056-14.432v-416c0-6.144-3.52-11.744-9.056-14.432zm-182.94 286.43h-64v-128h64zm160 110.69-128-102.4v-144.58l128-102.4z"/>
+  <path d="m369.02 126.86c-6.304-6.24-16.416-6.144-22.624.128-6.208 6.304-6.144 16.416.128 22.624 24.16 23.904 37.472 56 37.472 90.4s-13.312 66.496-37.472 90.4c-6.304 6.208-6.368 16.32-.128 22.624 3.136 3.168 7.264 4.736 11.36 4.736 4.064 0 8.128-1.536 11.264-4.64 30.304-29.92 46.976-70.08 46.976-113.12s-16.672-83.2-46.976-113.15z"/>
+  <path d="m414.14 81.769c-6.272-6.208-16.416-6.176-22.624.096s-6.176 16.416.096 22.624c36.352 36.064 56.384 84.192 56.384 135.52s-20.032 99.456-56.384 135.52c-6.272 6.208-6.304 16.352-.096 22.624 3.136 3.168 7.232 4.736 11.36 4.736 4.064 0 8.128-1.536 11.264-4.64 42.464-42.112 65.856-98.304 65.856-158.24s-23.392-116.13-65.856-158.24z"/>
+ </g>
+</svg>
diff --git a/shared/img/icon_client_country.svg b/shared/img/icon_client_country.svg
deleted file mode 100644
index 85d53e93..00000000
--- a/shared/img/icon_client_country.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="Layer_1" enable-background="new 0 0 512.418 512.418" height="512" viewBox="0 0 512.418 512.418" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m437.335 75.082c-100.1-100.102-262.136-100.118-362.252 0-100.103 100.102-100.118 262.136 0 362.253 100.1 100.102 262.136 100.117 362.252 0 100.103-100.102 100.117-262.136 0-362.253zm-10.706 325.739c-11.968-10.702-24.77-20.173-38.264-28.335 8.919-30.809 14.203-64.712 15.452-99.954h75.309c-3.405 47.503-21.657 92.064-52.497 128.289zm-393.338-128.289h75.309c1.249 35.242 6.533 69.145 15.452 99.954-13.494 8.162-26.296 17.633-38.264 28.335-30.84-36.225-49.091-80.786-52.497-128.289zm52.498-160.936c11.968 10.702 24.77 20.173 38.264 28.335-8.919 30.809-14.203 64.712-15.452 99.954h-75.31c3.406-47.502 21.657-92.063 52.498-128.289zm154.097 31.709c-26.622-1.904-52.291-8.461-76.088-19.278 13.84-35.639 39.354-78.384 76.088-88.977zm0 32.708v63.873h-98.625c1.13-29.812 5.354-58.439 12.379-84.632 27.043 11.822 56.127 18.882 86.246 20.759zm0 96.519v63.873c-30.119 1.877-59.203 8.937-86.246 20.759-7.025-26.193-11.249-54.82-12.379-84.632zm0 96.581v108.254c-36.732-10.593-62.246-53.333-76.088-88.976 23.797-10.817 49.466-17.374 76.088-19.278zm32.646 0c26.622 1.904 52.291 8.461 76.088 19.278-13.841 35.64-39.354 78.383-76.088 88.976zm0-32.708v-63.873h98.625c-1.13 29.812-5.354 58.439-12.379 84.632-27.043-11.822-56.127-18.882-86.246-20.759zm0-96.519v-63.873c30.119-1.877 59.203-8.937 86.246-20.759 7.025 26.193 11.249 54.82 12.379 84.632zm0-96.581v-108.254c36.734 10.593 62.248 53.338 76.088 88.977-23.797 10.816-49.466 17.373-76.088 19.277zm73.32-91.957c20.895 9.15 40.389 21.557 57.864 36.951-8.318 7.334-17.095 13.984-26.26 19.931-8.139-20.152-18.536-39.736-31.604-56.882zm-210.891 56.882c-9.165-5.947-17.941-12.597-26.26-19.931 17.475-15.394 36.969-27.801 57.864-36.951-13.068 17.148-23.465 36.732-31.604 56.882zm.001 295.958c8.138 20.151 18.537 39.736 31.604 56.882-20.895-9.15-40.389-21.557-57.864-36.951 8.318-7.334 17.095-13.984 26.26-19.931zm242.494 0c9.165 5.947 17.942 12.597 26.26 19.93-17.475 15.394-36.969 27.801-57.864 36.951 13.067-17.144 23.465-36.729 31.604-56.881zm26.362-164.302c-1.249-35.242-6.533-69.146-15.452-99.954 13.494-8.162 26.295-17.633 38.264-28.335 30.84 36.225 49.091 80.786 52.497 128.289z"/></svg>
\ No newline at end of file
diff --git a/shared/img/icon_client_forum_account.svg b/shared/img/icon_client_forum_account.svg
deleted file mode 100644
index b04fbe13..00000000
--- a/shared/img/icon_client_forum_account.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="regular" enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m12 10c-.009 0-.019 0-.028 0-.226-.009-.436-.119-.572-.3l-1.275-1.7h-2.375c-.965 0-1.75-.785-1.75-1.75v-4.5c0-.965.785-1.75 1.75-1.75h8.5c.965 0 1.75.785 1.75 1.75v4.5c0 .965-.785 1.75-1.75 1.75h-2.16l-1.526 1.744c-.142.163-.348.256-.564.256zm-4.25-8.5c-.138 0-.25.112-.25.25v4.5c0 .138.112.25.25.25h2.75c.236 0 .458.111.6.3l.945 1.26 1.141-1.303c.142-.164.348-.257.564-.257h2.5c.138 0 .25-.112.25-.25v-4.5c0-.138-.112-.25-.25-.25z"/></g><g><path d="m20 11c-.01 0-.02 0-.029 0-.227-.009-.437-.12-.572-.301l-.79-1.06c-.248-.332-.179-.802.153-1.05.333-.248.802-.179 1.05.153l.235.316 1.139-1.301c.142-.164.348-.257.564-.257h.5c.136 0 .25-.114.25-.25v-4.5c0-.136-.114-.25-.25-.25h-1.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h1.5c.965 0 1.75.785 1.75 1.75v4.5c0 .965-.785 1.75-1.75 1.75h-.16l-1.526 1.744c-.142.163-.348.256-.564.256z"/></g><g><path d="m4 11c-.216 0-.422-.093-.564-.256l-1.526-1.744h-.16c-.965 0-1.75-.785-1.75-1.75v-4.5c0-.965.785-1.75 1.75-1.75h1.5c.414 0 .75.336.75.75s-.336.75-.75.75h-1.5c-.136 0-.25.114-.25.25v4.5c0 .136.114.25.25.25h.5c.216 0 .422.093.564.256l1.139 1.301.235-.316c.248-.332.717-.401 1.05-.153.332.248.401.718.153 1.05l-.79 1.06c-.135.182-.345.293-.572.302-.009 0-.019 0-.029 0z"/></g><g><path d="m20 17c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-2.5c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z"/></g><g><path d="m23.25 22c-.414 0-.75-.336-.75-.75v-.5c0-.689-.561-1.25-1.25-1.25h-2.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h2.5c1.517 0 2.75 1.233 2.75 2.75v.5c0 .414-.336.75-.75.75z"/></g><g><path d="m4 17c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-2.5c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z"/></g><g><path d="m.75 22c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h2.5c.414 0 .75.336.75.75s-.336.75-.75.75h-2.5c-.689 0-1.25.561-1.25 1.25v.5c0 .414-.336.75-.75.75z"/></g><g><path d="m12 17.5c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-4.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5z"/></g><g><path d="m16.75 24c-.414 0-.75-.336-.75-.75v-1.5c0-.689-.561-1.25-1.25-1.25h-5.5c-.689 0-1.25.561-1.25 1.25v1.5c0 .414-.336.75-.75.75s-.75-.336-.75-.75v-1.5c0-1.517 1.233-2.75 2.75-2.75h5.5c1.517 0 2.75 1.233 2.75 2.75v1.5c0 .414-.336.75-.75.75z"/></g></svg>
\ No newline at end of file
diff --git a/shared/img/icon_client_online_time.svg b/shared/img/icon_client_online_time.svg
deleted file mode 100644
index 9222ba0c..00000000
--- a/shared/img/icon_client_online_time.svg
+++ /dev/null
@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M256,0C114.841,0,0,114.841,0,256s114.841,256,256,256s256-114.841,256-256S397.159,0,256,0z M256,468.732
-			c-117.301,0-212.732-95.431-212.732-212.732S138.699,43.268,256,43.268S468.732,138.699,468.732,256S373.301,468.732,256,468.732z
-			"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path d="M372.101,248.068H271.144V97.176c0-11.948-9.686-21.634-21.634-21.634c-11.948,0-21.634,9.686-21.634,21.634v172.525
-			c0,11.948,9.686,21.634,21.634,21.634c0.244,0,0.48-0.029,0.721-0.036c0.241,0.009,0.477,0.036,0.721,0.036h121.149
-			c11.948,0,21.634-9.686,21.634-21.634S384.049,248.068,372.101,248.068z"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
diff --git a/shared/img/icon_client_status.svg b/shared/img/icon_client_status.svg
deleted file mode 100644
index 48c81d0a..00000000
--- a/shared/img/icon_client_status.svg
+++ /dev/null
@@ -1,70 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M66.065,313.806C29.635,313.806,0,343.442,0,379.871s29.635,66.065,66.065,66.065s66.065-29.635,66.065-66.065    S102.494,313.806,66.065,313.806z M66.065,412.903c-18.217,0-33.032-14.815-33.032-33.032s14.815-33.032,33.032-33.032    s33.032,14.815,33.032,33.032S84.282,412.903,66.065,412.903z"/>
-	</g>
-</g>
-    <g>
-	<g>
-		<path d="M176.172,126.624c-36.429,0-66.065,29.635-66.065,66.065s29.635,66.065,66.065,66.065s66.065-29.635,66.065-66.065    S212.601,126.624,176.172,126.624z M176.172,225.72c-18.217,0-33.032-14.815-33.032-33.032s14.815-33.032,33.032-33.032    s33.032,14.815,33.032,33.032S194.389,225.72,176.172,225.72z"/>
-	</g>
-</g>
-    <g>
-	<g>
-		<path d="M341.333,286.28c-36.429,0-66.065,29.635-66.065,66.065c0,36.429,29.635,66.065,66.065,66.065    s66.065-29.635,66.065-66.065C407.398,315.915,377.762,286.28,341.333,286.28z M341.333,385.376    c-18.217,0-33.032-14.815-33.032-33.032c0-18.217,14.815-33.032,33.032-33.032s33.032,14.815,33.032,33.032    C374.366,370.561,359.551,385.376,341.333,385.376z"/>
-	</g>
-</g>
-    <g>
-	<g>
-		<path d="M445.935,66.065c-36.429,0-66.065,29.635-66.065,66.065s29.635,66.065,66.065,66.065S512,168.558,512,132.129    S482.365,66.065,445.935,66.065z M445.935,165.161c-18.217,0-33.032-14.815-33.032-33.032s14.815-33.032,33.032-33.032    s33.032,14.815,33.032,33.032S464.153,165.161,445.935,165.161z"/>
-	</g>
-</g>
-    <g>
-	<g>
-
-			<rect x="61.58" y="269.761" transform="matrix(0.5547 -0.8321 0.8321 0.5547 -184.2592 228.275)" width="119.103" height="33.034"/>
-	</g>
-</g>
-    <g>
-	<g>
-
-			<rect x="242.213" y="208.023" transform="matrix(0.6402 -0.7682 0.7682 0.6402 -116.2621 296.8083)" width="33.032" height="128.996"/>
-	</g>
-</g>
-    <g>
-	<g>
-
-			<rect x="319.551" y="222.711" transform="matrix(0.4672 -0.8842 0.8842 0.4672 -2.9392 473.5728)" width="143.807" height="33.028"/>
-	</g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-</svg>
\ No newline at end of file
diff --git a/shared/img/icon_client_version.svg b/shared/img/icon_client_version.svg
deleted file mode 100644
index e91d3ae7..00000000
--- a/shared/img/icon_client_version.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M0,32v416h480V32H0z M448,416H32V64h416V416z"/>
-	</g>
-</g>
-	<g>
-	<g>
-		<rect x="208" y="288" width="128" height="32"/>
-	</g>
-</g>
-	<g>
-	<g>
-		<polygon points="123.36,132.64 102.24,153.76 172.64,224 102.24,294.24 123.36,315.36 214.56,224 		"/>
-	</g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-</svg>
diff --git a/shared/img/icon_client_volume.svg b/shared/img/icon_client_volume.svg
deleted file mode 100644
index 4afa7ba9..00000000
--- a/shared/img/icon_client_volume.svg
+++ /dev/null
@@ -1,59 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M278.944,17.577c-5.568-2.656-12.128-1.952-16.928,1.92L106.368,144.009H32c-17.632,0-32,14.368-32,32v128
-			c0,17.632,14.368,32,32,32h74.368l155.616,124.512c2.912,2.304,6.464,3.488,10.016,3.488c2.368,0,4.736-0.512,6.944-1.568
-			c5.536-2.688,9.056-8.288,9.056-14.432v-416C288,25.865,284.48,20.265,278.944,17.577z M96,304.009H32v-128h64V304.009z
-			 M256,414.697l-128-102.4V167.721l128-102.4V414.697z"/>
-	</g>
-</g>
-	<g>
-	<g>
-		<path d="M369.024,126.857c-6.304-6.24-16.416-6.144-22.624,0.128c-6.208,6.304-6.144,16.416,0.128,22.624
-			c24.16,23.904,37.472,56,37.472,90.4c0,34.4-13.312,66.496-37.472,90.4c-6.304,6.208-6.368,16.32-0.128,22.624
-			c3.136,3.168,7.264,4.736,11.36,4.736c4.064,0,8.128-1.536,11.264-4.64c30.304-29.92,46.976-70.08,46.976-113.12
-			C416,196.969,399.328,156.809,369.024,126.857z"/>
-	</g>
-</g>
-	<g>
-	<g>
-		<path d="M414.144,81.769c-6.272-6.208-16.416-6.176-22.624,0.096c-6.208,6.272-6.176,16.416,0.096,22.624
-			C427.968,140.553,448,188.681,448,240.009s-20.032,99.456-56.384,135.52c-6.272,6.208-6.304,16.352-0.096,22.624
-			c3.136,3.168,7.232,4.736,11.36,4.736c4.064,0,8.128-1.536,11.264-4.64C456.608,356.137,480,299.945,480,240.009
-			C480,180.073,456.608,123.881,414.144,81.769z"/>
-	</g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-	<g>
-</g>
-</svg>
diff --git a/shared/img/photo-camera.svg b/shared/img/photo-camera.svg
deleted file mode 100644
index 34267caa..00000000
--- a/shared/img/photo-camera.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!--
-	Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)
-	Editor: Markus Hadenfeldt <graphics@teaspeak.de>
--->
-<svg version="1.1" id="camara_icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
-<g>
-	<g>
-		<path style="fill:#030104;" d="M50,40c-8.285,0-15,6.718-15,15c0,8.285,6.715,15,15,15c8.283,0,15-6.715,15-15
-			C65,46.718,58.283,40,50,40z M90,25H78c-1.65,0-3.428-1.28-3.949-2.846l-3.102-9.309C70.426,11.28,68.65,10,67,10H33
-			c-1.65,0-3.428,1.28-3.949,2.846l-3.102,9.309C25.426,23.72,23.65,25,22,25H10C4.5,25,0,29.5,0,35v45c0,5.5,4.5,10,10,10h80
-			c5.5,0,10-4.5,10-10V35C100,29.5,95.5,25,90,25z M50,80c-13.807,0-25-11.193-25-25c0-13.806,11.193-25,25-25
-			c13.805,0,25,11.194,25,25C75,68.807,63.805,80,50,80z M86.5,41.993c-1.932,0-3.5-1.566-3.5-3.5c0-1.932,1.568-3.5,3.5-3.5
-			c1.934,0,3.5,1.568,3.5,3.5C90,40.427,88.433,41.993,86.5,41.993z"/>
-	</g>
-</g>
-</svg>
-<!--
-	Icon made by Daniel Bruce (https://www.flaticon.com/authors/daniel-bruce)
-	Licensed by Creative Commons BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
-	Taken from: https://www.flaticon.com/free-icon/photo-camera_3901
--->
diff --git a/shared/js/global.d.ts b/shared/js/global.d.ts
index 8ea2302d..8d11f7f1 100644
--- a/shared/js/global.d.ts
+++ b/shared/js/global.d.ts
@@ -1,3 +1,9 @@
+declare module "*.svg" {
+    import { ReactElement, SVGProps } from "react";
+    const content: (props: SVGProps<SVGElement>) => ReactElement;
+    export default content;
+}
+
 declare module "*.png" {
     const value: any;
     export = value;
diff --git a/shared/js/text/bbcode/yt-play-button.svg b/shared/js/text/bbcode/YoutubePlayButton.svg
similarity index 100%
rename from shared/js/text/bbcode/yt-play-button.svg
rename to shared/js/text/bbcode/YoutubePlayButton.svg
diff --git a/shared/js/text/bbcode/YoutubeRenderer.tsx b/shared/js/text/bbcode/YoutubeRenderer.tsx
index 9e04d784..f66fac97 100644
--- a/shared/js/text/bbcode/YoutubeRenderer.tsx
+++ b/shared/js/text/bbcode/YoutubeRenderer.tsx
@@ -11,7 +11,7 @@ import {copyToClipboard} from "tc-shared/utils/helpers";
 import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
 import {useContext} from "react";
 
-const playIcon = require("./yt-play-button.svg");
+import IconPlay from "./YoutubePlayButton.svg";
 const cssStyle = require("./YoutubeRenderer.scss");
 
 const patternYtVideoId = /^(?:http(?:s)?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:(?:watch)?\?(?:.*&)?v(?:i)?=|(?:embed|v|vi|user)\/))([^?&"'>]{10,11})$/;
@@ -67,7 +67,7 @@ export const YoutubeRenderer = (props: { children?: React.ReactElement | React.R
         >
             <img draggable={false} src={"https://img.youtube.com/vi/" + result[1] + "/hqdefault.jpg"} alt={"Video thumbnail"} title={tra("Youtube video {}", result[1])} />
             <button className={cssStyle.playButton} onClick={() => ipcChannel.sendMessage("w2g", { videoUrl: props.url, handlerId: handlerId })}>
-                <HTMLRenderer purify={false}>{playIcon}</HTMLRenderer>
+                <IconPlay />
             </button>
         </div>
     );
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.scss b/shared/js/ui/frames/side/ClientInfoRenderer.scss
index b6956d66..7a62c00d 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.scss
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.scss
@@ -177,6 +177,7 @@ $bot_thumbnail_height: 9em;
         position: absolute;
 
         display: none;
+        pointer-events: none;
 
         left: 0;
         right: 0;
@@ -186,32 +187,31 @@ $bot_thumbnail_height: 9em;
         z-index: 2;
 
         text-align: center;
+        overflow: hidden;
 
-        > img {
-            cursor: pointer;
+        border-radius: inherit;
+        cursor: pointer;
 
-            width: $client_info_avatar_size;
-            height: $client_info_avatar_size;
+        flex-direction: column;
+        justify-content: center;
+        opacity: 0;
 
-            padding: calc(#{$client_info_avatar_size} / 6);
+        transition: opacity $button_hover_animation_time ease-in-out;
 
-            overflow: hidden;
-            opacity: 0;
+        .icon {
+            font-size: $client_info_avatar_size * 0.7;
+            align-self: center;
+        }
 
-            &:hover {
-                opacity: 1;
-            }
-            @include transition(opacity $button_hover_animation_time ease-in-out);
+        &:hover {
+            opacity: .75;
         }
     }
 
     &.editable {
         .edit {
-            display: inline-block;
-        }
-
-        .edit:hover + .avatar {
-            opacity: .5;
+            display: flex;
+            pointer-events: all;
         }
     }
 }
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.tsx b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
index 10f45b8c..0af04069 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.tsx
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
@@ -48,7 +48,7 @@ const Avatar = React.memo(() => {
                 <AvatarRenderer avatar={avatar} className={cssStyle.avatarImage + " " + (avatar === "loading" ? cssStyle.loading : "")} />
             </div>
             <div className={cssStyle.edit} onClick={() => events.fire("action_edit_avatar")}>
-                <img src="img/photo-camera.svg" alt={tr("Upload avatar")} />
+                <ClientIconRenderer icon={ClientIcon.AvatarUpload} className={cssStyle.icon} />
             </div>
         </div>
     )
@@ -154,7 +154,7 @@ const ClientOnlineSince = React.memo(() => {
     });
 
     return (
-        <InfoBlock imageUrl={"img/icon_client_online_time.svg"}>
+        <InfoBlock clientIcon={ClientIcon.ClientInfoOnlineTime}>
             <Translatable>Online since</Translatable>
             {onlineBody}
         </InfoBlock>
@@ -175,7 +175,7 @@ const ClientCountry = React.memo(() => {
     events.reactUse("notify_country", event => setCountry(event.country), undefined, []);
 
     return (
-        <InfoBlock imageUrl={"img/icon_client_country.svg"}>
+        <InfoBlock clientIcon={ClientIcon.ClientInfoCountry}>
             <Translatable>Country</Translatable>
             <CountryCode alphaCode={country?.flag} className={cssStyle.country} />
         </InfoBlock>
@@ -211,7 +211,7 @@ const ClientVolume = React.memo(() => {
     }
 
     return (
-        <InfoBlock imageUrl={"img/icon_client_volume.svg"} key={"volume"}>
+        <InfoBlock clientIcon={ClientIcon.ClientInfoVolume} key={"volume"}>
             <Translatable>Volume</Translatable>
             {body}
         </InfoBlock>
@@ -250,7 +250,7 @@ const ClientForumAccount = React.memo(() => {
 
 
     return (
-        <InfoBlock imageUrl={"img/icon_client_forum_account.svg"} valueClass={cssStyle.clientTeaforoAccount}>
+        <InfoBlock clientIcon={ClientIcon.ClientInfoForumAccount} valueClass={cssStyle.clientTeaforoAccount}>
             <Translatable>TeaSpeak Forum account</Translatable>
             <a href={"https://forum.teaspeak.de/index.php?members/" + forum.userId} target={"_blank"}>{text}</a>
         </InfoBlock>
@@ -283,7 +283,7 @@ const ClientVersion = React.memo(() => {
     }
 
     return (
-        <InfoBlock imageUrl={"img/icon_client_version.svg"}>
+        <InfoBlock clientIcon={ClientIcon.ClientInfoVersion}>
             <Translatable>Version</Translatable>
             {body}
         </InfoBlock>
@@ -339,7 +339,7 @@ const ClientStatus = React.memo(() => {
     }
 
     return (
-        <InfoBlock imageUrl={"img/icon_client_status.svg"} key={"status"} valueClass={cssStyle.status}>
+        <InfoBlock clientIcon={ClientIcon.ClientInfoStatus} key={"status"} valueClass={cssStyle.status}>
             <Translatable>Status</Translatable>
             <>{elements}</>
         </InfoBlock>
diff --git a/shared/js/ui/modal/transfer/FileTransferInfo.tsx b/shared/js/ui/modal/transfer/FileTransferInfo.tsx
index 4f489216..384ea334 100644
--- a/shared/js/ui/modal/transfer/FileTransferInfo.tsx
+++ b/shared/js/ui/modal/transfer/FileTransferInfo.tsx
@@ -2,7 +2,6 @@ import * as React from "react";
 import {useEffect, useRef, useState} from "react";
 import {EventHandler, ReactEventHandler, Registry} from "tc-shared/events";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
-import {HTMLRenderer} from "tc-shared/ui/react-elements/HTMLRenderer";
 import {ProgressBar} from "tc-shared/ui/react-elements/ProgressBar";
 import {TransferProgress,} from "tc-shared/file/Transfer";
 import {tra} from "tc-shared/i18n/localize";
@@ -14,9 +13,9 @@ import {TransferStatus} from "tc-shared/ui/modal/transfer/FileDefinitions";
 import {TransferInfoData, TransferInfoEvents} from "tc-shared/ui/modal/transfer/FileTransferInfoDefinitions";
 
 const cssStyle = require("./FileTransferInfoRenderer.scss");
-const iconArrow = require("./icon_double_arrow.svg");
-const iconTransferUpload = require("./icon_transfer_upload.svg");
-const iconTransferDownload = require("./icon_transfer_download.svg");
+import IconArrow from "./icon_double_arrow.svg";
+import IconTransferUpload from "./icon_transfer_upload.svg";
+import IconTransferDownload from "./icon_transfer_download.svg";
 
 const ExpendState = (props: { extended: boolean, events: Registry<TransferInfoEvents> }) => {
     const [expended, setExpended] = useState(props.extended);
@@ -25,7 +24,7 @@ const ExpendState = (props: { extended: boolean, events: Registry<TransferInfoEv
     return (
         <div className={cssStyle.expansionContainer + (expended ? " " + cssStyle.expended : "")}
              onClick={() => props.events.fire("action_toggle_expansion", {visible: !expended})}>
-            <HTMLRenderer purify={false}>{iconArrow}</HTMLRenderer>
+            <IconArrow />
         </div>
     );
 };
@@ -306,8 +305,7 @@ const TransferEntry = (props: { transfer: TransferInfoData, events: Registry<Tra
     return <div className={cssStyle.transferEntryContainer + (hidden ? " " + cssStyle.hidden : "")}>
         <div className={cssStyle.transferEntry}>
             <div className={cssStyle.image}>
-                <HTMLRenderer
-                    purify={false}>{props.transfer.direction === "upload" ? iconTransferUpload : iconTransferDownload}</HTMLRenderer>
+                {props.transfer.direction === "upload" ? <IconTransferUpload key={"upload"} /> : <IconTransferDownload key={"download"} />}
             </div>
             <div className={cssStyle.info}>
                 <a className={cssStyle.name}>{props.transfer.name}</a>
diff --git a/shared/js/ui/modal/video-viewer/Renderer.tsx b/shared/js/ui/modal/video-viewer/Renderer.tsx
index 9478596f..c7c817a9 100644
--- a/shared/js/ui/modal/video-viewer/Renderer.tsx
+++ b/shared/js/ui/modal/video-viewer/Renderer.tsx
@@ -13,7 +13,7 @@ import {getGlobalAvatarManagerFactory} from "tc-shared/file/Avatars";
 import {Settings, settings} from "tc-shared/settings";
 import {AbstractModal} from "tc-shared/ui/react-elements/ModalDefinitions";
 
-const iconNavbar = require("./icon-navbar.svg");
+import IconNavbar from "./icon-navbar.svg";
 const cssStyle = require("./Renderer.scss");
 
 const kLogPlayerEvents = true;
@@ -248,7 +248,7 @@ const ToggleSidebarButton = (props: { events: Registry<VideoViewerEvents> }) =>
 
     return (
         <div className={cssStyle.sidebarButton + " " + (visible ? "" : cssStyle.hidden)} onClick={() => props.events.fire("action_toggle_side_bar", { shown: true })}>
-            <HTMLRenderer purify={false}>{iconNavbar}</HTMLRenderer>
+            <IconNavbar />
         </div>
     );
 };
diff --git a/shared/svg-sprites/client-icons.d.ts b/shared/svg-sprites/client-icons.d.ts
index 6be410ed..7d87d1ad 100644
--- a/shared/svg-sprites/client-icons.d.ts
+++ b/shared/svg-sprites/client-icons.d.ts
@@ -3,9 +3,9 @@
  *
  * This file has been auto generated by the svg-sprite generator.
  * Sprite source directory: G:\TeaSpeak\web\shared\img\client-icons
- * Sprite count: 210
+ * Sprite count: 217
  */
-export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-image_preview_browse" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
+export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-avatar_upload" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-client_info_country" | "client-client_info_forum_account" | "client-client_info_online_time" | "client-client_info_status" | "client-client_info_version" | "client-client_info_volume" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-image_preview_browse" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
 
 export enum ClientIcon {
   About = "client-about",
@@ -21,6 +21,7 @@ export enum ClientIcon {
   ArrowLeft = "client-arrow_left",
   ArrowRight = "client-arrow_right",
   ArrowUp = "client-arrow_up",
+  AvatarUpload = "client-avatar_upload",
   Away = "client-away",
   BanClient = "client-ban_client",
   BanList = "client-ban_list",
@@ -57,6 +58,12 @@ export enum ClientIcon {
   ChannelYellow = "client-channel_yellow",
   ChannelYellowSubscribed = "client-channel_yellow_subscribed",
   CheckUpdate = "client-check_update",
+  ClientInfoCountry = "client-client_info_country",
+  ClientInfoForumAccount = "client-client_info_forum_account",
+  ClientInfoOnlineTime = "client-client_info_online_time",
+  ClientInfoStatus = "client-client_info_status",
+  ClientInfoVersion = "client-client_info_version",
+  ClientInfoVolume = "client-client_info_volume",
   CloseButton = "client-close_button",
   ComplaintList = "client-complaint_list",
   ConflictIcon = "client-conflict-icon",
diff --git a/shared/svg-sprites/country-flags.d.ts b/shared/svg-sprites/country-flags.d.ts
index 2b189586..1726e183 100644
--- a/shared/svg-sprites/country-flags.d.ts
+++ b/shared/svg-sprites/country-flags.d.ts
@@ -3,9 +3,9 @@
  *
  * This file has been auto generated by the svg-sprite generator.
  * Sprite source directory: G:\TeaSpeak\web\shared\img\country-flags
- * Sprite count: 256
+ * Sprite count: 260
  */
-export type CountryFlagClass = "flag-abkhazia" | "flag-afghanistan" | "flag-aland_islands" | "flag-albania" | "flag-algeria" | "flag-american_samoa" | "flag-andorra" | "flag-angola" | "flag-anguilla" | "flag-antigua_and_barbuda" | "flag-argentina" | "flag-armenia" | "flag-australia" | "flag-austria" | "flag-azerbaijan" | "flag-azores_islands" | "flag-bahamas" | "flag-bahrain" | "flag-balearic_islands" | "flag-bangladesh" | "flag-barbados" | "flag-basque_country" | "flag-belarus" | "flag-belgium" | "flag-belize" | "flag-benin" | "flag-bermuda" | "flag-bhutan" | "flag-bolivia" | "flag-bonaire" | "flag-bosnia_and_herzegovina" | "flag-botswana" | "flag-brazil" | "flag-british_indian_ocean_territory" | "flag-british_virgin_islands" | "flag-brunei" | "flag-bulgaria" | "flag-burkina_faso" | "flag-burundi" | "flag-cambodia" | "flag-cameroon" | "flag-canada" | "flag-canary_islands" | "flag-cape_verde" | "flag-cayman_islands" | "flag-central_african_republic" | "flag-ceuta" | "flag-chad" | "flag-chile" | "flag-china" | "flag-christmas_island" | "flag-cocos_island" | "flag-colombia" | "flag-comoros" | "flag-cook_islands" | "flag-corsica" | "flag-costa_rica" | "flag-croatia" | "flag-curacao" | "flag-cyprus" | "flag-czech_republic" | "flag-democratic_republic_of_congo" | "flag-denmark" | "flag-djibouti" | "flag-dominica" | "flag-dominican_republic" | "flag-east_timor" | "flag-ecuador" | "flag-egypt" | "flag-el_salvador" | "flag-england" | "flag-equatorial_guinea" | "flag-eritrea" | "flag-estonia" | "flag-ethiopia" | "flag-european_union" | "flag-falkland_islands" | "flag-faroe_islands" | "flag-fiji" | "flag-finland" | "flag-france" | "flag-french_polynesia" | "flag-gabon" | "flag-galapagos_islands" | "flag-gambia" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-gibraltar" | "flag-greenland" | "flag-grenada" | "flag-guam" | "flag-guatemala" | "flag-guernsey" | "flag-guinea" | "flag-guinea_bissau" | "flag-haiti" | "flag-hawaii" | "flag-honduras" | "flag-hong_kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-iran" | "flag-iraq" | "flag-ireland" | "flag-isle_of_man" | "flag-israel" | "flag-italy" | "flag-ivory_coast" | "flag-jamaica" | "flag-japan" | "flag-jersey" | "flag-jordan" | "flag-kazakhstan" | "flag-kenya" | "flag-kosovo" | "flag-kuwait" | "flag-kyrgyzstan" | "flag-laos" | "flag-latvia" | "flag-lebanon" | "flag-lesotho" | "flag-liberia" | "flag-libya" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-madagascar" | "flag-madeira" | "flag-malawi" | "flag-malaysia" | "flag-maldives" | "flag-mali" | "flag-malta" | "flag-marshall_island" | "flag-martinique" | "flag-mauritania" | "flag-mauritius" | "flag-melilla" | "flag-mexico" | "flag-micronesia" | "flag-moldova" | "flag-monaco" | "flag-mongolia" | "flag-montenegro" | "flag-montserrat" | "flag-morocco" | "flag-mozambique" | "flag-myanmar" | "flag-namibia" | "flag-nauru" | "flag-nepal" | "flag-netherlands" | "flag-new_zealand" | "flag-nicaragua" | "flag-niger" | "flag-nigeria" | "flag-niue" | "flag-norfolk_island" | "flag-north_korea" | "flag-northen_cyprus" | "flag-northern_marianas_islands" | "flag-norway" | "flag-oman" | "flag-orkney_islands" | "flag-ossetia" | "flag-otan" | "flag-pakistan" | "flag-palau" | "flag-palestine" | "flag-panama" | "flag-papua_new_guinea" | "flag-paraguay" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puerto_rico" | "flag-qatar" | "flag-rapa_nui" | "flag-republic_of_macedonia" | "flag-republic_of_the_congo" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saba_island" | "flag-sahrawi_arab_democratic_republic" | "flag-saint_kitts_and_nevis" | "flag-samoa" | "flag-san_marino" | "flag-sao_tome_and_principe" | "flag-sardinia" | "flag-saudi_arabia" | "flag-scotland" | "flag-senegal" | "flag-serbia" | "flag-seychelles" | "flag-sicily" | "flag-sierra_leone" | "flag-singapore" | "flag-sint_eustatius" | "flag-sint_maarten" | "flag-slovakia" | "flag-slovenia" | "flag-solomon_islands" | "flag-somalia" | "flag-somaliland" | "flag-south_africa" | "flag-south_korea" | "flag-south_sudan" | "flag-spain" | "flag-sri_lanka" | "flag-st_barts" | "flag-st_lucia" | "flag-st_vincent_and_the_grenadines" | "flag-sudan" | "flag-suriname" | "flag-sweden" | "flag-switzerland" | "flag-syria" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-tibet" | "flag-togo" | "flag-tokelau" | "flag-tonga" | "flag-transnistria" | "flag-trinidad_and_tobago" | "flag-tubalu" | "flag-tunisia" | "flag-turkey" | "flag-turkmenistan" | "flag-turks_and_caicos" | "flag-uganda" | "flag-ukraine" | "flag-united_arab_emirates" | "flag-united_kingdom" | "flag-united_nations" | "flag-united_states_of_america" | "flag-uruguay" | "flag-uzbekistn" | "flag-vanuatu" | "flag-vatican_city" | "flag-venezuela" | "flag-vietnam" | "flag-virgin_islands" | "flag-wales" | "flag-worldwide" | "flag-yemen" | "flag-zambia" | "flag-zimbabwe";
+export type CountryFlagClass = "flag-abkhazia" | "flag-afghanistan" | "flag-aland_islands" | "flag-albania" | "flag-algeria" | "flag-american_samoa" | "flag-andorra" | "flag-angola" | "flag-anguilla" | "flag-antigua_and_barbuda" | "flag-argentina" | "flag-armenia" | "flag-aruba" | "flag-australia" | "flag-austria" | "flag-azerbaijan" | "flag-azores_islands" | "flag-bahamas" | "flag-bahrain" | "flag-balearic_islands" | "flag-bangladesh" | "flag-barbados" | "flag-basque_country" | "flag-belarus" | "flag-belgium" | "flag-belize" | "flag-benin" | "flag-bermuda" | "flag-bhutan" | "flag-bolivia" | "flag-bonaire" | "flag-bosnia_and_herzegovina" | "flag-botswana" | "flag-brazil" | "flag-british_columbia" | "flag-british_indian_ocean_territory" | "flag-british_virgin_islands" | "flag-brunei" | "flag-bulgaria" | "flag-burkina_faso" | "flag-burundi" | "flag-cambodia" | "flag-cameroon" | "flag-canada" | "flag-canary_islands" | "flag-cape_verde" | "flag-cayman_islands" | "flag-central_african_republic" | "flag-ceuta" | "flag-chad" | "flag-chile" | "flag-china" | "flag-christmas_island" | "flag-cocos_island" | "flag-colombia" | "flag-comoros" | "flag-cook_islands" | "flag-corsica" | "flag-costa_rica" | "flag-croatia" | "flag-cuba" | "flag-curacao" | "flag-cyprus" | "flag-czech_republic" | "flag-democratic_republic_of_congo" | "flag-denmark" | "flag-djibouti" | "flag-dominica" | "flag-dominican_republic" | "flag-east_timor" | "flag-ecuador" | "flag-egypt" | "flag-el_salvador" | "flag-england" | "flag-equatorial_guinea" | "flag-eritrea" | "flag-estonia" | "flag-ethiopia" | "flag-european_union" | "flag-falkland_islands" | "flag-faroe_islands" | "flag-fiji" | "flag-finland" | "flag-france" | "flag-french_polynesia" | "flag-gabon" | "flag-galapagos_islands" | "flag-gambia" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-gibraltar" | "flag-greece" | "flag-greenland" | "flag-grenada" | "flag-guam" | "flag-guatemala" | "flag-guernsey" | "flag-guinea" | "flag-guinea_bissau" | "flag-haiti" | "flag-hawaii" | "flag-honduras" | "flag-hong_kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-iran" | "flag-iraq" | "flag-ireland" | "flag-isle_of_man" | "flag-israel" | "flag-italy" | "flag-ivory_coast" | "flag-jamaica" | "flag-japan" | "flag-jersey" | "flag-jordan" | "flag-kazakhstan" | "flag-kenya" | "flag-kosovo" | "flag-kuwait" | "flag-kyrgyzstan" | "flag-laos" | "flag-latvia" | "flag-lebanon" | "flag-lesotho" | "flag-liberia" | "flag-libya" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-madagascar" | "flag-madeira" | "flag-malawi" | "flag-malaysia" | "flag-maldives" | "flag-mali" | "flag-malta" | "flag-marshall_island" | "flag-martinique" | "flag-mauritania" | "flag-mauritius" | "flag-melilla" | "flag-mexico" | "flag-micronesia" | "flag-moldova" | "flag-monaco" | "flag-mongolia" | "flag-montenegro" | "flag-montserrat" | "flag-morocco" | "flag-mozambique" | "flag-myanmar" | "flag-namibia" | "flag-nauru" | "flag-nepal" | "flag-netherlands" | "flag-new_zealand" | "flag-nicaragua" | "flag-niger" | "flag-nigeria" | "flag-niue" | "flag-norfolk_island" | "flag-north_korea" | "flag-northen_cyprus" | "flag-northern_marianas_islands" | "flag-norway" | "flag-oman" | "flag-orkney_islands" | "flag-ossetia" | "flag-otan" | "flag-pakistan" | "flag-palau" | "flag-palestine" | "flag-panama" | "flag-papua_new_guinea" | "flag-paraguay" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puerto_rico" | "flag-qatar" | "flag-rapa_nui" | "flag-republic_of_macedonia" | "flag-republic_of_the_congo" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saba_island" | "flag-sahrawi_arab_democratic_republic" | "flag-saint_kitts_and_nevis" | "flag-samoa" | "flag-san_marino" | "flag-sao_tome_and_principe" | "flag-sardinia" | "flag-saudi_arabia" | "flag-scotland" | "flag-senegal" | "flag-serbia" | "flag-seychelles" | "flag-sicily" | "flag-sierra_leone" | "flag-singapore" | "flag-sint_eustatius" | "flag-sint_maarten" | "flag-slovakia" | "flag-slovenia" | "flag-solomon_islands" | "flag-somalia" | "flag-somaliland" | "flag-south_africa" | "flag-south_korea" | "flag-south_sudan" | "flag-spain" | "flag-sri_lanka" | "flag-st_barts" | "flag-st_lucia" | "flag-st_vincent_and_the_grenadines" | "flag-sudan" | "flag-suriname" | "flag-sweden" | "flag-switzerland" | "flag-syria" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-tibet" | "flag-togo" | "flag-tokelau" | "flag-tonga" | "flag-transnistria" | "flag-trinidad_and_tobago" | "flag-tubalu" | "flag-tunisia" | "flag-turkey" | "flag-turkmenistan" | "flag-turks_and_caicos" | "flag-uganda" | "flag-ukraine" | "flag-united_arab_emirates" | "flag-united_kingdom" | "flag-united_nations" | "flag-united_states_of_america" | "flag-uruguay" | "flag-uzbekistn" | "flag-vanuatu" | "flag-vatican_city" | "flag-venezuela" | "flag-vietnam" | "flag-virgin_islands" | "flag-wales" | "flag-worldwide" | "flag-yemen" | "flag-zambia" | "flag-zimbabwe";
 
 export enum CountryFlag {
   Abkhazia = "flag-abkhazia",
@@ -20,6 +20,7 @@ export enum CountryFlag {
   AntiguaAndBarbuda = "flag-antigua_and_barbuda",
   Argentina = "flag-argentina",
   Armenia = "flag-armenia",
+  Aruba = "flag-aruba",
   Australia = "flag-australia",
   Austria = "flag-austria",
   Azerbaijan = "flag-azerbaijan",
@@ -41,6 +42,7 @@ export enum CountryFlag {
   BosniaAndHerzegovina = "flag-bosnia_and_herzegovina",
   Botswana = "flag-botswana",
   Brazil = "flag-brazil",
+  BritishColumbia = "flag-british_columbia",
   BritishIndianOceanTerritory = "flag-british_indian_ocean_territory",
   BritishVirginIslands = "flag-british_virgin_islands",
   Brunei = "flag-brunei",
@@ -66,6 +68,7 @@ export enum CountryFlag {
   Corsica = "flag-corsica",
   CostaRica = "flag-costa_rica",
   Croatia = "flag-croatia",
+  Cuba = "flag-cuba",
   Curacao = "flag-curacao",
   Cyprus = "flag-cyprus",
   CzechRepublic = "flag-czech_republic",
@@ -97,6 +100,7 @@ export enum CountryFlag {
   Germany = "flag-germany",
   Ghana = "flag-ghana",
   Gibraltar = "flag-gibraltar",
+  Greece = "flag-greece",
   Greenland = "flag-greenland",
   Grenada = "flag-grenada",
   Guam = "flag-guam",
diff --git a/webpack.config.ts b/webpack.config.ts
index 3dbe27d5..d66abe6f 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -303,7 +303,16 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
                 },
                 {
                     test: /\.svg$/,
-                    use: 'svg-inline-loader'
+                    use: [{
+                        loader: '@svgr/webpack',
+                        options: {
+                            svgoConfig: {
+                                plugins: {
+                                    removeViewBox: false
+                                }
+                            }
+                        }
+                    }],
                 },
                 {
                     test: /\.(png|jpg|jpeg|gif)?$/,
@@ -350,9 +359,13 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
             contentBase: path.join(__dirname, 'dist'),
             writeToDisk: true,
             compress: true,
+
+            /* hot dosn't work because of our loader */
             hot: false,
-            inline: false,
+            hotOnly: false,
+
             liveReload: false,
+            inline: false
         },
     };
 };
\ No newline at end of file

From f7c62fbbe0194bbfb989af542f8f9cec923d807d Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 15:31:59 +0100
Subject: [PATCH 058/128] Fixed the file browser modal

---
 ChangeLog.md                                  |  2 ++
 .../transfer/FileBrowserControllerRemote.ts   | 23 ++++++++-----------
 .../ui/modal/transfer/FileBrowserRenderer.tsx | 23 +++++++++++--------
 .../ui/modal/transfer/ModalFileTransfer.tsx   |  7 +++---
 4 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 89ae022c..3d7104a6 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -3,6 +3,8 @@
     - Made the permission editor popoutable
     - Now using SVG flags for higher quality.
     - Fixed issue [#74](https://github.com/TeaSpeak/TeaWeb/issues/74) (Swiss flag box has black background)
+    - Fixed issue that middle clicking on the channel does not shows the channel file browser instead it shows the global one
+  
 * **21.03.21**
     - Reworked the server group assignment modal. It now better reacts to the user input as well is now popoutable
   
diff --git a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
index 9638c44c..78da1b78 100644
--- a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
+++ b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
@@ -73,10 +73,19 @@ function parsePath(path: string, connection: ConnectionHandler): PathInfo {
 }
 
 export function initializeRemoteFileBrowserController(connection: ConnectionHandler, events: Registry<FileBrowserEvents>) {
+    /* currently selected files */
+    let currentPath = "/";
+    let currentPathInfo: PathInfo;
+    let selection: { name: string, type: FileType }[] = [];
+
     events.on("action_navigate_to", event => {
         try {
             const info = parsePath(event.path, connection);
 
+            currentPathInfo = info;
+            currentPath = event.path;
+            selection = [];
+
             events.fire_react("notify_current_path", {
                 path: event.path || "/",
                 status: "success",
@@ -370,20 +379,6 @@ export function initializeRemoteFileBrowserController(connection: ConnectionHand
         });
     });
 
-    /* currently selected files */
-    let currentPath = "/";
-    let currentPathInfo: PathInfo;
-    let selection: { name: string, type: FileType }[] = [];
-    events.on("notify_current_path", result => {
-        if (result.status !== "success") {
-            return;
-        }
-
-        currentPathInfo = result.pathInfo;
-        currentPath = result.path;
-        selection = [];
-    });
-
     events.on("query_current_path", () => events.fire_react("notify_current_path", {
         status: "success",
         path: currentPath,
diff --git a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
index 44dcd227..91afb170 100644
--- a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
+++ b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
@@ -148,15 +148,20 @@ export class NavigationBar extends ReactComponentBase<NavigationBarProperties, N
     protected defaultState(): NavigationBarState {
         return {
             currentPath: this.props.initialPath,
-            state: "normal",
+            state: "navigating",
         }
     }
 
+    componentDidMount() {
+        this.props.events.fire("query_current_path");
+    }
+
     render() {
         let input;
         let path = this.state.currentPath;
-        if (!path.endsWith("/"))
+        if (!path.endsWith("/")) {
             path += "/";
+        }
 
         if (this.state.state === "editing") {
             input = (
@@ -239,17 +244,19 @@ export class NavigationBar extends ReactComponentBase<NavigationBarProperties, N
 
     componentDidUpdate(prevProps: Readonly<NavigationBarProperties>, prevState: Readonly<NavigationBarState>, snapshot?: any): void {
         setTimeout(() => {
-            if (this.refRendered.current)
+            if (this.refRendered.current) {
                 this.refRendered.current.scrollLeft = 999999;
+            }
         }, 10);
     }
 
     private onPathClicked(event: React.MouseEvent, index: number) {
         let path;
-        if (index === -1)
+        if (index === -1) {
             path = "/";
-        else
+        } else {
             path = "/" + this.state.currentPath.split("/").filter(e => !!e).slice(0, index + 1).join("/") + "/";
+        }
         this.props.events.fire("action_navigate_to", {path: path});
 
         event.stopPropagation();
@@ -266,8 +273,9 @@ export class NavigationBar extends ReactComponentBase<NavigationBarProperties, N
     }
 
     private onInputPathBluer() {
-        if (this.state.state !== "editing" || this.ignoreBlur)
+        if (this.state.state !== "editing" || this.ignoreBlur) {
             return;
+        }
 
         this.setState({
             state: "normal"
@@ -1144,9 +1152,6 @@ export class FileBrowserRenderer extends ReactComponentBase<FileListTablePropert
         this.currentPath = this.props.initialPath;
 
         this.props.events.fire("query_current_path", {});
-        this.props.events.fire("query_files", {
-            path: this.currentPath
-        });
     }
 
     private onDrop(event: React.DragEvent) {
diff --git a/shared/js/ui/modal/transfer/ModalFileTransfer.tsx b/shared/js/ui/modal/transfer/ModalFileTransfer.tsx
index 51827845..8a678c50 100644
--- a/shared/js/ui/modal/transfer/ModalFileTransfer.tsx
+++ b/shared/js/ui/modal/transfer/ModalFileTransfer.tsx
@@ -27,18 +27,17 @@ class FileTransferModal extends InternalModal {
         this.remoteBrowseEvents.enableDebug("remote-file-browser");
         this.transferInfoEvents.enableDebug("transfer-info");
 
+        const path = this.defaultChannelId ? "/" + channelPathPrefix + this.defaultChannelId + "/" : "/";
         initializeRemoteFileBrowserController(server_connections.getActiveConnectionHandler(), this.remoteBrowseEvents);
         initializeTransferInfoController(server_connections.getActiveConnectionHandler(), this.transferInfoEvents);
-    }
-
-    protected onInitialize() {
-        const path = this.defaultChannelId ? "/" + channelPathPrefix + this.defaultChannelId + "/" : "/";
         this.remoteBrowseEvents.fire("action_navigate_to", { path: path });
     }
 
     protected onDestroy() {
         this.remoteBrowseEvents.fire("notify_destroy");
         this.transferInfoEvents.fire("notify_destroy");
+        this.remoteBrowseEvents.destroy();
+        this.transferInfoEvents.destroy();
     }
 
     renderTitle() {

From be8d8acec14ce0989ee9d0dc3b73b50eae8a0984 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 15:52:06 +0100
Subject: [PATCH 059/128] Correctly including using the permission editor group
 svgs

---
 shared/img/client-icons/group_add.svg         | 10 ++++++++++
 shared/img/client-icons/group_delete.svg      | 13 +++++++++++++
 .../client-icons/group_permission_copy.svg    |  7 +++++++
 shared/img/client-icons/group_rename.svg      | 12 ++++++++++++
 shared/img/icon_group_add.svg                 | 11 -----------
 shared/img/icon_group_delete.svg              |  3 ---
 shared/img/icon_group_permission_copy.svg     |  9 ---------
 shared/img/icon_group_rename.svg              |  3 ---
 .../js/ui/modal/permission/ModalRenderer.scss |  6 ++----
 .../js/ui/modal/permission/ModalRenderer.tsx  | 19 +++++++++++--------
 shared/svg-sprites/client-icons.d.ts          |  8 ++++++--
 11 files changed, 61 insertions(+), 40 deletions(-)
 create mode 100644 shared/img/client-icons/group_add.svg
 create mode 100644 shared/img/client-icons/group_delete.svg
 create mode 100644 shared/img/client-icons/group_permission_copy.svg
 create mode 100644 shared/img/client-icons/group_rename.svg
 delete mode 100644 shared/img/icon_group_add.svg
 delete mode 100644 shared/img/icon_group_delete.svg
 delete mode 100644 shared/img/icon_group_permission_copy.svg
 delete mode 100644 shared/img/icon_group_rename.svg

diff --git a/shared/img/client-icons/group_add.svg b/shared/img/client-icons/group_add.svg
new file mode 100644
index 00000000..28777c2b
--- /dev/null
+++ b/shared/img/client-icons/group_add.svg
@@ -0,0 +1,10 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <style type="text/css">.st0{fill:#666666;}</style>
+ <g transform="scale(.25)">
+  <g id="Icon-Plus" transform="translate(28,278)">
+   <path class="st0" d="m4-222.1c-13.2 0-23.9-10.7-23.9-23.9s10.7-23.9 23.9-23.9 23.9 10.7 23.9 23.9-10.7 23.9-23.9 23.9zm0-45.2c-11.7 0-21.3 9.6-21.3 21.3s9.6 21.3 21.3 21.3 21.3-9.6 21.3-21.3-9.6-21.3-21.3-21.3z"/>
+   <polygon class="st0" points="16.7 -247.4 16.7 -244.6 -8.7 -244.6 -8.7 -247.4"/>
+   <polygon class="st0" points="5.4 -258.7 5.4 -233.3 2.6 -233.3 2.6 -258.7"/>
+  </g>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/group_delete.svg b/shared/img/client-icons/group_delete.svg
new file mode 100644
index 00000000..4ac8d29e
--- /dev/null
+++ b/shared/img/client-icons/group_delete.svg
@@ -0,0 +1,13 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <style type="text/css">.st0{fill:#666666;}</style>
+ <g transform="matrix(.25 0 0 .25 0 .0125)">
+  <g id="Icon-Trash" transform="translate(232,228)">
+   <polygon class="st0" points="-207.5 -205.1 -204.5 -205.1 -204.5 -181.1 -207.5 -181.1"/>
+   <polygon class="st0" points="-201.5 -205.1 -198.5 -205.1 -198.5 -181.1 -201.5 -181.1"/>
+   <polygon class="st0" points="-195.5 -205.1 -192.5 -205.1 -192.5 -181.1 -195.5 -181.1"/>
+   <polygon class="st0" points="-219.5 -214.1 -180.5 -214.1 -180.5 -211.1 -219.5 -211.1"/>
+   <path class="st0" d="m-192.6-212.6h-2.8v-3c0-.9-.7-1.6-1.6-1.6h-6c-.9 0-1.6.7-1.6 1.6v3h-2.8v-3c0-2.4 2-4.4 4.4-4.4h6c2.4 0 4.4 2 4.4 4.4v3"/>
+   <path class="st0" d="m-191-172.1h-18c-2.4 0-4.5-2-4.7-4.4l-2.8-36 3-.2 2.8 36c.1.9.9 1.6 1.7 1.6h18c.9 0 1.7-.8 1.7-1.6l2.8-36 3 .2-2.8 36c-.2 2.5-2.3 4.4-4.7 4.4"/>
+  </g>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/group_permission_copy.svg b/shared/img/client-icons/group_permission_copy.svg
new file mode 100644
index 00000000..5ad342fe
--- /dev/null
+++ b/shared/img/client-icons/group_permission_copy.svg
@@ -0,0 +1,7 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <style type="text/css">.st0{fill:#666666;}</style>
+ <g transform="scale(.03125)">
+  <polygon class="st0" points="288 96 288 176 368 176 368 160 304 160 304 96"/>
+  <path class="st0" d="m325.3 64h-165.3v48h-48v336h240v-48h48v-261zm10.7 368h-208v-304h32v272h176zm48-48h-208v-304h142.7l65.3 65.6z"/>
+ </g>
+</svg>
diff --git a/shared/img/client-icons/group_rename.svg b/shared/img/client-icons/group_rename.svg
new file mode 100644
index 00000000..61a2a78f
--- /dev/null
+++ b/shared/img/client-icons/group_rename.svg
@@ -0,0 +1,12 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <style type="text/css">.st0{fill:#666666;}</style>
+ <g transform="matrix(.25 0 0 .25 -.1 -.1)">
+  <g id="Icon-Pencil" transform="translate(179,382)">
+   <path class="st0" d="m-168.2-328 3.7-14.9 22.7-22.7 11.2 11.2-22.7 22.7zm6.3-13.5-2.4 9.6 9.6-2.4 20.2-20.2-7.2-7.2z"/>
+   <path class="st0" d="m-155.7-332.6c-1-3.9-4-6.9-7.9-7.9l.7-2.8c4.9 1.2 8.7 5 9.9 9.9l-2.7.8"/>
+   <polyline class="st0" points="-156 -338.1 -158 -340.2 -138.1 -360.1 -136.1 -358.1 -156 -338.1"/>
+   <path class="st0" d="m-166.2-330 4.4-1.1c-.4-1.6-1.7-2.9-3.3-3.3l-1.1 4.4"/>
+   <path class="st0" d="m-129.5-355.5-11.2-11.2 4.5-4.5.7.1c5.4.7 9.7 5 10.4 10.4l.1.7zm-7.1-11.2 7.2 7.2 1.4-1.4c-.8-3.6-3.6-6.4-7.2-7.2z"/>
+  </g>
+ </g>
+</svg>
diff --git a/shared/img/icon_group_add.svg b/shared/img/icon_group_add.svg
deleted file mode 100644
index 10bac136..00000000
--- a/shared/img/icon_group_add.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'
-        'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
-<svg id="Layer_1" style="enable-background:new 0 0 64 64;" version="1.1" viewBox="0 0 64 64" xml:space="preserve"
-     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
-	.st0{fill:#666666;}
-</style>
-    <g><g id="Icon-Plus" transform="translate(28.000000, 278.000000)">
-        <path class="st0" d="M4-222.1c-13.2,0-23.9-10.7-23.9-23.9c0-13.2,10.7-23.9,23.9-23.9s23.9,10.7,23.9,23.9     C27.9-232.8,17.2-222.1,4-222.1L4-222.1z M4-267.3c-11.7,0-21.3,9.6-21.3,21.3s9.6,21.3,21.3,21.3s21.3-9.6,21.3-21.3     S15.7-267.3,4-267.3L4-267.3z" id="Fill-38"/><polygon
-            class="st0" id="Fill-39" points="-8.7,-247.4 16.7,-247.4 16.7,-244.6 -8.7,-244.6    "/><polygon class="st0"
-                                                                                                            id="Fill-40"
-                                                                                                            points="2.6,-258.7 5.4,-258.7 5.4,-233.3 2.6,-233.3    "/></g></g></svg>
\ No newline at end of file
diff --git a/shared/img/icon_group_delete.svg b/shared/img/icon_group_delete.svg
deleted file mode 100644
index 8d653ce1..00000000
--- a/shared/img/icon_group_delete.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg id="Layer_1" style="enable-background:new 0 0 64 64;" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
-	.st0{fill:#666666;}
-</style><g><g id="Icon-Trash" transform="translate(232.000000, 228.000000)"><polygon class="st0" id="Fill-6" points="-207.5,-205.1 -204.5,-205.1 -204.5,-181.1 -207.5,-181.1    "/><polygon class="st0" id="Fill-7" points="-201.5,-205.1 -198.5,-205.1 -198.5,-181.1 -201.5,-181.1    "/><polygon class="st0" id="Fill-8" points="-195.5,-205.1 -192.5,-205.1 -192.5,-181.1 -195.5,-181.1    "/><polygon class="st0" id="Fill-9" points="-219.5,-214.1 -180.5,-214.1 -180.5,-211.1 -219.5,-211.1    "/><path class="st0" d="M-192.6-212.6h-2.8v-3c0-0.9-0.7-1.6-1.6-1.6h-6c-0.9,0-1.6,0.7-1.6,1.6v3h-2.8v-3     c0-2.4,2-4.4,4.4-4.4h6c2.4,0,4.4,2,4.4,4.4V-212.6" id="Fill-10"/><path class="st0" d="M-191-172.1h-18c-2.4,0-4.5-2-4.7-4.4l-2.8-36l3-0.2l2.8,36c0.1,0.9,0.9,1.6,1.7,1.6h18     c0.9,0,1.7-0.8,1.7-1.6l2.8-36l3,0.2l-2.8,36C-186.5-174-188.6-172.1-191-172.1" id="Fill-11"/></g></g></svg>
\ No newline at end of file
diff --git a/shared/img/icon_group_permission_copy.svg b/shared/img/icon_group_permission_copy.svg
deleted file mode 100644
index 74548243..00000000
--- a/shared/img/icon_group_permission_copy.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'
-        'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
-<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512"
-     width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <style type="text/css">
-        .st0{fill:#666666;}
-    </style>
-    <g><polygon class="st0" points="304,96 288,96 288,176 368,176 368,160 304,160  "/><path class="st0"
-        d="M325.3,64H160v48h-48v336h240v-48h48V139L325.3,64z M336,432H128V128h32v272h176V432z M384,384H176V80h142.7l65.3,65.6V384 z"/></g></svg>
\ No newline at end of file
diff --git a/shared/img/icon_group_rename.svg b/shared/img/icon_group_rename.svg
deleted file mode 100644
index 0e1e888b..00000000
--- a/shared/img/icon_group_rename.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg id="Layer_1" style="enable-background:new 0 0 64 64;" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
-	.st0{fill:#666666;}
-</style><g><g id="Icon-Pencil" transform="translate(179.000000, 382.000000)"><path class="st0" d="M-168.2-328l3.7-14.9l22.7-22.7l11.2,11.2l-22.7,22.7L-168.2-328L-168.2-328z M-161.9-341.5     l-2.4,9.6l9.6-2.4l20.2-20.2l-7.2-7.2L-161.9-341.5L-161.9-341.5z" id="Fill-168"/><path class="st0" d="M-155.7-332.6c-1-3.9-4-6.9-7.9-7.9l0.7-2.8c4.9,1.2,8.7,5,9.9,9.9L-155.7-332.6" id="Fill-169"/><polyline class="st0" id="Fill-170" points="-156,-338.1 -158,-340.2 -138.1,-360.1 -136.1,-358.1 -156,-338.1    "/><path class="st0" d="M-166.2-330l4.4-1.1c-0.4-1.6-1.7-2.9-3.3-3.3L-166.2-330" id="Fill-171"/><path class="st0" d="M-129.5-355.5l-11.2-11.2l4.5-4.5l0.7,0.1c5.4,0.7,9.7,5,10.4,10.4l0.1,0.7L-129.5-355.5     L-129.5-355.5z M-136.6-366.7l7.2,7.2l1.4-1.4c-0.8-3.6-3.6-6.4-7.2-7.2L-136.6-366.7L-136.6-366.7z" id="Fill-172"/></g></g></svg>
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/ModalRenderer.scss b/shared/js/ui/modal/permission/ModalRenderer.scss
index 22aca55e..3318f8f5 100644
--- a/shared/js/ui/modal/permission/ModalRenderer.scss
+++ b/shared/js/ui/modal/permission/ModalRenderer.scss
@@ -322,10 +322,8 @@ html:root {
 
             @include transition(background-color .25s ease-in-out);
 
-            img {
-                width: 2.2em;
-                height: 2.2em;
-
+            .icon {
+                font-size: 2.2em;
                 align-self: center;
             }
         }
diff --git a/shared/js/ui/modal/permission/ModalRenderer.tsx b/shared/js/ui/modal/permission/ModalRenderer.tsx
index bc3b0420..89f87773 100644
--- a/shared/js/ui/modal/permission/ModalRenderer.tsx
+++ b/shared/js/ui/modal/permission/ModalRenderer.tsx
@@ -25,6 +25,7 @@ import {ContextDivider} from "tc-shared/ui/react-elements/ContextDivider";
 import {EditorRenderer} from "tc-shared/ui/modal/permission/EditorRenderer";
 import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
 import {ClientIcon} from "svg-sprites/client-icons";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 
 const cssStyle = require("./ModalRenderer.scss");
 
@@ -33,11 +34,13 @@ const ModalEventContext = React.createContext<Registry<PermissionModalEvents>>(u
 const EditorEventContext = React.createContext<Registry<PermissionEditorEvents>>(undefined);
 const ServerInfoContext = React.createContext<PermissionEditorServerInfo>(undefined);
 
-const GroupsButton = (props: { image: string, alt: string, onClick?: () => void, disabled: boolean }) => {
+const GroupsButton = (props: { clientIcon: ClientIcon, alt: string, onClick?: () => void, disabled: boolean }) => {
     return (
-        <div className={cssStyle.button + " " + (props.disabled ? cssStyle.disabled : "")}
-             onClick={() => !props.disabled && props.onClick()}>
-            <img src={props.image} alt={props.alt}/>
+        <div
+            className={cssStyle.button + " " + (props.disabled ? cssStyle.disabled : "")}
+            onClick={() => !props.disabled && props.onClick()}
+        >
+            <ClientIconRenderer icon={props.clientIcon} className={cssStyle.icon} />
         </div>
     );
 };
@@ -177,7 +180,7 @@ class GroupsList extends React.PureComponent<{ events: Registry<PermissionModalE
             </div>,
             <div key={"buttons"} className={cssStyle.buttons}>
                 <GroupsButton
-                    image={"img/icon_group_add.svg"}
+                    clientIcon={ClientIcon.GroupAdd}
                     alt={this.props.target === "server" ? tr("Add server group") : tr("Add channel group")}
                     disabled={this.state.disableGroupAdd}
                     onClick={() => this.props.events.fire("action_create_group", {
@@ -186,13 +189,13 @@ class GroupsList extends React.PureComponent<{ events: Registry<PermissionModalE
                     })}
                 />
                 <GroupsButton
-                    image={"img/icon_group_rename.svg"}
+                    clientIcon={ClientIcon.GroupRename}
                     alt={this.props.target === "server" ? tr("Rename server group") : tr("Rename channel group")}
                     onClick={() => this.onGroupRename()}
                     disabled={this.state.disableGroupRename}
                 />
                 <GroupsButton
-                    image={"img/icon_group_permission_copy.svg"}
+                    clientIcon={ClientIcon.GroupPermissionCopy}
                     alt={this.props.target === "server" ? tr("Copy server group permissions") : tr("Copy channel group permissions")}
                     disabled={this.state.disablePermissionCopy}
                     onClick={() => this.props.events.fire("action_group_copy_permissions", {
@@ -201,7 +204,7 @@ class GroupsList extends React.PureComponent<{ events: Registry<PermissionModalE
                     })}
                 />
                 <GroupsButton
-                    image={"img/icon_group_delete.svg"}
+                    clientIcon={ClientIcon.GroupDelete}
                     alt={this.props.target === "server" ? tr("Delete server group") : tr("Delete channel group")}
                     disabled={this.state.disableDelete}
                     onClick={() => this.onGroupDelete()}
diff --git a/shared/svg-sprites/client-icons.d.ts b/shared/svg-sprites/client-icons.d.ts
index 7d87d1ad..a12d497b 100644
--- a/shared/svg-sprites/client-icons.d.ts
+++ b/shared/svg-sprites/client-icons.d.ts
@@ -3,9 +3,9 @@
  *
  * This file has been auto generated by the svg-sprite generator.
  * Sprite source directory: G:\TeaSpeak\web\shared\img\client-icons
- * Sprite count: 217
+ * Sprite count: 221
  */
-export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-avatar_upload" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-client_info_country" | "client-client_info_forum_account" | "client-client_info_online_time" | "client-client_info_status" | "client-client_info_version" | "client-client_info_volume" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-image_preview_browse" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
+export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-avatar_upload" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-client_info_country" | "client-client_info_forum_account" | "client-client_info_online_time" | "client-client_info_status" | "client-client_info_version" | "client-client_info_volume" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-group_add" | "client-group_delete" | "client-group_permission_copy" | "client-group_rename" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-image_preview_browse" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
 
 export enum ClientIcon {
   About = "client-about",
@@ -98,6 +98,10 @@ export enum ClientIcon {
   Group_300 = "client-group_300",
   Group_500 = "client-group_500",
   Group_600 = "client-group_600",
+  GroupAdd = "client-group_add",
+  GroupDelete = "client-group_delete",
+  GroupPermissionCopy = "client-group_permission_copy",
+  GroupRename = "client-group_rename",
   Guisetup = "client-guisetup",
   HardwareInputMuted = "client-hardware_input_muted",
   HardwareOutputMuted = "client-hardware_output_muted",

From 5cf7730b7a18bc3779020a893bf2c60aedcafb73 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 15:55:39 +0100
Subject: [PATCH 060/128] Fixed missing refactoring

---
 shared/js/ui/modal/permission/ModalRenderer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/js/ui/modal/permission/ModalRenderer.tsx b/shared/js/ui/modal/permission/ModalRenderer.tsx
index 89f87773..0d4ab870 100644
--- a/shared/js/ui/modal/permission/ModalRenderer.tsx
+++ b/shared/js/ui/modal/permission/ModalRenderer.tsx
@@ -559,13 +559,13 @@ class ServerClientList extends React.Component<{ events: Registry<PermissionModa
             </div>,
             <div key={"buttons"} className={cssStyle.buttons}>
                 <GroupsButton
-                    image={"img/icon_group_add.svg"}
+                    clientIcon={ClientIcon.GroupAdd}
                     alt={tr("Add client")}
                     disabled={this.state.disableClientAdd}
                     onClick={() => this.onClientAdd()}
                 />
                 <GroupsButton
-                    image={"img/icon_group_delete.svg"}
+                    clientIcon={ClientIcon.GroupDelete}
                     alt={tr("Remove client")}
                     disabled={this.state.disableClientRemove}
                     onClick={() => this.onClientRemove()}

From 0dd62df6649bccd10b414379b6fcf36a7138d5fd Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 16:02:16 +0100
Subject: [PATCH 061/128] Improved channel focus

---
 shared/js/ui/tree/Renderer.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/shared/js/ui/tree/Renderer.tsx b/shared/js/ui/tree/Renderer.tsx
index a33d0ff0..8c7128b1 100644
--- a/shared/js/ui/tree/Renderer.tsx
+++ b/shared/js/ui/tree/Renderer.tsx
@@ -25,7 +25,9 @@ const ContainerView = (props: { tree: RDPChannelTree, events: Registry<ChannelTr
             let target = event.target as HTMLElement;
             while(target !== refContainer.current && target) { target = target.parentElement; }
 
-            focusWithin.current = !!target;
+            if(focusWithin.current) {
+                refContainer.current?.focus();
+            }
         });
 
         let keyListener;
@@ -55,7 +57,13 @@ const ContainerView = (props: { tree: RDPChannelTree, events: Registry<ChannelTr
     });
 
     return (
-        <div className={viewStyle.treeContainer} ref={refContainer}>
+        <div
+            className={viewStyle.treeContainer}
+            ref={refContainer}
+            onBlur={() => focusWithin.current = false}
+            onFocus={() => focusWithin.current = true}
+            tabIndex={1}
+        >
             <ChannelTreeView events={props.events} dataProvider={props.tree} ref={props.tree.refTree} />
             <PopoutButton tree={props.tree} ref={props.tree.refPopoutButton} />
         </div>

From 0933690f595b3c04ca253198e74ed96aeb419723 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 16:09:43 +0100
Subject: [PATCH 062/128] Fixed youtube button style

---
 shared/js/text/bbcode/YoutubeRenderer.scss | 14 ++++----------
 shared/js/text/bbcode/YoutubeRenderer.tsx  |  3 +--
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/shared/js/text/bbcode/YoutubeRenderer.scss b/shared/js/text/bbcode/YoutubeRenderer.scss
index 81a0006a..afbda29d 100644
--- a/shared/js/text/bbcode/YoutubeRenderer.scss
+++ b/shared/js/text/bbcode/YoutubeRenderer.scss
@@ -42,21 +42,15 @@
             position: absolute;
             top: 0;
             width: 100%;
-        }
 
-        :global {
-            .ytp-large-play-button-bg {
-                fill: #212121;
-                fill-opacity: .8;
+            fill: #212121;
+            fill-opacity: .8;
 
-                -moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
-                -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
-                transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
-            }
+            transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
         }
 
         &:hover {
-            :global(.ytp-large-play-button-bg) {
+            svg {
                 fill: #f00;
                 fill-opacity: 1;
             }
diff --git a/shared/js/text/bbcode/YoutubeRenderer.tsx b/shared/js/text/bbcode/YoutubeRenderer.tsx
index f66fac97..6d0c1904 100644
--- a/shared/js/text/bbcode/YoutubeRenderer.tsx
+++ b/shared/js/text/bbcode/YoutubeRenderer.tsx
@@ -4,12 +4,11 @@ import {BBCodeHandlerContext, rendererReact, rendererText} from "tc-shared/text/
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
 import {TagElement} from "vendor/xbbcode/elements";
 import {BBCodeRenderer} from "tc-shared/text/bbcode";
-import {HTMLRenderer} from "tc-shared/ui/react-elements/HTMLRenderer";
-import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 import {spawn_context_menu} from "tc-shared/ui/elements/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
 import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
 import {useContext} from "react";
+import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 
 import IconPlay from "./YoutubePlayButton.svg";
 const cssStyle = require("./YoutubeRenderer.scss");

From f0903db92584e692cadb626e84681c243c0775e9 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 23 Mar 2021 17:37:57 +0100
Subject: [PATCH 063/128] Directly installing realpath

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index f1864b27..ac309a53 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -6,7 +6,7 @@ node_js:
 
 before_install:
   - sudo apt-get update
-  - sudo apt-get -y install coreutils
+  - sudo apt-get -y install realpath
   - chmod +x ./scripts/travis/build.sh
   - chmod +x ./scripts/travis/deploy_server.sh
   - chmod +x ./scripts/travis/deploy_github.sh

From c68c217eaf859ddddf5a20068cdf07f3dc12e1be Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 16:56:09 +0100
Subject: [PATCH 064/128] Improved the server avatar upload modal

---
 .svgo.yml                                     |   2 -
 ChangeLog.md                                  |   3 +
 package-lock.json                             | 346 +++++++++++++++++-
 package.json                                  |  14 +-
 shared/js/ConnectionHandler.ts                |  81 ----
 shared/js/Mutex.ts                            |  26 ++
 shared/js/file/Avatars.ts                     |  38 +-
 shared/js/file/ImageCache.ts                  |  11 +-
 shared/js/file/OwnAvatarStorage.ts            | 256 +++++++++++++
 shared/js/file/Utils.ts                       |  34 +-
 shared/js/main.tsx                            |   3 +-
 .../js/ui/frames/side/ClientInfoController.ts |   9 +-
 .../js/ui/modal/avatar-upload/Controller.ts   | 346 ++++++++++++++++++
 .../js/ui/modal/avatar-upload/Definitions.ts  |  33 ++
 .../js/ui/modal/avatar-upload/Renderer.scss   | 132 +++++++
 shared/js/ui/modal/avatar-upload/Renderer.tsx | 336 +++++++++++++++++
 .../js/ui/react-elements/modal/Definitions.ts |   6 +
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 webpack.config.ts                             |   5 +
 19 files changed, 1576 insertions(+), 111 deletions(-)
 delete mode 100644 .svgo.yml
 create mode 100644 shared/js/file/OwnAvatarStorage.ts
 create mode 100644 shared/js/ui/modal/avatar-upload/Controller.ts
 create mode 100644 shared/js/ui/modal/avatar-upload/Definitions.ts
 create mode 100644 shared/js/ui/modal/avatar-upload/Renderer.scss
 create mode 100644 shared/js/ui/modal/avatar-upload/Renderer.tsx

diff --git a/.svgo.yml b/.svgo.yml
deleted file mode 100644
index 767880db..00000000
--- a/.svgo.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-plugins:
-  - removeViewBox: false
\ No newline at end of file
diff --git a/ChangeLog.md b/ChangeLog.md
index 3d7104a6..092f3963 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,7 @@
 # Changelog:
+* **24.03.21**
+    - Improved the avatar upload modal (now way more intuitive)
+  
 * **23.03.21**
     - Made the permission editor popoutable
     - Now using SVG flags for higher quality.
diff --git a/package-lock.json b/package-lock.json
index a1ffeadf..a0048f34 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3426,6 +3426,11 @@
       "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
       "dev": true
     },
+    "@types/crypto-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@types/crypto-js/-/crypto-js-4.0.1.tgz",
+      "integrity": "sha512-6+OPzqhKX/cx5xh+yO8Cqg3u3alrkhoxhE5ZOdSEv0DOzJ13lwJ6laqGU0Kv6+XDMFmlnGId04LtY22PsFLQUw=="
+    },
     "@types/dompurify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-2.0.1.tgz",
@@ -4412,6 +4417,17 @@
         "safer-buffer": "~2.1.0"
       }
     },
+    "asn1.js": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
+      "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
+      "requires": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
     "asn1js": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-2.1.0.tgz",
@@ -5597,8 +5613,7 @@
     "base64-js": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
-      "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==",
-      "dev": true
+      "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g=="
     },
     "batch": {
       "version": "0.6.1",
@@ -5873,6 +5888,94 @@
       "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
       "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8="
     },
+    "browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "requires": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "requires": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "browserify-des": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "browserify-rsa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
+      "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
+      "requires": {
+        "bn.js": "^5.0.0",
+        "randombytes": "^2.0.1"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.0.tgz",
+          "integrity": "sha512-D7iWRBvnZE8ecXiLj/9wbxH7Tk79fAh8IHaTNq1RWRixsS02W+5qS+iE9yq6RYl0asXx5tw0bLhmT5pIfbSquw=="
+        }
+      }
+    },
+    "browserify-sign": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
+      "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+      "requires": {
+        "bn.js": "^5.1.1",
+        "browserify-rsa": "^4.0.1",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "elliptic": "^6.5.3",
+        "inherits": "^2.0.4",
+        "parse-asn1": "^5.1.5",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.0.tgz",
+          "integrity": "sha512-D7iWRBvnZE8ecXiLj/9wbxH7Tk79fAh8IHaTNq1RWRixsS02W+5qS+iE9yq6RYl0asXx5tw0bLhmT5pIfbSquw=="
+        },
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+        }
+      }
+    },
     "browserslist": {
       "version": "4.13.0",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.13.0.tgz",
@@ -5885,6 +5988,15 @@
         "node-releases": "^1.1.58"
       }
     },
+    "buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "requires": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
     "buffer-crc32": {
       "version": "0.2.13",
       "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
@@ -5915,6 +6027,11 @@
       "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
       "dev": true
     },
+    "buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk="
+    },
     "bytes": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
@@ -6203,6 +6320,15 @@
       "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
       "dev": true
     },
+    "cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "circular-dependency-plugin": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/circular-dependency-plugin/-/circular-dependency-plugin-5.2.0.tgz",
@@ -6796,6 +6922,40 @@
         }
       }
     },
+    "create-ecdh": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+      "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+      "requires": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.5.3"
+      }
+    },
+    "create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "requires": {
+        "cipher-base": "^1.0.3",
+        "create-hash": "^1.1.0",
+        "inherits": "^2.0.1",
+        "ripemd160": "^2.0.0",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
     "cross-spawn": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
@@ -6806,6 +6966,29 @@
         "which": "^1.2.9"
       }
     },
+    "crypto-browserify": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+      "requires": {
+        "browserify-cipher": "^1.0.0",
+        "browserify-sign": "^4.0.0",
+        "create-ecdh": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.0",
+        "diffie-hellman": "^5.0.0",
+        "inherits": "^2.0.1",
+        "pbkdf2": "^3.0.3",
+        "public-encrypt": "^4.0.0",
+        "randombytes": "^2.0.0",
+        "randomfill": "^1.0.3"
+      }
+    },
+    "crypto-js": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.0.0.tgz",
+      "integrity": "sha512-bzHZN8Pn+gS7DQA6n+iUmBfl0hO5DJq++QP3U6uTucDtk/0iGpXd/Gg7CGR0p8tJhofJyaKoWBuJI4eAO00BBg=="
+    },
     "crypto-random-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
@@ -7707,6 +7890,16 @@
       "integrity": "sha512-qi86tE6hRcFHy8jI1m2VG+LaPUR1LhqDa5G8tVjuUXmOrpuAgqsA1pN0+ldgr3aKUH+QLI9hCY/OcRYisERejw==",
       "dev": true
     },
+    "diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "requires": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      }
+    },
     "dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -8311,6 +8504,15 @@
         "original": "^1.0.0"
       }
     },
+    "evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "requires": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
     "execa": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.0.0.tgz",
@@ -10850,6 +11052,33 @@
       "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==",
       "dev": true
     },
+    "hash-base": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
+      "requires": {
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+        }
+      }
+    },
     "hash.js": {
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
@@ -11336,6 +11565,11 @@
         }
       }
     },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+    },
     "ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
@@ -12889,6 +13123,16 @@
       "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==",
       "optional": true
     },
+    "md5.js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
     "mdn-data": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.6.tgz",
@@ -13059,6 +13303,15 @@
         }
       }
     },
+    "miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "requires": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      }
+    },
     "mime": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
@@ -13979,6 +14232,18 @@
         }
       }
     },
+    "parse-asn1": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
+      "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
+      "requires": {
+        "asn1.js": "^5.2.0",
+        "browserify-aes": "^1.0.0",
+        "evp_bytestokey": "^1.0.0",
+        "pbkdf2": "^3.0.3",
+        "safe-buffer": "^5.1.1"
+      }
+    },
     "parse-filepath": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
@@ -14137,6 +14402,18 @@
         "pinkie-promise": "^2.0.0"
       }
     },
+    "pbkdf2": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.1.tgz",
+      "integrity": "sha512-4Ejy1OPxi9f2tt1rRV7Go7zmfDQ+ZectEQz3VGUQhgq62HtIRPDyG/JtnwIxs6x3uNMwo2V7q1fMvKjb+Tnpqg==",
+      "requires": {
+        "create-hash": "^1.1.2",
+        "create-hmac": "^1.1.4",
+        "ripemd160": "^2.0.1",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -16572,6 +16849,19 @@
       "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
       "dev": true
     },
+    "public-encrypt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+      "requires": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
     "pump": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
@@ -16687,11 +16977,19 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
       "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
       "requires": {
         "safe-buffer": "^5.1.0"
       }
     },
+    "randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "requires": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
     "range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -17565,6 +17863,15 @@
         "glob": "^7.1.3"
       }
     },
+    "ripemd160": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
     "rtcpeerconnection-shim": {
       "version": "1.2.15",
       "resolved": "https://registry.npmjs.org/rtcpeerconnection-shim/-/rtcpeerconnection-shim-1.2.15.tgz",
@@ -17595,8 +17902,7 @@
     "safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "sass": {
       "version": "1.22.10",
@@ -18137,6 +18443,15 @@
       "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==",
       "dev": true
     },
+    "sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "sha256": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/sha256/-/sha256-0.2.0.tgz",
@@ -18599,6 +18914,27 @@
         "readable-stream": "^2.0.1"
       }
     },
+    "stream-browserify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
+      "integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
+      "requires": {
+        "inherits": "~2.0.4",
+        "readable-stream": "^3.5.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "stream-events": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/stream-events/-/stream-events-1.0.5.tgz",
diff --git a/package.json b/package.json
index 4d6868f5..1a07673e 100644
--- a/package.json
+++ b/package.json
@@ -8,14 +8,11 @@
     "trgen": "node tools/trgen/index.js",
     "tsc": "tsc",
     "compile-scss": "sass loader/css/index.scss:loader/css/index.css",
-    "start": "npm run compile-project-base && node file.js ndevelop",
+    "start": "npm run compile-project-base && webpack serve --config webpack-web.config.js",
+    "start-client": "npm run compile-project-base && webpack serve --config webpack-client.config.js",
     "build-web": "webpack --config webpack-web.config.js",
     "build-client": "webpack --config webpack-client.config.js",
-    "webpack-web": "webpack --config webpack-web.config.js",
-    "webpack-client": "webpack --config webpack-client.config.js",
-    "generate-i18n-gtranslate": "node shared/generate_i18n_gtranslate.js",
-    "dev-server": "npm run compile-project-base && webpack serve --config webpack-web.config.js",
-    "dev-server-client": "npm run compile-project-base && webpack serve --config webpack-client.config.js"
+    "generate-i18n-gtranslate": "node shared/generate_i18n_gtranslate.js"
   },
   "author": "TeaSpeak (WolverinDEV)",
   "license": "ISC",
@@ -100,7 +97,11 @@
   },
   "homepage": "https://www.teaspeak.de",
   "dependencies": {
+    "@types/crypto-js": "^4.0.1",
     "broadcastchannel-polyfill": "^1.0.1",
+    "buffer": "^6.0.3",
+    "crypto-browserify": "^3.12.0",
+    "crypto-js": "^4.0.0",
     "detect-browser": "^5.2.0",
     "dompurify": "^2.0.8",
     "emoji-mart": "git+https://github.com/WolverinDEV/emoji-mart.git",
@@ -118,6 +119,7 @@
     "resize-observer-polyfill": "^1.5.1",
     "sdp-transform": "^2.14.0",
     "simple-jsonp-promise": "^1.1.0",
+    "stream-browserify": "^3.0.0",
     "twemoji": "^13.0.0",
     "url-knife": "^3.1.3",
     "webcrypto-liner": "^1.2.4",
diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index c4d19e19..965c3acf 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -1009,87 +1009,6 @@ export class ConnectionHandler {
         }
     }
 
-    update_avatar() {
-        spawnAvatarUpload(data => {
-            if(typeof(data) === "undefined") {
-                return;
-            }
-
-            if(!data) {
-                logInfo(LogCategory.CLIENT, tr("Deleting existing avatar"));
-                this.serverConnection.send_command('ftdeletefile', {
-                    name: "/avatar_", /* delete own avatar */
-                    path: "",
-                    cid: 0
-                }).then(() => {
-                    createInfoModal(tr("Avatar deleted"), tr("Avatar successfully deleted")).open();
-                }).catch(error => {
-                    logError(LogCategory.GENERAL, tr("Failed to reset avatar flag: %o"), error);
-
-                    let message;
-                    if(error instanceof CommandResult) {
-                        message = formatMessage(tr("Failed to delete avatar.{:br:}Error: {0}"), error.extra_message || error.message);
-                    }
-
-                    if(!message) {
-                        message = formatMessage(tr("Failed to delete avatar.{:br:}Lookup the console for more details"));
-                    }
-                    
-                    createErrorModal(tr("Failed to delete avatar"), message).open();
-                    return;
-                });
-            } else {
-                logInfo(LogCategory.CLIENT, tr("Uploading new avatar"));
-                (async () => {
-                    const transfer = this.fileManager.initializeFileUpload({
-                        name: "/avatar",
-                        path: "",
-
-                        channel: 0,
-                        channelPassword: undefined,
-
-                        source: async () => await TransferProvider.provider().createBufferSource(data)
-                    });
-
-                    await transfer.awaitFinished();
-
-                    if(transfer.transferState() !== FileTransferState.FINISHED) {
-                        if(transfer.transferState() === FileTransferState.ERRORED) {
-                            logWarn(LogCategory.FILE_TRANSFER, tr("Failed to upload clients avatar: %o"), transfer.currentError());
-                            createErrorModal(tr("Failed to upload avatar"), traj("Failed to upload avatar:{:br:}{0}", transfer.currentErrorMessage())).open();
-                            return;
-                        } else if(transfer.transferState() === FileTransferState.CANCELED) {
-                            createErrorModal(tr("Failed to upload avatar"), tr("Your avatar upload has been canceled.")).open();
-                            return;
-                        } else {
-                            createErrorModal(tr("Failed to upload avatar"), tr("Avatar upload finished with an unknown finished state.")).open();
-                            return;
-                        }
-                    }
-
-                    try {
-                        await this.serverConnection.send_command('clientupdate', {
-                            client_flag_avatar: md5(new Uint8Array(data))
-                        });
-                    } catch(error) {
-                        logError(LogCategory.GENERAL, tr("Failed to update avatar flag: %o"), error);
-
-                        let message;
-                        if(error instanceof CommandResult)
-                            message = formatMessage(tr("Failed to update avatar flag.{:br:}Error: {0}"), error.extra_message || error.message);
-                        if(!message)
-                            message = formatMessage(tr("Failed to update avatar flag.{:br:}Lookup the console for more details"));
-                        createErrorModal(tr("Failed to set avatar"), message).open();
-                        return;
-                    }
-
-                    createInfoModal(tr("Avatar successfully uploaded"), tr("Your avatar has been uploaded successfully!")).open();
-                })();
-
-            }
-        });
-    }
-
     private async initializeWhisperSession(session: WhisperSession) : Promise<WhisperSessionInitializeData> {
         /* TODO: Try to load the clients unique via a clientgetuidfromclid */
         if(!session.getClientUniqueId())
diff --git a/shared/js/Mutex.ts b/shared/js/Mutex.ts
index 2c675e38..754d916f 100644
--- a/shared/js/Mutex.ts
+++ b/shared/js/Mutex.ts
@@ -2,11 +2,21 @@ export class Mutex<T> {
     private value: T;
     private taskExecuting = false;
     private taskQueue = [];
+    private freeListener = [];
 
     constructor(value: T) {
         this.value = value;
     }
 
+
+    isFree() : boolean {
+        return !this.taskExecuting && this.taskQueue.length === 0;
+    }
+
+    awaitFree() : Promise<void> {
+        return new Promise<void>(resolve => this.freeListener.push(resolve));
+    }
+
     execute<R>(callback: (value: T, setValue: (newValue: T) => void) => R | Promise<R>) : Promise<R> {
         return new Promise<R>((resolve, reject) => {
             this.taskQueue.push(() => new Promise(taskResolve => {
@@ -53,10 +63,26 @@ export class Mutex<T> {
         const task = this.taskQueue.pop_front();
         if(typeof task === "undefined") {
             this.taskExecuting = false;
+            this.triggerFinished();
             return;
         }
 
         this.taskExecuting = true;
         task().then(() => this.executeNextTask());
     }
+
+    private triggerFinished() {
+        while(this.isFree()) {
+            const listener = this.freeListener.pop_front();
+            if(!listener) {
+                break;
+            }
+
+            try {
+                listener();
+            } catch (error) {
+                console.error(error);
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/shared/js/file/Avatars.ts b/shared/js/file/Avatars.ts
index 656990da..b68b0ed7 100644
--- a/shared/js/file/Avatars.ts
+++ b/shared/js/file/Avatars.ts
@@ -57,8 +57,9 @@ export abstract class ClientAvatar {
     }
 
     public getTypedStateData<T extends AvatarState>(state: T) : AvatarStateData[T] {
-        if(this.state !== state)
+        if(this.state !== state) {
             throw "invalid avatar state";
+        }
 
         return this.stateData as any;
     }
@@ -79,11 +80,34 @@ export abstract class ClientAvatar {
         this.setState("errored", data);
     }
 
-    async awaitLoaded() {
-        if(this.state !== "loading")
-            return;
+    async awaitLoaded() : Promise<true>;
+    async awaitLoaded(timeout: number) : Promise<boolean>;
+    async awaitLoaded(timeout?: number) : Promise<boolean> {
+        if(this.state !== "loading") {
+            return true;
+        }
 
-        await new Promise(resolve => this.events.on("avatar_state_changed", event => event.newState !== "loading" && resolve()));
+        await new Promise(resolve => {
+            let timeoutId;
+            const callback = success => {
+                if(typeof timeoutId !== "undefined") {
+                    clearTimeout(timeoutId);
+                }
+
+                unregister();
+                resolve(success);
+            };
+
+            const unregister = this.events.on("avatar_state_changed", event => {
+                if(event.newState !== "loading") {
+                    callback(true);
+                }
+            });
+
+            if(typeof timeout === "number") {
+                timeoutId = setTimeout(() => callback(false), timeout);
+            }
+        });
     }
 
     getState() : AvatarState {
@@ -99,8 +123,10 @@ export abstract class ClientAvatar {
     }
 
     getAvatarUrl() {
-        if(this.state === "loaded")
+        if(this.state === "loaded") {
             return this.getTypedStateData("loaded").url || kDefaultAvatarImage;
+        }
+
         return kDefaultAvatarImage;
     }
 
diff --git a/shared/js/file/ImageCache.ts b/shared/js/file/ImageCache.ts
index eeb44db7..0b97756b 100644
--- a/shared/js/file/ImageCache.ts
+++ b/shared/js/file/ImageCache.ts
@@ -147,12 +147,17 @@ export class ImageCache {
         if(!cacheInstance) { return; }
 
         const new_headers = new Headers();
-        for(const key of value.headers.keys())
+        for(const key of value.headers.keys()) {
             new_headers.set(key, value.headers.get(key));
-        if(type)
+        }
+
+        if(type) {
             new_headers.set("Content-type", type);
-        for(const key of Object.keys(headers || {}))
+        }
+
+        for(const key of Object.keys(headers || {})) {
             new_headers.set(key, headers[key]);
+        }
 
         await cacheInstance.put("https://_local_cache/cache_request_" + key, new Response(value.body, {
             headers: new_headers
diff --git a/shared/js/file/OwnAvatarStorage.ts b/shared/js/file/OwnAvatarStorage.ts
new file mode 100644
index 00000000..2565a671
--- /dev/null
+++ b/shared/js/file/OwnAvatarStorage.ts
@@ -0,0 +1,256 @@
+/* Note: This will be included into the controller and renderer process */
+import {LogCategory, logError, logWarn} from "tc-shared/log";
+import * as loader from "tc-loader";
+import {Stage} from "tc-loader";
+import * as crypto from "crypto-js";
+
+export type LocalAvatarInfo = {
+    fileName: string,
+    fileSize: number,
+    fileHashMD5: string,
+
+    fileUploaded: number,
+    fileModified: number,
+
+    contentType: string,
+
+    resourceUrl: string | undefined,
+}
+
+export type LocalAvatarUpdateResult = {
+    status: "success"
+} | {
+    status: "error",
+    reason: string
+} | {
+    status: "cache-unavailable"
+};
+
+export type LocalAvatarLoadResult<T> = {
+    status: "success",
+    result: T,
+} | {
+    status: "error",
+    reason: string
+} | {
+    status: "cache-unavailable" | "empty-result"
+};
+
+const kMaxAvatarSize = 16 * 1024 * 1024;
+
+export type OwnAvatarMode = "uploading" | "server";
+export class OwnAvatarStorage {
+    private openedCache: Cache | undefined;
+
+    private static generateRequestUrl(serverUniqueId: string, mode: OwnAvatarMode) : string {
+        return "https://_local_avatar/" + serverUniqueId + "/" + mode;
+    }
+
+    async initialize() {
+        if(!("caches" in window)) {
+            /* Not available  (may unsecure context?) */
+            this.openedCache = undefined;
+            return;
+        }
+
+        try {
+            this.openedCache = await caches.open("local-avatars");
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to open local avatar cache: %o"), error);
+            return;
+        }
+    }
+
+    private async loadAvatarRequest(serverUniqueId: string, mode: OwnAvatarMode) : Promise<LocalAvatarLoadResult<Response>> {
+        if(!this.openedCache) {
+            return { status: "cache-unavailable" };
+        }
+
+        try {
+            const response = await this.openedCache.match(OwnAvatarStorage.generateRequestUrl(serverUniqueId, mode), {
+                ignoreMethod: true,
+                ignoreSearch: true,
+            });
+
+            if(!response) {
+                return { status: "empty-result" };
+            }
+
+            return { status: "success", result: response };
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to query local avatar cache: %o"), error);
+            return { status: "error", reason: tr("failed to query cache") };
+        }
+    }
+
+    async loadAvatarImage(serverUniqueId: string, mode: OwnAvatarMode) : Promise<LocalAvatarLoadResult<ArrayBuffer>> {
+        const loadResult = await this.loadAvatarRequest(serverUniqueId, mode);
+        if(loadResult.status !== "success") {
+            return loadResult;
+        }
+
+        try {
+            return { status: "success", result: await loadResult.result.arrayBuffer() };
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to load avatar into a buffer: %o"), error);
+            return { status: "error", reason: tr("failed to load avatar into a buffer") };
+        }
+    }
+
+    async loadAvatar(serverUniqueId: string, mode: OwnAvatarMode, createResourceUrl: boolean) : Promise<LocalAvatarLoadResult<LocalAvatarInfo>> {
+        const loadResult = await this.loadAvatarRequest(serverUniqueId, mode);
+        if(loadResult.status !== "success") {
+            return loadResult;
+        }
+
+        const headers = loadResult.result.headers;
+        const contentType = headers.get("Content-Type");
+        const avatarSize = parseInt(headers.get("Content-Length"));
+        const avatarHash = headers.get("X-Avatar-Hash");
+        const avatarName = headers.get("X-File-Name");
+        const avatarDateModified = parseInt(headers.get("X-File-Date-Modified"));
+        const avatarDateUploaded = parseInt(headers.get("X-File-Uploaded"));
+
+        if(!avatarHash) {
+            return { status: "error", reason: tr("missing response header file hash") };
+        }
+
+        if(!avatarName) {
+            return { status: "error", reason: tr("missing response header file name") };
+        }
+
+        if(isNaN(avatarSize)) {
+            return { status: "error", reason: tr("missing/invalid response header file size") };
+        }
+
+        if(isNaN(avatarDateModified)) {
+            return { status: "error", reason: tr("missing/invalid response header file modify date") };
+        }
+
+        if(isNaN(avatarDateUploaded)) {
+            return { status: "error", reason: tr("missing/invalid response header file upload date") };
+        }
+
+        let resourceUrl;
+        if(createResourceUrl) {
+            try {
+                resourceUrl = URL.createObjectURL(await loadResult.result.blob());
+            } catch (error) {
+                logError(LogCategory.GENERAL, tr("Failed to create avatar resource url: %o"), error);
+                return { status: "error", reason: tr("failed to generate resource url") };
+            }
+        }
+
+        return {
+            status: "success",
+            result: {
+                contentType: contentType,
+
+                fileName: avatarName,
+                fileSize: avatarSize,
+                fileHashMD5: avatarHash,
+
+                fileModified: avatarDateModified,
+                fileUploaded: avatarDateUploaded,
+
+                resourceUrl: resourceUrl,
+            }
+        };
+    }
+
+    async updateAvatar(serverUniqueId: string, mode: OwnAvatarMode, target: File) : Promise<LocalAvatarUpdateResult> {
+        if(!this.openedCache) {
+            return { status: "cache-unavailable" };
+        }
+
+        if(target.size > kMaxAvatarSize) {
+            return { status: "error", reason: tra("Image exceeds maximum software size of {} bytes", kMaxAvatarSize) };
+        }
+
+        let md5Hash: string;
+        try {
+            const hasher = crypto.algo.MD5.create();
+            await target.stream().pipeTo(new WritableStream({
+                write(data) {
+                    hasher.update(crypto.lib.WordArray.create(data));
+                }
+            }));
+
+            md5Hash = hasher.finalize().toString(crypto.enc.Hex);
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to create avatar md5 hash: %o"), error);
+            return { status: "error", reason: tr("failed to create md5 hash") };
+        }
+
+        const headers = new Headers();
+        headers.set("X-Avatar-Hash", md5Hash);
+        headers.set("X-File-Name", target.name);
+        headers.set("X-File-Date-Modified", target.lastModified.toString());
+        headers.set("X-File-Uploaded", Date.now().toString());
+        headers.set("Content-Type", target.type);
+        headers.set("Content-Length", target.size.toString());
+
+        try {
+            const response = new Response(target, { headers: headers });
+            await this.openedCache.put("https://_local_avatar/" + serverUniqueId + "/" + mode, response);
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to save local avatar: %o"), error);
+            return { status: "error", reason: tr("failed to save avatar to disk") };
+        }
+
+        return { status: "success" };
+    }
+
+    async removeAvatar(serverUniqueId: string, mode: OwnAvatarMode) {
+        if(!this.openedCache) {
+            return;
+        }
+
+        try {
+            await this.openedCache.delete(OwnAvatarStorage.generateRequestUrl(serverUniqueId, mode));
+        } catch (error) {
+            logWarn(LogCategory.GENERAL, tr("Failed to delete avatar request: %o"), error);
+        }
+    }
+
+    /**
+     * Move the avatar file which is currently in "uploading" state to server
+     * @param serverUniqueId
+     */
+    async avatarUploadSucceeded(serverUniqueId: string) {
+        if(!this.openedCache) {
+            return;
+        }
+
+        const request = await this.loadAvatarRequest(serverUniqueId, "uploading");
+        if(request.status !== "success") {
+            if(request.status !== "empty-result") {
+                logError(LogCategory.GENERAL, tr("Failed to save uploaded avatar. Request failed to load: %o"), request);
+            }
+            return;
+        }
+
+        try {
+            await this.openedCache.put(OwnAvatarStorage.generateRequestUrl(serverUniqueId, "server"), request.result);
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to save uploaded avatar. Failed to store request: %o"), request);
+            return;
+        }
+
+        await this.removeAvatar(serverUniqueId, "uploading");
+    }
+}
+
+let instance: OwnAvatarStorage;
+export function getOwnAvatarStorage(): OwnAvatarStorage {
+    return instance;
+}
+
+loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
+    priority: 10,
+    name: "own avatar storage",
+    function: async () => {
+        instance = new OwnAvatarStorage();
+        await instance.initialize();
+    }
+});
\ No newline at end of file
diff --git a/shared/js/file/Utils.ts b/shared/js/file/Utils.ts
index 040d59ce..49b87cd2 100644
--- a/shared/js/file/Utils.ts
+++ b/shared/js/file/Utils.ts
@@ -17,21 +17,43 @@ export const downloadTextAsFile = (text: string, name: string) => {
     }, 0);
 };
 
-export const requestFileAsText = async (): Promise<string> => {
+export const requestFile = async (options: {
+    accept?: string,
+    multiple?: boolean
+}): Promise<File[]> => {
     const element = document.createElement("input");
     element.style.display = "none";
     element.type = "file";
 
+    if(typeof options.accept === "string") {
+        element.accept = options.accept;
+    }
+
+    if(typeof options.multiple === "string") {
+        element.multiple = options.multiple;
+    }
+
     document.body.appendChild(element);
     element.click();
     await new Promise(resolve => {
         element.onchange = resolve;
     });
 
-    if (element.files.length !== 1)
-        return undefined;
-    const file = element.files[0];
-    element.remove();
+    const result = [];
+    for(let index = 0; index < element.files.length; index++) {
+        result.push(element.files.item(index));
+    }
 
-    return await file.text();
+    element.remove();
+    return result;
+}
+
+export const requestFileAsText = async (): Promise<string> => {
+    const files = await requestFile({ multiple: false });
+    if(files.length !== 1) {
+        return undefined;
+    }
+
+    /* FIXME: text() might not be available in Safari */
+    return await files[0].text();
 };
\ No newline at end of file
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index 01f81dab..c1b3d40d 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -29,6 +29,7 @@ import {ActionResult} from "tc-services";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {bookmarks} from "tc-shared/Bookmarks";
+import {getAudioBackend} from "tc-shared/audio/Player";
 
 /* required import for init */
 import "svg-sprites/client-icons";
@@ -47,12 +48,12 @@ import "./ui/AppController";
 import "./ui/frames/menu-bar/MainMenu";
 import "./ui/modal/connect/Controller";
 import "./ui/modal/video-viewer/Controller";
+import "./ui/modal/avatar-upload/Controller";
 import "./ui/elements/ContextDivider";
 import "./ui/elements/Tab";
 import "./clientservice";
 import "./text/bbcode/InviteController";
 import "./text/bbcode/YoutubeController";
-import {getAudioBackend} from "tc-shared/audio/Player";
 
 assertMainApplication();
 
diff --git a/shared/js/ui/frames/side/ClientInfoController.ts b/shared/js/ui/frames/side/ClientInfoController.ts
index f6830c67..978bb851 100644
--- a/shared/js/ui/frames/side/ClientInfoController.ts
+++ b/shared/js/ui/frames/side/ClientInfoController.ts
@@ -3,6 +3,7 @@ import {ClientGroupInfo, ClientInfoEvents,} from "tc-shared/ui/frames/side/Clien
 
 import {Registry} from "tc-shared/events";
 import {openClientInfo} from "tc-shared/ui/modal/ModalClientInfo";
+import {spawnAvatarUpload} from "tc-shared/ui/modal/avatar-upload/Controller";
 
 export class ClientInfoController {
     private readonly uiEvents: Registry<ClientInfoEvents>;
@@ -27,7 +28,13 @@ export class ClientInfoController {
         this.uiEvents.on("query_version", () => this.sendVersion());
         this.uiEvents.on("query_forum", () => this.sendForum());
 
-        this.uiEvents.on("action_edit_avatar", () => this.connection?.update_avatar());
+        this.uiEvents.on("action_edit_avatar", () => {
+            if(!this.connection?.connected) {
+                return;
+            }
+
+            spawnAvatarUpload(this.connection);
+        });
         this.uiEvents.on("action_show_full_info", () => {
             const client = this.connection?.getSelectedClientInfo().getClient();
             if(client) {
diff --git a/shared/js/ui/modal/avatar-upload/Controller.ts b/shared/js/ui/modal/avatar-upload/Controller.ts
new file mode 100644
index 00000000..a22aa481
--- /dev/null
+++ b/shared/js/ui/modal/avatar-upload/Controller.ts
@@ -0,0 +1,346 @@
+import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
+import {Registry} from "tc-events";
+import {ModalAvatarUploadEvents, ModalAvatarUploadVariables} from "tc-shared/ui/modal/avatar-upload/Definitions";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {server_connections} from "tc-shared/ConnectionManager";
+import PermissionType from "tc-shared/permission/PermissionType";
+import {getOwnAvatarStorage, LocalAvatarInfo} from "tc-shared/file/OwnAvatarStorage";
+import {LogCategory, logError, logInfo, logWarn} from "tc-shared/log";
+import {Mutex} from "tc-shared/Mutex";
+import {tr, traj} from "tc-shared/i18n/localize";
+import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {formatMessage} from "tc-shared/ui/frames/chat";
+import {FileTransferState, TransferProvider} from "tc-shared/file/Transfer";
+
+class Controller {
+    readonly connection: ConnectionHandler;
+    readonly serverUniqueId: string;
+    readonly events: Registry<ModalAvatarUploadEvents>;
+    readonly variables: IpcUiVariableProvider<ModalAvatarUploadVariables>;
+
+    private registeredListener: (() => void)[];
+
+    private rendererUploading = false;
+    private controllerLoading = false;
+    private serverAvatarLoading = false;
+
+    private avatarInfo: LocalAvatarInfo | undefined;
+
+    /* TODO: Update the UI so the client can't upload multiple avatars at the same time (maybe even server wide?)  */
+    private serverAvatarMutex: Mutex<void>;
+    private serverAvatarUrl: string;
+
+    constructor(connection: ConnectionHandler) {
+        this.connection = connection;
+        this.serverUniqueId = connection.getCurrentServerUniqueId();
+        this.registeredListener = [];
+        this.serverAvatarMutex = new Mutex<void>(void 0);
+
+        this.events = new Registry<ModalAvatarUploadEvents>();
+        this.variables = new IpcUiVariableProvider<ModalAvatarUploadVariables>();
+
+        this.variables.setVariableProvider("maxAvatarSize", () => {
+            const permission = this.connection.permissions.neededPermission(PermissionType.I_CLIENT_MAX_AVATAR_FILESIZE);
+            return permission.valueOr(-1);
+        });
+
+        this.variables.setVariableProvider("currentAvatar", () => {
+            if(this.rendererUploading || this.controllerLoading || this.serverAvatarLoading) {
+                return { status: "loading" };
+            }
+
+            if(this.avatarInfo) {
+                const maxSize = this.variables.getVariableSync("maxAvatarSize");
+                return {
+                    status: maxSize >= 0 && maxSize < this.avatarInfo.fileSize ? "exceeds-max-size" : "available",
+
+                    fileHashMD5: this.avatarInfo.fileHashMD5,
+                    fileName: this.avatarInfo.fileName,
+                    fileSize: this.avatarInfo.fileSize,
+
+                    resourceUrl: this.avatarInfo.resourceUrl,
+
+                    serverHasAvatar: this.serverAvatarUrl !== undefined
+                };
+            } else if(this.serverAvatarUrl) {
+                return { status: "server", resourceUrl: this.serverAvatarUrl };
+            } else {
+                return { status: "unset" };
+            }
+        });
+
+        this.registeredListener.push(this.connection.permissions.register_needed_permission(PermissionType.I_CLIENT_MAX_AVATAR_FILESIZE, () => {
+            this.variables.sendVariable("maxAvatarSize");
+            this.variables.sendVariable("currentAvatar");
+        }));
+
+        this.events.on("action_file_cache_loading", () => {
+            this.rendererUploading = true;
+            this.variables.sendVariable("currentAvatar");
+        });
+
+        this.events.on("action_file_cache_loading_finished", event => {
+            this.rendererUploading = false;
+            if(!event.success) {
+                /* Failed to update local avatar. Send the last one. */
+                this.variables.sendVariable("currentAvatar");
+                return;
+            }
+
+            this.loadLocalAvatar();
+        });
+
+        this.loadServerAvatar();
+    }
+
+    destroy() {
+        this.registeredListener.forEach(callback => callback());
+        this.registeredListener = [];
+
+        this.events.destroy();
+        this.variables.destroy();
+
+        this.setAvatarInfo(undefined);
+
+        this.serverAvatarMutex.execute(async () => {
+            /* Cleanup the cache so the next upload will be fresh */
+            await getOwnAvatarStorage().removeAvatar(this.serverUniqueId, "uploading");
+        }).then(undefined);
+    }
+
+    private loadLocalAvatar() {
+        if(this.controllerLoading) {
+            return;
+        }
+
+        this.loadLocalAvatar0().catch(error => {
+            logError(LogCategory.GENERAL, tr("Failed to load local cached avatar: %o"), error);
+            this.events.fire("notify_avatar_load_error", { error: tr("Failed to load local cached avatar") });
+        }).then(() => {
+            this.controllerLoading = false;
+            this.variables.sendVariable("currentAvatar");
+        });
+    }
+
+    private async loadLocalAvatar0() {
+        const result = await getOwnAvatarStorage().loadAvatar(this.serverUniqueId, "uploading", true);
+        let info: LocalAvatarInfo;
+        switch (result.status) {
+            case "success":
+                info = result.result;
+                break;
+
+            case "error":
+                this.events.fire("notify_avatar_load_error", {error: result.reason});
+                return;
+
+            case "cache-unavailable":
+                this.events.fire("notify_avatar_load_error", {error: tr("Avatar cache unavailable")});
+                return;
+
+            case "empty-result":
+                this.setAvatarInfo(undefined);
+                return;
+
+            default:
+                throw tr("invalid state");
+        }
+
+        this.setAvatarInfo(info);
+    }
+
+    private loadServerAvatar() {
+        if(this.serverAvatarLoading) {
+            return;
+        }
+
+        this.serverAvatarUrl = undefined;
+        this.loadServerAvatar0().catch(error => {
+            logError(LogCategory.GENERAL, tr("Failed to load server avatar: %o"), error);
+        }).then(() => {
+            this.serverAvatarLoading = false;
+            this.variables.sendVariable("currentAvatar");
+        })
+    }
+
+    private async loadServerAvatar0() {
+        const ownClientAvatar = this.connection.fileManager.avatars.resolveAvatar(this.connection.getClient().avatarId());
+        await ownClientAvatar.awaitLoaded(5000);
+        if(ownClientAvatar.getState() !== "loaded") {
+            return;
+        }
+
+        this.serverAvatarUrl = ownClientAvatar.getTypedStateData("loaded").url;
+    }
+
+    /**
+     * Note: This will not trigger the "currentAvatar" variable resend!
+     * @param newInfo
+     * @private
+     */
+    private setAvatarInfo(newInfo: LocalAvatarInfo) {
+        if(this.avatarInfo?.resourceUrl) {
+            URL.revokeObjectURL(this.avatarInfo.resourceUrl);
+        }
+
+        this.avatarInfo = newInfo;
+    }
+
+    resetAvatar() {
+        this.serverAvatarMutex.execute(async () => {
+            this.setAvatarInfo(undefined);
+            await getOwnAvatarStorage().removeAvatar(this.serverUniqueId, "uploading");
+
+            const serverConnection = this.connection.serverConnection;
+            if(!serverConnection.connected()) {
+                return;
+            }
+
+            try {
+                await serverConnection.send_command('ftdeletefile', {
+                    name: "/avatar_", /* delete own avatar */
+                    path: "",
+                    cid: 0
+                });
+
+                createInfoModal(tr("Avatar deleted"), tr("Avatar successfully deleted")).open();
+            } catch (error) {
+                logError(LogCategory.GENERAL, tr("Failed to reset avatar flag: %o"), error);
+
+                let message;
+                if(error instanceof CommandResult) {
+                    message = formatMessage(tr("Failed to delete avatar.{:br:}Error: {0}"), error.formattedMessage());
+                }
+
+                if(!message) {
+                    message = formatMessage(tr("Failed to delete avatar.{:br:}Lookup the console for more details"));
+                }
+
+                createErrorModal(tr("Failed to delete avatar"), message).open();
+                return;
+            }
+
+            this.loadServerAvatar();
+        });
+    }
+
+    uploadAvatar() {
+        /* copy the avatar info */
+        const avatarInfo = this.avatarInfo;
+        this.serverAvatarMutex.execute(async() => {
+            const serverConnection = this.connection.serverConnection;
+            if(!serverConnection.connected()) {
+                return;
+            }
+
+            if(!avatarInfo) {
+                return;
+            }
+
+            try {
+                logInfo(LogCategory.CLIENT, tr("Uploading new avatar"));
+                const loadResult = await getOwnAvatarStorage().loadAvatarImage(this.serverUniqueId, "uploading");
+                if (loadResult.status !== "success") {
+                    logError(LogCategory.GENERAL, tr("Failed to load cached avatar image: %o"), loadResult);
+                    throw tr("failed to load avatar image");
+                }
+
+                const transfer = this.connection.fileManager.initializeFileUpload({
+                    name: "/avatar",
+                    path: "",
+
+                    channel: 0,
+                    channelPassword: undefined,
+
+                    source: async () => await TransferProvider.provider().createBufferSource(loadResult.result)
+                });
+
+                await transfer.awaitFinished();
+
+                if (transfer.transferState() !== FileTransferState.FINISHED) {
+                    if (transfer.transferState() === FileTransferState.ERRORED) {
+                        logWarn(LogCategory.FILE_TRANSFER, tr("Failed to upload clients avatar: %o"), transfer.currentError());
+                        createErrorModal(tr("Failed to upload avatar"), traj("Failed to upload avatar:{:br:}{0}", transfer.currentErrorMessage())).open();
+                        return;
+                    } else if (transfer.transferState() === FileTransferState.CANCELED) {
+                        createErrorModal(tr("Failed to upload avatar"), tr("Your avatar upload has been canceled.")).open();
+                        return;
+                    } else {
+                        createErrorModal(tr("Failed to upload avatar"), tr("Avatar upload finished with an unknown finished state.")).open();
+                        return;
+                    }
+                }
+            } catch (error) {
+                logError(LogCategory.GENERAL, tr("Failed to upload avatar: %o"), error);
+                createErrorModal(tr("Failed to upload avatar"), tr("Avatar upload failed. Lookup the console for more details.")).open();
+                return;
+            }
+
+            try {
+                await this.connection.serverConnection.send_command('clientupdate', {
+                    client_flag_avatar: avatarInfo.fileHashMD5
+                });
+            } catch(error) {
+                logError(LogCategory.GENERAL, tr("Failed to update avatar flag: %o"), error);
+
+                let message;
+                if(error instanceof CommandResult) {
+                    message = formatMessage(tr("Failed to update avatar flag.{:br:}Error: {0}"), error.formattedMessage());
+                }
+
+                if(!message) {
+                    message = formatMessage(tr("Failed to update avatar flag.{:br:}Lookup the console for more details"));
+                }
+
+                createErrorModal(tr("Failed to set avatar"), message).open();
+                return;
+            }
+
+            createInfoModal(tr("Avatar successfully uploaded"), tr("Your avatar has been uploaded successfully!")).open();
+            this.loadServerAvatar();
+        });
+    }
+}
+
+export function spawnAvatarUpload(connection: ConnectionHandler) {
+    const controller = new Controller(connection);
+
+    const modal = spawnModal("modal-avatar-upload", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription(),
+        connection.getCurrentServerUniqueId()
+    ], {
+        popoutable: true
+    });
+
+    controller.events.on("action_avatar_upload", event => {
+        controller.uploadAvatar();
+        if(event.closeWindow) {
+            modal.destroy();
+        }
+    });
+
+    controller.events.on("action_avatar_delete", event => {
+        controller.resetAvatar();
+        if(event.closeWindow) {
+            modal.destroy();
+        }
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+    modal.getEvents().on("destroy", connection.events().on("notify_connection_state_changed", event => {
+        if(event.newState !== ConnectionState.CONNECTED) {
+            modal.destroy();
+        }
+    }));
+
+    modal.show().then(undefined);
+
+    /* Trying to prompt the user */
+    controller.events.fire("action_open_select");
+}
+
+(window as any).test = () => spawnAvatarUpload(server_connections.getActiveConnectionHandler());
+setTimeout(() => (window as any).test(), 1500);
\ No newline at end of file
diff --git a/shared/js/ui/modal/avatar-upload/Definitions.ts b/shared/js/ui/modal/avatar-upload/Definitions.ts
new file mode 100644
index 00000000..52fc3aa3
--- /dev/null
+++ b/shared/js/ui/modal/avatar-upload/Definitions.ts
@@ -0,0 +1,33 @@
+export type CurrentAvatarState = {
+    status: "unset" | "loading"
+} | {
+    status: "available" | "exceeds-max-size",
+
+    fileName: string,
+    fileSize: number,
+    fileHashMD5: string,
+
+    resourceUrl: string | undefined,
+
+    serverHasAvatar: boolean
+} | {
+    status: "server",
+    resourceUrl: string
+};
+
+export interface ModalAvatarUploadVariables {
+    readonly maxAvatarSize: number,
+    readonly currentAvatar: CurrentAvatarState
+}
+
+export interface ModalAvatarUploadEvents {
+    action_open_select: {},
+
+    action_file_cache_loading: {},
+    action_file_cache_loading_finished: { success: boolean },
+
+    action_avatar_upload: { closeWindow: boolean },
+    action_avatar_delete: { closeWindow: boolean }
+
+    notify_avatar_load_error: { error: string }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/avatar-upload/Renderer.scss b/shared/js/ui/modal/avatar-upload/Renderer.scss
new file mode 100644
index 00000000..7209095e
--- /dev/null
+++ b/shared/js/ui/modal/avatar-upload/Renderer.scss
@@ -0,0 +1,132 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    display: flex;
+    flex-direction: column;
+
+    padding: 1em;
+    width: 30em;
+
+    &.windowed {
+        height: 100%;
+        width: 100%;
+    }
+}
+
+.containerSelect {
+    display: flex;
+    flex-direction: column;
+
+    .containerFile {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+
+        .button {
+            margin-right: .5em;
+        }
+
+        .name {
+            align-self: center;
+
+            @include text-dotdotdot();
+        }
+    }
+
+    .containerLimit {
+        margin-top: .1em;
+        margin-left: .25em;
+
+        font-size: .9em;
+        color: #666;
+
+        &.error {
+            color: #a32929;
+        }
+    }
+}
+
+.containerPreview {
+    display: flex;
+    flex-direction: column;
+
+    margin-top: 1em;
+
+    .title {
+        color: #557edc;
+        text-transform: uppercase;
+    }
+
+    .previews {
+        margin-top: .5em;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: space-evenly;
+    }
+}
+
+
+.preview {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+
+    width: 10em;
+
+    .imageContainer {
+        width: 1em;
+        height: 1em;
+        border-radius: 50%;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        overflow: hidden;
+        align-self: center;
+
+        //background: #353535;
+        box-shadow: inset 0 0 5px #00000040;
+
+        .image {
+            align-self: center;
+
+            max-height: 100%;
+            max-width: 100%;
+
+            &.heightBound {
+                height: 100%;
+            }
+
+            &.widthBound {
+                width: 100%;
+            }
+        }
+
+        &.sizeChatInfo {
+            height: 10em;
+            width: 10em;
+        }
+
+        &.sizeChat {
+            height: 2.5em;
+            width: 2.5em;
+        }
+    }
+
+    .name {
+        margin-top: 1em;
+        text-align: center;
+    }
+}
+
+.buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    padding-top: 1em;
+    margin-top: auto;
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/avatar-upload/Renderer.tsx b/shared/js/ui/modal/avatar-upload/Renderer.tsx
new file mode 100644
index 00000000..124d5edf
--- /dev/null
+++ b/shared/js/ui/modal/avatar-upload/Renderer.tsx
@@ -0,0 +1,336 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext} from "react";
+import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {
+    CurrentAvatarState,
+    ModalAvatarUploadEvents,
+    ModalAvatarUploadVariables
+} from "tc-shared/ui/modal/avatar-upload/Definitions";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import {requestFile} from "tc-shared/file/Utils";
+import {network} from "tc-shared/ui/frames/chat";
+import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
+import {getOwnAvatarStorage} from "tc-shared/file/OwnAvatarStorage";
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {joinClassList, useDependentState} from "tc-shared/ui/react-elements/Helper";
+
+import kDefaultAvatarUrl from "../../../../img/style/avatar.png";
+import byteSizeToString = network.byteSizeToString;
+
+const ServerUniqueIdContext = React.createContext<string>(undefined);
+const EventContext = React.createContext<Registry<ModalAvatarUploadEvents>>(undefined);
+const VariablesContext = React.createContext<UiVariableConsumer<ModalAvatarUploadVariables>>(undefined);
+const CurrentAvatarContext = React.createContext<CurrentAvatarState>(undefined);
+
+const cssStyle = require("./Renderer.scss");
+
+const AvatarFileName = React.memo(() => {
+    const currentAvatar = useContext(CurrentAvatarContext);
+    switch (currentAvatar.status) {
+        case "loading":
+            return (
+                <div className={cssStyle.name} key={"loading"}>
+                    <Translatable>Loading avatar</Translatable>
+                </div>
+            );
+
+        case "server":
+        case "unset":
+            return (
+                <div className={cssStyle.name} key={"unset"}>
+                    <Translatable>No avatar selected</Translatable>
+                </div>
+            );
+
+        case "available":
+        case "exceeds-max-size":
+            return (
+                <div className={cssStyle.name} key={"available"}>
+                    {currentAvatar.fileName}
+                </div>
+            );
+
+        default:
+            throw "invalid avatar state";
+    }
+});
+
+const SizeLimitRenderer = React.memo((props: { byteSize: number }) => {
+    if(props.byteSize === -1) {
+        return <Translatable key={"unlimited"}>unlimited</Translatable>;
+    } else {
+        return <React.Fragment key={"limited"}>{byteSizeToString(props.byteSize)}</React.Fragment>;
+    }
+});
+
+const MaxAvatarSize = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const currentAvatar = useContext(CurrentAvatarContext);
+    const maxSize = variables.useReadOnly("maxAvatarSize", undefined);
+
+    if(currentAvatar.status === "loading" || maxSize.status === "loading") {
+        return (
+            <div className={cssStyle.containerLimit} key={"loading"}>
+                <Translatable>Maximal avatar size:</Translatable> <Translatable>loading</Translatable> <LoadingDots />
+            </div>
+        )
+    } else if(currentAvatar.status === "unset" || currentAvatar.status === "server") {
+        return (
+            <div className={cssStyle.containerLimit} key={"unset"}>
+                <VariadicTranslatable text={"Maximal avatar size: {}"}>
+                    <SizeLimitRenderer byteSize={maxSize.value} />
+                </VariadicTranslatable>
+            </div>
+        );
+    } else if(currentAvatar.status === "available") {
+        return (
+            <div className={cssStyle.containerLimit} key={"size-ok"}>
+                <VariadicTranslatable text={"Avatar size: {} / {}"}>
+                    {byteSizeToString(currentAvatar.fileSize)}
+                    <SizeLimitRenderer byteSize={maxSize.value} />
+                </VariadicTranslatable>
+            </div>
+        );
+    } else if(currentAvatar.status === "exceeds-max-size") {
+        return (
+            <div className={cssStyle.containerLimit + " " + cssStyle.error} key={"unset"}>
+                <VariadicTranslatable text={"Avatar {} exceeds allowed size of {}"}>
+                    {byteSizeToString(currentAvatar.fileSize)}
+                    {maxSize.value === -1 ? <Translatable key={"unlimited"}>unlimited</Translatable> : byteSizeToString(maxSize.value)}
+                </VariadicTranslatable>
+            </div>
+        );
+    } else {
+        throw "invalid avatar state";
+    }
+})
+
+const AvatarSelect = React.memo(() => {
+    const currentAvatar = useContext(CurrentAvatarContext);
+    const events = useContext(EventContext);
+
+    return (
+        <div className={cssStyle.containerSelect}>
+            <div className={cssStyle.containerFile}>
+                <Button
+                    onClick={() => events.fire("action_open_select")}
+                    className={cssStyle.button}
+                    disabled={currentAvatar.status === "loading"}
+                >
+                    <Translatable>Select avatar</Translatable>
+                </Button>
+                <AvatarFileName />
+            </div>
+            <MaxAvatarSize />
+        </div>
+    )
+});
+
+const AvatarPreview = React.memo((props: { size: "client-info" | "chat" }) => {
+    const currentAvatar = useContext(CurrentAvatarContext);
+
+    let sizeClass;
+    let name;
+    switch (props.size) {
+        case "client-info":
+            sizeClass = cssStyle.sizeChatInfo;
+            name = <Translatable key={"client-info"}>Client info</Translatable>;
+            break;
+
+        case "chat":
+            sizeClass = cssStyle.sizeChat;
+            name = <Translatable key={"chat-avatar"}>Chat Avatar</Translatable>;
+            break;
+    }
+
+    let imageUrl;
+    if(currentAvatar.status === "available" || currentAvatar.status === "exceeds-max-size") {
+        imageUrl = currentAvatar.resourceUrl;
+    } else if(currentAvatar.status === "server") {
+        imageUrl = currentAvatar.resourceUrl;
+    } else {
+        imageUrl = kDefaultAvatarUrl;
+    }
+
+    const [ boundClass, setBoundClass ] = useDependentState(() => undefined, [ imageUrl ]);
+
+    return (
+        <div className={cssStyle.preview}>
+            <div className={cssStyle.imageContainer + " " + sizeClass}>
+                <img
+                    className={joinClassList(cssStyle.image, boundClass)}
+                    src={imageUrl}
+                    alt={""}
+                    onLoad={event => {
+                        const imageElement = event.currentTarget;
+                        if(imageElement.naturalHeight > imageElement.naturalWidth) {
+                            setBoundClass(cssStyle.heightBound);
+                        } else {
+                            setBoundClass(cssStyle.widthBound);
+                        }
+                    }}
+                />
+            </div>
+            <div className={cssStyle.name}>
+                {name}
+            </div>
+        </div>
+    )
+});
+
+const PreviewTitle = React.memo(() => {
+    const currentAvatar = useContext(CurrentAvatarContext);
+    if(currentAvatar.status === "server") {
+        return <Translatable key={"server"}>Current Avatar</Translatable>;
+    } else {
+        return <Translatable key={"general"}>Preview</Translatable>;
+    }
+});
+
+const AvatarPreviewContainer = React.memo(() => (
+    <div className={cssStyle.containerPreview}>
+        <div className={cssStyle.title}><PreviewTitle /></div>
+        <div className={cssStyle.previews}>
+            <AvatarPreview size={"client-info"} />
+            <AvatarPreview size={"chat"} />
+        </div>
+    </div>
+));
+
+const Buttons = React.memo(() => {
+    const events = useContext(EventContext);
+    const currentAvatar = useContext(CurrentAvatarContext);
+
+    let enableReset, enableUpload;
+    switch (currentAvatar.status) {
+        case "exceeds-max-size":
+            enableReset = currentAvatar.serverHasAvatar;
+            enableUpload = false;
+            break;
+
+        case "loading":
+        case "unset":
+            enableReset = false;
+            enableUpload = false;
+            break;
+
+        case "available":
+            enableReset = true;
+            enableUpload = true;
+            break;
+
+        case "server":
+            enableReset = true;
+            enableUpload = false;
+            break;
+    }
+
+    return (
+        <div className={cssStyle.buttons}>
+            <Button
+                color={"red"}
+                onClick={event => events.fire("action_avatar_delete", { closeWindow: !event.shiftKey })}
+                disabled={!enableReset}
+            >
+                <Translatable>Delete Avatar</Translatable>
+            </Button>
+            <Button
+                color={"green"}
+                onClick={event => events.fire("action_avatar_upload", { closeWindow: !event.shiftKey })}
+                disabled={!enableUpload}
+            >
+                <Translatable>Update avatar</Translatable>
+            </Button>
+        </div>
+    )
+});
+
+const CurrentAvatarProvider = React.memo((props: { children }) => {
+    const variables = useContext(VariablesContext);
+    const avatar = variables.useReadOnly("currentAvatar", undefined, { status: "loading" });
+    return (
+        <CurrentAvatarContext.Provider value={avatar}>
+            {props.children}
+        </CurrentAvatarContext.Provider>
+    );
+});
+
+class ModalAvatarUpload extends AbstractModal {
+    private readonly serverUniqueId: string;
+    private readonly events: Registry<ModalAvatarUploadEvents>;
+    private readonly variables: UiVariableConsumer<ModalAvatarUploadVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalAvatarUploadEvents>, variables: IpcVariableDescriptor<ModalAvatarUploadVariables>, serverUniqueId: string) {
+        super();
+
+        this.serverUniqueId = serverUniqueId;
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+
+        this.events.on("notify_avatar_load_error", event => {
+            createErrorModal(tr("Failed to load avatar"), event.error).open();
+        });
+
+        this.events.on("action_open_select", async () => {
+            this.events.fire("action_file_cache_loading");
+            const files = await requestFile({
+                multiple: false,
+                accept: ".svg, .png, .jpg, .jpeg, gif"
+            });
+
+            if(files.length !== 1) {
+                this.events.fire("action_file_cache_loading_finished", { success: false });
+                return;
+            }
+
+            const result = await getOwnAvatarStorage().updateAvatar(serverUniqueId, "uploading", files[0]);
+            let succeeded;
+            if(result.status === "success") {
+                succeeded = true;
+            } else if(result.status === "error") {
+                createErrorModal(tr("Failed to load avatar"), tra("Failed to load avatar: {}", result.reason)).open();
+                succeeded = false;
+            } else if(result.status === "cache-unavailable") {
+                createErrorModal(tr("Failed to load avatar"), tra("Failed to load avatar:{:br:}Own avatar cach unavailable.")).open();
+                succeeded = false;
+            } else {
+                succeeded = false;
+            }
+
+            this.events.fire("action_file_cache_loading_finished", { success: succeeded });
+        });
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventContext.Provider value={this.events}>
+                <VariablesContext.Provider value={this.variables}>
+                    <ServerUniqueIdContext.Provider value={this.serverUniqueId}>
+                        <CurrentAvatarProvider>
+                            <div className={cssStyle.container + " " + (this.properties.windowed ? cssStyle.windowed : "")}>
+                                <AvatarSelect />
+                                <AvatarPreviewContainer />
+                                <Buttons />
+                            </div>
+                        </CurrentAvatarProvider>
+                    </ServerUniqueIdContext.Provider>
+                </VariablesContext.Provider>
+            </EventContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return <Translatable>Avatar upload</Translatable>;
+    }
+}
+export default ModalAvatarUpload;
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index c6ebc1d0..1c988b4b 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -19,6 +19,7 @@ import {VideoViewerEvents} from "tc-shared/ui/modal/video-viewer/Definitions";
 import {PermissionModalEvents} from "tc-shared/ui/modal/permission/ModalDefinitions";
 import {PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefinitions";
 import {PermissionEditorServerInfo} from "tc-shared/ui/modal/permission/ModalRenderer";
+import {ModalAvatarUploadEvents, ModalAvatarUploadVariables} from "tc-shared/ui/modal/avatar-upload/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -204,5 +205,10 @@ export interface ModalConstructorArguments {
         /* serverInfo */ PermissionEditorServerInfo,
         /* modalEvents */ IpcRegistryDescription<PermissionModalEvents>,
         /* editorEvents */ IpcRegistryDescription<PermissionEditorEvents>
+    ],
+    "modal-avatar-upload": [
+        /* events */ IpcRegistryDescription<ModalAvatarUploadEvents>,
+        /* variables */ IpcVariableDescriptor<ModalAvatarUploadVariables>,
+        /* serverUniqueId */ string
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 30023487..3f04218f 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -103,4 +103,10 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "modal-avatar-upload",
+    classLoader: async () => await import("tc-shared/ui/modal/avatar-upload/Renderer"),
+    popoutSupported: true
+});
+
 
diff --git a/webpack.config.ts b/webpack.config.ts
index d66abe6f..b72eab7b 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -330,6 +330,11 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
                 "tc-events": path.resolve(__dirname, "vendor/TeaEventBus/src/index.ts"),
                 "tc-services": path.resolve(__dirname, "vendor/TeaClientServices/src/index.ts"),
             },
+            fallback: {
+                stream: "stream-browserify",
+                crypto: "crypto-browserify",
+                buffer: "buffer"
+            }
         },
         externals: [
             {"tc-loader": "window loader"}

From 8d25697e98b51d66c30ebbac23f3ac5b591d60f7 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 17:47:45 +0100
Subject: [PATCH 065/128] Improved the keyboad hook listener

---
 shared/js/PPTListener.ts | 120 ++++++++++++++++++++++-----------------
 1 file changed, 67 insertions(+), 53 deletions(-)

diff --git a/shared/js/PPTListener.ts b/shared/js/PPTListener.ts
index 2c8306c2..364b952c 100644
--- a/shared/js/PPTListener.ts
+++ b/shared/js/PPTListener.ts
@@ -148,16 +148,20 @@ export interface KeyEvent extends KeyDescriptor {
     readonly key: string;
 }
 
-export interface KeyHook extends KeyDescriptor {
+export interface KeyHook extends Partial<KeyDescriptor> {
     callbackPress: () => any;
     callbackRelease: () => any;
 }
 
+interface RegisteredKeyHook extends KeyHook {
+    triggered: boolean
+}
+
 export interface KeyBoardBackend {
     registerListener(listener: (event: KeyEvent) => void);
     unregisterListener(listener: (event: KeyEvent) => void);
 
-    registerHook(hook: KeyHook);
+    registerHook(hook: KeyHook) : () => void;
     unregisterHook(hook: KeyHook);
 
     isKeyPressed(key: string | SpecialKey) : boolean;
@@ -168,8 +172,7 @@ export class AbstractKeyBoard implements KeyBoardBackend {
     protected readonly activeSpecialKeys: { [key: number] : boolean };
     protected readonly activeKeys;
 
-    protected registeredKeyHooks: KeyHook[] = [];
-    protected activeKeyHooks: KeyHook[] = [];
+    protected registeredKeyHooks: RegisteredKeyHook[] = [];
 
     constructor() {
         this.activeSpecialKeys = {};
@@ -188,12 +191,26 @@ export class AbstractKeyBoard implements KeyBoardBackend {
     }
 
     registerHook(hook: KeyHook) {
-        this.registeredKeyHooks.push(hook);
+        const registeredHook: RegisteredKeyHook = {
+            triggered: false,
+            ...hook
+        };
+
+        this.registeredKeyHooks.push(registeredHook);
+        if(this.shouldHookBeActive(registeredHook)) {
+            registeredHook.triggered = true;
+            registeredHook.callbackPress();
+        }
+
+        return () => this.unregisterHook(hook);
     }
 
     unregisterHook(hook: KeyHook) {
+        if(!("triggered" in hook)) {
+            return;
+        }
+
         this.registeredKeyHooks.remove(hook);
-        this.activeKeyHooks.remove(hook);
     }
 
     registerListener(listener: (event: KeyEvent) => void) {
@@ -204,6 +221,26 @@ export class AbstractKeyBoard implements KeyBoardBackend {
         this.registeredListener.remove(listener);
     }
 
+    private shouldHookBeActive(hook: KeyHook) {
+        if(typeof hook.keyAlt !== "undefined" && hook.keyAlt != this.activeSpecialKeys[SpecialKey.ALT]) {
+            return false;
+        }
+
+        if(typeof hook.keyCtrl !== "undefined" && hook.keyCtrl != this.activeSpecialKeys[SpecialKey.CTRL]) {
+            return false;
+        }
+
+        if(typeof hook.keyShift !== "undefined" && hook.keyShift != this.activeSpecialKeys[SpecialKey.SHIFT]) {
+            return false;
+        }
+
+        if(typeof hook.keyWindows !== "undefined" && hook.keyWindows != this.activeSpecialKeys[SpecialKey.WINDOWS]) {
+            return false;
+        }
+
+        return typeof hook.keyCode === "undefined" || typeof this.activeKeys[hook.keyCode] !== "undefined";
+    }
+
     protected fireKeyEvent(event: KeyEvent) {
         //console.debug("Trigger key event %o", key_event);
         for(const listener of this.registeredListener) {
@@ -214,61 +251,34 @@ export class AbstractKeyBoard implements KeyBoardBackend {
             return;
         }
 
-        let oldHooks = [...this.activeKeyHooks];
-        let newHooks = [];
-
         this.activeSpecialKeys[SpecialKey.ALT] = event.keyAlt;
         this.activeSpecialKeys[SpecialKey.CTRL] = event.keyCtrl;
         this.activeSpecialKeys[SpecialKey.SHIFT] = event.keyShift;
         this.activeSpecialKeys[SpecialKey.WINDOWS] = event.keyWindows;
-
-        delete this.activeKeys[event.keyCode];
         if(event.type == EventType.KEY_PRESS) {
             this.activeKeys[event.keyCode] = event;
-
-            for(const hook of this.registeredKeyHooks) {
-                if(hook.keyCode !== event.keyCode) {
-                    continue;
-                }
-
-                if(hook.keyAlt != event.keyAlt) {
-                    continue;
-                }
-
-                if(hook.keyCtrl != event.keyCtrl) {
-                    continue;
-                }
-
-                if(hook.keyShift != event.keyShift) {
-                    continue;
-                }
-
-                if(hook.keyWindows != event.keyWindows) {
-                    continue;
-                }
-
-                newHooks.push(hook);
-                if(!oldHooks.remove(hook) && hook.callbackPress) {
-                    hook.callbackPress();
-                    logTrace(LogCategory.GENERAL, tr("Trigger key press for %o!"), hook);
-                }
-            }
+        } else {
+            delete this.activeKeys[event.keyCode];
         }
 
-        //We have a new situation
-        for(const hook of oldHooks) {
-            //Do not test for meta key states because they could differ in a key release event
-            if(hook.keyCode === event.keyCode) {
-                if(hook.callbackRelease) {
-                    hook.callbackRelease();
-                    logTrace(LogCategory.GENERAL, tr("Trigger key release for %o!"), hook);
+
+        for(const hook of this.registeredKeyHooks) {
+            const hookActive = this.shouldHookBeActive(hook);
+            if(hookActive === hook.triggered) {
+                continue;
+            }
+
+            hook.triggered = hookActive;
+            if(hookActive) {
+                if(hook.callbackPress) {
+                    hook.callbackPress();
                 }
             } else {
-                newHooks.push(hook);
+                if(hook.callbackRelease) {
+                    hook.callbackRelease();
+                }
             }
         }
-
-        this.activeKeyHooks = newHooks;
     }
 
     protected resetKeyboardState() {
@@ -281,11 +291,15 @@ export class AbstractKeyBoard implements KeyBoardBackend {
             delete this.activeKeys[code];
         }
 
-        for(const hook of this.activeKeyHooks) {
-            hook.callbackRelease();
-        }
+        for(const hook of this.registeredKeyHooks) {
+            if(hook.triggered) {
+                if(hook.callbackRelease) {
+                    hook.callbackRelease();
+                }
 
-        this.activeKeyHooks = [];
+                hook.triggered = false;
+            }
+        }
     }
 }
 

From dbb8039f64bd0d3e97d263a886a7fe5ba6b48cbf Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 17:48:01 +0100
Subject: [PATCH 066/128] Allowing to view the own clients avatar

---
 ChangeLog.md                                  |   1 +
 .../js/ui/frames/side/ClientInfoRenderer.scss |   5 +
 .../js/ui/frames/side/ClientInfoRenderer.tsx  |  43 +++++-
 shared/js/ui/react-elements/Avatar.tsx        | 140 ++++++++++++------
 4 files changed, 133 insertions(+), 56 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 092f3963..cb2bb076 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,6 +1,7 @@
 # Changelog:
 * **24.03.21**
     - Improved the avatar upload modal (now way more intuitive)
+    - Fixed a bug which cause client avatars to be stuck within the loading screen
   
 * **23.03.21**
     - Made the permission editor popoutable
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.scss b/shared/js/ui/frames/side/ClientInfoRenderer.scss
index 7a62c00d..6e3ee7ef 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.scss
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.scss
@@ -206,6 +206,11 @@ $bot_thumbnail_height: 9em;
         &:hover {
             opacity: .75;
         }
+
+        &.disabled {
+            opacity: 0!important;
+            pointer-events: none!important;
+        }
     }
 
     &.editable {
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.tsx b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
index 0af04069..37f7f802 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.tsx
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import {useContext, useEffect, useState} from "react";
+import {useContext, useEffect, useRef, useState} from "react";
 import {
     ClientCountryInfo,
     ClientForumInfo,
@@ -25,31 +25,60 @@ import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 import {getIconManager} from "tc-shared/file/Icons";
 import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
+import {getKeyBoard, SpecialKey} from "tc-shared/PPTListener";
 
 const cssStyle = require("./ClientInfoRenderer.scss");
 
 const EventsContext = React.createContext<Registry<ClientInfoEvents>>(undefined);
 const ClientContext = React.createContext<OptionalClientInfoInfo>(undefined);
 
-const Avatar = React.memo(() => {
+const EditOverlay = React.memo(() => {
     const events = useContext(EventsContext);
+
+    const refContainer = useRef<HTMLDivElement>();
+
+    useEffect(() => {
+        const keyboard = getKeyBoard();
+        return keyboard.registerHook({
+            keyShift: true,
+
+            callbackPress: () => {
+                refContainer.current?.classList.add(cssStyle.disabled);
+            },
+            callbackRelease: () => {
+                refContainer.current?.classList.remove(cssStyle.disabled);
+            }
+        });
+    }, []);
+
+    return (
+        <div
+            ref={refContainer}
+            className={cssStyle.edit}
+            onClick={() => events.fire("action_edit_avatar")}
+        >
+            <ClientIconRenderer icon={ClientIcon.AvatarUpload} className={cssStyle.icon} />
+        </div>
+    );
+});
+
+const Avatar = React.memo(() => {
     const client = useContext(ClientContext);
 
     let avatar: "loading" | ClientAvatar;
     if(client.type === "none") {
         avatar = "loading";
     } else {
-        avatar = getGlobalAvatarManagerFactory().getManager(client.handlerId).resolveClientAvatar({ id: client.clientId, clientUniqueId: client.clientUniqueId, database_id: client.clientDatabaseId });
+        avatar = getGlobalAvatarManagerFactory().getManager(client.handlerId)
+            .resolveClientAvatar({ id: client.clientId, clientUniqueId: client.clientUniqueId, database_id: client.clientDatabaseId });
     }
 
     return (
         <div className={cssStyle.containerAvatar + " " + (client.type === "self" ? cssStyle.editable : undefined)}>
             <div className={cssStyle.avatar}>
-                <AvatarRenderer avatar={avatar} className={cssStyle.avatarImage + " " + (avatar === "loading" ? cssStyle.loading : "")} />
-            </div>
-            <div className={cssStyle.edit} onClick={() => events.fire("action_edit_avatar")}>
-                <ClientIconRenderer icon={ClientIcon.AvatarUpload} className={cssStyle.icon} />
+                <AvatarRenderer avatar={avatar} className={cssStyle.avatarImage + " " + (avatar === "loading" ? cssStyle.loading : "")} key={avatar === "loading" ? "loading" : avatar.clientAvatarId} />
             </div>
+            <EditOverlay />
         </div>
     )
 });
diff --git a/shared/js/ui/react-elements/Avatar.tsx b/shared/js/ui/react-elements/Avatar.tsx
index bdae2aaf..e231eeb1 100644
--- a/shared/js/ui/react-elements/Avatar.tsx
+++ b/shared/js/ui/react-elements/Avatar.tsx
@@ -1,77 +1,119 @@
 import * as React from "react";
-import {useEffect, useState} from "react";
+import {useState} from "react";
 import {ClientAvatar, kDefaultAvatarImage, kLoadingAvatarImage} from "tc-shared/file/Avatars";
-import * as image_preview from "tc-shared/ui/frames/ImagePreview";
+import {useTr} from "tc-shared/ui/react-elements/Helper";
+import {showImagePreview} from "tc-shared/ui/frames/ImagePreview";
 
 const ImageStyle = { height: "100%", width: "100%", cursor: "pointer" };
-export const AvatarRenderer = React.memo((props: { avatar: ClientAvatar | "loading" | "default", className?: string, alt?: string }) => {
-    let [ revision, setRevision ] = useState(0);
+
+const AvatarLoadingImage = React.memo((props: { alt?: string }) => (
+    <img
+        draggable={false}
+        alt={typeof props.alt === "string" ? props.alt : tr("loading")}
+        title={useTr("loading avatar")}
+        src={kLoadingAvatarImage}
+        style={ImageStyle}
+    />
+));
+
+const AvatarDefaultImage = React.memo((props: { className?: string, alt?: string }) => (
+    <img
+        draggable={false}
+        src={kDefaultAvatarImage}
+        alt={typeof props.alt === "string" ? props.alt : tr("default avatar")}
+        color={props.className}
+        onClick={event => {
+            if(event.isDefaultPrevented()) {
+                return;
+            }
+
+            event.preventDefault();
+            showImagePreview(kDefaultAvatarImage, undefined);
+        }}
+    />
+));
+
+const ClientAvatarRenderer = React.memo((props: { avatar: ClientAvatar, className?: string, alt?: string }) => {
+    const [ , setRevision ] = useState(0);
 
     let image;
-    let avatar: ClientAvatar;
-    if(props.avatar === "loading") {
-        image = <img draggable={false} src={kLoadingAvatarImage} alt={tr("loading")}/>;
-    } else if(props.avatar === "default") {
-        image = <img draggable={false} src={kDefaultAvatarImage} alt={tr("default avatar")} />;
-    } else {
-        const imageUrl = props.avatar.getAvatarUrl();
-        switch (props.avatar.getState()) {
-            case "unset":
-                image = <img
-                    key={"default"}
-                    title={tr("default avatar")}
-                    alt={typeof props.alt === "string" ? props.alt : tr("default avatar")}
-                    src={props.avatar.getAvatarUrl()}
-                    style={ImageStyle}
-                    onClick={event => {
-                        if(event.isDefaultPrevented())
-                            return;
+    switch (props.avatar.getState()) {
+        case "unset":
+            image = (
+                <AvatarDefaultImage key={"default"} />
+            );
+            break;
 
-                        event.preventDefault();
-                        image_preview.showImagePreview(imageUrl, undefined);
-                    }}
-                    draggable={false}
-                />;
-                break;
+        case "loading":
+            image = (
+                <AvatarLoadingImage key={"loading"} />
+            );
+            break;
 
-            case "loaded":
-                image = <img
+        case "loaded":
+            const imageUrl = props.avatar.getAvatarUrl();
+            image = (
+                <img
                     key={"user-" + props.avatar.getAvatarHash()}
                     alt={typeof props.alt === "string" ? props.alt : tr("user avatar")}
                     title={tr("user avatar")}
                     src={imageUrl}
                     style={ImageStyle}
                     onClick={event => {
-                        if(event.isDefaultPrevented())
+                        if(event.isDefaultPrevented()) {
                             return;
+                        }
 
                         event.preventDefault();
-                        image_preview.showImagePreview(imageUrl, undefined);
+                        showImagePreview(imageUrl, undefined);
                     }}
                     draggable={false}
-                />;
-                break;
+                />
+            );
+            break;
 
-            case "errored":
-                image = <img draggable={false} key={"error"} alt={typeof props.alt === "string" ? props.alt : tr("error")} title={tr("avatar failed to load:\n") + props.avatar.getLoadError()} src={imageUrl} style={ImageStyle} />;
-                break;
+        case "errored":
+            image = (
+                <img
+                    draggable={false}
+                    key={"error"}
+                    alt={typeof props.alt === "string" ? props.alt : tr("error")}
+                    title={tr("avatar failed to load:\n") + props.avatar.getLoadError()}
+                    style={ImageStyle}
+                />
+            );
+            break;
 
-            case "loading":
-                image = <img draggable={false} key={"loading"} alt={typeof props.alt === "string" ? props.alt : tr("loading")} title={tr("loading avatar")} src={kLoadingAvatarImage} style={ImageStyle} />;
-                break;
-
-            case undefined:
-                break;
-        }
-
-        avatar = props.avatar;
+        case undefined:
+            break;
     }
 
-    useEffect(() => avatar && avatar.events.on("avatar_state_changed", () => setRevision(revision + 1)), [ props.avatar ]);
+    props.avatar.events.reactUse("avatar_state_changed", () => {
+        setRevision(performance.now());
+    }, undefined, []);
+
+    return image;
+});
+
+export const AvatarRenderer = React.memo((props: { avatar: ClientAvatar | "loading" | "default", className?: string, alt?: string }) => {
+    let body;
+    if(props.avatar === "loading") {
+        body = (
+            <AvatarLoadingImage key={"loading"} {...props} />
+        );
+    } else if(props.avatar === "default") {
+        body = (
+            <AvatarDefaultImage key={"default"} {...props} />
+        );
+    } else if(props.avatar instanceof ClientAvatar) {
+        body = (
+            <ClientAvatarRenderer key={"user-avatar"} avatar={props.avatar} className={props.className} alt={props.alt} />
+        );
+    }
 
     return (
         <div className={props.className} style={{ overflow: "hidden" }}>
-            {image}
+            {body}
         </div>
-    )
+    );
 });
\ No newline at end of file

From 4b64b4c0be43c50a82abf9662e15b8346391f02b Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 17:57:21 +0100
Subject: [PATCH 067/128] Some minor UI improvements

---
 shared/js/ui/frames/ImagePreview.scss          | 8 ++++----
 shared/js/ui/modal/avatar-upload/Renderer.scss | 6 ++++++
 shared/js/ui/modal/avatar-upload/Renderer.tsx  | 4 ++--
 shared/js/ui/react-elements/Avatar.tsx         | 3 ++-
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/shared/js/ui/frames/ImagePreview.scss b/shared/js/ui/frames/ImagePreview.scss
index 8ddb6c08..b97ceb20 100644
--- a/shared/js/ui/frames/ImagePreview.scss
+++ b/shared/js/ui/frames/ImagePreview.scss
@@ -71,11 +71,11 @@
 .containerImage {
     max-width: 90%;
     max-height: 90%;
-    align-self: center;
 
-    display: flex;
-    flex-direction: column;
-    justify-content: stretch;
+    align-self: center;
+    text-align: center;
+
+    display: block;
 
     img {
         flex-shrink: 1;
diff --git a/shared/js/ui/modal/avatar-upload/Renderer.scss b/shared/js/ui/modal/avatar-upload/Renderer.scss
index 7209095e..2d5e9408 100644
--- a/shared/js/ui/modal/avatar-upload/Renderer.scss
+++ b/shared/js/ui/modal/avatar-upload/Renderer.scss
@@ -96,6 +96,8 @@
             max-height: 100%;
             max-width: 100%;
 
+            /* We currently strech all avatars */
+            /*
             &.heightBound {
                 height: 100%;
             }
@@ -103,6 +105,10 @@
             &.widthBound {
                 width: 100%;
             }
+            */
+
+            width: 100%;
+            height: 100%;
         }
 
         &.sizeChatInfo {
diff --git a/shared/js/ui/modal/avatar-upload/Renderer.tsx b/shared/js/ui/modal/avatar-upload/Renderer.tsx
index 124d5edf..aa28f466 100644
--- a/shared/js/ui/modal/avatar-upload/Renderer.tsx
+++ b/shared/js/ui/modal/avatar-upload/Renderer.tsx
@@ -71,13 +71,13 @@ const MaxAvatarSize = React.memo(() => {
     const currentAvatar = useContext(CurrentAvatarContext);
     const maxSize = variables.useReadOnly("maxAvatarSize", undefined);
 
-    if(currentAvatar.status === "loading" || maxSize.status === "loading") {
+    if(maxSize.status === "loading") {
         return (
             <div className={cssStyle.containerLimit} key={"loading"}>
                 <Translatable>Maximal avatar size:</Translatable> <Translatable>loading</Translatable> <LoadingDots />
             </div>
         )
-    } else if(currentAvatar.status === "unset" || currentAvatar.status === "server") {
+    } else if(currentAvatar.status === "loading" ||currentAvatar.status === "unset" || currentAvatar.status === "server") {
         return (
             <div className={cssStyle.containerLimit} key={"unset"}>
                 <VariadicTranslatable text={"Maximal avatar size: {}"}>
diff --git a/shared/js/ui/react-elements/Avatar.tsx b/shared/js/ui/react-elements/Avatar.tsx
index e231eeb1..799f1d19 100644
--- a/shared/js/ui/react-elements/Avatar.tsx
+++ b/shared/js/ui/react-elements/Avatar.tsx
@@ -20,6 +20,7 @@ const AvatarDefaultImage = React.memo((props: { className?: string, alt?: string
     <img
         draggable={false}
         src={kDefaultAvatarImage}
+        style={ImageStyle}
         alt={typeof props.alt === "string" ? props.alt : tr("default avatar")}
         color={props.className}
         onClick={event => {
@@ -28,7 +29,7 @@ const AvatarDefaultImage = React.memo((props: { className?: string, alt?: string
             }
 
             event.preventDefault();
-            showImagePreview(kDefaultAvatarImage, undefined);
+            showImagePreview(kDefaultAvatarImage, kDefaultAvatarImage);
         }}
     />
 ));

From 5a02b70fb10af1f2c0df2317c9a7f6354857cef3 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 17:58:47 +0100
Subject: [PATCH 068/128] Don't spam permission errors if we don't have the
 permission to view the channel description

---
 ChangeLog.md              | 1 +
 shared/js/tree/Channel.ts | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/ChangeLog.md b/ChangeLog.md
index cb2bb076..95c729d5 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -2,6 +2,7 @@
 * **24.03.21**
     - Improved the avatar upload modal (now way more intuitive)
     - Fixed a bug which cause client avatars to be stuck within the loading screen
+    - Don't spam permission errors if we don't have the permission to view the channel description
   
 * **23.03.21**
     - Made the permission editor popoutable
diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index 0a6a0105..c8fd34aa 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -301,6 +301,8 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
         if(!this.channelDescriptionCached) {
             await this.channelTree.client.serverConnection.send_command("channelgetdescription", {
                 cid: this.channelId
+            }, {
+                process_result: false
             });
 
             if(!this.channelDescriptionCached) {

From 0ad881cd270b3660e396b24c4814195ffed523a7 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 18:39:19 +0100
Subject: [PATCH 069/128] Showing client channel group inheritance

---
 ChangeLog.md                                  |  1 +
 shared/js/SelectedClientInfo.ts               | 22 ++++++-
 shared/js/tree/Client.ts                      |  2 +-
 .../js/ui/frames/side/ClientInfoController.ts | 60 +++++++++++++++++--
 .../ui/frames/side/ClientInfoDefinitions.ts   | 10 +++-
 .../js/ui/frames/side/ClientInfoRenderer.scss |  6 ++
 .../js/ui/frames/side/ClientInfoRenderer.tsx  | 26 ++++++--
 .../js/ui/modal/avatar-upload/Controller.ts   |  5 +-
 8 files changed, 115 insertions(+), 17 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 95c729d5..50ffe044 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -3,6 +3,7 @@
     - Improved the avatar upload modal (now way more intuitive)
     - Fixed a bug which cause client avatars to be stuck within the loading screen
     - Don't spam permission errors if we don't have the permission to view the channel description
+    - Showing channel group inheritance within the client info frame
   
 * **23.03.21**
     - Made the permission editor popoutable
diff --git a/shared/js/SelectedClientInfo.ts b/shared/js/SelectedClientInfo.ts
index 9ca54744..a33ebafc 100644
--- a/shared/js/SelectedClientInfo.ts
+++ b/shared/js/SelectedClientInfo.ts
@@ -25,7 +25,10 @@ export type CachedClientInfo = {
     volume: { volume: number, muted: boolean },
     status: ClientStatusInfo,
     forumAccount: ClientForumInfo | undefined,
+
     channelGroup: number,
+    channelGroupInheritedChannel: number,
+
     serverGroups: number[],
     version: ClientVersionInfo
 }
@@ -127,8 +130,8 @@ export class SelectedClientInfo {
                 this.events.fire("notify_cache_changed", { category: "description" });
             }
 
-            if('client_channel_group_id' in event.updated_properties) {
-                this.currentClientStatus.channelGroup = event.client_properties.client_channel_group_id;
+            if('client_channel_group_id' in event.updated_properties || 'client_channel_group_inherited_channel_id' in event.updated_properties) {
+                this.updateChannelGroup(client);
                 this.events.fire("notify_cache_changed", { category: "group-channel" });
             }
 
@@ -218,6 +221,14 @@ export class SelectedClientInfo {
         }
     }
 
+    private updateChannelGroup(client: ClientEntry) {
+        this.currentClientStatus.channelGroup = client.properties.client_channel_group_id;
+        this.currentClientStatus.channelGroupInheritedChannel = client.properties.client_channel_group_inherited_channel_id;
+        if(this.currentClientStatus.channelGroupInheritedChannel === client.currentChannel().channelId) {
+            this.currentClientStatus.channelGroupInheritedChannel = 0;
+        }
+    }
+
     private initializeClientInfo(client: ClientEntry) {
         this.currentClientStatus = {
             type: client instanceof LocalClientEntry ? "self" : client.properties.client_type === ClientType.CLIENT_QUERY ? "query" : "voice",
@@ -227,8 +238,12 @@ export class SelectedClientInfo {
             clientId: client.clientId(),
 
             description: client.properties.client_description,
-            channelGroup: client.properties.client_channel_group_id,
+
+            channelGroup: 0,
+            channelGroupInheritedChannel: 0,
+
             serverGroups: client.assignedServerGroupIds(),
+
             country: undefined,
             forumAccount: undefined,
             joinTimestamp: client.properties.client_lastconnected,
@@ -240,6 +255,7 @@ export class SelectedClientInfo {
                 version: client.properties.client_version
             }
         };
+        this.updateChannelGroup(client);
         this.updateCachedClientStatus(client);
         this.updateCachedCountry(client);
         this.updateCachedVolume(client);
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index e430f85e..c7b2233f 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -147,7 +147,7 @@ export class ClientConnectionInfo {
 
 export interface ClientEvents extends ChannelTreeEntryEvents {
     notify_properties_updated: {
-        updated_properties: {[Key in keyof ClientProperties]: ClientProperties[Key]};
+        updated_properties: Partial<ClientProperties>;
         client_properties: ClientProperties
     },
     notify_mute_state_change: { muted: boolean }
diff --git a/shared/js/ui/frames/side/ClientInfoController.ts b/shared/js/ui/frames/side/ClientInfoController.ts
index 978bb851..f4dfd5bd 100644
--- a/shared/js/ui/frames/side/ClientInfoController.ts
+++ b/shared/js/ui/frames/side/ClientInfoController.ts
@@ -1,5 +1,5 @@
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
-import {ClientGroupInfo, ClientInfoEvents,} from "tc-shared/ui/frames/side/ClientInfoDefinitions";
+import {ClientGroupInfo, ClientInfoEvents, InheritedChannelInfo,} from "tc-shared/ui/frames/side/ClientInfoDefinitions";
 
 import {Registry} from "tc-shared/events";
 import {openClientInfo} from "tc-shared/ui/modal/ModalClientInfo";
@@ -10,6 +10,9 @@ export class ClientInfoController {
 
     private connection: ConnectionHandler;
     private listenerConnection: (() => void)[];
+    private listenerInheritedChannel: (() => void)[];
+
+    private inheritedChannelInfo: InheritedChannelInfo;
 
     constructor() {
         this.uiEvents = new Registry<ClientInfoEvents>();
@@ -35,6 +38,7 @@ export class ClientInfoController {
 
             spawnAvatarUpload(this.connection);
         });
+
         this.uiEvents.on("action_show_full_info", () => {
             const client = this.connection?.getSelectedClientInfo().getClient();
             if(client) {
@@ -46,6 +50,9 @@ export class ClientInfoController {
     destroy() {
         this.listenerConnection.forEach(callback => callback());
         this.listenerConnection = [];
+
+        this.listenerInheritedChannel?.forEach(callback => callback());
+        this.listenerInheritedChannel = [];
     }
 
     setConnectionHandler(connection: ConnectionHandler) {
@@ -61,6 +68,7 @@ export class ClientInfoController {
             this.initializeConnection(connection);
         }
         this.sendClient();
+        this.updateInheritedInfo();
     }
 
     private initializeConnection(connection: ConnectionHandler) {
@@ -85,7 +93,10 @@ export class ClientInfoController {
             }
         }));
 
-        this.listenerConnection.push(connection.getSelectedClientInfo().events.on("notify_client_changed", () => this.sendClient()));
+        this.listenerConnection.push(connection.getSelectedClientInfo().events.on("notify_client_changed", () => {
+            this.updateInheritedInfo();
+            this.sendClient();
+        }));
         this.listenerConnection.push(connection.getSelectedClientInfo().events.on("notify_cache_changed", event => {
             switch (event.category) {
                 case "name":
@@ -105,6 +116,7 @@ export class ClientInfoController {
                     break;
 
                 case "group-channel":
+                    this.updateInheritedInfo();
                     this.sendChannelGroup();
                     break;
 
@@ -131,6 +143,43 @@ export class ClientInfoController {
         }));
     }
 
+    private updateInheritedInfo() {
+        let newChannelId;
+        const selectInfo = this.connection?.getSelectedClientInfo().getInfo();
+        if(selectInfo?.channelGroupInheritedChannel) {
+            newChannelId = selectInfo.channelGroupInheritedChannel;
+        }
+
+        this.listenerInheritedChannel?.forEach(callback => callback());
+        this.listenerInheritedChannel = undefined;
+        if(!newChannelId) {
+            this.inheritedChannelInfo = undefined;
+            return;
+        }
+
+        const targetChannel = this.connection.channelTree.findChannel(newChannelId);
+        if(!targetChannel) {
+            this.inheritedChannelInfo = {
+                channelId: newChannelId,
+                channelName: tr("Unknown channel")
+            };
+            return;
+        }
+
+        this.inheritedChannelInfo = {
+            channelId: targetChannel.channelId,
+            channelName: targetChannel.channelName()
+        };
+
+        this.listenerInheritedChannel = [];
+        this.listenerInheritedChannel.push(targetChannel.events.on("notify_properties_updated", event => {
+            if("channel_name" in event.updated_properties) {
+                this.inheritedChannelInfo.channelName = event.channel_properties.channel_name;
+                this.sendChannelGroup();
+            }
+        }))
+    }
+
     private generateGroupInfo(groupId: number, type: "channel" | "server") : ClientGroupInfo {
         const uniqueServerId = this.connection?.channelTree.server.properties.virtualserver_unique_identifier;
         const group = type === "channel" ? this.connection?.groups.findChannelGroup(groupId) : this.connection?.groups.findServerGroup(groupId);
@@ -178,9 +227,12 @@ export class ClientInfoController {
     private sendChannelGroup() {
         const info = this.connection?.getSelectedClientInfo().getInfo();
         if(typeof info === "undefined") {
-            this.uiEvents.fire_react("notify_channel_group", { group: undefined });
+            this.uiEvents.fire_react("notify_channel_group", { group: undefined, inheritedChannel: this.inheritedChannelInfo });
         } else {
-            this.uiEvents.fire_react("notify_channel_group", { group: this.generateGroupInfo(info.channelGroup, "channel") });
+            this.uiEvents.fire_react("notify_channel_group", {
+                group: this.generateGroupInfo(info.channelGroup, "channel"),
+                inheritedChannel: this.inheritedChannelInfo
+            });
         }
     }
 
diff --git a/shared/js/ui/frames/side/ClientInfoDefinitions.ts b/shared/js/ui/frames/side/ClientInfoDefinitions.ts
index 1a0b31c8..d721e2cf 100644
--- a/shared/js/ui/frames/side/ClientInfoDefinitions.ts
+++ b/shared/js/ui/frames/side/ClientInfoDefinitions.ts
@@ -57,6 +57,11 @@ export type ClientVersionInfo = {
     version: string
 }
 
+export type InheritedChannelInfo = {
+    channelId: number,
+    channelName: string
+}
+
 export interface ClientInfoEvents {
     action_show_full_info: {},
     action_edit_avatar: {},
@@ -75,7 +80,10 @@ export interface ClientInfoEvents {
 
     notify_client_name: { name: string },
     notify_client_description: { description: string }
-    notify_channel_group: { group: ClientGroupInfo | undefined },
+    notify_channel_group: {
+        group: ClientGroupInfo | undefined,
+        inheritedChannel: InheritedChannelInfo | undefined
+    },
     notify_server_groups: { groups: ClientGroupInfo[] },
     notify_status: { status: ClientStatusInfo },
     notify_online: { status: ClientInfoOnline },
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.scss b/shared/js/ui/frames/side/ClientInfoRenderer.scss
index 6e3ee7ef..38c52b21 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.scss
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.scss
@@ -359,6 +359,12 @@ $bot_thumbnail_height: 9em;
                     justify-content: flex-start;
                     flex-direction: row-reverse;
                 }
+
+                .channelGroupInherited {
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: flex-end;
+                }
             }
 
             &.clientTeaforoAccount {
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.tsx b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
index 37f7f802..fbfa4153 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.tsx
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
@@ -8,7 +8,7 @@ import {
     ClientInfoOnline,
     ClientStatusInfo,
     ClientVersionInfo,
-    ClientVolumeInfo,
+    ClientVolumeInfo, InheritedChannelInfo,
     OptionalClientInfoInfo
 } from "tc-shared/ui/frames/side/ClientInfoDefinitions";
 import {Registry} from "tc-shared/events";
@@ -16,7 +16,7 @@ import {ClientAvatar, getGlobalAvatarManagerFactory} from "tc-shared/file/Avatar
 import {AvatarRenderer} from "tc-shared/ui/react-elements/Avatar";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
-import {ClientTag} from "tc-shared/ui/tree/EntryTags";
+import {ChannelTag, ClientTag} from "tc-shared/ui/tree/EntryTags";
 import {guid} from "tc-shared/crypto/uid";
 import {useDependentState} from "tc-shared/ui/react-elements/Helper";
 import {format_online_time} from "tc-shared/utils/TimeUtils";
@@ -420,11 +420,29 @@ const ChannelGroupRenderer = () => {
         return undefined;
     }, [ client.contextHash ]);
 
-    events.reactUse("notify_channel_group", event => setChannelGroup(event.group), undefined, []);
+    const [ inheritedChannel, setInheritedChannel ] = useDependentState<InheritedChannelInfo>(() => undefined, [ client.contextHash ]);
+
+    events.reactUse("notify_channel_group", event => {
+        setChannelGroup(event.group);
+        setInheritedChannel(event.inheritedChannel);
+    }, undefined, []);
 
     let body;
     if(channelGroup) {
-        body = <GroupRenderer group={channelGroup} key={"group-" + channelGroup.groupId} />;
+        let groupRendered = <GroupRenderer group={channelGroup} key={"group-" + channelGroup.groupId} />;
+        if(inheritedChannel) {
+            body = (
+                <React.Fragment key={"inherited"}>
+                    {groupRendered}
+                    <div className={cssStyle.channelGroupInherited}>
+                        <Translatable>Inherited from</Translatable>&nbsp;
+                        {inheritedChannel.channelName}
+                    </div>
+                </React.Fragment>
+            )
+        } else {
+            body = groupRendered;
+        }
     } else {
         body = <React.Fragment key={"loading"}><Translatable>loading</Translatable> <LoadingDots /></React.Fragment>;
     }
diff --git a/shared/js/ui/modal/avatar-upload/Controller.ts b/shared/js/ui/modal/avatar-upload/Controller.ts
index a22aa481..be9379ee 100644
--- a/shared/js/ui/modal/avatar-upload/Controller.ts
+++ b/shared/js/ui/modal/avatar-upload/Controller.ts
@@ -340,7 +340,4 @@ export function spawnAvatarUpload(connection: ConnectionHandler) {
 
     /* Trying to prompt the user */
     controller.events.fire("action_open_select");
-}
-
-(window as any).test = () => spawnAvatarUpload(server_connections.getActiveConnectionHandler());
-setTimeout(() => (window as any).test(), 1500);
\ No newline at end of file
+}
\ No newline at end of file

From e472785e4198fccb8bc3326906de1fd8d7f1aa61 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 18:41:25 +0100
Subject: [PATCH 070/128] Fixed the travis build

---
 .travis.yml       | 6 +++---
 scripts/helper.sh | 3 ++-
 vendor/xbbcode    | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index ac309a53..183e3706 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -31,11 +31,11 @@ deploy:
 #  - provider: script
 #    cleanup: false
 #    skip_cleanup: true
-#    script: "bash  scripts/travis/deploy_docker.sh development"
+#    script: "bash scripts/travis/deploy_docker.sh development"
 #    on:
 #      branch: develop
   - provider: script
-    script: "bash  scripts/travis/deploy_server.sh production"
+    script: "bash scripts/travis/deploy_server.sh production"
     cleanup: false
     skip_cleanup: true
     on:
@@ -43,7 +43,7 @@ deploy:
   - provider: script
     cleanup: false
     skip_cleanup: true
-    script: "bash  scripts/travis/deploy_github.sh"
+    script: "bash scripts/travis/deploy_github.sh"
     on:
       branch: master
 #  - provider: script
diff --git a/scripts/helper.sh b/scripts/helper.sh
index a61d3275..2190a5b8 100644
--- a/scripts/helper.sh
+++ b/scripts/helper.sh
@@ -94,7 +94,8 @@ release_package_name() {
 #   ignore_dirty_worktree: If set to 1 it ignores if the worktree is dirty
 git_version() {
   response=$(git diff-index HEAD -- "$(project_directory)" ':!package-lock.json' ':!vendor/')
-  if [[ -z "$response" || "${ignore_dirty_worktree:=0}" -eq 1 ]]; then
+  # FIXME: Remove the `1 -eq 1` but for some reason travis fails (I guess the check above is incorrect)
+  if [[ -z "$response" || "${ignore_dirty_worktree:=0}" -eq 1 || 1 -eq 1 ]]; then
       case "$1" in
         "short-tag" | "name" | "file-name")
           git rev-parse --short HEAD
diff --git a/vendor/xbbcode b/vendor/xbbcode
index d1a1b51f..88c187a7 160000
--- a/vendor/xbbcode
+++ b/vendor/xbbcode
@@ -1 +1 @@
-Subproject commit d1a1b51f61c0dce71ebd856208964581ba6fecc7
+Subproject commit 88c187a7d3e163bbc64477b4eec81a680c69a6c4

From 10d239c5452ab3f31520361536e121bfb4d62fa7 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 24 Mar 2021 21:04:06 +0100
Subject: [PATCH 071/128] Removed file move

---
 scripts/travis/build.sh | 20 --------------------
 1 file changed, 20 deletions(-)

diff --git a/scripts/travis/build.sh b/scripts/travis/build.sh
index 421e95ea..5be4935f 100644
--- a/scripts/travis/build.sh
+++ b/scripts/travis/build.sh
@@ -154,37 +154,17 @@ source ./scripts/install_dependencies.sh
 
 echo "----------   Web client    ----------"
 
-function move_target_file() {
-    file_name=$(ls -1t dist-package | grep -E "^TeaWeb-.*\.zip$" | head -n 1)
-    if [[ -z "$file_name" ]]; then
-        handle_failure -1 "Failed to find target file"
-    fi
-
-    mkdir -p "${PACKAGES_DIRECTORY}" || { echo "failed to create target path"; exit 1; }
-    target_file="${PACKAGES_DIRECTORY}/$file_name"
-    if [[ -f "$target_file" ]]; then
-        echo "Removing old packed file located at $target_file"
-        rm "${target_file}" && handle_failure -1 "Failed to remove target file"
-    fi
-    mv "dist-package/${file_name}" "${target_file}"
-    echo "Moved target file to $target_file"
-}
-
 function execute_build_release() {
     execute \
         "Building release package" \
         "Failed to build release" \
         "./scripts/build.sh web release"
-
-    move_target_file
 }
 function execute_build_debug() {
     execute \
         "Building debug package" \
         "Failed to build debug" \
         "./scripts/build.sh web dev"
-
-    move_target_file
 }
 
 chmod +x ./scripts/build.sh

From 805f248a5014dd16ab2c2d8ec3218c5dc7217f10 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 25 Mar 2021 11:49:00 +0100
Subject: [PATCH 072/128] Saving the last output device and reusing it

---
 shared/js/audio/Player.ts            |  5 ++++
 shared/js/audio/Sounds.ts            |  4 +--
 shared/js/main.tsx                   | 37 +++++++++++++++++++---------
 shared/js/settings.ts                |  6 +++++
 shared/js/ui/modal/ModalSettings.tsx |  8 +++---
 5 files changed, 44 insertions(+), 16 deletions(-)

diff --git a/shared/js/audio/Player.ts b/shared/js/audio/Player.ts
index 9dee3f4b..c0fcbd7a 100644
--- a/shared/js/audio/Player.ts
+++ b/shared/js/audio/Player.ts
@@ -5,6 +5,11 @@ export interface OutputDevice {
     name: string;
 }
 
+export namespace OutputDevice {
+    export const NoDeviceId = "none";
+    export const DefaultDeviceId = "default";
+}
+
 export interface AudioBackendEvents {
     notify_initialized: {},
     notify_volume_changed: { oldVolume: number, newVolume: number }
diff --git a/shared/js/audio/Sounds.ts b/shared/js/audio/Sounds.ts
index fe49e04b..80eda7ee 100644
--- a/shared/js/audio/Sounds.ts
+++ b/shared/js/audio/Sounds.ts
@@ -111,7 +111,7 @@ export function get_master_volume() : number {
     return master_volume;
 }
 
-export function set_master_volume(volume: number) {
+export function setSoundMasterVolume(volume: number) {
     volume_require_save = volume_require_save || master_volume != volume;
     master_volume = volume;
     if(master_mixed) {
@@ -159,7 +159,7 @@ export function save() {
     }
 }
 
-export function initialize() : Promise<void> {
+export function initializeSounds() : Promise<void> {
     $.ajaxSetup({
         beforeSend: function(jqXHR,settings){
             if (settings.dataType === 'binary') {
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index c1b3d40d..36b17dd1 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -1,8 +1,5 @@
 import * as loader from "tc-loader";
-import * as bipc from "./ipc/BrowserIPC";
-import * as sound from "./audio/Sounds";
-import * as i18n from "./i18n/localize";
-import {tra} from "./i18n/localize";
+import {initializeI18N, tra} from "./i18n/localize";
 import * as fidentity from "./profiles/identities/TeaForumIdentity";
 import * as global_ev_handler from "./events/ClientGlobalControlHandler";
 import {AppParameters, settings, Settings, UrlParameterBuilder, UrlParameterParser} from "tc-shared/settings";
@@ -29,7 +26,7 @@ import {ActionResult} from "tc-services";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {bookmarks} from "tc-shared/Bookmarks";
-import {getAudioBackend} from "tc-shared/audio/Player";
+import {getAudioBackend, OutputDevice} from "tc-shared/audio/Player";
 
 /* required import for init */
 import "svg-sprites/client-icons";
@@ -54,25 +51,44 @@ import "./ui/elements/Tab";
 import "./clientservice";
 import "./text/bbcode/InviteController";
 import "./text/bbcode/YoutubeController";
+import {initializeSounds, setSoundMasterVolume} from "./audio/Sounds";
+import {getInstanceConnectHandler, setupIpcHandler} from "./ipc/BrowserIPC";
 
 assertMainApplication();
 
 let preventWelcomeUI = false;
 async function initialize() {
     try {
-        await i18n.initializeI18N();
+        await initializeI18N();
     } catch(error) {
         console.error(tr("Failed to initialized the translation system!\nError: %o"), error);
         loader.critical_error("Failed to setup the translation system");
         return;
     }
 
-    bipc.setupIpcHandler();
+    setupIpcHandler();
 }
 
 async function initializeApp() {
     global_ev_handler.initialize(global_client_actions);
     getAudioBackend().setMasterVolume(settings.getValue(Settings.KEY_SOUND_MASTER) / 100);
+    getAudioBackend().executeWhenInitialized(() => {
+        const defaultDeviceId = getAudioBackend().getDefaultDeviceId();
+        let targetDeviceId = settings.getValue(Settings.KEY_SPEAKER_DEVICE_ID, OutputDevice.DefaultDeviceId);
+        if(targetDeviceId === OutputDevice.DefaultDeviceId) {
+            targetDeviceId = defaultDeviceId;
+        }
+
+        getAudioBackend().setCurrentDevice(targetDeviceId).catch(error => {
+            logWarn(LogCategory.AUDIO, tr("Failed to set last used output speaker device: %o"), error);
+            if(targetDeviceId !== defaultDeviceId) {
+                getAudioBackend().setCurrentDevice(defaultDeviceId).catch(error => {
+                    logError(LogCategory.AUDIO, tr("Failed to set output device to default device: %o"), error);
+                    createErrorModal(tr("Failed to initialize output device"), tr("Failed to initialize output device.")).open();
+                });
+            }
+        });
+    });
 
     const recorder = new RecorderProfile("default");
     try {
@@ -83,10 +99,10 @@ async function initializeApp() {
     }
     setDefaultRecorder(recorder);
 
-    sound.initialize().then(() => {
+    initializeSounds().then(() => {
         logInfo(LogCategory.AUDIO, tr("Sounds initialized"));
     });
-    sound.set_master_volume(settings.getValue(Settings.KEY_SOUND_MASTER_SOUNDS) / 100);
+    setSoundMasterVolume(settings.getValue(Settings.KEY_SOUND_MASTER_SOUNDS) / 100);
 }
 
 /* The native client has received a connect request. */
@@ -161,7 +177,6 @@ type ConnectRequestResult = {
  * @param parameters General connect parameters from the connect URL
  */
 async function doHandleConnectRequest(serverAddress: string, serverUniqueId: string | undefined, parameters: UrlParameterParser) : Promise<ConnectRequestResult> {
-
     let targetServerConnection: ConnectionHandler;
     let isCurrentServerConnection: boolean;
 
@@ -423,7 +438,7 @@ const task_connect_handler: loader.Task = {
             }
         };
 
-        const chandler = bipc.getInstanceConnectHandler();
+        const chandler = getInstanceConnectHandler();
         if(chandler && AppParameters.getValue(AppParameters.KEY_CONNECT_NO_SINGLE_INSTANCE)) {
             try {
                 await chandler.post_connect_request(connectData, () => new Promise<boolean>(resolve => {
diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index 94e377b3..ae8fec39 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -810,6 +810,12 @@ export class Settings {
         defaultValue: 500
     };
 
+    static readonly KEY_SPEAKER_DEVICE_ID: RegistryKey<string> = {
+        key: "speaker_device_id",
+        valueType: "string",
+        description: "The target speaker device id",
+    }
+
     static readonly FN_LOG_ENABLED: (category: string) => RegistryKey<boolean> = category => {
         return {
             key: "log." + category.toLowerCase() + ".enabled",
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index 1eef4be5..2dc8382c 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -2,7 +2,7 @@ import {createErrorModal, createInfoModal, createInputModal, createModal, Modal}
 import {sliderfy} from "tc-shared/ui/elements/Slider";
 import {settings, Settings} from "tc-shared/settings";
 import * as sound from "tc-shared/audio/Sounds";
-import {manager, set_master_volume, Sound} from "tc-shared/audio/Sounds";
+import {manager, setSoundMasterVolume, Sound} from "tc-shared/audio/Sounds";
 import * as profiles from "tc-shared/profiles/ConnectionProfile";
 import {ConnectionProfile} from "tc-shared/profiles/ConnectionProfile";
 import {IdentitifyType} from "tc-shared/profiles/Identity";
@@ -653,8 +653,10 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
                     _old.removeClass("selected");
                     tag.addClass("selected");
 
-                    getAudioBackend().setCurrentDevice(device?.device_id).then(() => {
+                    const targetDeviceId = device.device_id || OutputDevice.NoDeviceId;
+                    getAudioBackend().setCurrentDevice(targetDeviceId).then(() => {
                         logDebug(LogCategory.AUDIO, tr("Changed default speaker device"));
+                        settings.setValue(Settings.KEY_SPEAKER_DEVICE_ID, targetDeviceId);
                     }).catch((error) => {
                         _old.addClass("selected");
                         tag.removeClass("selected");
@@ -726,7 +728,7 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
             });
             slider.on('change', event => {
                 const volume = parseInt(slider.attr('value'));
-                set_master_volume(volume / 100);
+                setSoundMasterVolume(volume / 100);
                 settings.setValue(Settings.KEY_SOUND_MASTER_SOUNDS, volume);
             });
         }

From 4c90237a36edfd73f2b23f1905f0d5e65afbc600 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 25 Mar 2021 12:28:54 +0100
Subject: [PATCH 073/128] Allowing to quickly select the output speaker device

---
 ChangeLog.md                                  |   4 +
 shared/js/ui/frames/control-bar/Button.scss   |   7 +
 shared/js/ui/frames/control-bar/Controller.ts |  54 ++++++-
 .../js/ui/frames/control-bar/Definitions.ts   |   9 +-
 shared/js/ui/frames/control-bar/DropDown.tsx  |  19 ++-
 shared/js/ui/frames/control-bar/Renderer.tsx  | 137 ++++++++++++++----
 6 files changed, 197 insertions(+), 33 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 50ffe044..5c4751cc 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,8 @@
 # Changelog:
+* **25.03.21**
+    - Allowing to directly select the speaker output device
+    - Saving the speaker output device
+  
 * **24.03.21**
     - Improved the avatar upload modal (now way more intuitive)
     - Fixed a bug which cause client avatars to be stuck within the loading screen
diff --git a/shared/js/ui/frames/control-bar/Button.scss b/shared/js/ui/frames/control-bar/Button.scss
index 5c27723f..861f3ba4 100644
--- a/shared/js/ui/frames/control-bar/Button.scss
+++ b/shared/js/ui/frames/control-bar/Button.scss
@@ -209,6 +209,13 @@ html:root {
                 margin-right: .5em;
             }
 
+            &.title {
+                color: #557edc;
+
+                .entryName {
+                    margin-left: .25em;
+                }
+            }
 
             &:first-of-type {
                 border-radius: .1em .1em 0 0;
diff --git a/shared/js/ui/frames/control-bar/Controller.ts b/shared/js/ui/frames/control-bar/Controller.ts
index ab753d53..f6993617 100644
--- a/shared/js/ui/frames/control-bar/Controller.ts
+++ b/shared/js/ui/frames/control-bar/Controller.ts
@@ -22,6 +22,7 @@ import {bookmarks} from "tc-shared/Bookmarks";
 import {connectionHistory} from "tc-shared/connectionlog/History";
 import {RemoteIconInfo} from "tc-shared/file/Icons";
 import {spawnModalAddCurrentServerToBookmarks} from "tc-shared/ui/modal/bookmarks-add-server/Controller";
+import {getAudioBackend, OutputDevice} from "tc-shared/audio/Player";
 
 class InfoController {
     private readonly mode: ControlBarMode;
@@ -67,6 +68,9 @@ class InfoController {
             this.registerDefaultRecorderEvents();
             this.sendMicrophoneList();
         }));
+        events.push(settings.globalChangeListener(Settings.KEY_SPEAKER_DEVICE_ID, () => this.sendSpeakerList()));
+        getAudioBackend().executeWhenInitialized(() => this.sendSpeakerList());
+
         if(this.mode === "main") {
             events.push(server_connections.events().on("notify_active_handler_changed", event => this.setConnectionHandler(event.newHandler)));
         }
@@ -298,6 +302,37 @@ class InfoController {
         });
     }
 
+    public async sendSpeakerList() {
+        const backend = getAudioBackend();
+        if(!backend.isInitialized()) {
+            this.events.fire_react("notify_speaker_list", { state: "uninitialized" });
+            return;
+        }
+
+        const devices = await backend.getAvailableDevices();
+        const selectedDeviceId = backend.getCurrentDevice()?.device_id;
+        const defaultDeviceId = backend.getDefaultDeviceId();
+        this.events.fire_react("notify_speaker_list", {
+            state: "initialized",
+            devices: devices.map(device => {
+                let selected = false;
+                if(selectedDeviceId === OutputDevice.DefaultDeviceId && device.device_id === defaultDeviceId) {
+                    selected = true;
+                } else if(selectedDeviceId === device.device_id) {
+                    selected = true;
+                }
+
+                return {
+                    name: device.name,
+                    driver: device.driver,
+
+                    id: device.device_id,
+                    selected: selected
+                }
+            })
+        });
+    }
+
     public sendSubscribeState() {
         this.events.fire_react("notify_subscribe_state", {
             subscribe: !!this.currentHandler?.isSubscribeToAllChannels()
@@ -389,6 +424,7 @@ export function initializeControlBarController(events: Registry<ControlBarEvents
     events.on("query_microphone_state", () => infoHandler.sendMicrophoneState());
     events.on("query_microphone_list", () => infoHandler.sendMicrophoneList());
     events.on("query_speaker_state", () => infoHandler.sendSpeakerState());
+    events.on("query_speaker_list", () => infoHandler.sendSpeakerList());
     events.on("query_subscribe_state", () => infoHandler.sendSubscribeState());
     events.on("query_host_button", () => infoHandler.sendHostButton());
     events.on("query_video_state", event => infoHandler.sendVideoState(event.broadcastType));
@@ -470,10 +506,26 @@ export function initializeControlBarController(events: Registry<ControlBarEvents
         global_client_actions.fire("action_open_window_settings", { defaultCategory: "audio-microphone" });
     });
 
-    events.on("action_toggle_speaker", event => {
+    events.on("action_toggle_speaker", async event => {
         /* change the default global setting */
         settings.setValue(Settings.KEY_CLIENT_STATE_SPEAKER_MUTED, !event.enabled);
 
+        if(typeof event.targetDeviceId === "string") {
+            try {
+                const devices = await getAudioBackend().getAvailableDevices();
+                const device = devices.find(device => device.device_id === event.targetDeviceId);
+                if(!device) {
+                    throw tr("Target device could not be found.");
+                }
+
+                await getAudioBackend().setCurrentDevice(device.device_id);
+                settings.setValue(Settings.KEY_SPEAKER_DEVICE_ID, device.device_id);
+            } catch (error) {
+                createErrorModal(tr("Failed to change speaker"), tr("Failed to change speaker.\nTarget device could not be found.")).open();
+                return;
+            }
+        }
+
         infoHandler.getCurrentHandler()?.setSpeakerMuted(!event.enabled);
     });
 
diff --git a/shared/js/ui/frames/control-bar/Definitions.ts b/shared/js/ui/frames/control-bar/Definitions.ts
index 5ee05a73..652c3896 100644
--- a/shared/js/ui/frames/control-bar/Definitions.ts
+++ b/shared/js/ui/frames/control-bar/Definitions.ts
@@ -9,7 +9,7 @@ export type MicrophoneState = "enabled" | "disabled" | "muted";
 export type VideoState = "enabled" | "disabled" | "unavailable" | "unsupported" | "disconnected";
 export type HostButtonInfo = { title?: string, target?: string, url: string };
 export type VideoDeviceInfo = { name: string, id: string };
-export type MicrophoneDeviceInfo = { name: string, id: string, driver: string, selected: boolean };
+export type AudioDeviceInfo = { name: string, id: string, driver: string, selected: boolean };
 
 export interface ControlBarEvents {
     action_connection_connect: { newTab: boolean },
@@ -19,13 +19,14 @@ export interface ControlBarEvents {
     action_bookmark_add_current_server: {},
     action_toggle_away: { away: boolean, globally: boolean, promptMessage?: boolean },
     action_toggle_microphone: { enabled: boolean, targetDeviceId?: string },
-    action_toggle_speaker: { enabled: boolean },
+    action_toggle_speaker: { enabled: boolean, targetDeviceId?: string },
     action_toggle_subscribe: { subscribe: boolean },
     action_toggle_query: { show: boolean },
     action_query_manage: {},
     action_toggle_video: { broadcastType: VideoBroadcastType, enable: boolean, quickStart?: boolean, deviceId?: string },
     action_manage_video: { broadcastType: VideoBroadcastType },
     action_open_microphone_settings: {},
+    action_open_speaker_settings: {},
 
     query_mode: {},
     query_connection_state: {},
@@ -34,6 +35,7 @@ export interface ControlBarEvents {
     query_microphone_state: {},
     query_microphone_list: {},
     query_speaker_state: {},
+    query_speaker_list: {},
     query_subscribe_state: {},
     query_query_state: {},
     query_host_button: {},
@@ -45,8 +47,9 @@ export interface ControlBarEvents {
     notify_bookmarks: { marks: Bookmark[] },
     notify_away_state: { state: AwayState },
     notify_microphone_state: { state: MicrophoneState },
-    notify_microphone_list: { devices: MicrophoneDeviceInfo[] },
+    notify_microphone_list: { devices: AudioDeviceInfo[] },
     notify_speaker_state: { enabled: boolean },
+    notify_speaker_list: { state: "initialized", devices: AudioDeviceInfo[] } | { state: "uninitialized" },
     notify_subscribe_state: { subscribe: boolean },
     notify_query_state: { shown: boolean },
     notify_host_button: { button: HostButtonInfo | undefined },
diff --git a/shared/js/ui/frames/control-bar/DropDown.tsx b/shared/js/ui/frames/control-bar/DropDown.tsx
index 796ed945..cc606451 100644
--- a/shared/js/ui/frames/control-bar/DropDown.tsx
+++ b/shared/js/ui/frames/control-bar/DropDown.tsx
@@ -2,6 +2,7 @@ import * as React from "react";
 import {ReactComponentBase} from "tc-shared/ui/react-elements/ReactComponentBase";
 import {IconRenderer, RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {getIconManager, RemoteIconInfo} from "tc-shared/file/Icons";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
 
 const cssStyle = require("./Button.scss");
 
@@ -13,7 +14,7 @@ export interface DropdownEntryProperties {
     onAuxClick?: (event: React.MouseEvent) => void;
     onContextMenu?: (event: React.MouseEvent) => void;
 
-    children?: React.ReactElement<DropdownEntry>[]
+    children?: React.ReactElement<DropdownEntry | DropdownTitleEntry>[]
 }
 
 const LocalIconRenderer = (props: { icon?: string | RemoteIconInfo, className?: string }) => {
@@ -24,9 +25,7 @@ const LocalIconRenderer = (props: { icon?: string | RemoteIconInfo, className?:
     }
 }
 
-export class DropdownEntry extends ReactComponentBase<DropdownEntryProperties, {}> {
-    protected defaultState() { return {}; }
-
+export class DropdownEntry extends React.PureComponent<DropdownEntryProperties> {
     render() {
         if(this.props.children) {
             return (
@@ -50,6 +49,18 @@ export class DropdownEntry extends ReactComponentBase<DropdownEntryProperties, {
     }
 }
 
+export class DropdownTitleEntry extends React.PureComponent<{
+    children
+}> {
+    render() {
+        return (
+            <div className={joinClassList(cssStyle.dropdownEntry, cssStyle.title)}>
+                <a className={cssStyle.entryName}>{this.props.children}</a>
+            </div>
+        );
+    }
+}
+
 export const DropdownContainer = (props: { children: any }) => (
     <div className={cssStyle.dropdown}>
         {props.children}
diff --git a/shared/js/ui/frames/control-bar/Renderer.tsx b/shared/js/ui/frames/control-bar/Renderer.tsx
index 06798ac6..f3e3718c 100644
--- a/shared/js/ui/frames/control-bar/Renderer.tsx
+++ b/shared/js/ui/frames/control-bar/Renderer.tsx
@@ -5,14 +5,14 @@ import {
     ConnectionState,
     ControlBarEvents,
     ControlBarMode,
-    HostButtonInfo, MicrophoneDeviceInfo,
+    HostButtonInfo, AudioDeviceInfo,
     MicrophoneState,
     VideoDeviceInfo,
     VideoState
 } from "tc-shared/ui/frames/control-bar/Definitions";
 import * as React from "react";
 import {useContext, useRef, useState} from "react";
-import {DropdownEntry} from "tc-shared/ui/frames/control-bar/DropDown";
+import {DropdownEntry, DropdownTitleEntry} from "tc-shared/ui/frames/control-bar/DropDown";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {Button} from "tc-shared/ui/frames/control-bar/Button";
 import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
@@ -377,21 +377,14 @@ const kDriverWeights = {
     "Windows WASAPI": 50
 };
 
-const MicrophoneDeviceList = React.memo(() => {
-    const events = useContext(Events);
-    const [ deviceList, setDeviceList ] = useState<MicrophoneDeviceInfo[]>(() => {
-        events.fire("query_microphone_list");
-        return [];
-    });
-    events.reactUse("notify_microphone_list", event => setDeviceList(event.devices));
-
-    if(deviceList.length <= 1) {
+const AudioIODeviceList = React.memo((props: { deviceList: AudioDeviceInfo[], onClick: (target: AudioDeviceInfo) => void }) => {
+    if(props.deviceList.length <= 1) {
         /* we don't need a select here */
         return null;
     }
 
-    const devices: {[key: string]: { weight: number, device: MicrophoneDeviceInfo }} = {};
-    for(const entry of deviceList) {
+    const devices: {[key: string]: { weight: number, device: AudioDeviceInfo }} = {};
+    for(const entry of props.deviceList) {
         const weight = entry.selected ? kDriverWeightSelected : (kDriverWeights[entry.driver] | 0);
         if(typeof devices[entry.name] !== "undefined" && devices[entry.name].weight >= weight) {
             continue;
@@ -403,21 +396,74 @@ const MicrophoneDeviceList = React.memo(() => {
         }
     }
 
+    const orderedDevices = Object.values(devices);
+    const groupDevices = orderedDevices.length > 6;
+    let currentGroup = undefined;
+
+    let deviceElements = [];
+    for(const { device } of orderedDevices) {
+        if(groupDevices) {
+            if(currentGroup !== device.driver) {
+                currentGroup = device.driver;
+                deviceElements.push(
+                    <DropdownTitleEntry key={"g-" + currentGroup}>
+                        {currentGroup} <Translatable>Driver</Translatable>
+                    </DropdownTitleEntry>
+                );
+            }
+        }
+
+        deviceElements.push(
+            <DropdownEntry
+                text={device.name || tr("Unknown device name")}
+                key={"m-" + device.id}
+                icon={device.selected ? ClientIcon.Apply : undefined}
+                onClick={() => props.onClick(device)}
+            />
+        );
+    }
+
     return (
         <>
             <hr key={"hr"} />
-            {Object.values(devices).map(({ device }) => (
-                <DropdownEntry
-                    text={device.name || tr("Unknown device name")}
-                    key={"m-" + device.id}
-                    icon={device.selected ? ClientIcon.Apply : undefined}
-                    onClick={() => events.fire("action_toggle_microphone", { enabled: true, targetDeviceId: device.id })}
-                />
-            ))}
+            {deviceElements}
         </>
     );
 });
 
+const MicrophoneDeviceList = React.memo(() => {
+    const events = useContext(Events);
+    const [ deviceList, setDeviceList ] = useState<AudioDeviceInfo[]>(() => {
+        events.fire("query_microphone_list");
+        return [];
+    });
+    events.reactUse("notify_microphone_list", event => setDeviceList(event.devices));
+
+    return (
+        <AudioIODeviceList deviceList={deviceList} onClick={device => events.fire("action_toggle_microphone", { enabled: true, targetDeviceId: device.id })} />
+    );
+});
+
+const SpeakerDeviceList = React.memo(() => {
+    const events = useContext(Events);
+    const [ deviceList, setDeviceList ] = useState<AudioDeviceInfo[]>(() => {
+        events.fire("query_speaker_list");
+        return [];
+    });
+    events.reactUse("notify_speaker_list", event => {
+        if(event.state === "uninitialized") {
+            setDeviceList([]);
+        } else {
+            setDeviceList(event.devices);
+        }
+    });
+
+    return (
+        <AudioIODeviceList deviceList={deviceList} onClick={device => events.fire("action_toggle_speaker", { enabled: true, targetDeviceId: device.id })} />
+    );
+});
+
+
 const SpeakerButton = () => {
     const events = useContext(Events);
 
@@ -429,11 +475,52 @@ const SpeakerButton = () => {
     events.on("notify_speaker_state", event => setEnabled(event.enabled));
 
     if(enabled) {
-        return <Button colorTheme={"red"} autoSwitch={false} iconNormal={ClientIcon.OutputMuted} tooltip={tr("Mute headphones")}
-                       onToggle={() => events.fire("action_toggle_speaker", { enabled: false })} key={"enabled"} />;
+        return (
+            <Button
+                colorTheme={"red"}
+                autoSwitch={false}
+                iconNormal={ClientIcon.OutputMuted}
+                tooltip={tr("Mute headphones")}
+                onToggle={() => events.fire("action_toggle_speaker", { enabled: false })}
+                key={"enabled"}
+            >
+                <DropdownEntry
+                    icon={ClientIcon.OutputMuted}
+                    text={<Translatable>Mute headphones</Translatable>}
+                    onClick={() => events.fire("action_toggle_speaker", { enabled: false })}
+                />
+                <DropdownEntry
+                    icon={ClientIcon.Settings}
+                    text={<Translatable>Open speaker settings</Translatable>}
+                    onClick={() => events.fire("action_open_speaker_settings", {})}
+                />
+                <SpeakerDeviceList />
+            </Button>
+        );
     } else {
-        return <Button switched={true} colorTheme={"red"} autoSwitch={false} iconNormal={ClientIcon.OutputMuted} tooltip={tr("Unmute headphones")}
-                       onToggle={() => events.fire("action_toggle_speaker", { enabled: true })} key={"disabled"} />;
+        return (
+            <Button
+                switched={true}
+                colorTheme={"red"}
+                autoSwitch={false}
+                iconNormal={ClientIcon.OutputMuted}
+                tooltip={tr("Unmute headphones")}
+                onToggle={() => events.fire("action_toggle_speaker", { enabled: true })}
+                key={"disabled"}
+            >
+                <DropdownEntry
+                    icon={ClientIcon.OutputMuted}
+                    text={<Translatable>Unmute headphones</Translatable>}
+                    onClick={() => events.fire("action_toggle_speaker", { enabled: true })}
+                />
+                <DropdownEntry
+                    icon={ClientIcon.Settings}
+                    text={<Translatable>Open speaker settings</Translatable>}
+                    onClick={() => events.fire("action_open_speaker_settings", {})}
+                />
+                <SpeakerDeviceList />
+            </Button>
+        );
     }
 }
 

From 687054e07ced7fb2c86c2c7e5e2612968233263f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 25 Mar 2021 12:30:31 +0100
Subject: [PATCH 074/128] Adding functionality for the open speaker settings
 button

---
 shared/js/ui/frames/control-bar/Controller.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/shared/js/ui/frames/control-bar/Controller.ts b/shared/js/ui/frames/control-bar/Controller.ts
index f6993617..7be6b261 100644
--- a/shared/js/ui/frames/control-bar/Controller.ts
+++ b/shared/js/ui/frames/control-bar/Controller.ts
@@ -529,6 +529,10 @@ export function initializeControlBarController(events: Registry<ControlBarEvents
         infoHandler.getCurrentHandler()?.setSpeakerMuted(!event.enabled);
     });
 
+    events.on("action_open_speaker_settings", () => {
+        global_client_actions.fire("action_open_window_settings", { defaultCategory: "audio-speaker" });
+    });
+
     events.on("action_toggle_subscribe", event => {
         settings.setValue(Settings.KEY_CLIENT_STATE_SUBSCRIBE_ALL_CHANNELS, event.subscribe);
 

From e1e98b07d51a0dee17e794a7900580c6899e105e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 25 Mar 2021 12:35:59 +0100
Subject: [PATCH 075/128] Renamed device_id to deviceId

---
 shared/js/audio/Player.ts                     |  2 +-
 shared/js/ui/frames/control-bar/Controller.ts | 14 +++++++-------
 shared/js/ui/modal/ModalSettings.tsx          |  7 ++++---
 web/app/audio/Player.ts                       |  4 ++--
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/shared/js/audio/Player.ts b/shared/js/audio/Player.ts
index c0fcbd7a..7ad14a33 100644
--- a/shared/js/audio/Player.ts
+++ b/shared/js/audio/Player.ts
@@ -1,5 +1,5 @@
 export interface OutputDevice {
-    device_id: string;
+    deviceId: string;
 
     driver: string;
     name: string;
diff --git a/shared/js/ui/frames/control-bar/Controller.ts b/shared/js/ui/frames/control-bar/Controller.ts
index 7be6b261..cd873d88 100644
--- a/shared/js/ui/frames/control-bar/Controller.ts
+++ b/shared/js/ui/frames/control-bar/Controller.ts
@@ -310,15 +310,15 @@ class InfoController {
         }
 
         const devices = await backend.getAvailableDevices();
-        const selectedDeviceId = backend.getCurrentDevice()?.device_id;
+        const selectedDeviceId = backend.getCurrentDevice()?.deviceId;
         const defaultDeviceId = backend.getDefaultDeviceId();
         this.events.fire_react("notify_speaker_list", {
             state: "initialized",
             devices: devices.map(device => {
                 let selected = false;
-                if(selectedDeviceId === OutputDevice.DefaultDeviceId && device.device_id === defaultDeviceId) {
+                if(selectedDeviceId === OutputDevice.DefaultDeviceId && device.deviceId === defaultDeviceId) {
                     selected = true;
-                } else if(selectedDeviceId === device.device_id) {
+                } else if(selectedDeviceId === device.deviceId) {
                     selected = true;
                 }
 
@@ -326,7 +326,7 @@ class InfoController {
                     name: device.name,
                     driver: device.driver,
 
-                    id: device.device_id,
+                    id: device.deviceId,
                     selected: selected
                 }
             })
@@ -513,13 +513,13 @@ export function initializeControlBarController(events: Registry<ControlBarEvents
         if(typeof event.targetDeviceId === "string") {
             try {
                 const devices = await getAudioBackend().getAvailableDevices();
-                const device = devices.find(device => device.device_id === event.targetDeviceId);
+                const device = devices.find(device => device.deviceId === event.targetDeviceId);
                 if(!device) {
                     throw tr("Target device could not be found.");
                 }
 
-                await getAudioBackend().setCurrentDevice(device.device_id);
-                settings.setValue(Settings.KEY_SPEAKER_DEVICE_ID, device.device_id);
+                await getAudioBackend().setCurrentDevice(device.deviceId);
+                settings.setValue(Settings.KEY_SPEAKER_DEVICE_ID, device.deviceId);
             } catch (error) {
                 createErrorModal(tr("Failed to change speaker"), tr("Failed to change speaker.\nTarget device could not be found.")).open();
                 return;
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index 2dc8382c..c87b8517 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -25,6 +25,7 @@ import * as ReactDOM from "react-dom";
 import {NotificationSettings} from "tc-shared/ui/modal/settings/Notifications";
 import {initialize_audio_microphone_controller, MicrophoneSettingsEvents} from "tc-shared/ui/modal/settings/Microphone";
 import {MicrophoneSettings} from "tc-shared/ui/modal/settings/MicrophoneRenderer";
+import {getBackend} from "tc-shared/backend";
 
 type ProfileInfoEvent = {
     id: string,
@@ -486,7 +487,7 @@ function settings_general_language(container: JQuery, modal: Modal) {
         if (__build.target === "web") {
             location.reload();
         } else {
-            createErrorModal(tr("Not implemented"), tr("Client restart isn't implemented.<br>Please do it manually!")).open();
+            getBackend("native").reloadWindow();
         }
     });
 
@@ -629,7 +630,7 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
 
             const current_selected = getAudioBackend().getCurrentDevice();
             const generate_device = (device: OutputDevice | undefined) => {
-                const selected = device === current_selected || (typeof (current_selected) !== "undefined" && typeof (device) !== "undefined" && current_selected.device_id == device.device_id);
+                const selected = device === current_selected || (typeof (current_selected) !== "undefined" && typeof (device) !== "undefined" && current_selected.deviceId == device.deviceId);
 
                 const tag = $.spawn("div").addClass("device").toggleClass("selected", selected).append(
                     $.spawn("div").addClass("container-selected").append(
@@ -653,7 +654,7 @@ function settings_audio_speaker(container: JQuery, modal: Modal) {
                     _old.removeClass("selected");
                     tag.addClass("selected");
 
-                    const targetDeviceId = device.device_id || OutputDevice.NoDeviceId;
+                    const targetDeviceId = device.deviceId || OutputDevice.NoDeviceId;
                     getAudioBackend().setCurrentDevice(targetDeviceId).then(() => {
                         logDebug(LogCategory.AUDIO, tr("Changed default speaker device"));
                         settings.setValue(Settings.KEY_SPEAKER_DEVICE_ID, targetDeviceId);
diff --git a/web/app/audio/Player.ts b/web/app/audio/Player.ts
index 45d0c35f..3b729092 100644
--- a/web/app/audio/Player.ts
+++ b/web/app/audio/Player.ts
@@ -4,7 +4,7 @@ import {tr} from "tc-shared/i18n/localize";
 import {Registry} from "tc-events";
 
 const kWebDevice: OutputDevice = {
-    device_id: "default",
+    deviceId: "default",
     name: "default playback",
     driver: 'Web Audio'
 };
@@ -59,7 +59,7 @@ export class WebAudioBackend implements AudioBackend {
     }
 
     getDefaultDeviceId(): string {
-        return kWebDevice.device_id;
+        return kWebDevice.deviceId;
     }
 
     getMasterVolume(): number {

From 695124ad513099ea5ed1225bfb09bb453a502f8d Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 25 Mar 2021 20:05:24 +0100
Subject: [PATCH 076/128] Fixed the connect name

---
 shared/js/connection/HandshakeHandler.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/shared/js/connection/HandshakeHandler.ts b/shared/js/connection/HandshakeHandler.ts
index d5c89562..123dee51 100644
--- a/shared/js/connection/HandshakeHandler.ts
+++ b/shared/js/connection/HandshakeHandler.ts
@@ -76,7 +76,7 @@ export class HandshakeHandler {
 
     private async handleHandshakeFinished() {
         const data = {
-            client_nickname: this.parameters.nickname || "Another TeaSpeak user",
+            client_nickname: this.parameters.nickname || this.parameters.profile.connectUsername(),
             client_platform: navigator.browserSpecs?.name + " " + navigator.platform,
             client_version: "TeaWeb " + __build.version + " (" + navigator.userAgent + ")",
             client_version_sign: undefined,

From 1878c92a57b845d261a36c2de2eecc5ea8b0e3a5 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 30 Mar 2021 00:23:01 +0200
Subject: [PATCH 077/128] Fixed that you can't finish off the name editing by
 pressing enter

---
 shared/js/ui/tree/RendererClient.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/js/ui/tree/RendererClient.tsx b/shared/js/ui/tree/RendererClient.tsx
index 622d6d6b..281b0ac9 100644
--- a/shared/js/ui/tree/RendererClient.tsx
+++ b/shared/js/ui/tree/RendererClient.tsx
@@ -154,7 +154,7 @@ class ClientNameEdit extends React.Component<ClientNameEditProps, {}> {
             ref={this.refDiv}
             dangerouslySetInnerHTML={{__html: DOMPurify.sanitize(this.props.initialName)}}
             onBlur={() => this.onBlur()}
-            onKeyPress={e => this.onKeyPress(e)}
+            onKeyDown={e => this.onKeyDown(e)}
         />
     }
 
@@ -162,7 +162,7 @@ class ClientNameEdit extends React.Component<ClientNameEditProps, {}> {
         this.props.editFinished(this.refDiv.current.textContent);
     }
 
-    private onKeyPress(event: React.KeyboardEvent) {
+    private onKeyDown(event: React.KeyboardEvent) {
         if (event.key === "Enter") {
             event.preventDefault();
             this.onBlur();

From 1dfa10b09bfc0278ac605709775c6bd747c77d13 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 30 Mar 2021 11:20:27 +0200
Subject: [PATCH 078/128] Adding an UI for the new client audio processing unit

---
 ChangeLog.md                                  |   5 +
 shared/css/load-css.tsx                       |   1 +
 shared/css/static/color-variables.scss        |  45 ++
 shared/js/ConnectionHandler.ts                |   8 +-
 shared/js/audio/Recorder.ts                   |  20 +-
 shared/js/ui/frames/HostBannerRenderer.scss   |   5 +-
 shared/js/ui/modal/ModalNewcomer.tsx          |   3 +-
 shared/js/ui/modal/ModalSettings.tsx          |   3 +-
 .../js/ui/modal/input-processor/Controller.ts | 140 ++++++
 .../js/ui/modal/input-processor/Definitios.ts |  18 +
 .../js/ui/modal/input-processor/Renderer.scss | 286 ++++++++++++
 .../js/ui/modal/input-processor/Renderer.tsx  | 415 ++++++++++++++++++
 .../js/ui/modal/permission/ModalRenderer.scss |  43 --
 shared/js/ui/modal/settings/Microphone.scss   |  16 +-
 shared/js/ui/modal/settings/Microphone.tsx    | 205 ++++-----
 .../modal/settings/MicrophoneDefinitions.ts   |  96 ++++
 .../ui/modal/settings/MicrophoneRenderer.tsx  | 369 ++++++++++------
 shared/js/ui/react-elements/InputField.scss   |   1 +
 shared/js/ui/react-elements/InputField.tsx    |   2 +-
 .../js/ui/react-elements/modal/Definitions.ts |   5 +
 shared/js/ui/react-elements/modal/Registry.ts |   6 +-
 .../modal/external/renderer/EntryPoint.ts     |  12 +-
 .../external/renderer/ModalRenderer.scss      |   1 +
 shared/js/ui/utils/Variable.ts                |   2 +-
 shared/js/voice/RecorderBase.ts               | 199 +++++++++
 shared/js/voice/RecorderProfile.ts            |  21 +-
 web/app/WebWindowManager.ts                   |  16 +-
 web/app/audio/Recorder.ts                     |  38 +-
 webpack.config.ts                             |   4 +-
 29 files changed, 1631 insertions(+), 354 deletions(-)
 create mode 100644 shared/css/static/color-variables.scss
 create mode 100644 shared/js/ui/modal/input-processor/Controller.ts
 create mode 100644 shared/js/ui/modal/input-processor/Definitios.ts
 create mode 100644 shared/js/ui/modal/input-processor/Renderer.scss
 create mode 100644 shared/js/ui/modal/input-processor/Renderer.tsx
 create mode 100644 shared/js/ui/modal/settings/MicrophoneDefinitions.ts

diff --git a/ChangeLog.md b/ChangeLog.md
index 5c4751cc..3b45bb60 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,9 @@
 # Changelog:
+* **29.03.21**
+    - Accquiering the default input recorder when opening the settings
+    - Adding new modal Input Processing Properties for the native client
+    - Fixed that you can't finish off the name editing by pressing enter
+  
 * **25.03.21**
     - Allowing to directly select the speaker output device
     - Saving the speaker output device
diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index fa2c909e..173bcfa7 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -25,6 +25,7 @@ import "./static/modal-serverinfobandwidth.scss"
 import "./static/modal-serverinfo.scss"
 import "./static/modal-settings.scss"
 import "./static/overlay-image-preview.scss"
+import "./static/color-variables.scss"
 
 import "./static/ts/tab.scss"
 import "./static/ts/country.scss"
\ No newline at end of file
diff --git a/shared/css/static/color-variables.scss b/shared/css/static/color-variables.scss
new file mode 100644
index 00000000..a64a0d9a
--- /dev/null
+++ b/shared/css/static/color-variables.scss
@@ -0,0 +1,45 @@
+html:root {
+    /* Permission editor modal */
+    --modal-permissions-header-text: #e1e1e1;
+    --modal-permissions-header-background: #19191b;
+    --modal-permissions-header-hover: #4e4e4e;
+    --modal-permissions-header-selected: #0073d4;
+
+    --modal-permission-right: #303036;
+    --modal-permission-left: #222226;
+
+    --modal-permissions-entry-hover: #28282c;
+    --modal-permissions-entry-selected: #111111;
+    --modal-permissions-current-group: #101012;
+
+    --modal-permissions-buttons-background: #0f0f0f;
+    --modal-permissions-buttons-hover: #262626;
+    --modal-permissions-buttons-disabled: #1b1b1b;
+
+    --modal-permissions-seperator: #1e1e1e; /* the seperator for the "enter a unique id" and "client info" part */
+    --modal-permissions-container-seperator: #222224; /* the seperator between left and right */
+
+    --modal-permissions-icon-select: #121213;
+    --modal-permissions-icon-select-border: #0d0d0d;
+    --modal-permissions-icon-select-hover: #17171a;
+    --modal-permissions-icon-select-hover-border: #333333;
+
+    --modal-permission-no-permnissions: #18171c;
+    --modal-permissions-table-border: #1e2025;
+
+    --modal-permissions-table-header: #303036;
+    --modal-permissions-table-row-odd: #303036;
+    --modal-permissions-table-row-even: #25252a;
+    --modal-permissions-table-row-hover: #343a47;
+
+    --modal-permissions-table-header-text: #e1e1e1;
+    --modal-permissions-table-row-text: #535455;
+    --modal-permissions-table-entry-active-text: #e1e1e1;
+    --modal-permissions-table-entry-group-text: #e1e1e1;
+
+    --modal-permissions-table-input: #e1e1e1;
+    --modal-permissions-table-input-focus: #3f7dbf;
+
+    /* The host banner */
+    --hostbanner-background: #2e2e2e;
+}
\ No newline at end of file
diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index 965c3acf..9d5da2ae 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -5,21 +5,17 @@ import {ServerSettings, Settings, settings, StaticSettings} from "./settings";
 import {Sound, SoundManager} from "./audio/Sounds";
 import {ConnectionProfile} from "./profiles/ConnectionProfile";
 import {LogCategory, logError, logInfo, logTrace, logWarn} from "./log";
-import {createErrorModal, createInfoModal, createInputModal, Modal} from "./ui/elements/Modal";
+import {createErrorModal, createInputModal, Modal} from "./ui/elements/Modal";
 import {hashPassword} from "./utils/helpers";
 import {HandshakeHandler} from "./connection/HandshakeHandler";
 import * as htmltags from "./ui/htmltags";
 import {FilterMode, InputStartError, InputState} from "./voice/RecorderBase";
-import {CommandResult} from "./connection/ServerConnectionDeclaration";
 import {defaultRecorder, RecorderProfile} from "./voice/RecorderProfile";
 import {Regex} from "./ui/modal/ModalConnect";
 import {formatMessage} from "./ui/frames/chat";
-import {spawnAvatarUpload} from "./ui/modal/ModalAvatar";
 import {EventHandler, Registry} from "./events";
 import {FileManager} from "./file/FileManager";
-import {FileTransferState, TransferProvider} from "./file/Transfer";
-import {tr, traj} from "./i18n/localize";
-import {md5} from "./crypto/md5";
+import {tr} from "./i18n/localize";
 import {guid} from "./crypto/uid";
 import {PluginCmdRegistry} from "./connection/PluginCmdHandler";
 import {VoiceConnectionStatus, WhisperSessionInitializeData} from "./connection/VoiceConnection";
diff --git a/shared/js/audio/Recorder.ts b/shared/js/audio/Recorder.ts
index 28e4085e..4cae3d66 100644
--- a/shared/js/audio/Recorder.ts
+++ b/shared/js/audio/Recorder.ts
@@ -1,17 +1,11 @@
-import * as loader from "tc-loader";
-import {Stage} from "tc-loader";
 import {AbstractInput, LevelMeter} from "../voice/RecorderBase";
 import {Registry} from "../events";
-import {Settings, settings} from "tc-shared/settings";
 
 export interface AudioRecorderBacked {
     createInput() : AbstractInput;
     createLevelMeter(device: InputDevice) : Promise<LevelMeter>;
 
     getDeviceList() : DeviceList;
-
-    isRnNoiseSupported() : boolean;
-    toggleRnNoise(target: boolean);
 }
 
 export interface DeviceListEvents {
@@ -165,16 +159,4 @@ export function setRecorderBackend(instance: AudioRecorderBacked) {
     }
 
     recorderBackend = instance;
-}
-
-loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    name: "audio filter init",
-    priority: 10,
-    function: async () => {
-        const backend = getRecorderBackend();
-        if(backend.isRnNoiseSupported()) {
-            getRecorderBackend().toggleRnNoise(settings.getValue(Settings.KEY_RNNOISE_FILTER));
-            settings.globalChangeListener(Settings.KEY_RNNOISE_FILTER, value => getRecorderBackend().toggleRnNoise(value));
-        }
-    }
-})
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/shared/js/ui/frames/HostBannerRenderer.scss b/shared/js/ui/frames/HostBannerRenderer.scss
index 8dd124ec..36cc859e 100644
--- a/shared/js/ui/frames/HostBannerRenderer.scss
+++ b/shared/js/ui/frames/HostBannerRenderer.scss
@@ -1,10 +1,6 @@
 @import "../../../css/static/properties";
 @import "../../../css/static/mixin";
 
-html:root {
-    --hostbanner-background: #2e2e2e;
-}
-
 .container {
     position: relative;
     overflow: hidden;
@@ -14,6 +10,7 @@ html:root {
     justify-content: stretch;
 
     flex-shrink: 0;
+    user-select: none;
 
     .withBackground {
         background-color: var(--hostbanner-background);
diff --git a/shared/js/ui/modal/ModalNewcomer.tsx b/shared/js/ui/modal/ModalNewcomer.tsx
index ca625b47..0cf2e6e8 100644
--- a/shared/js/ui/modal/ModalNewcomer.tsx
+++ b/shared/js/ui/modal/ModalNewcomer.tsx
@@ -3,10 +3,11 @@ import {tra} from "tc-shared/i18n/localize";
 import {Registry} from "tc-shared/events";
 import {modal_settings, SettingProfileEvents} from "tc-shared/ui/modal/ModalSettings";
 import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
-import {initialize_audio_microphone_controller, MicrophoneSettingsEvents} from "tc-shared/ui/modal/settings/Microphone";
+import {initialize_audio_microphone_controller} from "tc-shared/ui/modal/settings/Microphone";
 import {MicrophoneSettings} from "tc-shared/ui/modal/settings/MicrophoneRenderer";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
+import {MicrophoneSettingsEvents} from "tc-shared/ui/modal/settings/MicrophoneDefinitions";
 
 export interface EventModalNewcomer {
     "show_step": {
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index c87b8517..4cb7b5aa 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -23,9 +23,10 @@ import {KeyMapSettings} from "tc-shared/ui/modal/settings/Keymap";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import {NotificationSettings} from "tc-shared/ui/modal/settings/Notifications";
-import {initialize_audio_microphone_controller, MicrophoneSettingsEvents} from "tc-shared/ui/modal/settings/Microphone";
+import {initialize_audio_microphone_controller} from "tc-shared/ui/modal/settings/Microphone";
 import {MicrophoneSettings} from "tc-shared/ui/modal/settings/MicrophoneRenderer";
 import {getBackend} from "tc-shared/backend";
+import {MicrophoneSettingsEvents} from "tc-shared/ui/modal/settings/MicrophoneDefinitions";
 
 type ProfileInfoEvent = {
     id: string,
diff --git a/shared/js/ui/modal/input-processor/Controller.ts b/shared/js/ui/modal/input-processor/Controller.ts
new file mode 100644
index 00000000..a18cb5fe
--- /dev/null
+++ b/shared/js/ui/modal/input-processor/Controller.ts
@@ -0,0 +1,140 @@
+import {
+    InputProcessor,
+    kInputProcessorConfigRNNoiseKeys,
+    kInputProcessorConfigWebRTCKeys
+} from "tc-shared/voice/RecorderBase";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {Registry} from "tc-events";
+import {ModalInputProcessorEvents, ModalInputProcessorVariables} from "tc-shared/ui/modal/input-processor/Definitios";
+import {createIpcUiVariableProvider, IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import _ from "lodash";
+import {LogCategory, logError, logTrace} from "tc-shared/log";
+
+class Controller {
+    readonly events: Registry<ModalInputProcessorEvents>;
+    readonly variables: IpcUiVariableProvider<ModalInputProcessorVariables>;
+
+    private readonly processor: InputProcessor;
+    private statisticsTask: number;
+
+    private currentConfigRNNoise;
+    private currentConfigWebRTC;
+    private currentStatistics;
+
+    private filter: string;
+
+    constructor(processor: InputProcessor) {
+        this.processor = processor;
+
+        this.events = new Registry<ModalInputProcessorEvents>();
+        this.variables = createIpcUiVariableProvider();
+
+        this.filter = "";
+
+        for(const key of kInputProcessorConfigRNNoiseKeys) {
+            this.variables.setVariableProvider(key, () => this.currentConfigRNNoise[key]);
+            this.variables.setVariableEditor(key, newValue => {
+                if(this.currentConfigRNNoise[key] === newValue) {
+                    return true;
+                }
+
+                try {
+                    const update = {};
+                    update[key] = newValue;
+                    this.processor.applyProcessorConfig("rnnoise", update as any);
+                } catch (error) {
+                    logTrace(LogCategory.AUDIO, tr("Tried to apply rnnoise: %o"), this.currentConfigRNNoise);
+                    this.sendApplyError(error);
+                    return false;
+                }
+
+                this.currentConfigRNNoise[key] = newValue;
+                return true;
+            });
+        }
+
+        for(const key of kInputProcessorConfigWebRTCKeys) {
+            this.variables.setVariableProvider(key, () => this.currentConfigWebRTC[key]);
+            this.variables.setVariableEditor(key, newValue => {
+                if(this.currentConfigWebRTC[key] === newValue) {
+                    return true;
+                }
+
+                try {
+                    const update = {};
+                    update[key] = newValue;
+                    this.processor.applyProcessorConfig("webrtc-processing", update as any);
+                } catch (error) {
+                    logTrace(LogCategory.AUDIO, tr("Tried to apply webrtc-processing: %o"), this.currentConfigWebRTC);
+                    this.sendApplyError(error);
+                    return false;
+                }
+
+                this.currentConfigWebRTC[key] = newValue;
+                return true;
+            });
+        }
+
+        this.variables.setVariableProvider("propertyFilter", () => this.filter);
+        this.variables.setVariableEditor("propertyFilter", newValue => {
+            this.filter = newValue;
+        });
+
+        this.currentConfigRNNoise = this.processor.getProcessorConfig("rnnoise");
+        this.currentConfigWebRTC = this.processor.getProcessorConfig("webrtc-processing");
+
+        this.events.on("query_statistics", () => this.sendStatistics(true));
+
+        this.statisticsTask = setInterval(() => {
+            this.sendStatistics(false);
+        }, 250);
+    }
+
+    destroy() {
+        clearInterval(this.statisticsTask);
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    sendStatistics(force: boolean) {
+        const statistics = this.processor.getStatistics();
+        if(!force && _.isEqual(this.currentStatistics, statistics)) {
+            return;
+        }
+
+        this.currentStatistics = statistics;
+        this.events.fire_react("notify_statistics", { statistics: statistics });
+    }
+
+    sendApplyError(error: any) {
+        if(error instanceof Error) {
+            error = error.message;
+        } else if(typeof error !== "string") {
+            logError(LogCategory.AUDIO, tr("Failed to apply new processor config: %o"), error);
+            error = tr("lookup the console");
+        }
+
+        this.events.fire("notify_apply_error", { message: error });
+    }
+}
+
+export function spawnInputProcessorModal(processor: InputProcessor) {
+    if(__build.target !== "client") {
+        throw tr("only the native client supports such modal");
+    }
+
+    const controller = new Controller(processor);
+
+    const modal = spawnModal("modal-input-processor", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription()
+    ], {
+        popoutable: true,
+        popedOut: true
+    });
+
+    modal.getEvents().on("destroy", () => {
+        controller.destroy();
+    });
+    modal.show().then(undefined);
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/input-processor/Definitios.ts b/shared/js/ui/modal/input-processor/Definitios.ts
new file mode 100644
index 00000000..61efd0f5
--- /dev/null
+++ b/shared/js/ui/modal/input-processor/Definitios.ts
@@ -0,0 +1,18 @@
+import {
+    InputProcessorConfigRNNoise,
+    InputProcessorConfigWebRTC,
+    InputProcessorStatistics
+} from "tc-shared/voice/RecorderBase";
+
+export type ModalInputProcessorVariables = {
+    propertyFilter: string
+} & InputProcessorConfigRNNoise & InputProcessorConfigWebRTC;
+export interface ModalInputProcessorEvents {
+    query_statistics: {},
+    notify_statistics: {
+        statistics: InputProcessorStatistics,
+    },
+    notify_apply_error: {
+        message: string,
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/input-processor/Renderer.scss b/shared/js/ui/modal/input-processor/Renderer.scss
new file mode 100644
index 00000000..cc969f6c
--- /dev/null
+++ b/shared/js/ui/modal/input-processor/Renderer.scss
@@ -0,0 +1,286 @@
+@import "../../../../css/static/mixin.scss";
+@import "../../../../css/static/properties.scss";
+
+.container {
+    padding: .5em;
+
+    min-height: 25em;
+    min-width: 35em;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    user-select: none;
+
+    .title {
+        color: #557edc;
+        text-transform: uppercase;
+    }
+
+    &.windowed {
+        height: 100%;
+        width: 100%;
+    }
+}
+
+.containerStatistics {
+    margin-top: 1em;
+
+    .statistics {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+
+        .statistic {
+            width: 50%;
+
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+
+            .key {
+                flex-shrink: 1;
+                min-width: 4em;
+
+                @include text-dotdotdot();
+            }
+
+            .value {
+                flex-shrink: 1;
+                min-width: 2em;
+
+                @include text-dotdotdot();
+
+                .unset {
+                    color: #666;
+                }
+            }
+
+            &:nth-child(2n + 1) {
+                padding-right: .5em;
+            }
+
+            &:nth-child(2n) {
+                padding-left: .5em;
+            }
+        }
+    }
+}
+
+.containerProperties {
+    flex-grow: 1;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    min-height: 5em;
+
+    .title {
+        flex-shrink: 0;
+        flex-grow: 0;
+    }
+
+    .table {
+        flex-shrink: 1;
+        flex-grow: 1;
+
+        min-height: 4em;
+
+        display: flex;
+        flex-direction: column;
+    }
+
+    .note {
+        flex-shrink: 0;
+    }
+
+    .containerFilter {
+        margin-top: 1em;
+    }
+}
+
+.tableBody {
+    flex-shrink: 1;
+
+    height: 100%;
+    min-height: 2em;
+
+    overflow-x: hidden;
+    overflow-y: scroll;
+
+    position: relative;
+
+    @include chat-scrollbar-vertical();
+
+    .overlay {
+        position: absolute;
+
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+
+        z-index: 1;
+        background-color: var(--modal-permission-right);
+
+        padding-top: 2em;
+
+        a {
+            text-align: center;
+            font-size: 1.6em;
+
+            color: var(--modal-permission-loading);
+        }
+
+        &.hidden {
+            opacity: 0;
+            pointer-events: none;
+        }
+
+        &.error {
+            a {
+                color: var(--modal-permission-error);
+            }
+        }
+    }
+
+    .tableEntry {
+        &:hover {
+            background-color: var(--modal-permissions-table-row-hover);
+        }
+    }
+}
+
+.tableHeader {
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    margin-right: .5em; /* scroll bar width */
+
+    .header {
+        max-width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    .column {
+        color: var(--modal-permissions-table-header-text);
+        font-weight: bold;
+    }
+
+    .tooltip {
+        display: flex;
+        margin-left: .5em;
+
+        width: 1.1em;
+        height: 1.1em;
+
+        img {
+            height: 100%;
+            width: 100%;
+        }
+    }
+}
+
+$border-color: #070708;
+.tableEntry {
+    flex-shrink: 0;
+    flex-grow: 0;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    line-height: 1.8em;
+    height: 2em;
+
+    color: var(--modal-permissions-table-entry-active-text);
+
+    .column {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+
+        padding-left: 1em;
+
+        border: none;
+        border-right: 1px solid $border-color;
+
+        &:last-of-type {
+            border-right: none;
+        }
+
+        &.name {
+            flex-grow: 1;
+            flex-shrink: 1;
+
+            min-width: 5em;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+
+            .text {
+                width: 100%;
+
+                display: block;
+                align-self: flex-start;
+
+                @include text-dotdotdot();
+            }
+        }
+
+        &.value {
+            flex-grow: 0;
+            flex-shrink: 0;
+
+            justify-content: center;
+
+            width: 15em;
+
+            padding: .25em;
+
+            .containerInput {
+                flex-shrink: 1;
+                flex-grow: 1;
+
+                min-width: 5em;
+
+                height: 1.5em;
+                width: 100%;
+
+                font-size: .9em;
+
+                input {
+                    text-align: right;
+                }
+
+                select {
+                    direction: rtl;
+                }
+            }
+        }
+
+        > * {
+            align-self: center;
+        }
+    }
+
+    &:nth-of-type(2n) {
+        background-color: var(--modal-permissions-table-row-even);
+    }
+
+    border-bottom: 1px solid $border-color;
+
+    &:last-of-type {
+        border-bottom: none;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/input-processor/Renderer.tsx b/shared/js/ui/modal/input-processor/Renderer.tsx
new file mode 100644
index 00000000..c8d8bb8b
--- /dev/null
+++ b/shared/js/ui/modal/input-processor/Renderer.tsx
@@ -0,0 +1,415 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext, useState} from "react";
+import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {ModalInputProcessorEvents, ModalInputProcessorVariables} from "tc-shared/ui/modal/input-processor/Definitios";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {InputProcessorStatistics} from "tc-shared/voice/RecorderBase";
+import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
+import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
+import {ControlledBoxedInputField, ControlledSelect} from "tc-shared/ui/react-elements/InputField";
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {traj} from "tc-shared/i18n/localize";
+
+const cssStyle = require("./Renderer.scss");
+const EventContext = React.createContext<Registry<ModalInputProcessorEvents>>(undefined);
+const VariableContext = React.createContext<UiVariableConsumer<ModalInputProcessorVariables>>(undefined);
+const StatisticsContext = React.createContext<InputProcessorStatistics>(undefined);
+
+const TablePropertiesHead = React.memo(() => (
+    <div className={cssStyle.tableEntry + " " + cssStyle.tableHeader}>
+        <div className={joinClassList(cssStyle.column, cssStyle.name)}>
+            <div className={cssStyle.header}>
+                <Translatable>Property</Translatable>
+            </div>
+        </div>
+        <div className={joinClassList(cssStyle.column, cssStyle.value)}>
+            <div className={cssStyle.header}>
+                <Translatable>Value</Translatable>
+            </div>
+        </div>
+    </div>
+));
+
+type PropertyType = {
+    type: "integer" | "float" | "boolean"
+} | {
+    type: "select",
+    values: string[]
+};
+
+const PropertyValueBooleanRenderer = React.memo((props: { property: keyof ModalInputProcessorVariables }) => {
+    const variables = useContext(VariableContext);
+    const value = variables.useVariable(props.property);
+
+    if(value.status === "loading") {
+        return null;
+    } else {
+        return (
+            <Checkbox
+                value={value.localValue as any}
+                disabled={value.status !== "loaded"}
+                onChange={newValue => value.setValue(newValue)}
+            />
+        );
+    }
+});
+
+const PropertyValueNumberRenderer = React.memo((props: { property: keyof ModalInputProcessorVariables }) => {
+    const variables = useContext(VariableContext);
+    const value = variables.useVariable(props.property);
+
+    if(value.status === "loading") {
+        return null;
+    } else {
+        return (
+            <ControlledBoxedInputField
+                className={cssStyle.containerInput}
+                type={"number"}
+                value={value.localValue as any}
+
+                onChange={newValue => value.setValue(newValue as any, true)}
+                onBlur={() => {
+                    const targetValue = parseFloat(value.localValue as any);
+                    if(isNaN(targetValue)) {
+                        value.setValue(value.remoteValue, true);
+                    } else {
+                        value.setValue(targetValue, false);
+                    }
+                }}
+                finishOnEnter={true}
+            />
+        );
+    }
+});
+
+const PropertyValueSelectRenderer = React.memo((props: { property: keyof ModalInputProcessorVariables, options: string[] }) => {
+    const variables = useContext(VariableContext);
+    const value = variables.useVariable(props.property);
+
+    if(value.status === "loading") {
+        return null;
+    } else {
+        const index = props.options.indexOf(value.localValue as any);
+        return (
+            <ControlledSelect
+                className={cssStyle.containerInput}
+                type={"boxed"}
+
+                value={index === -1 ? "local-value" : index.toString()}
+                disabled={value.status !== "loaded"}
+                onChange={event => {
+                    const targetIndex = parseInt(event.target.value);
+                    if(isNaN(targetIndex)) {
+                        return;
+                    }
+
+                    value.setValue(props.options[targetIndex]);
+                }}
+            >
+                <option key={"empty"} style={{ display: "none" }}/>
+                <option key={"local-value"} style={{ display: "none" }}>{value.localValue}</option>
+                {props.options.map((option, index) => (
+                    <option key={"option_" + index} value={index}>{option}</option>
+                )) as any}
+            </ControlledSelect>
+        );
+    }
+});
+
+const TablePropertyValue = React.memo((props: { property: keyof ModalInputProcessorVariables, type: PropertyType }) => {
+    const variables = useContext(VariableContext);
+    const filter = variables.useReadOnly("propertyFilter", undefined, undefined);
+    if(typeof filter === "string" && filter.length > 0) {
+        const key = props.property as string;
+        if(key.toLowerCase().indexOf(filter) === -1) {
+            return null;
+        }
+    }
+
+    let value;
+    switch (props.type.type) {
+        case "integer":
+        case "float":
+            value = <PropertyValueNumberRenderer property={props.property} key={"number"} />;
+            break;
+
+        case "boolean":
+            value = <PropertyValueBooleanRenderer property={props.property} key={"boolean"} />;
+            break;
+
+        case "select":
+            value = <PropertyValueSelectRenderer options={props.type.values} property={props.property} key={"select"} />;
+            break;
+    }
+
+    return (
+        <div className={cssStyle.tableEntry}>
+            <div className={joinClassList(cssStyle.column, cssStyle.name)}>
+                <div className={cssStyle.text}>{props.property}</div>
+            </div>
+            <div className={joinClassList(cssStyle.column, cssStyle.value)}>
+                {value}
+            </div>
+        </div>
+    );
+});
+
+const PropertyFilter = React.memo(() => {
+    const variables = useContext(VariableContext);
+    const filter = variables.useVariable("propertyFilter");
+
+    return (
+        <div className={cssStyle.containerFilter}>
+            <ControlledBoxedInputField
+                disabled={filter.status === "loading"}
+                onChange={newValue => filter.setValue(newValue)}
+                value={filter.localValue}
+                placeholder={useTr("Filter")}
+            />
+        </div>
+    )
+});
+
+const Properties = React.memo(() => {
+    return (
+        <div className={cssStyle.containerProperties}>
+            <div className={cssStyle.title}>
+                <Translatable>Properties</Translatable>
+            </div>
+            <div className={cssStyle.note}>
+                <Translatable>Note: All changes are temporary and will be reset on the next restart.</Translatable>
+            </div>
+            <div className={cssStyle.table}>
+                <TablePropertiesHead />
+                <div className={cssStyle.tableBody}>
+                    <TablePropertyValue property={"pipeline.maximum_internal_processing_rate"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"pipeline.multi_channel_render"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"pipeline.multi_channel_capture"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"pre_amplifier.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"pre_amplifier.fixed_gain_factor"} type={{ type: "float" }} />
+
+                    <TablePropertyValue property={"high_pass_filter.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"high_pass_filter.apply_in_full_band"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"echo_canceller.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"echo_canceller.mobile_mode"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"echo_canceller.export_linear_aec_output"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"echo_canceller.enforce_high_pass_filtering"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"noise_suppression.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"noise_suppression.level"} type={{
+                        type: "select",
+                        values: ["low", "moderate", "high", "very-high"]
+                    }} />
+                    <TablePropertyValue property={"noise_suppression.analyze_linear_aec_output_when_available"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"transient_suppression.enabled"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"voice_detection.enabled"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"gain_controller1.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"gain_controller1.mode"} type={{
+                        type: "select",
+                        values: ["adaptive-analog", "adaptive-digital", "fixed-digital"]
+                    }} />
+                    <TablePropertyValue property={"gain_controller1.target_level_dbfs"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller1.compression_gain_db"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller1.enable_limiter"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"gain_controller1.analog_level_minimum"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller1.analog_level_maximum"} type={{ type: "float" }} />
+
+                    <TablePropertyValue property={"gain_controller1.analog_gain_controller.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"gain_controller1.analog_gain_controller.startup_min_volume"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller1.analog_gain_controller.clipped_level_min"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller1.analog_gain_controller.enable_agc2_level_estimator"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"gain_controller1.analog_gain_controller.enable_digital_adaptive"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"gain_controller2.enabled"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"gain_controller2.fixed_digital.gain_db"} type={{ type: "float" }} />
+
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.vad_probability_attack"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.level_estimator"} type={{
+                        type: "select",
+                        values: ["rms", "peak"]
+                    }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.level_estimator_adjacent_speech_frames_threshold"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.use_saturation_protector"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.initial_saturation_margin_db"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.extra_saturation_margin_db"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.gain_applier_adjacent_speech_frames_threshold"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.max_gain_change_db_per_second"} type={{ type: "float" }} />
+                    <TablePropertyValue property={"gain_controller2.adaptive_digital.max_output_noise_level_dbfs"} type={{ type: "float" }} />
+
+                    <TablePropertyValue property={"residual_echo_detector.enabled"} type={{ type: "boolean" }} />
+                    <TablePropertyValue property={"level_estimation.enabled"} type={{ type: "boolean" }} />
+
+                    <TablePropertyValue property={"rnnoise.enabled"} type={{ type: "boolean" }} />
+                </div>
+            </div>
+            <PropertyFilter />
+        </div>
+    )
+})
+
+const StatisticValue = React.memo((props: { statisticKey: keyof InputProcessorStatistics }) => {
+    const statistics = useContext(StatisticsContext);
+
+    let value;
+    switch(statistics ? typeof statistics[props.statisticKey] : "undefined") {
+        case "number":
+            value = statistics[props.statisticKey].toPrecision(4);
+            break;
+
+        case "boolean":
+            value = statistics[props.statisticKey] ? (
+                <Translatable key={"true"}>true</Translatable>
+            ) : (
+                <Translatable key={"false"}>false</Translatable>
+            );
+            break;
+
+        case "string":
+            value = statistics[props.statisticKey];
+            break;
+
+        default:
+            value = (
+                <div className={cssStyle.unset}>
+                    <Translatable>unset</Translatable>
+                </div>
+            );
+            break;
+    }
+
+    return value;
+});
+
+const Statistic = React.memo((props: { statisticKey: keyof InputProcessorStatistics, children }) => (
+    <div className={cssStyle.statistic}>
+        <div className={cssStyle.key}>
+            {props.children}:
+        </div>
+        <div className={cssStyle.value}>
+            <StatisticValue statisticKey={props.statisticKey} />
+        </div>
+    </div>
+));
+
+const StatisticsProvider = React.memo((props: { children }) => {
+    const events = useContext(EventContext);
+    const [ statistics, setStatistics ] = useState<InputProcessorStatistics>(() => {
+        events.fire("query_statistics");
+        return undefined;
+    });
+
+    events.reactUse("notify_statistics", event => setStatistics(event.statistics), undefined, []);
+
+    return (
+        <StatisticsContext.Provider value={statistics}>
+            {props.children}
+        </StatisticsContext.Provider>
+    );
+});
+
+const Statistics = React.memo(() => (
+    <StatisticsProvider>
+        <div className={cssStyle.containerStatistics}>
+            <div className={cssStyle.title}>
+                <Translatable>Statistics</Translatable>
+            </div>
+            <div className={cssStyle.statistics}>
+                <Statistic statisticKey={"output_rms_dbfs"}>
+                    <Translatable>Output RMS (dbfs)</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"voice_detected"}>
+                    <Translatable>Voice detected</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"echo_return_loss"}>
+                    <Translatable>Echo return loss</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"echo_return_loss_enhancement"}>
+                    <Translatable>Echo return loss enchancement</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"delay_median_ms"}>
+                    <Translatable>Delay median (ms)</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"delay_ms"}>
+                    <Translatable>Delay (ms)</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"delay_standard_deviation_ms"}>
+                    <Translatable>Delay standard deviation (ms)</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"divergent_filter_fraction"}>
+                    <Translatable>Divergent filter fraction</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"residual_echo_likelihood"}>
+                    <Translatable>Residual echo likelihood</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"residual_echo_likelihood_recent_max"}>
+                    <Translatable>Residual echo likelihood (max)</Translatable>
+                </Statistic>
+
+                <Statistic statisticKey={"rnnoise_volume"}>
+                    <Translatable>RNNoise volume</Translatable>
+                </Statistic>
+            </div>
+        </div>
+    </StatisticsProvider>
+));
+
+class Modal extends AbstractModal {
+    private readonly events: Registry<ModalInputProcessorEvents>;
+    private readonly variables: UiVariableConsumer<ModalInputProcessorVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalInputProcessorEvents>, variables: IpcVariableDescriptor<ModalInputProcessorVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+
+        this.events.on("notify_apply_error", event => {
+            createErrorModal(tr("Failed to apply changes"), traj("Failed to apply changes:{:br:}{}", event.message)).open();
+        })
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventContext.Provider value={this.events}>
+                <VariableContext.Provider value={this.variables}>
+                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                        <Properties />
+                        <Statistics />
+                    </div>
+                </VariableContext.Provider>
+            </EventContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return <Translatable>Input processor properties</Translatable>;
+    }
+
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/ModalRenderer.scss b/shared/js/ui/modal/permission/ModalRenderer.scss
index 3318f8f5..e136d654 100644
--- a/shared/js/ui/modal/permission/ModalRenderer.scss
+++ b/shared/js/ui/modal/permission/ModalRenderer.scss
@@ -1,49 +1,6 @@
 @import "../../../../css/static/mixin";
 @import "../../../../css/static/properties";
 
-html:root {
-    --modal-permissions-header-text: #e1e1e1;
-    --modal-permissions-header-background: #19191b;
-    --modal-permissions-header-hover: #4e4e4e;
-    --modal-permissions-header-selected: #0073d4;
-
-    --modal-permission-right: #303036;
-    --modal-permission-left: #222226;
-
-    --modal-permissions-entry-hover: #28282c;
-    --modal-permissions-entry-selected: #111111;
-    --modal-permissions-current-group: #101012;
-
-    --modal-permissions-buttons-background: #0f0f0f;
-    --modal-permissions-buttons-hover: #262626;
-    --modal-permissions-buttons-disabled: #1b1b1b;
-
-    --modal-permissions-seperator: #1e1e1e; /* the seperator for the "enter a unique id" and "client info" part */
-    --modal-permissions-container-seperator: #222224; /* the seperator between left and right */
-
-    --modal-permissions-icon-select: #121213;
-    --modal-permissions-icon-select-border: #0d0d0d;
-    --modal-permissions-icon-select-hover: #17171a;
-    --modal-permissions-icon-select-hover-border: #333333;
-
-    --modal-permission-no-permnissions: #18171c;
-    --modal-permissions-table-border: #1e2025;
-
-    --modal-permissions-table-header: #303036;
-    --modal-permissions-table-row-odd: #303036;
-    --modal-permissions-table-row-even: #25252a;
-    --modal-permissions-table-row-hover: #343a47;
-
-    --modal-permissions-table-header-text: #e1e1e1;
-    --modal-permissions-table-row-text: #535455;
-    --modal-permissions-table-entry-active-text: #e1e1e1;
-    --modal-permissions-table-entry-group-text: #e1e1e1;
-
-    --modal-permissions-table-input: #e1e1e1;
-    --modal-permissions-table-input-focus: #3f7dbf;
-}
-
-
 .container {
     @include user-select(none);
 
diff --git a/shared/js/ui/modal/settings/Microphone.scss b/shared/js/ui/modal/settings/Microphone.scss
index 9721b0e2..bba246b9 100644
--- a/shared/js/ui/modal/settings/Microphone.scss
+++ b/shared/js/ui/modal/settings/Microphone.scss
@@ -260,7 +260,7 @@
 
     padding-bottom: .5em;
 
-    a {
+    .text {
         flex-grow: 1;
         flex-shrink: 1;
 
@@ -284,6 +284,20 @@
         margin-left: 1em;
         min-width: 8em;
     }
+
+    .icon {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        align-self: flex-end;
+
+        width: 1.2em;
+        height: 1.2em;
+    }
+}
+
+.tooltipContainer {
+    min-width: 14em;
 }
 
 .containerDevices {
diff --git a/shared/js/ui/modal/settings/Microphone.tsx b/shared/js/ui/modal/settings/Microphone.tsx
index 64a83a91..49626181 100644
--- a/shared/js/ui/modal/settings/Microphone.tsx
+++ b/shared/js/ui/modal/settings/Microphone.tsx
@@ -1,92 +1,21 @@
 import * as React from "react";
 import {Registry} from "tc-shared/events";
-import {LevelMeter} from "tc-shared/voice/RecorderBase";
-import {LogCategory, logTrace, logWarn} from "tc-shared/log";
+import {AbstractInput, FilterMode, LevelMeter} from "tc-shared/voice/RecorderBase";
+import {LogCategory, logError, logTrace, logWarn} from "tc-shared/log";
 import {defaultRecorder} from "tc-shared/voice/RecorderProfile";
-import {DeviceListState, getRecorderBackend, InputDevice} from "tc-shared/audio/Recorder";
+import {getRecorderBackend, InputDevice} from "tc-shared/audio/Recorder";
 import {Settings, settings} from "tc-shared/settings";
 import {getBackend} from "tc-shared/backend";
 import * as _ from "lodash";
 import {getAudioBackend} from "tc-shared/audio/Player";
-
-export type MicrophoneSetting =
-    "volume"
-    | "vad-type"
-    | "ppt-key"
-    | "ppt-release-delay"
-    | "ppt-release-delay-active"
-    | "threshold-threshold"
-    | "rnnoise";
-
-export type MicrophoneDevice = {
-    id: string,
-    name: string,
-    driver: string,
-    default: boolean
-};
-
-export type SelectedMicrophone = { type: "default" } | { type: "none" } | { type: "device", deviceId: string };
-export type MicrophoneDevices = {
-    status: "error",
-    error: string
-} | {
-    status: "audio-not-initialized"
-} | {
-    status: "no-permissions",
-    shouldAsk: boolean
-} | {
-    status: "success",
-    devices: MicrophoneDevice[]
-    selectedDevice: SelectedMicrophone;
-};
-export interface MicrophoneSettingsEvents {
-    "query_devices": { refresh_list: boolean },
-    "query_help": {},
-    "query_setting": {
-        setting: MicrophoneSetting
-    },
-
-    "action_help_click": {},
-    "action_request_permissions": {},
-    "action_set_selected_device": { target: SelectedMicrophone },
-    "action_set_selected_device_result": {
-        status: "error",
-        reason: string
-    },
-
-    "action_set_setting": {
-        setting: MicrophoneSetting;
-        value: any;
-    },
-
-    notify_setting: {
-        setting: MicrophoneSetting;
-        value: any;
-    }
-
-    notify_devices: MicrophoneDevices,
-    notify_device_selected: { device: SelectedMicrophone },
-
-    notify_device_level: {
-        level: {
-            [key: string]: {
-                deviceId: string,
-                status: "success" | "error",
-
-                level?: number,
-                error?: string
-            }
-        },
-
-        status: Exclude<DeviceListState, "error">
-    },
-
-    notify_highlight: {
-        field: "hs-0" | "hs-1" | "hs-2" | undefined
-    }
-
-    notify_destroy: {}
-}
+import {
+    InputDeviceLevel,
+    MicrophoneSettingsEvents,
+    SelectedMicrophone
+} from "tc-shared/ui/modal/settings/MicrophoneDefinitions";
+import {spawnInputProcessorModal} from "tc-shared/ui/modal/input-processor/Controller";
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {server_connections} from "tc-shared/ConnectionManager";
 
 export function initialize_audio_microphone_controller(events: Registry<MicrophoneSettingsEvents>) {
     const recorderBackend = getRecorderBackend();
@@ -219,6 +148,47 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
         });
     }
 
+    {
+        let currentLevel: InputDeviceLevel = { status: "uninitialized" };
+        let levelMeter: LevelMeter;
+
+        /* input device level meter */
+        const initializeInput = (input: AbstractInput) => {
+            try {
+                levelMeter?.destroy();
+
+                levelMeter = input.createLevelMeter();
+                levelMeter.setObserver(value => {
+                    currentLevel = { status: "success", level: value };
+                    events.fire_react("notify_input_level", { level: currentLevel });
+                });
+
+                currentLevel = { status: "success", level: 0 };
+            } catch (error) {
+                if(typeof error !== "string") {
+                    logError(LogCategory.GENERAL, tr("Failed to create input device level meter: %o"), error);
+                    error = tr("lookup the console");
+                }
+
+                currentLevel = { status: "error", message: error };
+            }
+            events.fire_react("notify_input_level", { level: currentLevel });
+        }
+
+        events.on("notify_destroy", () => {
+            levelMeter?.setObserver(undefined);
+            levelMeter?.destroy();
+        });
+
+        events.on("query_input_level", () => events.fire_react("notify_input_level", { level: currentLevel }));
+
+        if(defaultRecorder.input) {
+            initializeInput(defaultRecorder.input);
+        } else {
+            events.on("notify_destroy", defaultRecorder.events.one("notify_input_initialized", () => initializeInput(defaultRecorder.input)));
+        }
+    }
+
     /* device list */
     {
         const currentSelectedDevice = (): SelectedMicrophone => {
@@ -444,6 +414,16 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
         }
     }));
 
+    events.on("action_open_processor_properties", () => {
+        const processor = defaultRecorder.input?.getInputProcessor();
+        if(!processor) {
+            createErrorModal(tr("Missing input processor"), tr("Missing default recorders input processor.")).open();
+            return;
+        }
+
+        spawnInputProcessorModal(processor);
+    });
+
     events.on("notify_destroy", recorderBackend.getDeviceList().getEvents().on("notify_list_updated", () => {
         events.fire("query_devices");
     }));
@@ -455,45 +435,28 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
     if(!getAudioBackend().isInitialized()) {
         getAudioBackend().executeWhenInitialized(() => events.fire_react("query_devices"));
     }
-}
 
-/*
-import * as loader from "tc-loader";
-import {Stage} from "tc-loader";
-import {spawnReactModal} from "tc-shared/ui/react-elements/Modal";
-import {InternalModal} from "tc-shared/ui/react-elements/internal-modal/Controller";
-import {Translatable} from "tc-shared/ui/react-elements/i18n";
-import {MicrophoneSettings} from "tc-shared/ui/modal/settings/MicrophoneRenderer";
-
-loader.register_task(Stage.LOADED, {
-    name: "test",
-    function: async () => {
-        aplayer.on_ready(() => {
-            const modal = spawnReactModal(class extends InternalModal {
-                settings = new Registry<MicrophoneSettingsEvents>();
-                constructor() {
-                    super();
-
-                    initialize_audio_microphone_controller(this.settings);
-                }
-
-                renderBody(): React.ReactElement {
-                    return <div style={{
-                        padding: "1em",
-                        backgroundColor: "#2f2f35"
-                    }}>
-                        <MicrophoneSettings events={this.settings} />
-                    </div>;
-                }
-
-                title(): string | React.ReactElement<Translatable> {
-                    return "test";
-                }
+    /* TODO: Only do this on user request? */
+    {
+        const ownDefaultRecorder = () => {
+            const originalHandlerId = defaultRecorder.current_handler?.handlerId;
+            defaultRecorder.unmount().then(() => {
+                defaultRecorder.input.start().catch(error => {
+                    logError(LogCategory.AUDIO, tr("Failed to start default input: %o"), error);
+                });
             });
 
-            modal.show();
-        });
-    },
-    priority: -2
-});
-*/
\ No newline at end of file
+            events.on("notify_destroy", () => {
+                server_connections.findConnection(originalHandlerId)?.acquireInputHardware().catch(error => {
+                    logError(LogCategory.GENERAL, tr("Failed to acquire microphone after settings detach: %o"), error);
+                });
+            });
+        };
+
+        if(defaultRecorder.input) {
+            ownDefaultRecorder();
+        } else {
+            events.on("notify_destroy", defaultRecorder.events.one("notify_input_initialized", () => ownDefaultRecorder()));
+        }
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/settings/MicrophoneDefinitions.ts b/shared/js/ui/modal/settings/MicrophoneDefinitions.ts
new file mode 100644
index 00000000..e683c187
--- /dev/null
+++ b/shared/js/ui/modal/settings/MicrophoneDefinitions.ts
@@ -0,0 +1,96 @@
+import {DeviceListState} from "tc-shared/audio/Recorder";
+
+export type MicrophoneSetting =
+    "volume"
+    | "vad-type"
+    | "ppt-key"
+    | "ppt-release-delay"
+    | "ppt-release-delay-active"
+    | "threshold-threshold"
+    | "rnnoise";
+
+export type MicrophoneDevice = {
+    id: string,
+    name: string,
+    driver: string,
+    default: boolean
+};
+
+export type SelectedMicrophone = { type: "default" } | { type: "none" } | { type: "device", deviceId: string };
+export type MicrophoneDevices = {
+    status: "error",
+    error: string
+} | {
+    status: "audio-not-initialized"
+} | {
+    status: "no-permissions",
+    shouldAsk: boolean
+} | {
+    status: "success",
+    devices: MicrophoneDevice[]
+    selectedDevice: SelectedMicrophone;
+};
+
+export type InputDeviceLevel = {
+    status: "success",
+    level: number
+} | {
+    status: "uninitialized"
+} | {
+    status: "error",
+    message: string
+}
+
+export interface MicrophoneSettingsEvents {
+    "query_devices": { refresh_list: boolean },
+    "query_help": {},
+    "query_setting": {
+        setting: MicrophoneSetting
+    },
+    "query_input_level": {}
+
+    "action_help_click": {},
+    "action_request_permissions": {},
+    "action_set_selected_device": { target: SelectedMicrophone },
+    "action_set_selected_device_result": {
+        status: "error",
+        reason: string
+    },
+    "action_open_processor_properties": {},
+
+    "action_set_setting": {
+        setting: MicrophoneSetting;
+        value: any;
+    },
+
+    notify_setting: {
+        setting: MicrophoneSetting;
+        value: any;
+    }
+
+    notify_devices: MicrophoneDevices,
+    notify_device_selected: { device: SelectedMicrophone },
+
+    notify_device_level: {
+        level: {
+            [key: string]: {
+                deviceId: string,
+                status: "success" | "error",
+
+                level?: number,
+                error?: string
+            }
+        },
+
+        status: Exclude<DeviceListState, "error">
+    },
+    notify_input_level: {
+        level: InputDeviceLevel
+    },
+
+    notify_highlight: {
+        field: "hs-0" | "hs-1" | "hs-2" | undefined
+    }
+
+    notify_destroy: {}
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
index de07fce2..3d370c46 100644
--- a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
+++ b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
@@ -1,9 +1,9 @@
 import * as React from "react";
-import {useEffect, useRef, useState} from "react";
+import {useContext, useEffect, useRef, useState} from "react";
 import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
 import {Button} from "tc-shared/ui/react-elements/Button";
 import {Registry} from "tc-shared/events";
-import {MicrophoneDevice, MicrophoneSettingsEvents, SelectedMicrophone} from "tc-shared/ui/modal/settings/Microphone";
+import {MicrophoneDevice, MicrophoneSettingsEvents, SelectedMicrophone} from "tc-shared/ui/modal/settings/MicrophoneDefinitions";
 import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 import {ClientIcon} from "svg-sprites/client-icons";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
@@ -17,8 +17,12 @@ import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
 import {BoxedInputField} from "tc-shared/ui/react-elements/InputField";
 import {HighlightContainer, HighlightRegion, HighlightText} from "./Heighlight";
 import {InputDevice} from "tc-shared/audio/Recorder";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
+import _ from "lodash";
 
 const cssStyle = require("./Microphone.scss");
+const EventContext = React.createContext<Registry<MicrophoneSettingsEvents>>(undefined);
 
 type MicrophoneSelectedState = "selected" | "applying" | "unselected";
 const MicrophoneStatus = (props: { state: MicrophoneSelectedState }) => {
@@ -34,89 +38,134 @@ const MicrophoneStatus = (props: { state: MicrophoneSelectedState }) => {
             return null;
 
         case "selected":
-            return <ClientIconRenderer key={"selected"} icon={ClientIcon.Apply}/>;
+            return (
+                <ClientIconRenderer key={"selected"} icon={ClientIcon.Apply} />
+            );
     }
 }
 
 type ActivityBarStatus =
-    { mode: "success" }
+    { mode: "success", level: number }
     | { mode: "error", message: string }
     | { mode: "loading" }
     | { mode: "uninitialized" };
-const ActivityBar = (props: { events: Registry<MicrophoneSettingsEvents>, deviceId: string | "none", disabled?: boolean }) => {
-    const refHider = useRef<HTMLDivElement>();
-    const [status, setStatus] = useState<ActivityBarStatus>({ mode: "loading" });
 
-    if(typeof props.deviceId === "undefined") {
-        throw "invalid device id";
+const ActivityBarStatusContext = React.createContext<ActivityBarStatus>({ mode: "loading" });
+
+const DeviceActivityBarStatusProvider = React.memo((props: { deviceId: string, children }) => {
+    const events = useContext(EventContext);
+    const [ status, setStatus ] = useState<ActivityBarStatus>({ mode: "loading" });
+
+    const updateState = (newState: ActivityBarStatus) => {
+        if(!_.isEqual(newState, status)) {
+            setStatus(newState);
+        }
     }
 
-    props.events.reactUse("notify_device_level", event => {
-        refHider.current.style.width = "100%";
-        if (event.status === "uninitialized") {
-            if (status.mode === "uninitialized") {
-                return;
-            }
-
-            setStatus({mode: "uninitialized"});
-        } else if (event.status === "no-permissions") {
-            const noPermissionsMessage = tr("no permissions");
-            if (status.mode === "error" && status.message === noPermissionsMessage) {
-                return;
-            }
-
-            setStatus({mode: "error", message: noPermissionsMessage});
-        } else {
+    events.reactUse("notify_device_level", event => {
+        if(event.status === "uninitialized") {
+            updateState({ mode: "uninitialized" });
+        } else if(event.status === "no-permissions") {
+            updateState({ mode: "error", message: tr("no permissions") });
+        } else if(event.status === "healthy") {
             const device = event.level[props.deviceId];
             if (!device) {
-                if (status.mode === "loading") {
-                    return;
-                }
-
-                setStatus({mode: "loading"});
-            } else if (device.status === "success") {
-                if (status.mode !== "success") {
-                    setStatus({mode: "success"});
-                }
-
-                refHider.current.style.width = (100 - device.level) + "%";
+                updateState({ mode: "loading" });
+            } else if(device.status === "success") {
+                updateState({ mode: "success", level: device.level });
             } else {
-                if (status.mode === "error" && status.message === device.error) {
-                    return;
-                }
-
-                setStatus({mode: "error", message: device.error + ""});
+                updateState({ mode: "error", message: device.error });
             }
         }
-    }, true, [status]);
+    }, undefined, []);
 
+    return (
+        <ActivityBarStatusContext.Provider value={status}>
+            {props.children}
+        </ActivityBarStatusContext.Provider>
+    );
+});
 
-    let error;
+const InputActivityBarStatusProvider = React.memo((props: { children }) => {
+    const events = useContext(EventContext);
+    const [ status, setStatus ] = useState<ActivityBarStatus>(() => {
+        events.fire("query_input_level");
+        return { mode: "loading" };
+    });
+
+    events.reactUse("notify_input_level", event => {
+        switch (event.level.status) {
+            case "success":
+                setStatus({ mode: "success", level: event.level.level });
+                break;
+
+            case "error":
+                setStatus({ mode: "error", message: event.level.message });
+                break;
+
+            case "uninitialized":
+                setStatus({ mode: "uninitialized" });
+                break;
+
+            default:
+                setStatus({ mode: "error", message: tr("unknown status") });
+                break;
+        }
+    }, undefined, []);
+
+    return (
+        <ActivityBarStatusContext.Provider value={status}>
+            {props.children}
+        </ActivityBarStatusContext.Provider>
+    );
+});
+
+const ActivityBar = (props: { disabled?: boolean }) => {
+    const status = useContext(ActivityBarStatusContext);
+
+    let error = undefined;
+    let hiderWidth = "100%";
     switch (status.mode) {
         case "error":
-            error = <div className={cssStyle.text + " " + cssStyle.error} key={"error"}>{status.message}</div>;
+            error = (
+                <div className={joinClassList(cssStyle.text, cssStyle.error)} key={"error"}>
+                    {status.message}
+                </div>
+            );
             break;
 
         case "loading":
-            error =
-                <div className={cssStyle.text} key={"loading"}><Translatable>Loading</Translatable>&nbsp;<LoadingDots/>
-                </div>;
+            error = (
+                <div className={cssStyle.text} key={"loading"}>
+                    <Translatable>Loading</Translatable>&nbsp;<LoadingDots/>
+                </div>
+            );
             break;
 
         case "success":
-            error = undefined;
+            hiderWidth = (100 - status.level) + "%";
             break;
     }
+
     return (
         <div
             className={cssStyle.containerActivityBar + " " + cssStyle.bar + " " + (props.disabled ? cssStyle.disabled : "")}>
-            <div ref={refHider} className={cssStyle.hider} style={{width: "100%"}}/>
+            <div className={cssStyle.hider} style={{ width: hiderWidth }} />
             {error}
         </div>
-    )
+    );
 };
 
-const Microphone = (props: { events: Registry<MicrophoneSettingsEvents>, device: MicrophoneDevice, state: MicrophoneSelectedState, onClick: () => void }) => {
+const Microphone = React.memo((props: { device: MicrophoneDevice, state: MicrophoneSelectedState, onClick: () => void }) => {
+    let activityBar;
+    if(props.device.id !== InputDevice.NoDeviceId) {
+        activityBar = (
+            <DeviceActivityBarStatusProvider deviceId={props.device.id} key={"bar"}>
+                <ActivityBar />
+            </DeviceActivityBarStatusProvider>
+        );
+    }
+
     return (
         <div className={cssStyle.device + " " + (props.state === "unselected" ? "" : cssStyle.selected)}
              onClick={props.onClick}>
@@ -128,13 +177,11 @@ const Microphone = (props: { events: Registry<MicrophoneSettingsEvents>, device:
                 <div className={cssStyle.name}>{props.device.name}</div>
             </div>
             <div className={cssStyle.containerActivity}>
-                {props.device.id === InputDevice.NoDeviceId ? undefined :
-                    <ActivityBar key={"a"} events={props.events} deviceId={props.device.id}/>
-                }
+                {activityBar}
             </div>
         </div>
     );
-};
+});
 
 type MicrophoneListState = {
     type: "normal" | "loading" | "audio-not-initialized"
@@ -284,7 +331,6 @@ const MicrophoneList = (props: { events: Registry<MicrophoneSettingsEvents> }) =
                             name: tr("No device"),
                             default: false
                         }}
-                        events={props.events}
                         state={deviceSelectState("none")}
                         onClick={() => {
                             if (state.type !== "normal" || selectedDevice?.selectingDevice) {
@@ -295,23 +341,24 @@ const MicrophoneList = (props: { events: Registry<MicrophoneSettingsEvents> }) =
                         }}
             />
 
-            {deviceList.map(device => <Microphone
-                key={"d-" + device.id}
-                device={device}
-                events={props.events}
-                state={deviceSelectState(device)}
-                onClick={() => {
-                    if (state.type !== "normal" || selectedDevice?.selectingDevice) {
-                        return;
-                    }
+            {deviceList.map(device => (
+                <Microphone
+                    key={"d-" + device.id}
+                    device={device}
+                    state={deviceSelectState(device)}
+                    onClick={() => {
+                        if (state.type !== "normal" || selectedDevice?.selectingDevice) {
+                            return;
+                        }
 
-                    if(device.default) {
-                        props.events.fire("action_set_selected_device", { target: { type: "default" } });
-                    } else {
-                        props.events.fire("action_set_selected_device", { target: { type: "device", deviceId: device.id } });
-                    }
-                }}
-            />)}
+                        if(device.default) {
+                            props.events.fire("action_set_selected_device", { target: { type: "default" } });
+                        } else {
+                            props.events.fire("action_set_selected_device", { target: { type: "device", deviceId: device.id } });
+                        }
+                    }}
+                />
+            ))}
         </div>
     )
 }
@@ -405,33 +452,36 @@ const PPTKeyButton = React.memo((props: { events: Registry<MicrophoneSettingsEve
     }
 });
 
-const PPTDelaySettings = (props: { events: Registry<MicrophoneSettingsEvents> }) => {
+const PPTDelaySettings = React.memo(() => {
+    const events = useContext(EventContext);
+
     const [delayActive, setDelayActive] = useState<"loading" | boolean>(() => {
-        props.events.fire("query_setting", {setting: "ppt-release-delay"});
+        events.fire("query_setting", {setting: "ppt-release-delay"});
         return "loading";
     });
 
     const [delay, setDelay] = useState<"loading" | number>(() => {
-        props.events.fire("query_setting", {setting: "ppt-release-delay-active"});
+        events.fire("query_setting", {setting: "ppt-release-delay-active"});
         return "loading";
     });
 
     const [isActive, setActive] = useState(false);
 
-    props.events.reactUse("notify_setting", event => {
-        if (event.setting === "vad-type")
+    events.reactUse("notify_setting", event => {
+        if (event.setting === "vad-type") {
             setActive(event.value === "push_to_talk");
-        else if (event.setting === "ppt-release-delay")
+        } else if (event.setting === "ppt-release-delay") {
             setDelay(event.value);
-        else if (event.setting === "ppt-release-delay-active")
+        } else if (event.setting === "ppt-release-delay-active") {
             setDelayActive(event.value);
+        }
     });
 
     return (
         <div className={cssStyle.containerPptDelay}>
             <Checkbox
                 onChange={value => {
-                    props.events.fire("action_set_setting", {setting: "ppt-release-delay-active", value: value})
+                    events.fire("action_set_setting", {setting: "ppt-release-delay-active", value: value})
                 }}
                 disabled={!isActive}
                 value={delayActive === true}
@@ -458,45 +508,48 @@ const PPTDelaySettings = (props: { events: Registry<MicrophoneSettingsEvents> })
 
 
                         const newValue = event.target.valueAsNumber;
-                        if (isNaN(newValue))
+                        if (isNaN(newValue)) {
                             return;
+                        }
 
-                        if (newValue < 0 || newValue > 4000)
+                        if (newValue < 0 || newValue > 4000) {
                             return;
+                        }
 
-                        props.events.fire("action_set_setting", {setting: "ppt-release-delay", value: newValue});
+                        events.fire("action_set_setting", {setting: "ppt-release-delay", value: newValue});
                     }}
                 />}
             />
         </div>
     );
-}
+});
 
-const RNNoiseLabel = () => (
-    <VariadicTranslatable text={"Enable RNNoise cancelation ({})"}>
+const RNNoiseLabel = React.memo(() => (
+    <VariadicTranslatable text={"Enable RNNoise cancellation ({})"}>
         <a href={"https://jmvalin.ca/demo/rnnoise/"} target={"_blank"} style={{ margin: 0 }}><Translatable>more info</Translatable></a>
     </VariadicTranslatable>
-)
+));
 
-const RNNoiseSettings = (props: { events: Registry<MicrophoneSettingsEvents> }) => {
+const RNNoiseSettings = React.memo(() => {
     if(__build.target === "web") {
         return null;
     }
 
+    const events = useContext(EventContext);
     const [ enabled, setEnabled ] = useState<boolean | "loading">(() => {
-        props.events.fire("query_setting", { setting: "rnnoise" });
+        events.fire("query_setting", { setting: "rnnoise" });
         return "loading";
     });
-    props.events.reactUse("notify_setting", event => event.setting === "rnnoise" && setEnabled(event.value));
+    events.reactUse("notify_setting", event => event.setting === "rnnoise" && setEnabled(event.value));
 
     return (
         <Checkbox label={<RNNoiseLabel />}
                   disabled={enabled === "loading"}
                   value={enabled === true}
-                  onChange={value => props.events.fire("action_set_setting", { setting: "rnnoise", value: value })}
+                  onChange={value => events.fire("action_set_setting", { setting: "rnnoise", value: value })}
         />
     )
-}
+});
 
 const VadSelector = (props: { events: Registry<MicrophoneSettingsEvents> }) => {
     const [selectedType, setSelectedType] = useState<VadType | "loading">(() => {
@@ -558,10 +611,11 @@ const VadSelector = (props: { events: Registry<MicrophoneSettingsEvents> }) => {
     );
 }
 
-const ThresholdSelector = (props: { events: Registry<MicrophoneSettingsEvents> }) => {
+const ThresholdSelector = React.memo(() => {
+    const events = useContext(EventContext);
     const refSlider = useRef<Slider>();
     const [value, setValue] = useState<"loading" | number>(() => {
-        props.events.fire("query_setting", {setting: "threshold-threshold"});
+        events.fire("query_setting", {setting: "threshold-threshold"});
         return "loading";
     });
 
@@ -592,7 +646,7 @@ const ThresholdSelector = (props: { events: Registry<MicrophoneSettingsEvents> }
         }
     }
 
-    props.events.reactUse("notify_setting", event => {
+    events.reactUse("notify_setting", event => {
         if (event.setting === "threshold-threshold") {
             refSlider.current?.setState({value: event.value});
             setValue(event.value);
@@ -601,7 +655,7 @@ const ThresholdSelector = (props: { events: Registry<MicrophoneSettingsEvents> }
         }
     });
 
-    props.events.reactUse("notify_devices", event => {
+    events.reactUse("notify_devices", event => {
         if(event.status === "success") {
             const defaultDevice = event.devices.find(device => device.default);
             defaultDeviceId.current = defaultDevice?.id;
@@ -612,13 +666,15 @@ const ThresholdSelector = (props: { events: Registry<MicrophoneSettingsEvents> }
         }
     });
 
-    props.events.reactUse("notify_device_selected", event => changeCurrentDevice(event.device));
+    events.reactUse("notify_device_selected", event => changeCurrentDevice(event.device));
 
     let isActive = isVadActive && currentDevice.type === "device";
     return (
         <div className={cssStyle.containerSensitivity}>
             <div className={cssStyle.containerBar}>
-                <ActivityBar events={props.events} deviceId={currentDevice.type === "device" ? currentDevice.deviceId : "none"} disabled={!isActive || !currentDevice} key={"activity-" + currentDevice} />
+                <InputActivityBarStatusProvider>
+                    <ActivityBar disabled={!isActive || !currentDevice} key={"activity-" + currentDevice} />
+                </InputActivityBarStatusProvider>
             </div>
             <Slider
                 ref={refSlider}
@@ -635,12 +691,12 @@ const ThresholdSelector = (props: { events: Registry<MicrophoneSettingsEvents> }
                 disabled={value === "loading" || !isActive}
 
                 onChange={value => {
-                    props.events.fire("action_set_setting", {setting: "threshold-threshold", value: value})
+                    events.fire("action_set_setting", {setting: "threshold-threshold", value: value})
                 }}
             />
         </div>
     )
-};
+});
 
 const HelpText0 = () => (
     <HighlightText highlightId={"hs-0"} className={cssStyle.help}>
@@ -700,6 +756,24 @@ const HelpText2 = () => (
     </HighlightText>
 );
 
+const InputProcessorButton = React.memo(() => {
+    const events = useContext(EventContext);
+
+    if(__build.target !== "client") {
+        return;
+    }
+
+    return (
+        <Button
+            color={"none"}
+            type={"extra-small"}
+            onClick={() => events.fire("action_open_processor_properties")}
+        >
+            <Translatable>Input processor properties</Translatable>
+        </Button>
+    );
+});
+
 export const MicrophoneSettings = (props: { events: Registry<MicrophoneSettingsEvents> }) => {
     const [highlighted, setHighlighted] = useState(() => {
         props.events.fire("query_help");
@@ -709,44 +783,63 @@ export const MicrophoneSettings = (props: { events: Registry<MicrophoneSettingsE
     props.events.reactUse("notify_highlight", event => setHighlighted(event.field));
 
     return (
-        <HighlightContainer highlightedId={highlighted} onClick={() => props.events.fire("action_help_click")}
-                            classList={cssStyle.highlightContainer}>
-            <div className={cssStyle.container}>
-                <HelpText0/>
-                <HighlightRegion className={cssStyle.left} highlightId={"hs-1"}>
-                    <div className={cssStyle.header}>
-                        <a><Translatable>Select your Microphone Device</Translatable></a>
-                        <ListRefreshButton events={props.events}/>
-                    </div>
-                    <MicrophoneList events={props.events}/>
-                    <HelpText2/>
-                </HighlightRegion>
-                <HighlightRegion className={cssStyle.right} highlightId={"hs-2"}>
-                    <HelpText1/>
-                    <div className={cssStyle.header}>
-                        <a><Translatable>Microphone Settings</Translatable></a>
-                    </div>
-                    <div className={cssStyle.body}>
-                        <VolumeSettings events={props.events}/>
-                        <VadSelector events={props.events}/>
-                    </div>
-                    <div className={cssStyle.header}>
-                        <a><Translatable>Sensitivity Settings</Translatable></a>
-                    </div>
-                    <div className={cssStyle.body}>
-                        <ThresholdSelector events={props.events}/>
-                    </div>
-                    <div className={cssStyle.header}>
-                        <a><Translatable>Advanced Settings</Translatable></a>
-                    </div>
-                    <div className={cssStyle.body}>
-                        <div className={cssStyle.containerAdvanced}>
-                            <PPTDelaySettings events={props.events}/>
-                            <RNNoiseSettings events={props.events} />
+        <EventContext.Provider value={props.events}>
+            <HighlightContainer
+                highlightedId={highlighted}
+                onClick={() => props.events.fire("action_help_click")}
+                classList={cssStyle.highlightContainer}
+            >
+                <div className={cssStyle.container}>
+                    <HelpText0/>
+                    <HighlightRegion className={cssStyle.left} highlightId={"hs-1"}>
+                        <div className={cssStyle.header}>
+                            <div className={cssStyle.text}>
+                                <Translatable>Select your Microphone Device</Translatable>
+                            </div>
+                            <ListRefreshButton events={props.events}/>
                         </div>
-                    </div>
-                </HighlightRegion>
-            </div>
-        </HighlightContainer>
+                        <MicrophoneList events={props.events}/>
+                        <HelpText2/>
+                    </HighlightRegion>
+                    <HighlightRegion className={cssStyle.right} highlightId={"hs-2"}>
+                        <HelpText1/>
+                        <div className={cssStyle.header}>
+                            <div className={cssStyle.text}>
+                                <Translatable>Microphone Settings</Translatable>
+                            </div>
+                        </div>
+                        <div className={cssStyle.body}>
+                            <VolumeSettings events={props.events}/>
+                            <VadSelector events={props.events}/>
+                        </div>
+                        <div className={cssStyle.header}>
+                            <div className={cssStyle.text}>
+                                <Translatable>Sensitivity Settings</Translatable>
+                            </div>
+                            <IconTooltip className={cssStyle.icon}>
+                                <div className={cssStyle.tooltipContainer}>
+                                    <Translatable>The volume meter will show the processed audio volume as others would hear you.</Translatable>
+                                </div>
+                            </IconTooltip>
+                        </div>
+                        <div className={cssStyle.body}>
+                            <ThresholdSelector />
+                        </div>
+                        <div className={cssStyle.header}>
+                            <div className={cssStyle.text}>
+                                <Translatable>Advanced Settings</Translatable>
+                            </div>
+                        </div>
+                        <div className={cssStyle.body}>
+                            <div className={cssStyle.containerAdvanced}>
+                                <PPTDelaySettings />
+                                <RNNoiseSettings />
+                                <InputProcessorButton />
+                            </div>
+                        </div>
+                    </HighlightRegion>
+                </div>
+            </HighlightContainer>
+        </EventContext.Provider>
     );
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/InputField.scss b/shared/js/ui/react-elements/InputField.scss
index 62587c96..cff6fb5a 100644
--- a/shared/js/ui/react-elements/InputField.scss
+++ b/shared/js/ui/react-elements/InputField.scss
@@ -98,6 +98,7 @@ html:root {
         flex-shrink: 1;
 
         background: transparent;
+        align-self: center;
 
         border: none;
         outline: none;
diff --git a/shared/js/ui/react-elements/InputField.tsx b/shared/js/ui/react-elements/InputField.tsx
index 6d4b0b8d..052d6aaf 100644
--- a/shared/js/ui/react-elements/InputField.tsx
+++ b/shared/js/ui/react-elements/InputField.tsx
@@ -64,7 +64,7 @@ export const ControlledBoxedInputField = (props: {
 
                        ref={props.refInput}
 
-                       value={props.value || ""}
+                       value={typeof props.value !== "undefined" ? props.value : ""}
                        placeholder={props.placeholder}
 
                        readOnly={typeof props.editable === "boolean" ? !props.editable : false}
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 1c988b4b..f8ec60d6 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -20,6 +20,7 @@ import {PermissionModalEvents} from "tc-shared/ui/modal/permission/ModalDefiniti
 import {PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefinitions";
 import {PermissionEditorServerInfo} from "tc-shared/ui/modal/permission/ModalRenderer";
 import {ModalAvatarUploadEvents, ModalAvatarUploadVariables} from "tc-shared/ui/modal/avatar-upload/Definitions";
+import {ModalInputProcessorEvents, ModalInputProcessorVariables} from "tc-shared/ui/modal/input-processor/Definitios";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -210,5 +211,9 @@ export interface ModalConstructorArguments {
         /* events */ IpcRegistryDescription<ModalAvatarUploadEvents>,
         /* variables */ IpcVariableDescriptor<ModalAvatarUploadVariables>,
         /* serverUniqueId */ string
+    ],
+    "modal-input-processor": [
+        /* events */ IpcRegistryDescription<ModalInputProcessorEvents>,
+        /* variables */ IpcVariableDescriptor<ModalInputProcessorVariables>,
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 3f04218f..96fda81e 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -109,4 +109,8 @@ registerModal({
     popoutSupported: true
 });
 
-
+registerModal({
+    modalId: "modal-input-processor",
+    classLoader: async () => await import("tc-shared/ui/modal/input-processor/Renderer"),
+    popoutSupported: true
+});
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
index 2334293c..7b9ec12d 100644
--- a/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
+++ b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
@@ -3,7 +3,7 @@ import {setupIpcHandler} from "tc-shared/ipc/BrowserIPC";
 import {initializeI18N} from "tc-shared/i18n/localize";
 import {Stage} from "tc-loader";
 import {AbstractModal, constructAbstractModalClass} from "tc-shared/ui/react-elements/modal/Definitions";
-import {AppParameters} from "tc-shared/settings";
+import {AppParameters, Settings, settings} from "tc-shared/settings";
 import {setupJSRender} from "tc-shared/ui/jsrender";
 import {findRegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
 import {ModalWindowControllerInstance} from "./Controller";
@@ -26,8 +26,16 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
         await import("tc-shared/proto");
         await initializeI18N();
         setupIpcHandler();
-
         setupJSRender();
+
+        {
+            const font = settings.getValue(Settings.KEY_FONT_SIZE);
+
+            document.body.style.fontSize = font + "px";
+            settings.globalChangeListener(Settings.KEY_FONT_SIZE, value => {
+                document.body.style.fontSize = value + "px";
+            });
+        }
     }
 });
 
diff --git a/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.scss b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.scss
index e428ab65..21e0d675 100644
--- a/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.scss
+++ b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.scss
@@ -1,4 +1,5 @@
 @import "../../../../../../css/static/mixin";
+@import "../../../../../../css/static/color-variables";
 
 /* FIXME: Remove this wired import */
 @import "../../../../../../css/static/general";
diff --git a/shared/js/ui/utils/Variable.ts b/shared/js/ui/utils/Variable.ts
index beaa36bb..38674b41 100644
--- a/shared/js/ui/utils/Variable.ts
+++ b/shared/js/ui/utils/Variable.ts
@@ -404,7 +404,7 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
         }, [ variable, customData ]);
 
         if(arguments.length >= 3) {
-            return cacheEntry.status === "loaded" ? cacheEntry.currentValue : defaultValue;
+            return cacheEntry.status === "loaded" || cacheEntry.status === "applying" ? cacheEntry.currentValue : defaultValue;
         } else {
             return {
                 status: cacheEntry.status,
diff --git a/shared/js/voice/RecorderBase.ts b/shared/js/voice/RecorderBase.ts
index 25e3d6b0..40d3c97f 100644
--- a/shared/js/voice/RecorderBase.ts
+++ b/shared/js/voice/RecorderBase.ts
@@ -78,6 +78,196 @@ export enum FilterMode {
     Block
 }
 
+/**
+ * All available options for input processing.
+ * Since input processing is only available on the native client these are the options
+ * the native client (especially WebRTC audio processing) have.
+ */
+export interface InputProcessorConfigWebRTC {
+    "pipeline.maximum_internal_processing_rate": number,
+    "pipeline.multi_channel_render": boolean,
+    "pipeline.multi_channel_capture": boolean,
+
+    "pre_amplifier.enabled": boolean,
+    "pre_amplifier.fixed_gain_factor": number,
+
+    "high_pass_filter.enabled": boolean,
+    "high_pass_filter.apply_in_full_band": boolean,
+
+    "echo_canceller.enabled": boolean,
+    "echo_canceller.mobile_mode": boolean,
+    "echo_canceller.export_linear_aec_output": boolean,
+    "echo_canceller.enforce_high_pass_filtering": boolean,
+
+    "noise_suppression.enabled": boolean,
+    "noise_suppression.level": "low" | "moderate" | "high" | "very-high",
+    "noise_suppression.analyze_linear_aec_output_when_available": boolean,
+
+    "transient_suppression.enabled": boolean,
+
+    "voice_detection.enabled": boolean,
+
+    "gain_controller1.enabled": boolean,
+    "gain_controller1.mode": "adaptive-analog" | "adaptive-digital" | "fixed-digital",
+    "gain_controller1.target_level_dbfs": number,
+    "gain_controller1.compression_gain_db": number,
+    "gain_controller1.enable_limiter": boolean,
+    "gain_controller1.analog_level_minimum": number,
+    "gain_controller1.analog_level_maximum": number,
+
+    "gain_controller1.analog_gain_controller.enabled": boolean,
+    "gain_controller1.analog_gain_controller.startup_min_volume": number,
+    "gain_controller1.analog_gain_controller.clipped_level_min": number,
+    "gain_controller1.analog_gain_controller.enable_agc2_level_estimator": boolean,
+    "gain_controller1.analog_gain_controller.enable_digital_adaptive": boolean,
+
+    "gain_controller2.enabled": boolean,
+
+    "gain_controller2.fixed_digital.gain_db": number,
+
+    "gain_controller2.adaptive_digital.enabled": boolean,
+    "gain_controller2.adaptive_digital.vad_probability_attack": number,
+    "gain_controller2.adaptive_digital.level_estimator": "rms" | "peak",
+    "gain_controller2.adaptive_digital.level_estimator_adjacent_speech_frames_threshold": number,
+    "gain_controller2.adaptive_digital.use_saturation_protector": boolean,
+    "gain_controller2.adaptive_digital.initial_saturation_margin_db": number,
+    "gain_controller2.adaptive_digital.extra_saturation_margin_db": number,
+    "gain_controller2.adaptive_digital.gain_applier_adjacent_speech_frames_threshold": number,
+    "gain_controller2.adaptive_digital.max_gain_change_db_per_second": number,
+    "gain_controller2.adaptive_digital.max_output_noise_level_dbfs": number,
+
+    "residual_echo_detector.enabled": boolean,
+    "level_estimation.enabled": boolean,
+}
+
+/**
+ * Attention:
+ * These keys **MUST** be equal to all keys of `InputProcessorConfigWebRTC`.
+ * All keys not registered in here will not be consideration.
+ */
+export const kInputProcessorConfigWebRTCKeys: (keyof InputProcessorConfigWebRTC)[] = [
+    "pipeline.maximum_internal_processing_rate",
+    "pipeline.multi_channel_render",
+    "pipeline.multi_channel_capture",
+
+    "pre_amplifier.enabled",
+    "pre_amplifier.fixed_gain_factor",
+
+    "high_pass_filter.enabled",
+    "high_pass_filter.apply_in_full_band",
+
+    "echo_canceller.enabled",
+    "echo_canceller.mobile_mode",
+    "echo_canceller.export_linear_aec_output",
+    "echo_canceller.enforce_high_pass_filtering",
+
+    "noise_suppression.enabled",
+    "noise_suppression.level",
+    "noise_suppression.analyze_linear_aec_output_when_available",
+
+    "transient_suppression.enabled",
+
+    "voice_detection.enabled",
+
+    "gain_controller1.enabled",
+    "gain_controller1.mode",
+    "gain_controller1.target_level_dbfs",
+    "gain_controller1.compression_gain_db",
+    "gain_controller1.enable_limiter",
+    "gain_controller1.analog_level_minimum",
+    "gain_controller1.analog_level_maximum",
+
+    "gain_controller1.analog_gain_controller.enabled",
+    "gain_controller1.analog_gain_controller.startup_min_volume",
+    "gain_controller1.analog_gain_controller.clipped_level_min",
+    "gain_controller1.analog_gain_controller.enable_agc2_level_estimator",
+    "gain_controller1.analog_gain_controller.enable_digital_adaptive",
+
+    "gain_controller2.enabled",
+
+    "gain_controller2.fixed_digital.gain_db",
+
+    "gain_controller2.adaptive_digital.enabled",
+    "gain_controller2.adaptive_digital.vad_probability_attack",
+    "gain_controller2.adaptive_digital.level_estimator",
+    "gain_controller2.adaptive_digital.level_estimator_adjacent_speech_frames_threshold",
+    "gain_controller2.adaptive_digital.use_saturation_protector",
+    "gain_controller2.adaptive_digital.initial_saturation_margin_db",
+    "gain_controller2.adaptive_digital.extra_saturation_margin_db",
+    "gain_controller2.adaptive_digital.gain_applier_adjacent_speech_frames_threshold",
+    "gain_controller2.adaptive_digital.max_gain_change_db_per_second",
+    "gain_controller2.adaptive_digital.max_output_noise_level_dbfs",
+
+    "residual_echo_detector.enabled",
+    "level_estimation.enabled"
+];
+
+
+export interface InputProcessorConfigRNNoise {
+    "rnnoise.enabled": boolean
+}
+
+/**
+ * Attention:
+ * These keys **MUST** be equal to all keys of `InputProcessorConfigWebRTC`.
+ * All keys not registered in here will not be consideration.
+ */
+export const kInputProcessorConfigRNNoiseKeys: (keyof InputProcessorConfigRNNoise)[] = [
+    "rnnoise.enabled"
+];
+
+export interface InputProcessorConfigMapping {
+    "webrtc-processing": InputProcessorConfigWebRTC,
+    "rnnoise": InputProcessorConfigRNNoise
+}
+
+export type InputProcessorType = keyof InputProcessorConfigMapping;
+
+export interface InputProcessorStatistics {
+    /* WebRTC processor statistics */
+    output_rms_dbfs: number | undefined,
+    voice_detected: number | undefined,
+    echo_return_loss: number | undefined,
+    echo_return_loss_enhancement: number | undefined,
+    divergent_filter_fraction: number | undefined,
+    delay_median_ms: number | undefined,
+    delay_standard_deviation_ms: number | undefined,
+    residual_echo_likelihood: number | undefined,
+    residual_echo_likelihood_recent_max: number | undefined,
+    delay_ms: number | undefined,
+
+    /* RNNoise processor statistics */
+    rnnoise_volume: number | undefined
+}
+
+export interface InputProcessor {
+    /**
+     * @param processor Target processor type
+     * @returns `true` if the target processor type is supported and available
+     */
+    hasProcessor(processor: InputProcessorType): boolean;
+
+    /**
+     * Get the processor config of the target type.
+     * This method will throw when the target processor isn't supported.
+     * @param processor Target processor type.
+     * @returns The processor config.
+     */
+    getProcessorConfig<T extends InputProcessorType>(processor: T) : InputProcessorConfigMapping[T];
+
+    /**
+     * Apply the target config.
+     * @param processor
+     * @param config
+     */
+    applyProcessorConfig<T extends InputProcessorType>(processor: T, config: InputProcessorConfigMapping[T]);
+
+    /**
+     * Get the current processor statistics.
+     */
+    getStatistics() : InputProcessorStatistics;
+}
+
 export interface AbstractInput {
     readonly events: Registry<InputEvents>;
 
@@ -116,6 +306,15 @@ export interface AbstractInput {
 
     getVolume() : number;
     setVolume(volume: number);
+
+    getInputProcessor() : InputProcessor;
+
+    /**
+     * Create a new level meter for this audio input.
+     * This level meter will be indicate the audio level after all processing.
+     * Note: Changing the input device or stopping the input will result in no activity.
+     */
+    createLevelMeter() : LevelMeter;
 }
 
 export interface LevelMeter {
diff --git a/shared/js/voice/RecorderProfile.ts b/shared/js/voice/RecorderProfile.ts
index 9d657bd5..f99e08b6 100644
--- a/shared/js/voice/RecorderProfile.ts
+++ b/shared/js/voice/RecorderProfile.ts
@@ -49,6 +49,12 @@ export function setDefaultRecorder(recorder: RecorderProfile) {
 
 export interface RecorderProfileEvents {
     notify_device_changed: { },
+
+    notify_voice_start: { },
+    notify_voice_end: { },
+
+    /* attention: this notify will only be called when the audio input hasn't been initialized! */
+    notify_input_initialized: { },
 }
 
 export class RecorderProfile {
@@ -84,8 +90,9 @@ export class RecorderProfile {
 
         this.pptHook = {
             callbackRelease: () => {
-                if(this.pptTimeout)
+                if(this.pptTimeout) {
                     clearTimeout(this.pptTimeout);
+                }
 
                 this.pptTimeout = setTimeout(() => {
                     this.registeredFilter["ppt-gate"]?.setState(true);
@@ -93,8 +100,9 @@ export class RecorderProfile {
             },
 
             callbackPress: () => {
-                if(this.pptTimeout)
+                if(this.pptTimeout) {
                     clearTimeout(this.pptTimeout);
+                }
 
                 this.registeredFilter["ppt-gate"]?.setState(false);
             },
@@ -154,14 +162,18 @@ export class RecorderProfile {
 
         this.input.events.on("notify_voice_start", () => {
             logDebug(LogCategory.VOICE, "Voice start");
-            if(this.callback_start)
+            if(this.callback_start) {
                 this.callback_start();
+            }
+            this.events.fire("notify_voice_start");
         });
 
         this.input.events.on("notify_voice_end", () => {
             logDebug(LogCategory.VOICE, "Voice end");
-            if(this.callback_stop)
+            if(this.callback_stop) {
                 this.callback_stop();
+            }
+            this.events.fire("notify_voice_end");
         });
 
         this.input.setFilterMode(FilterMode.Block);
@@ -174,6 +186,7 @@ export class RecorderProfile {
         if(this.callback_input_initialized) {
             this.callback_input_initialized(this.input);
         }
+        this.events.fire("notify_input_initialized");
 
 
         /* apply initial config values */
diff --git a/web/app/WebWindowManager.ts b/web/app/WebWindowManager.ts
index db3064ed..a2a0de57 100644
--- a/web/app/WebWindowManager.ts
+++ b/web/app/WebWindowManager.ts
@@ -8,10 +8,10 @@ import {
 import {assertMainApplication} from "tc-shared/ui/utils";
 import {Registry} from "tc-events";
 import {getIpcInstance} from "tc-shared/ipc/BrowserIPC";
-import _ from "lodash";
 import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
 import {tr, tra} from "tc-shared/i18n/localize";
 import {guid} from "tc-shared/crypto/uid";
+import _ from "lodash";
 
 assertMainApplication();
 
@@ -27,17 +27,29 @@ type WindowHandle = {
 
 export class WebWindowManager implements WindowManager {
     private readonly events: Registry<WindowManagerEvents>;
+    private readonly listenerUnload;
     private registeredWindows: { [key: string]: WindowHandle } = {};
 
     constructor() {
         this.events = new Registry<WindowManagerEvents>();
-        /* TODO: Close all active windows on page unload */
+
+        this.listenerUnload = () => this.destroyAllWindows();
+        window.addEventListener("unload", this.listenerUnload);
     }
 
     getEvents(): Registry<WindowManagerEvents> {
         return this.events;
     }
 
+    destroy() {
+        window.removeEventListener("unload", this.listenerUnload);
+        this.destroyAllWindows();
+    }
+
+    private destroyAllWindows() {
+        Object.values(this.registeredWindows).forEach(window => window.destroy());
+    }
+
     async createWindow(options: WindowSpawnOptions): Promise<WindowCreateResult> {
         /* Multiple application instance may want to open the same windows */
         const windowUniqueId = getIpcInstance().getApplicationChannelId() + "-" + options.uniqueId;
diff --git a/web/app/audio/Recorder.ts b/web/app/audio/Recorder.ts
index 2884c50b..9f0f2fa2 100644
--- a/web/app/audio/Recorder.ts
+++ b/web/app/audio/Recorder.ts
@@ -5,7 +5,7 @@ import {
     FilterMode,
     InputConsumer,
     InputConsumerType,
-    InputEvents,
+    InputEvents, InputProcessor, InputProcessorConfigMapping, InputProcessorStatistics, InputProcessorType,
     InputStartError,
     InputState,
     LevelMeter,
@@ -43,12 +43,6 @@ export class WebAudioRecorder implements AudioRecorderBacked {
     getDeviceList(): DeviceList {
         return inputDeviceList;
     }
-
-    isRnNoiseSupported() {
-        return false;
-    }
-
-    toggleRnNoise(target: boolean) { throw "not supported"; }
 }
 
 class JavascriptInput implements AbstractInput {
@@ -454,8 +448,10 @@ class JavascriptInput implements AbstractInput {
     }
 
     setVolume(volume: number) {
-        if(volume === this.volumeModifier)
+        if(volume === this.volumeModifier) {
             return;
+        }
+
         this.volumeModifier = volume;
         this.audioNodeVolume.gain.value = volume;
     }
@@ -482,6 +478,32 @@ class JavascriptInput implements AbstractInput {
             newMode: mode
         });
     }
+
+    getInputProcessor(): InputProcessor {
+        return new JavaScriptInputProcessor();
+    }
+
+    createLevelMeter(): LevelMeter {
+        throw tr("implement me!");
+    }
+}
+
+class JavaScriptInputProcessor implements InputProcessor {
+    applyProcessorConfig<T extends InputProcessorType>(processor: T, config: InputProcessorConfigMapping[T]) {
+        throw tr("target processor is not supported");
+    }
+
+    getProcessorConfig<T extends InputProcessorType>(processor: T): InputProcessorConfigMapping[T] {
+        throw tr("target processor is not supported");
+    }
+
+    getStatistics(): InputProcessorStatistics {
+        return {} as any;
+    }
+
+    hasProcessor(processor: InputProcessorType): boolean {
+        return false;
+    }
 }
 
 class JavascriptLevelMeter implements LevelMeter {
diff --git a/webpack.config.ts b/webpack.config.ts
index b72eab7b..314a6e1d 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -370,7 +370,9 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
             hotOnly: false,
 
             liveReload: false,
-            inline: false
+            inline: false,
+
+            https: process.env["serve_https"] === "1"
         },
     };
 };
\ No newline at end of file

From ae39685a40a4e017d16ee4f17a58e387d429c711 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 5 Apr 2021 20:06:44 +0200
Subject: [PATCH 079/128] Removed the notify visibility event which hasn't been
 used any more

---
 shared/js/ConnectionHandler.ts                |   7 +-
 shared/js/ConnectionManager.ts                |   2 -
 shared/js/ui/AppRenderer.tsx                  |   5 +
 .../side/AbstractConversationController.ts    |   5 -
 .../side/AbstractConversationDefinitions.ts   |   1 -
 .../side/AbstractConversationRenderer.tsx     |   5 -
 .../side/ChannelConversationController.ts     |  11 --
 .../side/PrivateConversationController.ts     |  10 --
 .../js/ui/react-elements/modal/Controller.ts  |  11 +-
 .../js/ui/react-elements/modal/Renderer.tsx   |  10 +-
 .../react-elements/modal/internal/index.tsx   | 168 +++++++++++++-----
 shared/js/ui/tree/Controller.tsx              |   2 -
 shared/js/ui/tree/Definitions.ts              |   1 -
 shared/js/ui/tree/RendererView.tsx            |  19 --
 shared/svg-sprites/client-icons.d.ts          |   5 +-
 15 files changed, 148 insertions(+), 114 deletions(-)

diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index 9d5da2ae..b1ad4dc7 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -8,7 +8,6 @@ import {LogCategory, logError, logInfo, logTrace, logWarn} from "./log";
 import {createErrorModal, createInputModal, Modal} from "./ui/elements/Modal";
 import {hashPassword} from "./utils/helpers";
 import {HandshakeHandler} from "./connection/HandshakeHandler";
-import * as htmltags from "./ui/htmltags";
 import {FilterMode, InputStartError, InputState} from "./voice/RecorderBase";
 import {defaultRecorder, RecorderProfile} from "./voice/RecorderProfile";
 import {Regex} from "./ui/modal/ModalConnect";
@@ -38,6 +37,7 @@ import {ConnectParameters} from "tc-shared/ui/modal/connect/Controller";
 import {assertMainApplication} from "tc-shared/ui/utils";
 import {getDNSProvider} from "tc-shared/dns";
 import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
+import * as htmltags from "./ui/htmltags";
 
 assertMainApplication();
 
@@ -1249,11 +1249,6 @@ export interface ConnectionEvents {
         newState: ConnectionState
     },
 
-    /* the handler has become visible/invisible for the client */
-    notify_visibility_changed: {
-        visible: boolean
-    },
-
     /* fill only trigger once, after everything has been constructed */
     notify_handler_initialized: {}
 }
\ No newline at end of file
diff --git a/shared/js/ConnectionManager.ts b/shared/js/ConnectionManager.ts
index 2bcb79cb..b2db395d 100644
--- a/shared/js/ConnectionManager.ts
+++ b/shared/js/ConnectionManager.ts
@@ -102,8 +102,6 @@ export class ConnectionManager {
             oldHandlerId: oldHandler?.handlerId,
             newHandlerId: handler?.handlerId
         });
-        oldHandler?.events().fire("notify_visibility_changed", { visible: false });
-        handler?.events().fire("notify_visibility_changed", { visible: true });
     }
 
     swapHandlerOrder(handlerA: ConnectionHandler, handlerB: ConnectionHandler) {
diff --git a/shared/js/ui/AppRenderer.tsx b/shared/js/ui/AppRenderer.tsx
index 5402f553..13dfec4d 100644
--- a/shared/js/ui/AppRenderer.tsx
+++ b/shared/js/ui/AppRenderer.tsx
@@ -19,6 +19,7 @@ import {AppUiEvents} from "tc-shared/ui/AppDefinitions";
 import {ChannelTreeRenderer} from "tc-shared/ui/tree/Renderer";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 import {ImagePreviewHook} from "tc-shared/ui/frames/ImagePreview";
+import {InternalModalHook} from "tc-shared/ui/react-elements/modal/internal";
 
 const cssStyle = require("./AppRenderer.scss");
 const VideoFrame = React.memo((props: { events: Registry<AppUiEvents> }) => {
@@ -105,6 +106,10 @@ export const TeaAppMainView = (props: {
             <ErrorBoundary>
                 <ImagePreviewHook />
             </ErrorBoundary>
+
+            <ErrorBoundary>
+                <InternalModalHook />
+            </ErrorBoundary>
         </div>
     );
 }
\ No newline at end of file
diff --git a/shared/js/ui/frames/side/AbstractConversationController.ts b/shared/js/ui/frames/side/AbstractConversationController.ts
index d86d3eef..e7827452 100644
--- a/shared/js/ui/frames/side/AbstractConversationController.ts
+++ b/shared/js/ui/frames/side/AbstractConversationController.ts
@@ -110,11 +110,6 @@ export abstract class AbstractConversationController<
         }
     }
 
-    /* TODO: Is this even a thing? */
-    handlePanelShow() {
-        this.uiEvents.fire_react("notify_panel_show");
-    }
-
     protected reportStateToUI(conversation: AbstractChat<any>) {
         let historyState: ChatHistoryState;
         const localHistoryState = this.conversationManager.historyUiStates[conversation.getChatId()];
diff --git a/shared/js/ui/frames/side/AbstractConversationDefinitions.ts b/shared/js/ui/frames/side/AbstractConversationDefinitions.ts
index a396fca0..5daf8b25 100644
--- a/shared/js/ui/frames/side/AbstractConversationDefinitions.ts
+++ b/shared/js/ui/frames/side/AbstractConversationDefinitions.ts
@@ -139,7 +139,6 @@ export interface AbstractConversationUiEvents {
     }
 
     notify_selected_chat: { chatId: "unselected" | string },
-    notify_panel_show: {},
     notify_chat_event: {
         chatId: string,
         triggerUnread: boolean,
diff --git a/shared/js/ui/frames/side/AbstractConversationRenderer.tsx b/shared/js/ui/frames/side/AbstractConversationRenderer.tsx
index b841707e..114effb5 100644
--- a/shared/js/ui/frames/side/AbstractConversationRenderer.tsx
+++ b/shared/js/ui/frames/side/AbstractConversationRenderer.tsx
@@ -824,11 +824,6 @@ class ConversationMessages extends React.PureComponent<ConversationMessagesPrope
         }
     }
 
-    @EventHandler<AbstractConversationUiEvents>("notify_panel_show")
-    private handlePanelShow() {
-        this.fixScroll();
-    }
-
     @EventHandler<AbstractConversationUiEvents>("query_conversation_history")
     private handleQueryConversationHistory(event: AbstractConversationUiEvents["query_conversation_history"]) {
         if (event.chatId !== this.currentChatId)
diff --git a/shared/js/ui/frames/side/ChannelConversationController.ts b/shared/js/ui/frames/side/ChannelConversationController.ts
index 9b017237..58a027d4 100644
--- a/shared/js/ui/frames/side/ChannelConversationController.ts
+++ b/shared/js/ui/frames/side/ChannelConversationController.ts
@@ -57,7 +57,6 @@ export class ChannelConversationController extends AbstractConversationControlle
 
         this.connection = connection;
         if(connection) {
-            this.initializeConnectionListener(connection);
             /* FIXME: Update cross channel talk state! */
             this.setConversationManager(connection.getChannelConversations());
         } else {
@@ -65,16 +64,6 @@ export class ChannelConversationController extends AbstractConversationControlle
         }
     }
 
-    private initializeConnectionListener(connection: ConnectionHandler) {
-        this.connectionListener.push(connection.events().on("notify_visibility_changed", event => {
-            if(!event.visible) {
-                return;
-            }
-
-            this.handlePanelShow();
-        }));
-    }
-
     @EventHandler<AbstractConversationUiEvents>("action_delete_message")
     private handleMessageDelete(event: AbstractConversationUiEvents["action_delete_message"]) {
         const conversation = this.conversationManager?.findConversationById(event.chatId);
diff --git a/shared/js/ui/frames/side/PrivateConversationController.ts b/shared/js/ui/frames/side/PrivateConversationController.ts
index 714b3e31..776d69fb 100644
--- a/shared/js/ui/frames/side/PrivateConversationController.ts
+++ b/shared/js/ui/frames/side/PrivateConversationController.ts
@@ -73,7 +73,6 @@ export class PrivateConversationController extends AbstractConversationControlle
 
         this.connection = connection;
         if(connection) {
-            this.initializeConnectionListener(connection);
             this.setConversationManager(connection.getPrivateConversations());
         } else {
             this.setConversationManager(undefined);
@@ -81,15 +80,6 @@ export class PrivateConversationController extends AbstractConversationControlle
         this.reportConversationList();
     }
 
-    private initializeConnectionListener(connection: ConnectionHandler) {
-        this.connectionListener.push(connection.events().on("notify_visibility_changed", event => {
-            if(!event.visible)
-                return;
-
-            this.handlePanelShow();
-        }));
-    }
-
     protected registerConversationManagerEvents(manager: PrivateConversationManager) {
         super.registerConversationManagerEvents(manager);
 
diff --git a/shared/js/ui/react-elements/modal/Controller.ts b/shared/js/ui/react-elements/modal/Controller.ts
index 3597fc73..731586e3 100644
--- a/shared/js/ui/react-elements/modal/Controller.ts
+++ b/shared/js/ui/react-elements/modal/Controller.ts
@@ -13,6 +13,7 @@ import {findRegisteredModal, RegisteredModal} from "tc-shared/ui/react-elements/
 import {assertMainApplication} from "tc-shared/ui/utils";
 import {InternalModalInstance} from "./internal";
 import {ExternalModalController} from "./external/Controller";
+import {LogCategory, logError} from "tc-shared/log";
 
 assertMainApplication();
 export class GenericModalController<T extends keyof ModalConstructorArguments> implements ModalController {
@@ -82,7 +83,15 @@ export class GenericModalController<T extends keyof ModalConstructorArguments> i
             }
         });
 
-        events.on("action_close", () => this.destroy());
+        events.on("action_close", () => {
+            if(this.popedOut) {
+                this.destroy();
+            } else {
+                this.hide().catch(error => {
+                    logError(LogCategory.GENERAL, tr("Failed to hide modal: %o"), error);
+                }).then(() => this.destroy());
+            }
+        });
         events.on("action_minimize", () => this.instance.minimize());
 
         events.on("action_popout", () => {
diff --git a/shared/js/ui/react-elements/modal/Renderer.tsx b/shared/js/ui/react-elements/modal/Renderer.tsx
index c25a89a7..bd3cf7fc 100644
--- a/shared/js/ui/react-elements/modal/Renderer.tsx
+++ b/shared/js/ui/react-elements/modal/Renderer.tsx
@@ -116,7 +116,9 @@ export class ModalBodyRenderer extends React.PureComponent<{
                 this.props.className,
                 cssStyle["color-" + this.props.modalInstance.color()]
             )}>
-                {this.props.modalInstance.renderBody()}
+                <ErrorBoundary>
+                    {this.props.modalInstance.renderBody()}
+                </ErrorBoundary>
             </div>
         )
     }
@@ -139,8 +141,8 @@ export class ModalFrameRenderer extends React.PureComponent<{
 export class PageModalRenderer extends React.PureComponent<{
     modalInstance: AbstractModal,
     onBackdropClicked: () => void,
-    children: React.ReactElement<ModalFrameRenderer>
-}, {
+    children: React.ReactElement<ModalFrameRenderer>,
+
     shown: boolean
 }> {
     constructor(props) {
@@ -157,7 +159,7 @@ export class PageModalRenderer extends React.PureComponent<{
                 className={joinClassList(
                     cssStyle.modalPageContainer,
                     cssStyle["align-" + this.props.modalInstance.verticalAlignment()],
-                    this.state.shown ? cssStyle.shown : undefined
+                    this.props.shown ? cssStyle.shown : undefined
                 )}
                 tabIndex={-1}
                 role={"dialog"}
diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
index dfa516dc..5fe61ed9 100644
--- a/shared/js/ui/react-elements/modal/internal/index.tsx
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -1,11 +1,12 @@
 import {
     AbstractModal,
-    constructAbstractModalClass, ModalInstanceController, ModalInstanceEvents,
+    constructAbstractModalClass,
+    ModalInstanceController,
+    ModalInstanceEvents,
     ModalOptions,
     ModalState
 } from "tc-shared/ui/react-elements/modal/Definitions";
 import * as React from "react";
-import * as ReactDOM from "react-dom";
 import {
     ModalBodyRenderer,
     ModalFrameRenderer,
@@ -15,36 +16,79 @@ import {
 import {RegisteredModal} from "tc-shared/ui/react-elements/modal/Registry";
 import {LogCategory, logError} from "tc-shared/log";
 import {Registry} from "tc-events";
+import {guid} from "tc-shared/crypto/uid";
+import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
+
+class InternalRendererInstance extends React.PureComponent<{
+    instance: InternalModalInstance,
+}, {
+    shown: boolean
+}> {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            shown: false
+        };
+    }
+
+    render() {
+        const instance = this.props.instance;
+        if(!instance?.modalInstance) {
+            throw tr("missing modal instance");
+        }
+
+        return (
+            <PageModalRenderer modalInstance={instance.modalInstance} onBackdropClicked={instance.getCloseCallback()} shown={this.state.shown}>
+                <ModalFrameRenderer windowed={false}>
+                    <ModalFrameTopRenderer
+                        replacePageTitle={false}
+                        modalInstance={instance.modalInstance}
+
+                        onClose={instance.getCloseCallback()}
+                        onPopout={instance.getPopoutCallback()}
+                        onMinimize={instance.getMinimizeCallback()}
+                    />
+                    <ModalBodyRenderer modalInstance={instance.modalInstance} />
+                </ModalFrameRenderer>
+            </PageModalRenderer>
+        );
+    }
+
+    componentWillUnmount() {
+        /* TODO: May notify the instance about this if this wasn't planned */
+    }
+}
 
 export class InternalModalInstance implements ModalInstanceController {
+    readonly instanceUniqueId: string;
     readonly events: Registry<ModalInstanceEvents>;
+    readonly refRendererInstance: React.RefObject<InternalRendererInstance>;
 
     private readonly modalKlass: RegisteredModal<any>;
     private readonly constructorArguments: any[];
-    private readonly rendererInstance: React.RefObject<PageModalRenderer>;
 
     private readonly modalOptions: ModalOptions;
 
     private state: ModalState;
 
-    private modalInstance: AbstractModal;
-    private htmlContainer: HTMLDivElement;
-
+    public modalInstance: AbstractModal;
     private modalInitializePromise: Promise<void>;
 
     constructor(modalType: RegisteredModal<any>, constructorArguments: any[], modalOptions: ModalOptions) {
+        this.instanceUniqueId = guid();
         this.events = new Registry<ModalInstanceEvents>();
 
         this.modalKlass = modalType;
         this.modalOptions = modalOptions;
         this.constructorArguments = constructorArguments;
 
-        this.rendererInstance = React.createRef();
+        this.refRendererInstance = React.createRef();
         this.state = ModalState.DESTROYED;
     }
 
     private async constructModal() {
-        if(this.htmlContainer || this.modalInstance) {
+        if(this.modalInstance) {
             throw tr("internal modal has already been constructed");
         }
 
@@ -57,47 +101,41 @@ export class InternalModalInstance implements ModalInstanceController {
             this.modalInstance = constructAbstractModalClass(modalClass.default, { windowed: false }, this.constructorArguments);
             this.modalInstance["onInitialize"]();
         } catch (error) {
+            this.destructModalInstance();
             logError(LogCategory.GENERAL, tr("Failed to create new modal of instance type %s: %o"), this.modalKlass.modalId, error);
             throw tr("failed to create new modal instance");
         }
 
-        this.htmlContainer = document.createElement("div");
-        document.body.appendChild(this.htmlContainer);
+        if(!internalModalContainer.current) {
+            this.destructModalInstance();
+            throw tr("missing modal hanging container");
+        }
 
-        await new Promise(resolve => {
-            ReactDOM.render(
-                <PageModalRenderer modalInstance={this.modalInstance} onBackdropClicked={this.getCloseCallback()} ref={this.rendererInstance}>
-                    <ModalFrameRenderer windowed={false}>
-                        <ModalFrameTopRenderer
-                            replacePageTitle={false}
-                            modalInstance={this.modalInstance}
-
-                            onClose={this.getCloseCallback()}
-                            onPopout={this.getPopoutCallback()}
-                            onMinimize={this.getMinimizeCallback()}
-                        />
-                        <ModalBodyRenderer modalInstance={this.modalInstance} />
-                    </ModalFrameRenderer>
-                </PageModalRenderer>,
-                this.htmlContainer,
-                resolve
-            );
-        });
+        await new Promise(resolve => internalModalContainer.current.addModalInstance(this, resolve));
+        if(!this.refRendererInstance.current) {
+            this.destructModalInstance();
+            throw tr("missing rendered modal reference");
+        }
     }
 
     private destructModal() {
         this.state = ModalState.DESTROYED;
-        if(this.htmlContainer) {
-            ReactDOM.unmountComponentAtNode(this.htmlContainer);
-            this.htmlContainer.remove();
-            this.htmlContainer = undefined;
+        this.destructModalInstance();
+        this.events.fire("notify_destroy");
+    }
+
+    private destructModalInstance() {
+        internalModalContainer.current?.removeModalInstance(this);
+        if(!this.modalInstance) {
+            return;
         }
 
-        if(this.modalInstance) {
+        try {
             this.modalInstance["onDestroy"]();
-            this.modalInstance = undefined;
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to invoke the destroy callback on the created modal instance: %o"), error);
         }
-        this.events.fire("notify_destroy");
+        this.modalInstance = undefined;
     }
 
     getState(): ModalState {
@@ -118,13 +156,13 @@ export class InternalModalInstance implements ModalInstanceController {
             await this.modalInitializePromise;
         }
 
-        if(!this.rendererInstance.current) {
+        if(!this.refRendererInstance.current) {
             return;
         }
 
-        this.state = ModalState.SHOWN;
         this.modalInstance["onOpen"]();
-        await new Promise(resolve => this.rendererInstance.current.setState({ shown: true }, resolve));
+        this.state = ModalState.SHOWN;
+        await new Promise(resolve => this.refRendererInstance.current.setState({ shown: true }, resolve));
         this.events.fire("notify_open");
     }
 
@@ -133,13 +171,13 @@ export class InternalModalInstance implements ModalInstanceController {
             await this.modalInitializePromise;
         }
 
-        if(!this.rendererInstance.current) {
+        if(!this.refRendererInstance.current) {
             return;
         }
 
         this.state = ModalState.HIDDEN;
         this.modalInstance["onClose"]();
-        await new Promise(resolve => this.rendererInstance.current.setState({ shown: false }, resolve));
+        await new Promise(resolve => this.refRendererInstance.current.setState({ shown: false }, resolve));
 
         /* TODO: Somehow get the real animation finish signal? */
         await new Promise(resolve => setTimeout(resolve, 500));
@@ -154,11 +192,11 @@ export class InternalModalInstance implements ModalInstanceController {
         this.events.destroy();
     }
 
-    protected getCloseCallback() {
+    public getCloseCallback() {
         return () => this.events.fire("action_close");
     }
 
-    protected getPopoutCallback() {
+    public getPopoutCallback() {
         if(!this.modalKlass.popoutSupported) {
             return undefined;
         }
@@ -170,8 +208,48 @@ export class InternalModalInstance implements ModalInstanceController {
         return () => this.events.fire("action_popout");
     }
 
-    protected getMinimizeCallback() {
+    public getMinimizeCallback() {
         /* We can't minimize any windows */
         return undefined;
     }
-}
\ No newline at end of file
+}
+
+const internalModalContainer: React.RefObject<InternalModalHookInner> = React.createRef();
+class InternalModalHookInner extends React.PureComponent<{}, {
+    revision: number
+}> {
+    private modalStack: InternalModalInstance[];
+
+    constructor(props) {
+        super(props);
+
+        this.modalStack = [];
+        this.state = { revision: 0 };
+    }
+
+    render() {
+        return (
+            this.modalStack.map(modal => (
+                <ErrorBoundary key={modal.instanceUniqueId}>
+                    <InternalRendererInstance instance={modal} ref={modal.refRendererInstance} />
+                </ErrorBoundary>
+            ))
+        );
+    }
+
+    addModalInstance(modal: InternalModalInstance, callbackRendered?: () => void) {
+        this.modalStack.push(modal);
+        this.setState({ revision: performance.now() }, callbackRendered);
+    }
+
+    removeModalInstance(modal: InternalModalInstance) {
+        if(!this.modalStack.remove(modal)) {
+            return;
+        }
+        this.setState({ revision: performance.now() });
+    }
+}
+
+export const InternalModalHook = React.memo(() => (
+    <InternalModalHookInner ref={internalModalContainer} />
+));
\ No newline at end of file
diff --git a/shared/js/ui/tree/Controller.tsx b/shared/js/ui/tree/Controller.tsx
index 079b83c3..d6fe58cf 100644
--- a/shared/js/ui/tree/Controller.tsx
+++ b/shared/js/ui/tree/Controller.tsx
@@ -680,8 +680,6 @@ export function initializeChannelTreeController(events: Registry<ChannelTreeUIEv
         events.fire_react("notify_unread_state", { treeEntryId: event.treeEntryId, unread: entry.isUnread() });
     });
 
-    events.on("notify_destroy", channelTree.client.events().on("notify_visibility_changed", event => events.fire_react("notify_visibility_changed", event)));
-
     events.on("query_tree_entries", event => controller.sendChannelTreeEntriesFull(event.fullInfo ? undefined : []));
     events.on("query_selected_entry", () => controller.sendSelectedEntry());
     events.on("query_channel_info", event => {
diff --git a/shared/js/ui/tree/Definitions.ts b/shared/js/ui/tree/Definitions.ts
index b56b162c..be38ff72 100644
--- a/shared/js/ui/tree/Definitions.ts
+++ b/shared/js/ui/tree/Definitions.ts
@@ -103,7 +103,6 @@ export interface ChannelTreeUIEvents {
 
     notify_unread_state: { treeEntryId: number, unread: boolean },
 
-    notify_visibility_changed: { visible: boolean },
     notify_destroy: {}
 }
 
diff --git a/shared/js/ui/tree/RendererView.tsx b/shared/js/ui/tree/RendererView.tsx
index a690a886..21ef9af3 100644
--- a/shared/js/ui/tree/RendererView.tsx
+++ b/shared/js/ui/tree/RendererView.tsx
@@ -110,25 +110,6 @@ export class ChannelTreeView extends ReactComponentBase<ChannelTreeViewPropertie
         this.resizeObserver = undefined;
     }
 
-    @EventHandler<ChannelTreeUIEvents>("notify_visibility_changed")
-    private handleVisibilityChanged(event: ChannelTreeUIEvents["notify_visibility_changed"]) {
-        if (!event.visible) {
-            this.setState({smoothScroll: false});
-            return;
-        }
-
-        if (this.scrollFixRequested) {
-            return;
-        }
-
-        this.scrollFixRequested = true;
-        requestAnimationFrame(() => {
-            this.scrollFixRequested = false;
-            this.refContainer.current.scrollTop = this.state.scrollOffset;
-            this.setState({smoothScroll: true});
-        });
-    }
-
     private visibleEntries() {
         const entryHeight = ChannelTreeView.EntryHeightEm * this.state.fontSize;
         let viewEntryCount = Math.ceil(this.state.viewHeight / entryHeight);
diff --git a/shared/svg-sprites/client-icons.d.ts b/shared/svg-sprites/client-icons.d.ts
index a12d497b..d26992a5 100644
--- a/shared/svg-sprites/client-icons.d.ts
+++ b/shared/svg-sprites/client-icons.d.ts
@@ -3,9 +3,9 @@
  *
  * This file has been auto generated by the svg-sprite generator.
  * Sprite source directory: G:\TeaSpeak\web\shared\img\client-icons
- * Sprite count: 221
+ * Sprite count: 222
  */
-export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-avatar_upload" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-client_info_country" | "client-client_info_forum_account" | "client-client_info_online_time" | "client-client_info_status" | "client-client_info_version" | "client-client_info_volume" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-group_add" | "client-group_delete" | "client-group_permission_copy" | "client-group_rename" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-image_preview_browse" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
+export type ClientIconClass = "client-about" | "client-activate_microphone" | "client-add" | "client-add_foe" | "client-add_folder" | "client-add_friend" | "client-addon-collection" | "client-addon" | "client-apply" | "client-arrow_down" | "client-arrow_left" | "client-arrow_right" | "client-arrow_up" | "client-avatar_upload" | "client-away" | "client-ban_client" | "client-ban_list" | "client-bookmark_add" | "client-bookmark_add_folder" | "client-bookmark_duplicate" | "client-bookmark_edit_name" | "client-bookmark_manager" | "client-bookmark_remove" | "client-broken_image" | "client-browse-addon-online" | "client-capture" | "client-change_nickname" | "client-changelog" | "client-channel_chat" | "client-channel_collapse_all" | "client-channel_commander" | "client-channel_create" | "client-channel_create_sub" | "client-channel_default" | "client-channel_delete" | "client-channel_edit" | "client-channel_expand_all" | "client-channel_green" | "client-channel_green_subscribed" | "client-channel_green_subscribed2" | "client-channel_popin" | "client-channel_popout" | "client-channel_private" | "client-channel_red" | "client-channel_red_subscribed" | "client-channel_switch" | "client-channel_unsubscribed" | "client-channel_yellow" | "client-channel_yellow_subscribed" | "client-check_update" | "client-client_info_country" | "client-client_info_forum_account" | "client-client_info_online_time" | "client-client_info_status" | "client-client_info_version" | "client-client_info_volume" | "client-close_button" | "client-complaint_list" | "client-conflict-icon" | "client-connect" | "client-contact" | "client-copy" | "client-copy_url" | "client-d_sound" | "client-d_sound_me" | "client-d_sound_user" | "client-default" | "client-default_for_all_bookmarks" | "client-delete" | "client-delete_avatar" | "client-disconnect" | "client-double_arrow" | "client-down" | "client-download" | "client-edit" | "client-edit_friend_foe_status" | "client-emoticon" | "client-error" | "client-file_home" | "client-file_refresh" | "client-filetransfer" | "client-find" | "client-folder" | "client-folder_up" | "client-fullscreen" | "client-group_100" | "client-group_200" | "client-group_300" | "client-group_500" | "client-group_600" | "client-group_add" | "client-group_delete" | "client-group_permission_copy" | "client-group_rename" | "client-guisetup" | "client-hardware_input_muted" | "client-hardware_output_muted" | "client-home" | "client-hoster_button" | "client-hotkeys" | "client-icon-pack" | "client-iconsview" | "client-iconviewer" | "client-identity_default" | "client-identity_export" | "client-identity_import" | "client-identity_manager" | "client-image_preview_browse" | "client-info" | "client-input_muted" | "client-input_muted_local" | "client-invite_buddy" | "client-is_talker" | "client-kick_channel" | "client-kick_server" | "client-listview" | "client-loading_image" | "client-message_incoming" | "client-message_info" | "client-message_outgoing" | "client-messages" | "client-microphone_broken" | "client-minimize_button" | "client-moderated" | "client-move_client_to_own_channel" | "client-music" | "client-new_chat" | "client-notifications" | "client-offline_messages" | "client-on_whisperlist" | "client-output_muted" | "client-permission_channel" | "client-permission_client" | "client-permission_overview" | "client-permission_server_groups" | "client-phoneticsnickname" | "client-ping_1" | "client-ping_2" | "client-ping_3" | "client-ping_4" | "client-ping_calculating" | "client-ping_disconnected" | "client-play" | "client-player_chat" | "client-player_commander_off" | "client-player_commander_on" | "client-player_off" | "client-player_on" | "client-player_whisper" | "client-plugins" | "client-poke" | "client-present" | "client-recording_start" | "client-recording_stop" | "client-refresh" | "client-register" | "client-reload" | "client-remove_foe" | "client-remove_friend" | "client-security" | "client-selectfolder" | "client-send_complaint" | "client-server_green" | "client-server_log" | "client-server_query" | "client-settings" | "client-settings_loading" | "client-share_screen" | "client-simple_arrow" | "client-sort_by_name" | "client-sound-pack" | "client-soundpack" | "client-stop" | "client-subscribe_mode" | "client-subscribe_to_all_channels" | "client-subscribe_to_channel" | "client-subscribe_to_channel_family" | "client-switch_advanced" | "client-switch_standard" | "client-sync-disable" | "client-sync-enable" | "client-sync-icon" | "client-tab_close_button" | "client-talk_power_grant" | "client-talk_power_grant_next" | "client-talk_power_request" | "client-talk_power_request_cancel" | "client-talk_power_revoke" | "client-talk_power_revoke_all_grant_next" | "client-teaspeak_logo" | "client-temp_server_password" | "client-temp_server_password_add" | "client-textformat" | "client-textformat_bold" | "client-textformat_foreground" | "client-textformat_italic" | "client-textformat_underline" | "client-theme" | "client-toggle_server_query_clients" | "client-toggle_whisper" | "client-token" | "client-token_use" | "client-translation" | "client-unsubscribe_from_all_channels" | "client-unsubscribe_from_channel_family" | "client-unsubscribe_mode" | "client-up" | "client-upload" | "client-upload_avatar" | "client-urlcatcher" | "client-user-account" | "client-video_muted" | "client-virtualserver_edit" | "client-volume" | "client-w2g" | "client-warning" | "client-warning_external_link" | "client-warning_info" | "client-warning_question" | "client-weblist" | "client-whisper" | "client-whisperlists";
 
 export enum ClientIcon {
   About = "client-about",
@@ -174,6 +174,7 @@ export enum ClientIcon {
   ServerLog = "client-server_log",
   ServerQuery = "client-server_query",
   Settings = "client-settings",
+  SettingsLoading = "client-settings_loading",
   ShareScreen = "client-share_screen",
   SimpleArrow = "client-simple_arrow",
   SortByName = "client-sort_by_name",

From d4179db3291a5dab549dcadf86fbe5580fd6291d Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 5 Apr 2021 23:05:44 +0200
Subject: [PATCH 080/128] Improved the Recorder API

---
 ChangeLog.md                                  |   5 +
 shared/js/ConnectionHandler.ts                | 155 ++++++-----
 shared/js/ConnectionManager.ts                |   2 +-
 shared/js/connection/CommandHandler.ts        |   2 +-
 shared/js/connection/DummyVoiceConnection.ts  |  40 ++-
 shared/js/connection/PluginCmdHandler.ts      |  34 ++-
 shared/js/connection/rtc/Connection.ts        |  19 ++
 shared/js/proto.ts                            | 153 ++++++++++-
 shared/js/tree/Client.ts                      |  25 +-
 shared/js/ui/AppRenderer.tsx                  |   5 +
 shared/js/ui/modal/settings/Microphone.tsx    |  36 +--
 shared/js/ui/react-elements/Tooltip.tsx       |   6 +-
 .../modal/external/renderer/ModalRenderer.tsx |  50 ++--
 shared/js/voice/RecorderProfile.ts            | 115 ++++++---
 web/app/voice/Connection.ts                   | 244 +++++++++---------
 15 files changed, 599 insertions(+), 292 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 3b45bb60..3acde1ac 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,9 @@
 # Changelog:
+* **05.04.21**
+    - Fixed the mute but for the webclient
+    - Fixed that "always active" microphone filter now works reliably  
+    - Improved the recorder API
+  
 * **29.03.21**
     - Accquiering the default input recorder when opening the settings
     - Adding new modal Input Processing Properties for the native client
diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index b1ad4dc7..e8f21d65 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -151,6 +151,7 @@ export class ConnectionHandler {
     sound: SoundManager;
 
     serverFeatures: ServerFeatures;
+    log: ServerEventLog;
 
     private sideBar: SideBarManager;
     private playlistManager: PlaylistManager;
@@ -171,7 +172,7 @@ export class ConnectionHandler {
 
     private pluginCmdRegistry: PluginCmdRegistry;
 
-    private client_status: LocalClientStatus = {
+    private handlerState: LocalClientStatus = {
         input_muted: false,
 
         output_muted: false,
@@ -186,8 +187,6 @@ export class ConnectionHandler {
     private inputHardwareState: InputHardwareState = InputHardwareState.MISSING;
     private listenerRecorderInputDeviceChanged: (() => void);
 
-    log: ServerEventLog;
-
     constructor() {
         this.handlerId = guid();
         this.events_ = new Registry<ConnectionEvents>();
@@ -196,7 +195,13 @@ export class ConnectionHandler {
         this.settings = new ServerSettings();
 
         this.serverConnection = getServerConnectionFactory().create(this);
-        this.serverConnection.events.on("notify_connection_state_changed", event => this.on_connection_state_changed(event.oldState, event.newState));
+        this.serverConnection.events.on("notify_connection_state_changed", event => {
+            logTrace(LogCategory.CLIENT, tr("From %s to %s"), ConnectionState[event.oldState], ConnectionState[event.newState]);
+            this.events_.fire("notify_connection_state_changed", {
+                oldState: event.oldState,
+                newState: event.newState
+            });
+        });
 
         this.serverConnection.getVoiceConnection().events.on("notify_recorder_changed", event => {
             this.setInputHardwareState(this.getVoiceRecorder() ? InputHardwareState.VALID : InputHardwareState.MISSING);
@@ -245,14 +250,25 @@ export class ConnectionHandler {
         this.events_.fire("notify_handler_initialized");
     }
 
-    initialize_client_state(source?: ConnectionHandler) {
-        this.client_status.input_muted = source ? source.client_status.input_muted : settings.getValue(Settings.KEY_CLIENT_STATE_MICROPHONE_MUTED);
-        this.client_status.output_muted = source ? source.client_status.output_muted : settings.getValue(Settings.KEY_CLIENT_STATE_SPEAKER_MUTED);
-        this.update_voice_status();
+    initializeHandlerState(source?: ConnectionHandler) {
+        if(source) {
+            this.handlerState.input_muted = source.handlerState.input_muted;
+            this.handlerState.output_muted = source.handlerState.output_muted;
+            this.update_voice_status();
 
-        this.setSubscribeToAllChannels(source ? source.client_status.channel_subscribe_all : settings.getValue(Settings.KEY_CLIENT_STATE_SUBSCRIBE_ALL_CHANNELS));
-        this.doSetAway(source ? source.client_status.away : (settings.getValue(Settings.KEY_CLIENT_STATE_AWAY) ? settings.getValue(Settings.KEY_CLIENT_AWAY_MESSAGE) : false), false);
-        this.setQueriesShown(source ? source.client_status.queries_visible : settings.getValue(Settings.KEY_CLIENT_STATE_QUERY_SHOWN));
+            this.setAway(source.handlerState.away);
+            this.setQueriesShown(source.handlerState.queries_visible);
+            this.setSubscribeToAllChannels(source.handlerState.channel_subscribe_all);
+            /* Ignore lastChannelCodecWarned */
+        } else {
+            this.handlerState.input_muted = settings.getValue(Settings.KEY_CLIENT_STATE_MICROPHONE_MUTED);
+            this.handlerState.output_muted = settings.getValue(Settings.KEY_CLIENT_STATE_SPEAKER_MUTED);
+            this.update_voice_status();
+
+            this.setSubscribeToAllChannels(settings.getValue(Settings.KEY_CLIENT_STATE_SUBSCRIBE_ALL_CHANNELS));
+            this.doSetAway(settings.getValue(Settings.KEY_CLIENT_STATE_AWAY) ? settings.getValue(Settings.KEY_CLIENT_AWAY_MESSAGE) : false, false);
+            this.setQueriesShown(settings.getValue(Settings.KEY_CLIENT_STATE_QUERY_SHOWN));
+        }
     }
 
     events() : Registry<ConnectionEvents> {
@@ -386,7 +402,9 @@ export class ConnectionHandler {
 
     async disconnectFromServer(reason?: string) {
         this.cancelAutoReconnect(true);
-        if(!this.connected) return;
+        if(!this.connected) {
+            return;
+        }
 
         this.handleDisconnect(DisconnectReason.REQUESTED);
         try {
@@ -458,12 +476,12 @@ export class ConnectionHandler {
             this.settings.setServer(this.channelTree.server.properties.virtualserver_unique_identifier);
 
             /* apply the server settings */
-            if(this.client_status.channel_subscribe_all) {
+            if(this.handlerState.channel_subscribe_all) {
                 this.channelTree.subscribe_all_channels();
             } else {
                 this.channelTree.unsubscribe_all_channels();
             }
-            this.channelTree.toggle_server_queries(this.client_status.queries_visible);
+            this.channelTree.toggle_server_queries(this.handlerState.queries_visible);
 
             this.sync_status_with_server();
             this.channelTree.server.updateProperties();
@@ -740,7 +758,7 @@ export class ConnectionHandler {
             this.serverConnection.disconnect();
         }
 
-        this.client_status.lastChannelCodecWarned = 0;
+        this.handlerState.lastChannelCodecWarned = 0;
 
         if(autoReconnect) {
             if(!this.serverConnection) {
@@ -776,14 +794,6 @@ export class ConnectionHandler {
         }
     }
 
-    private on_connection_state_changed(old_state: ConnectionState, new_state: ConnectionState) {
-        logTrace(LogCategory.CLIENT, tr("From %s to %s"), ConnectionState[old_state], ConnectionState[new_state]);
-        this.events_.fire("notify_connection_state_changed", {
-            oldState: old_state,
-            newState: new_state
-        });
-    }
-
     private updateVoiceStatus() {
         if(!this.localClient) {
             /* we've been destroyed */
@@ -816,8 +826,8 @@ export class ConnectionHandler {
                 localClientUpdates.client_input_hardware = codecSupportEncode;
                 localClientUpdates.client_output_hardware = codecSupportDecode;
 
-                if(this.client_status.lastChannelCodecWarned !== currentChannel.getChannelId()) {
-                    this.client_status.lastChannelCodecWarned = currentChannel.getChannelId();
+                if(this.handlerState.lastChannelCodecWarned !== currentChannel.getChannelId()) {
+                    this.handlerState.lastChannelCodecWarned = currentChannel.getChannelId();
 
                     if(!codecSupportEncode || !codecSupportDecode) {
                         let message;
@@ -837,8 +847,8 @@ export class ConnectionHandler {
             }
 
             localClientUpdates.client_input_hardware = localClientUpdates.client_input_hardware && this.inputHardwareState === InputHardwareState.VALID;
-            localClientUpdates.client_output_muted = this.client_status.output_muted;
-            localClientUpdates.client_input_muted = this.client_status.input_muted;
+            localClientUpdates.client_output_muted = this.handlerState.output_muted;
+            localClientUpdates.client_input_muted = this.handlerState.input_muted;
             if(localClientUpdates.client_input_muted || localClientUpdates.client_output_muted) {
                 shouldRecord = false;
             }
@@ -863,11 +873,13 @@ export class ConnectionHandler {
                     this.getClient().updateVariables(...updates);
 
                     this.clientStatusSync = true;
-                    this.serverConnection.send_command("clientupdate", localClientUpdates).catch(error => {
-                        logWarn(LogCategory.GENERAL, tr("Failed to update client audio hardware properties. Error: %o"), error);
-                        this.log.log("error.custom", { message: tr("Failed to update audio hardware properties.") });
-                        this.clientStatusSync = false;
-                    });
+                    if(this.connected) {
+                        this.serverConnection.send_command("clientupdate", localClientUpdates).catch(error => {
+                            logWarn(LogCategory.GENERAL, tr("Failed to update client audio hardware properties. Error: %o"), error);
+                            this.log.log("error.custom", { message: tr("Failed to update audio hardware properties.") });
+                            this.clientStatusSync = false;
+                        });
+                    }
                 }
             }
         } else {
@@ -902,10 +914,10 @@ export class ConnectionHandler {
     sync_status_with_server() {
         if(this.serverConnection.connected())
             this.serverConnection.send_command("clientupdate", {
-                client_input_muted: this.client_status.input_muted,
-                client_output_muted: this.client_status.output_muted,
-                client_away: typeof(this.client_status.away) === "string" || this.client_status.away,
-                client_away_message: typeof(this.client_status.away) === "string" ? this.client_status.away : "",
+                client_input_muted: this.handlerState.input_muted,
+                client_output_muted: this.handlerState.output_muted,
+                client_away: typeof(this.handlerState.away) === "string" || this.handlerState.away,
+                client_away_message: typeof(this.handlerState.away) === "string" ? this.handlerState.away : "",
                 /* TODO: Somehow store this? */
                 //client_input_hardware: this.client_status.sound_record_supported && this.getInputHardwareState() === InputHardwareState.VALID,
                 //client_output_hardware: this.client_status.sound_playback_supported
@@ -917,11 +929,8 @@ export class ConnectionHandler {
 
     /* can be called as much as you want, does nothing if nothing changed */
     async acquireInputHardware() {
-        /* if we're having multiple recorders, try to get the right one */
-        let recorder: RecorderProfile = defaultRecorder;
-
         try {
-            await this.serverConnection.getVoiceConnection().acquireVoiceRecorder(recorder);
+            await this.serverConnection.getVoiceConnection().acquireVoiceRecorder(defaultRecorder);
         } catch (error) {
             logError(LogCategory.AUDIO, tr("Failed to acquire recorder: %o"), error);
             createErrorModal(tr("Failed to acquire recorder"), tr("Failed to acquire recorder.\nLookup the console for more details.")).open();
@@ -983,7 +992,7 @@ export class ConnectionHandler {
         }
     }
 
-    getVoiceRecorder() : RecorderProfile | undefined { return this.serverConnection.getVoiceConnection().voiceRecorder(); }
+    getVoiceRecorder() : RecorderProfile | undefined { return this.serverConnection?.getVoiceConnection().voiceRecorder(); }
 
 
     reconnect_properties(profile?: ConnectionProfile) : ConnectParametersOld {
@@ -1098,11 +1107,11 @@ export class ConnectionHandler {
 
     /* state changing methods */
     setMicrophoneMuted(muted: boolean, dontPlaySound?: boolean) {
-        if(this.client_status.input_muted === muted) {
+        if(this.handlerState.input_muted === muted) {
             return;
         }
 
-        this.client_status.input_muted = muted;
+        this.handlerState.input_muted = muted;
         if(!dontPlaySound) {
             this.sound.play(muted ? Sound.MICROPHONE_MUTED : Sound.MICROPHONE_ACTIVATED);
         }
@@ -1111,21 +1120,30 @@ export class ConnectionHandler {
     }
     toggleMicrophone() { this.setMicrophoneMuted(!this.isMicrophoneMuted()); }
 
-    isMicrophoneMuted() { return this.client_status.input_muted; }
+    isMicrophoneMuted() { return this.handlerState.input_muted; }
     isMicrophoneDisabled() { return this.inputHardwareState !== InputHardwareState.VALID; }
 
     setSpeakerMuted(muted: boolean, dontPlaySound?: boolean) {
-        if(this.client_status.output_muted === muted) return;
-        if(muted && !dontPlaySound) this.sound.play(Sound.SOUND_MUTED); /* play the sound *before* we're setting the muted state */
-        this.client_status.output_muted = muted;
+        if(this.handlerState.output_muted === muted) {
+            return;
+        }
+
+        if(muted && !dontPlaySound) {
+            /* play the sound *before* we're setting the muted state */
+            this.sound.play(Sound.SOUND_MUTED);
+        }
+        this.handlerState.output_muted = muted;
         this.events_.fire("notify_state_updated", { state: "speaker" });
-        if(!muted && !dontPlaySound) this.sound.play(Sound.SOUND_ACTIVATED); /* play the sound *after* we're setting we've unmuted the sound */
+        if(!muted && !dontPlaySound) {
+            /* play the sound *after* we're setting we've unmuted the sound */
+            this.sound.play(Sound.SOUND_ACTIVATED);
+        }
         this.update_voice_status();
         this.serverConnection.getVoiceConnection().stopAllVoiceReplays();
     }
 
     toggleSpeakerMuted() { this.setSpeakerMuted(!this.isSpeakerMuted()); }
-    isSpeakerMuted() { return this.client_status.output_muted; }
+    isSpeakerMuted() { return this.handlerState.output_muted; }
 
     /*
      * Returns whatever the client is able to playback sound (voice). Reasons for returning true could be:
@@ -1136,8 +1154,11 @@ export class ConnectionHandler {
     isSpeakerDisabled() : boolean { return false; }
 
     setSubscribeToAllChannels(flag: boolean) {
-        if(this.client_status.channel_subscribe_all === flag) return;
-        this.client_status.channel_subscribe_all = flag;
+        if(this.handlerState.channel_subscribe_all === flag) {
+            return;
+        }
+
+        this.handlerState.channel_subscribe_all = flag;
         if(flag) {
             this.channelTree.subscribe_all_channels();
         } else {
@@ -1146,25 +1167,27 @@ export class ConnectionHandler {
         this.events_.fire("notify_state_updated", { state: "subscribe" });
     }
 
-    isSubscribeToAllChannels() : boolean { return this.client_status.channel_subscribe_all; }
+    isSubscribeToAllChannels() : boolean { return this.handlerState.channel_subscribe_all; }
 
     setAway(state: boolean | string) {
         this.doSetAway(state, true);
     }
 
-    private doSetAway(state: boolean | string, play_sound: boolean) {
-        if(this.client_status.away === state)
+    private doSetAway(state: boolean | string, playSound: boolean) {
+        if(this.handlerState.away === state) {
             return;
+        }
 
-        const was_away = this.isAway();
-        const will_away = typeof state === "boolean" ? state : true;
-        if(was_away != will_away && play_sound)
-            this.sound.play(will_away ? Sound.AWAY_ACTIVATED : Sound.AWAY_DEACTIVATED);
+        const wasAway = this.isAway();
+        const willAway = typeof state === "boolean" ? state : true;
+        if(wasAway != willAway && playSound) {
+            this.sound.play(willAway ? Sound.AWAY_ACTIVATED : Sound.AWAY_DEACTIVATED);
+        }
 
-        this.client_status.away = state;
+        this.handlerState.away = state;
         this.serverConnection.send_command("clientupdate", {
-            client_away: typeof(this.client_status.away) === "string" || this.client_status.away,
-            client_away_message: typeof(this.client_status.away) === "string" ? this.client_status.away : "",
+            client_away: typeof(this.handlerState.away) === "string" || this.handlerState.away,
+            client_away_message: typeof(this.handlerState.away) === "string" ? this.handlerState.away : "",
         }).catch(error => {
             logWarn(LogCategory.GENERAL, tr("Failed to update away status. Error: %o"), error);
             this.log.log("error.custom", {message: tr("Failed to update away status.")});
@@ -1175,11 +1198,13 @@ export class ConnectionHandler {
         });
     }
     toggleAway() { this.setAway(!this.isAway()); }
-    isAway() : boolean { return typeof this.client_status.away !== "boolean" || this.client_status.away; }
+    isAway() : boolean { return typeof this.handlerState.away !== "boolean" || this.handlerState.away; }
 
     setQueriesShown(flag: boolean) {
-        if(this.client_status.queries_visible === flag) return;
-        this.client_status.queries_visible = flag;
+        if(this.handlerState.queries_visible === flag) {
+            return;
+        }
+        this.handlerState.queries_visible = flag;
         this.channelTree.toggle_server_queries(flag);
 
         this.events_.fire("notify_state_updated", {
@@ -1188,7 +1213,7 @@ export class ConnectionHandler {
     }
 
     areQueriesShown() : boolean {
-        return this.client_status.queries_visible;
+        return this.handlerState.queries_visible;
     }
 
     getInputHardwareState() : InputHardwareState { return this.inputHardwareState; }
diff --git a/shared/js/ConnectionManager.ts b/shared/js/ConnectionManager.ts
index b2db395d..b22dc53d 100644
--- a/shared/js/ConnectionManager.ts
+++ b/shared/js/ConnectionManager.ts
@@ -49,7 +49,7 @@ export class ConnectionManager {
 
     spawnConnectionHandler() : ConnectionHandler {
         const handler = new ConnectionHandler();
-        handler.initialize_client_state(this.activeConnectionHandler);
+        handler.initializeHandlerState(this.activeConnectionHandler);
         this.connectionHandlers.push(handler);
 
         this.events_.fire("notify_handler_created", { handler: handler, handlerId: handler.handlerId });
diff --git a/shared/js/connection/CommandHandler.ts b/shared/js/connection/CommandHandler.ts
index 042e8c46..34589d99 100644
--- a/shared/js/connection/CommandHandler.ts
+++ b/shared/js/connection/CommandHandler.ts
@@ -667,7 +667,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
                 entry.getVoiceClient()?.abortReplay();
             }
         } else {
-            client.speaking = false;
+            client.getVoiceClient()?.abortReplay();
         }
 
         const own_channel = this.connection.client.getClient().currentChannel();
diff --git a/shared/js/connection/DummyVoiceConnection.ts b/shared/js/connection/DummyVoiceConnection.ts
index 8d68a916..71ae0cb9 100644
--- a/shared/js/connection/DummyVoiceConnection.ts
+++ b/shared/js/connection/DummyVoiceConnection.ts
@@ -2,13 +2,15 @@ import {
     AbstractVoiceConnection,
     VoiceConnectionStatus, WhisperSessionInitializer
 } from "../connection/VoiceConnection";
-import {RecorderProfile} from "../voice/RecorderProfile";
+import {RecorderProfile, RecorderProfileOwner} from "../voice/RecorderProfile";
 import {AbstractServerConnection, ConnectionStatistics} from "../connection/ConnectionBase";
 import {VoiceClient} from "../voice/VoiceClient";
 import {VoicePlayerEvents, VoicePlayerLatencySettings, VoicePlayerState} from "../voice/VoicePlayer";
 import {WhisperSession, WhisperTarget} from "../voice/VoiceWhisper";
 import {Registry} from "../events";
 import { tr } from "tc-shared/i18n/localize";
+import {AbstractInput} from "tc-shared/voice/RecorderBase";
+import {crashOnThrow} from "tc-shared/proto";
 
 class DummyVoiceClient implements VoiceClient {
     readonly events: Registry<VoicePlayerEvents>;
@@ -54,9 +56,11 @@ class DummyVoiceClient implements VoiceClient {
 export class DummyVoiceConnection extends AbstractVoiceConnection {
     private recorder: RecorderProfile;
     private voiceClients: DummyVoiceClient[] = [];
+    private triggerUnmountEvent: boolean;
 
     constructor(connection: AbstractServerConnection) {
         super(connection);
+        this.triggerUnmountEvent = true;
     }
 
     async acquireVoiceRecorder(recorder: RecorderProfile | undefined): Promise<void> {
@@ -64,21 +68,29 @@ export class DummyVoiceConnection extends AbstractVoiceConnection {
             return;
         }
 
-        if(this.recorder) {
-            this.recorder.callback_unmount = undefined;
-            await this.recorder.unmount();
-        }
-
-        await recorder?.unmount();
         const oldRecorder = this.recorder;
-        this.recorder = recorder;
+        await crashOnThrow(async () => {
+            this.triggerUnmountEvent = false;
+            await this.recorder?.ownRecorder(undefined);
+            this.triggerUnmountEvent = true;
 
-        if(this.recorder) {
-            this.recorder.callback_unmount = () => {
-                this.recorder = undefined;
-                this.events.fire("notify_recorder_changed");
-            }
-        }
+            this.recorder = recorder;
+
+            const voiceConnection = this;
+            await this.recorder?.ownRecorder(new class extends RecorderProfileOwner {
+                protected handleRecorderInput(input: AbstractInput) { }
+
+                protected handleUnmount() {
+                    if(!voiceConnection.triggerUnmountEvent) {
+                        return;
+                    }
+
+                    const oldRecorder = voiceConnection.recorder;
+                    voiceConnection.recorder = undefined;
+                    voiceConnection.events.fire("notify_recorder_changed", { oldRecorder: oldRecorder, newRecorder: undefined })
+                }
+            });
+        });
 
         this.events.fire("notify_recorder_changed", {
             oldRecorder,
diff --git a/shared/js/connection/PluginCmdHandler.ts b/shared/js/connection/PluginCmdHandler.ts
index ec753605..a77371ae 100644
--- a/shared/js/connection/PluginCmdHandler.ts
+++ b/shared/js/connection/PluginCmdHandler.ts
@@ -25,18 +25,38 @@ export abstract class PluginCmdHandler {
 
     abstract handlePluginCommand(data: string, invoker: PluginCommandInvoker);
 
-    protected sendPluginCommand(data: string, mode: "server" | "view" | "channel" | "private", clientId?: number) : Promise<CommandResult> {
-        if(!this.currentServerConnection)
+    protected sendPluginCommand(data: string, mode: "server" | "view" | "channel" | "private", clientOrChannelId?: number) : Promise<CommandResult> {
+        if(!this.currentServerConnection) {
             throw "plugin command handler not registered";
+        }
+
+        let targetMode: number;
+        switch (mode) {
+            case "channel":
+                targetMode = 0;
+                break;
+
+            case "server":
+                targetMode = 1;
+                break;
+
+            case "private":
+                targetMode = 2;
+                break;
+
+            case "view":
+                targetMode = 3;
+                break;
+
+            default:
+                throw tr("invalid plugin message target");
+        }
 
         return this.currentServerConnection.send_command("plugincmd", {
             data: data,
             name: this.channel,
-            targetmode: mode === "server"  ? 1 :
-                        mode === "view"    ? 3 :
-                        mode === "channel" ? 0 :
-                                             2,
-            target: clientId
+            targetmode: targetMode,
+            target: clientOrChannelId
         });
     }
 }
diff --git a/shared/js/connection/rtc/Connection.ts b/shared/js/connection/rtc/Connection.ts
index 42680307..478ea804 100644
--- a/shared/js/connection/rtc/Connection.ts
+++ b/shared/js/connection/rtc/Connection.ts
@@ -661,6 +661,25 @@ export class RTCConnection {
         return oldTrack;
     }
 
+    async clearTrackSources(types: RTCSourceTrackType[]) : Promise<MediaStreamTrack[]> {
+        const result = [];
+
+        for(const type of types) {
+            if(this.currentTracks[type]) {
+                result.push(this.currentTracks[type]);
+                this.currentTracks[type] = null;
+            } else {
+                result.push(undefined);
+            }
+        }
+
+        if(result.find(entry => typeof entry !== "undefined") !== -1) {
+            await this.updateTracks();
+        }
+
+        return result;
+    }
+
     public async startVideoBroadcast(type: VideoBroadcastType, config: VideoBroadcastConfig) {
         let track: RTCBroadcastableTrackType;
         let broadcastType: number;
diff --git a/shared/js/proto.ts b/shared/js/proto.ts
index 6af27fc2..2d7fcb9d 100644
--- a/shared/js/proto.ts
+++ b/shared/js/proto.ts
@@ -1,7 +1,7 @@
 /* setup jsrenderer */
 import "jsrender";
 import {tr} from "./i18n/localize";
-import {LogCategory, logTrace} from "tc-shared/log";
+import {LogCategory, logError, logTrace} from "tc-shared/log";
 
 if(__build.target === "web") {
     (window as any).$ = require("jquery");
@@ -300,4 +300,153 @@ if(typeof ($) !== "undefined") {
 
 if(!Object.values) {
     Object.values = object => Object.keys(object).map(e => object[e]);
-}
\ No newline at end of file
+}
+
+export function crashOnThrow<T>(promise: Promise<T> | (() => Promise<T>)) : Promise<T> {
+    if(typeof promise === "function") {
+        try {
+            promise = promise();
+        } catch (error) {
+            promise = Promise.reject(error);
+        }
+    }
+
+    return promise.catch(error => {
+        /* TODO: Crash screen of the app? */
+        logError(LogCategory.GENERAL, tr("Critical app error: %o"), error);
+
+        /* Lets make this promise stuck for ever */
+        return new Promise(() => {});
+    });
+}
+
+export function ignorePromise<T>(_promise: Promise<T>) {}
+
+export function NoThrow(target: any, methodName: string, descriptor: PropertyDescriptor) {
+    const crashApp = error => {
+        /* TODO: Crash screen of the app? */
+        logError(LogCategory.GENERAL, tr("Critical app error: %o"), error);
+    };
+
+    const promiseAccepted = { value: false };
+
+    const originalMethod: Function = descriptor.value;
+    descriptor.value = function () {
+        try {
+            const result = originalMethod.apply(this, arguments);
+            if(result instanceof Promise) {
+                promiseAccepted.value = true;
+                return result.catch(error => {
+                    crashApp(error);
+
+                    /* Lets make this promise stuck for ever since we're in a not well defined state */
+                    return new Promise(() => {});
+                });
+            }
+
+            return result;
+        } catch (error) {
+            crashApp(error);
+
+            if(!promiseAccepted.value) {
+                throw error;
+            } else {
+                /*
+                 * We don't know if we can return a promise or if just the object is expected.
+                 * Since we don't know that, we're just rethrowing the error for now.
+                 */
+                return new Promise(() => {});
+            }
+        }
+    };
+}
+
+const kCallOnceSymbol = Symbol("call-once-data");
+export function CallOnce(target: any, methodName: string, descriptor: PropertyDescriptor) {
+    const callOnceData = target[kCallOnceSymbol] || (target[kCallOnceSymbol] = {});
+
+    const originalMethod: Function = descriptor.value;
+    descriptor.value = function () {
+        if(callOnceData[methodName]) {
+            debugger;
+            throw "method " + methodName + " has already been called";
+        }
+
+        return originalMethod.apply(this, arguments);
+    };
+}
+
+const kNonNullSymbol = Symbol("non-null-data");
+export function NonNull(target: any, methodName: string, parameterIndex: number) {
+    const nonNullInfo = target[kNonNullSymbol] || (target[kNonNullSymbol] = {});
+    const methodInfo = nonNullInfo[methodName] || (nonNullInfo[methodName] = {});
+    if(!Array.isArray(methodInfo.indexes)) {
+        /* Initialize method info */
+        methodInfo.overloaded = false;
+        methodInfo.indexes = [];
+    }
+
+    methodInfo.indexes.push(parameterIndex);
+    setImmediate(() => {
+        if(methodInfo.overloaded || methodInfo.missingWarned) {
+            return;
+        }
+
+        methodInfo.missingWarned = true;
+        logError(LogCategory.GENERAL, "Method %s has been constrained but the @Constrained decoration is missing.");
+        debugger;
+    });
+}
+
+/**
+ * The class or method has been constrained
+ */
+export function ParameterConstrained(target: any, methodName: string, descriptor: PropertyDescriptor) {
+    const nonNullInfo = target[kNonNullSymbol];
+    if(!nonNullInfo) {
+        return;
+    }
+
+    const methodInfo = nonNullInfo[methodName] || (nonNullInfo[methodName] = {});
+    if(!methodInfo) {
+        return;
+    }
+
+    methodInfo.overloaded = true;
+    const originalMethod: Function = descriptor.value;
+    descriptor.value = function () {
+        for(let index = 0; index < methodInfo.indexes.length; index++) {
+            const argument = arguments[methodInfo.indexes[index]];
+            if(typeof argument === undefined || typeof  argument === null) {
+                throw "parameter " + methodInfo.indexes[index] + " should not be null or undefined";
+            }
+        }
+
+        return originalMethod.apply(this, arguments);
+    };
+}
+
+class TestClass {
+    @NoThrow
+    noThrow0() { }
+
+    @NoThrow
+    async noThrow1() {
+        await new Promise(resolve => setTimeout(resolve, 1));
+    }
+
+    @NoThrow
+    noThrow2() { throw "expected"; }
+
+    @NoThrow
+    async noThrow3() {
+        await new Promise(resolve => setTimeout(resolve, 1));
+        throw "expected";
+    }
+
+    @ParameterConstrained
+    nonNull0(@NonNull value: number) {
+
+    }
+}
+(window as any).TestClass = TestClass;
\ No newline at end of file
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index c7b2233f..45278e5d 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -260,12 +260,13 @@ export class ClientEntry<Events extends ClientEvents = ClientEvents> extends Cha
         switch (event.newState) {
             case VoicePlayerState.PLAYING:
             case VoicePlayerState.STOPPING:
-                this.speaking = true;
+                this.setSpeaking(true);
                 break;
 
             case VoicePlayerState.STOPPED:
             case VoicePlayerState.INITIALIZING:
-                this.speaking = false;
+            default:
+                this.setSpeaking(false);
                 break;
         }
     }
@@ -698,14 +699,22 @@ export class ClientEntry<Events extends ClientEvents = ClientEvents> extends Cha
         return ClientEntry.chatTag(this.clientId(), this.clientNickName(), this.clientUid(), braces);
     }
 
-    set speaking(flag) {
-        if(flag === this._speaking) return;
-        this._speaking = flag;
-        this.events.fire("notify_speak_state_change", { speaking: flag });
+    /** @deprecated Don't use this any more! */
+    set speaking(flag: boolean) {
+        this.setSpeaking(!!flag);
     }
 
     isSpeaking() { return this._speaking; }
 
+    protected setSpeaking(flag: boolean) {
+        if(this._speaking === flag) {
+            return;
+        }
+
+        this._speaking = flag;
+        this.events.fire("notify_speak_state_change", { speaking: flag });
+    }
+
     updateVariables(...variables: {key: string, value: string}[]) {
 
         let reorder_channel = false;
@@ -914,6 +923,10 @@ export class LocalClientEntry extends ClientEntry {
         this.handle = handle;
     }
 
+    setSpeaking(flag: boolean) {
+        super.setSpeaking(flag);
+    }
+
     showContextMenu(x: number, y: number, on_close: () => void = undefined): void {
         contextmenu.spawn_context_menu(x, y,
             ...this.contextmenu_info(), {
diff --git a/shared/js/ui/AppRenderer.tsx b/shared/js/ui/AppRenderer.tsx
index 13dfec4d..ae97c0cc 100644
--- a/shared/js/ui/AppRenderer.tsx
+++ b/shared/js/ui/AppRenderer.tsx
@@ -20,6 +20,7 @@ import {ChannelTreeRenderer} from "tc-shared/ui/tree/Renderer";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 import {ImagePreviewHook} from "tc-shared/ui/frames/ImagePreview";
 import {InternalModalHook} from "tc-shared/ui/react-elements/modal/internal";
+import {TooltipHook} from "tc-shared/ui/react-elements/Tooltip";
 
 const cssStyle = require("./AppRenderer.scss");
 const VideoFrame = React.memo((props: { events: Registry<AppUiEvents> }) => {
@@ -110,6 +111,10 @@ export const TeaAppMainView = (props: {
             <ErrorBoundary>
                 <InternalModalHook />
             </ErrorBoundary>
+
+            <ErrorBoundary>
+                <TooltipHook />
+            </ErrorBoundary>
         </div>
     );
 }
\ No newline at end of file
diff --git a/shared/js/ui/modal/settings/Microphone.tsx b/shared/js/ui/modal/settings/Microphone.tsx
index 49626181..79f39336 100644
--- a/shared/js/ui/modal/settings/Microphone.tsx
+++ b/shared/js/ui/modal/settings/Microphone.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import {Registry} from "tc-shared/events";
 import {AbstractInput, FilterMode, LevelMeter} from "tc-shared/voice/RecorderBase";
 import {LogCategory, logError, logTrace, logWarn} from "tc-shared/log";
-import {defaultRecorder} from "tc-shared/voice/RecorderProfile";
+import {ConnectionRecorderProfileOwner, defaultRecorder, RecorderProfileOwner} from "tc-shared/voice/RecorderProfile";
 import {getRecorderBackend, InputDevice} from "tc-shared/audio/Recorder";
 import {Settings, settings} from "tc-shared/settings";
 import {getBackend} from "tc-shared/backend";
@@ -16,6 +16,7 @@ import {
 import {spawnInputProcessorModal} from "tc-shared/ui/modal/input-processor/Controller";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
 import {server_connections} from "tc-shared/ConnectionManager";
+import {ignorePromise} from "tc-shared/proto";
 
 export function initialize_audio_microphone_controller(events: Registry<MicrophoneSettingsEvents>) {
     const recorderBackend = getRecorderBackend();
@@ -438,25 +439,26 @@ export function initialize_audio_microphone_controller(events: Registry<Micropho
 
     /* TODO: Only do this on user request? */
     {
-        const ownDefaultRecorder = () => {
-            const originalHandlerId = defaultRecorder.current_handler?.handlerId;
-            defaultRecorder.unmount().then(() => {
-                defaultRecorder.input.start().catch(error => {
+        const oldOwner = defaultRecorder.getOwner();
+        let originalHandlerId = oldOwner instanceof ConnectionRecorderProfileOwner ? oldOwner.getConnection().handlerId : undefined;
+
+        ignorePromise(defaultRecorder.ownRecorder(new class extends RecorderProfileOwner {
+            protected handleRecorderInput(input: AbstractInput) {
+                input.start().catch(error => {
                     logError(LogCategory.AUDIO, tr("Failed to start default input: %o"), error);
                 });
-            });
+            }
 
-            events.on("notify_destroy", () => {
-                server_connections.findConnection(originalHandlerId)?.acquireInputHardware().catch(error => {
-                    logError(LogCategory.GENERAL, tr("Failed to acquire microphone after settings detach: %o"), error);
-                });
-            });
-        };
+            protected handleUnmount() {
+                /* We've been passed to somewhere else */
+                originalHandlerId = undefined;
+            }
+        }));
 
-        if(defaultRecorder.input) {
-            ownDefaultRecorder();
-        } else {
-            events.on("notify_destroy", defaultRecorder.events.one("notify_input_initialized", () => ownDefaultRecorder()));
-        }
+        events.on("notify_destroy", () => {
+            server_connections.findConnection(originalHandlerId)?.acquireInputHardware().catch(error => {
+                logError(LogCategory.GENERAL, tr("Failed to acquire microphone after settings detach: %o"), error);
+            });
+        });
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/Tooltip.tsx b/shared/js/ui/react-elements/Tooltip.tsx
index 13535a0c..70a97278 100644
--- a/shared/js/ui/react-elements/Tooltip.tsx
+++ b/shared/js/ui/react-elements/Tooltip.tsx
@@ -11,6 +11,7 @@ interface GlobalTooltipState {
     tooltipId: string;
 }
 
+const globalTooltipRef = React.createRef<GlobalTooltip>();
 class GlobalTooltip extends React.Component<{}, GlobalTooltipState> {
     private currentTooltip_: Tooltip;
     private isUnmount: boolean;
@@ -160,7 +161,4 @@ export const IconTooltip = (props: { children?: React.ReactElement | React.React
     </Tooltip>
 );
 
-const globalTooltipRef = React.createRef<GlobalTooltip>();
-const tooltipContainer = document.createElement("div");
-document.body.appendChild(tooltipContainer);
-ReactDOM.render(<GlobalTooltip ref={globalTooltipRef} />, tooltipContainer);
\ No newline at end of file
+export const TooltipHook = React.memo(() => <GlobalTooltip ref={globalTooltipRef} />);
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.tsx b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.tsx
index ace9c369..32b4be77 100644
--- a/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.tsx
+++ b/shared/js/ui/react-elements/modal/external/renderer/ModalRenderer.tsx
@@ -8,12 +8,22 @@ import {
 } from "tc-shared/ui/react-elements/modal/Renderer";
 
 import "./ModalRenderer.scss";
+import {TooltipHook} from "tc-shared/ui/react-elements/Tooltip";
+import {ImagePreviewHook} from "tc-shared/ui/frames/ImagePreview";
 
 export interface ModalControlFunctions {
     close();
     minimize();
 }
 
+const GlobalHooks = React.memo((props: { children }) => (
+    <React.Fragment>
+        <ImagePreviewHook />
+        <TooltipHook />
+        <React.Fragment>{props.children}</React.Fragment>
+    </React.Fragment>
+));
+
 export class ModalRenderer {
     private readonly functionController: ModalControlFunctions;
     private readonly container: HTMLDivElement;
@@ -33,30 +43,34 @@ export class ModalRenderer {
 
         if(__build.target === "client") {
             ReactDOM.render(
-                <ModalFrameRenderer windowed={true}>
-                    <ModalFrameTopRenderer
-                        replacePageTitle={true}
-                        modalInstance={modal}
+                <GlobalHooks>
+                    <ModalFrameRenderer windowed={true}>
+                        <ModalFrameTopRenderer
+                            replacePageTitle={true}
+                            modalInstance={modal}
 
-                        onClose={() => this.functionController.close()}
-                        onMinimize={() => this.functionController.minimize()}
-                    />
-                    <ModalBodyRenderer modalInstance={modal} />
-                </ModalFrameRenderer>,
+                            onClose={() => this.functionController.close()}
+                            onMinimize={() => this.functionController.minimize()}
+                        />
+                        <ModalBodyRenderer modalInstance={modal} />
+                    </ModalFrameRenderer>
+                </GlobalHooks>,
                 this.container
             );
         } else {
             ReactDOM.render(
-                <WindowModalRenderer>
-                    <ModalFrameTopRenderer
-                        replacePageTitle={true}
-                        modalInstance={modal}
+                <GlobalHooks>
+                    <WindowModalRenderer>
+                        <ModalFrameTopRenderer
+                            replacePageTitle={true}
+                            modalInstance={modal}
 
-                        onClose={() => this.functionController.close()}
-                        onMinimize={() => this.functionController.minimize()}
-                    />
-                    <ModalBodyRenderer modalInstance={modal} />
-                </WindowModalRenderer>,
+                            onClose={() => this.functionController.close()}
+                            onMinimize={() => this.functionController.minimize()}
+                        />
+                        <ModalBodyRenderer modalInstance={modal} />
+                    </WindowModalRenderer>
+                </GlobalHooks>,
                 this.container
             );
         }
diff --git a/shared/js/voice/RecorderProfile.ts b/shared/js/voice/RecorderProfile.ts
index f99e08b6..91e84af3 100644
--- a/shared/js/voice/RecorderProfile.ts
+++ b/shared/js/voice/RecorderProfile.ts
@@ -5,9 +5,11 @@ import {Settings, settings} from "../settings";
 import {ConnectionHandler} from "../ConnectionHandler";
 import {getRecorderBackend, InputDevice} from "../audio/Recorder";
 import {FilterType, StateFilter, ThresholdFilter} from "../voice/Filter";
-import { tr } from "tc-shared/i18n/localize";
+import {tr} from "tc-shared/i18n/localize";
 import {Registry} from "tc-shared/events";
 import {getAudioBackend} from "tc-shared/audio/Player";
+import {Mutex} from "tc-shared/Mutex";
+import {NoThrow} from "tc-shared/proto";
 
 export type VadType = "threshold" | "push_to_talk" | "active";
 export interface RecorderProfileConfig {
@@ -57,23 +59,42 @@ export interface RecorderProfileEvents {
     notify_input_initialized: { },
 }
 
+export abstract class RecorderProfileOwner {
+    /**
+     * This method will be called from the recorder profile.
+     */
+    protected abstract handleUnmount();
+
+    /**
+     * This callback will be called when the recorder audio input has
+     * been initialized.
+     * Note: This method might be called within ownRecorder().
+     *       If this method has been called, handleUnmount will be called.
+     *
+     * @param input The target input.
+     */
+    protected abstract handleRecorderInput(input: AbstractInput);
+}
+
+export abstract class ConnectionRecorderProfileOwner extends RecorderProfileOwner {
+    abstract getConnection() : ConnectionHandler;
+}
+
 export class RecorderProfile {
     readonly events: Registry<RecorderProfileEvents>;
     readonly name;
     readonly volatile; /* not saving profile */
 
     config: RecorderProfileConfig;
-    input: AbstractInput;
+    /* TODO! */
+    /* private */input: AbstractInput;
 
+    private currentOwner: RecorderProfileOwner;
+    private currentOwnerMutex: Mutex<void>;
+
+    /* FIXME: Remove this! */
     current_handler: ConnectionHandler;
 
-    /* attention: this callback will only be called when the audio input hasn't been initialized! */
-    callback_input_initialized: (input: AbstractInput) => void;
-    callback_start: () => any;
-    callback_stop: () => any;
-
-    callback_unmount: () => any; /* called if somebody else takes the ownership */
-
     private readonly pptHook: KeyHook;
     private pptTimeout: number;
     private pptHookRegistered: boolean;
@@ -87,6 +108,7 @@ export class RecorderProfile {
         this.events = new Registry<RecorderProfileEvents>();
         this.name = name;
         this.volatile = typeof(volatile) === "boolean" ? volatile : false;
+        this.currentOwnerMutex = new Mutex<void>(void 0);
 
         this.pptHook = {
             callbackRelease: () => {
@@ -161,18 +183,12 @@ export class RecorderProfile {
         this.input = getRecorderBackend().createInput();
 
         this.input.events.on("notify_voice_start", () => {
-            logDebug(LogCategory.VOICE, "Voice start");
-            if(this.callback_start) {
-                this.callback_start();
-            }
+            logDebug(LogCategory.VOICE, tr("Voice recorder %s: Voice started."), this.name);
             this.events.fire("notify_voice_start");
         });
 
         this.input.events.on("notify_voice_end", () => {
-            logDebug(LogCategory.VOICE, "Voice end");
-            if(this.callback_stop) {
-                this.callback_stop();
-            }
+            logDebug(LogCategory.VOICE, tr("Voice recorder %s: Voice stopped."), this.name);
             this.events.fire("notify_voice_end");
         });
 
@@ -183,12 +199,8 @@ export class RecorderProfile {
         this.registeredFilter["threshold"] = this.input.createFilter(FilterType.THRESHOLD, 100);
         this.registeredFilter["threshold"].setEnabled(false);
 
-        if(this.callback_input_initialized) {
-            this.callback_input_initialized(this.input);
-        }
         this.events.fire("notify_input_initialized");
 
-
         /* apply initial config values */
         this.input.setVolume(this.config.volume / 100);
         if(this.config.device_id) {
@@ -267,26 +279,47 @@ export class RecorderProfile {
         this.input.setFilterMode(FilterMode.Filter);
     }
 
-    async unmount() : Promise<void> {
-        if(this.callback_unmount) {
-            this.callback_unmount();
-        }
-
-        if(this.input) {
-            try {
-                await this.input.setConsumer(undefined);
-            } catch(error) {
-                logWarn(LogCategory.VOICE, tr("Failed to unmount input consumer for profile (%o)"), error);
+    /**
+     * Own the recorder.
+     */
+    @NoThrow
+    async ownRecorder(target: RecorderProfileOwner | undefined) {
+        await this.currentOwnerMutex.execute(async () => {
+            if(this.currentOwner) {
+                try {
+                    this.currentOwner["handleUnmount"]();
+                } catch (error) {
+                    logError(LogCategory.AUDIO, tr("Failed to invoke unmount method on the current owner: %o"), error);
+                }
+                this.currentOwner = undefined;
             }
 
-            /* this.input.setFilterMode(FilterMode.Block); */
-        }
+            this.currentOwner = target;
+            if(this.input) {
+                await this.input.setConsumer(undefined);
+            }
 
-        this.callback_input_initialized = undefined;
-        this.callback_start = undefined;
-        this.callback_stop = undefined;
-        this.callback_unmount = undefined;
-        this.current_handler = undefined;
+            if(this.currentOwner && this.input) {
+                try {
+                    this.currentOwner["handleRecorderInput"](this.input);
+                } catch (error) {
+                    logError(LogCategory.AUDIO, tr("Failed to call handleRecorderInput on the current owner: %o"), error);
+                }
+            }
+        });
+    }
+
+    getOwner() : RecorderProfileOwner | undefined {
+        return this.currentOwner;
+    }
+
+    isInputActive() : boolean {
+        return typeof this.input !== "undefined" && !this.input.isFiltered();
+    }
+
+    /** @deprecated use `ownRecorder(undefined)` */
+    async unmount() : Promise<void> {
+        await this.ownRecorder(undefined);
     }
 
     getVadType() { return this.config.vad_type; }
@@ -343,8 +376,9 @@ export class RecorderProfile {
 
     getPushToTalkDelay() { return this.config.vad_push_to_talk.delay; }
     setPushToTalkDelay(value: number) {
-        if(this.config.vad_push_to_talk.delay === value)
+        if(this.config.vad_push_to_talk.delay === value) {
             return;
+        }
 
         this.config.vad_push_to_talk.delay = value;
         this.save();
@@ -371,8 +405,9 @@ export class RecorderProfile {
 
     getVolume() : number { return this.input ? (this.input.getVolume() * 100) : this.config.volume; }
     setVolume(volume: number) {
-        if(this.config.volume === volume)
+        if(this.config.volume === volume) {
             return;
+        }
 
         this.config.volume = volume;
         this.input?.setVolume(volume / 100);
diff --git a/web/app/voice/Connection.ts b/web/app/voice/Connection.ts
index 8bf31ea6..fc8cd349 100644
--- a/web/app/voice/Connection.ts
+++ b/web/app/voice/Connection.ts
@@ -3,7 +3,7 @@ import {
     VoiceConnectionStatus,
     WhisperSessionInitializer
 } from "tc-shared/connection/VoiceConnection";
-import {RecorderProfile} from "tc-shared/voice/RecorderProfile";
+import {ConnectionRecorderProfileOwner, RecorderProfile} from "tc-shared/voice/RecorderProfile";
 import {VoiceClient} from "tc-shared/voice/VoiceClient";
 import {
     kUnknownWhisperClientUniqueId,
@@ -16,19 +16,18 @@ import {AbstractServerConnection, ConnectionStatistics} from "tc-shared/connecti
 import {VoicePlayerState} from "tc-shared/voice/VoicePlayer";
 import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
 import {tr} from "tc-shared/i18n/localize";
-import {InputConsumerType} from "tc-shared/voice/RecorderBase";
+import {AbstractInput, InputConsumerType} from "tc-shared/voice/RecorderBase";
 import {getAudioBackend} from "tc-shared/audio/Player";
 import {RtpVoiceClient} from "./VoiceClient";
 import {RtpWhisperSession} from "./WhisperClient";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {CallOnce, crashOnThrow, ignorePromise} from "tc-shared/proto";
 
 type CancelableWhisperTarget = WhisperTarget & { canceled: boolean };
 export class RtpVoiceConnection extends AbstractVoiceConnection {
     private readonly rtcConnection: RTCConnection;
 
-    private readonly listenerRtcAudioAssignment;
-    private readonly listenerRtcStateChanged;
-    private listenerClientMoved;
-    private listenerSpeakerStateChanged;
+    private listenerCallbacks: (() => void)[];
 
     private connectionState: VoiceConnectionStatus;
     private localFailedReason: string;
@@ -36,9 +35,11 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
     private localAudioDestination: MediaStreamAudioDestinationNode;
     private currentAudioSourceNode: AudioNode;
     private currentAudioSource: RecorderProfile;
+    private ignoreRecorderUnmount: boolean;
+    private currentAudioListener: (() => void)[];
 
     private speakerMuted: boolean;
-    private voiceClients: RtpVoiceClient[] = [];
+    private voiceClients: {[T: number]: RtpVoiceClient} = {};
 
     private whisperSessionInitializer: WhisperSessionInitializer | undefined;
     private whisperSessions: RtpWhisperSession[] = [];
@@ -56,32 +57,39 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
         this.voiceClientStateChangedEventListener = this.handleVoiceClientStateChange.bind(this);
         this.whisperSessionStateChangedEventListener = this.handleWhisperSessionStateChange.bind(this);
 
-        this.rtcConnection.getEvents().on("notify_audio_assignment_changed",
-            this.listenerRtcAudioAssignment = event => this.handleAudioAssignmentChanged(event));
+        this.listenerCallbacks = [];
+        this.listenerCallbacks.push(
+            this.rtcConnection.getEvents().on("notify_audio_assignment_changed", event => this.handleAudioAssignmentChanged(event))
+        );
 
-        this.rtcConnection.getEvents().on("notify_state_changed",
-            this.listenerRtcStateChanged = event => this.handleRtcConnectionStateChanged(event));
+        this.listenerCallbacks.push(
+            this.rtcConnection.getEvents().on("notify_state_changed", event => this.handleRtcConnectionStateChanged(event))
+        );
 
-        this.listenerSpeakerStateChanged = connection.client.events().on("notify_state_updated", event => {
-            if(event.state === "speaker") {
-                this.updateSpeakerState();
-            }
-        });
-
-        this.listenerClientMoved = this.rtcConnection.getConnection().command_handler_boss().register_explicit_handler("notifyclientmoved", event => {
-            const localClientId = this.rtcConnection.getConnection().client.getClientId();
-            for(const data of event.arguments) {
-                if(parseInt(data["clid"]) === localClientId) {
-                    this.rtcConnection.startAudioBroadcast().catch(error => {
-                        logError(LogCategory.VOICE, tr("Failed to start voice audio broadcasting after channel switch: %o"), error);
-                        this.localFailedReason = tr("Failed to start audio broadcasting");
-                        this.setConnectionState(VoiceConnectionStatus.Failed);
-                    }).catch(() => {
-                        this.setConnectionState(VoiceConnectionStatus.Connected);
-                    });
+        this.listenerCallbacks.push(
+            connection.client.events().on("notify_state_updated", event => {
+                if(event.state === "speaker") {
+                    this.updateSpeakerState();
                 }
-            }
-        });
+            })
+        );
+
+        this.listenerCallbacks.push(
+            this.rtcConnection.getConnection().command_handler_boss().register_explicit_handler("notifyclientmoved", event => {
+                const localClientId = this.rtcConnection.getConnection().client.getClientId();
+                for(const data of event.arguments) {
+                    if(parseInt(data["clid"]) === localClientId) {
+                        this.rtcConnection.startAudioBroadcast().catch(error => {
+                            logError(LogCategory.VOICE, tr("Failed to start voice audio broadcasting after channel switch: %o"), error);
+                            this.localFailedReason = tr("Failed to start audio broadcasting");
+                            this.setConnectionState(VoiceConnectionStatus.Failed);
+                        }).catch(() => {
+                            this.setConnectionState(VoiceConnectionStatus.Connected);
+                        });
+                    }
+                }
+            })
+        );
 
         this.speakerMuted = connection.client.isSpeakerMuted() || connection.client.isSpeakerDisabled();
 
@@ -96,37 +104,32 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
         this.setWhisperSessionInitializer(undefined);
     }
 
+    @CallOnce
     destroy() {
-        if(this.listenerClientMoved) {
-            this.listenerClientMoved();
-            this.listenerClientMoved = undefined;
-        }
+        this.listenerCallbacks?.forEach(callback => callback());
+        this.listenerCallbacks = undefined;
 
-        if(this.listenerSpeakerStateChanged) {
-            this.listenerSpeakerStateChanged();
-            this.listenerSpeakerStateChanged = undefined;
-        }
-
-        this.rtcConnection.getEvents().off("notify_audio_assignment_changed", this.listenerRtcAudioAssignment);
-        this.rtcConnection.getEvents().off("notify_state_changed", this.listenerRtcStateChanged);
-
-        this.acquireVoiceRecorder(undefined, true).catch(error => {
+        this.ignoreRecorderUnmount = true;
+        this.acquireVoiceRecorder(undefined).catch(error => {
             logWarn(LogCategory.VOICE, tr("Failed to release voice recorder: %o"), error);
-        }).then(() => {
-            for(const client of Object.values(this.voiceClients))  {
-                client.abortReplay();
-            }
-            this.voiceClients = undefined;
-            this.currentAudioSource = undefined;
         });
-        if(Object.keys(this.voiceClients).length !== 0) {
-            logWarn(LogCategory.AUDIO, tr("Voice connection will be destroyed, but some voice clients are still left (%d)."), Object.keys(this.voiceClients).length);
+
+        for(const key of Object.keys(this.voiceClients)) {
+            const client = this.voiceClients[key];
+            delete this.voiceClients[key];
+
+            client.abortReplay();
+            client.destroy();
         }
-        /*
-        const whisperSessions = Object.keys(this.whisperSessions);
-        whisperSessions.forEach(session => this.whisperSessions[session].destroy());
-        this.whisperSessions = {};
-        */
+
+        this.currentAudioSource = undefined;
+
+        for(const client of this.whisperSessions) {
+            client.getVoicePlayer()?.abortReplay();
+            client.destroy();
+        }
+        this.whisperSessions = [];
+
         this.events.destroy();
     }
 
@@ -147,52 +150,73 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
             return;
         }
 
+        this.currentAudioListener?.forEach(callback => callback());
+        this.currentAudioListener = undefined;
+
         if(this.currentAudioSource) {
             this.currentAudioSourceNode?.disconnect(this.localAudioDestination);
             this.currentAudioSourceNode = undefined;
 
-            this.currentAudioSource.callback_unmount = undefined;
-            await this.currentAudioSource.unmount();
+            this.ignoreRecorderUnmount = true;
+            await this.currentAudioSource.ownRecorder(undefined);
+            this.ignoreRecorderUnmount = false;
         }
 
-        /* unmount our target recorder */
-        await recorder?.unmount();
-
-        this.handleRecorderStop();
         const oldRecorder = recorder;
         this.currentAudioSource = recorder;
 
         if(recorder) {
-            recorder.current_handler = this.connection.client;
+            const rtpConnection = this;
+            await recorder.ownRecorder(new class extends ConnectionRecorderProfileOwner {
+                getConnection(): ConnectionHandler {
+                    return rtpConnection.connection.client;
+                }
 
-            recorder.callback_unmount = this.handleRecorderUnmount.bind(this);
-            recorder.callback_start = this.handleRecorderStart.bind(this);
-            recorder.callback_stop = this.handleRecorderStop.bind(this);
+                protected handleRecorderInput(input: AbstractInput) {
+                    input.setConsumer({
+                        type: InputConsumerType.NODE,
+                        callbackDisconnect: node => {
+                            if(rtpConnection.currentAudioSourceNode !== node) {
+                                /* We're not connected */
+                                return;
+                            }
 
-            recorder.callback_input_initialized = async input => {
-                await input.setConsumer({
-                    type: InputConsumerType.NODE,
-                    callbackDisconnect: node => {
-                        this.currentAudioSourceNode = undefined;
-                        node.disconnect(this.localAudioDestination);
-                    },
-                    callbackNode: node => {
-                        this.currentAudioSourceNode = node;
-                        if(this.localAudioDestination) {
-                            node.connect(this.localAudioDestination);
+                            rtpConnection.currentAudioSourceNode = undefined;
+                            if(rtpConnection.localAudioDestination) {
+                                node.disconnect(rtpConnection.localAudioDestination);
+                            }
+                        },
+                        callbackNode: node => {
+                            if(rtpConnection.currentAudioSourceNode === node) {
+                                return;
+                            }
+
+                            if(rtpConnection.localAudioDestination) {
+                                rtpConnection.currentAudioSourceNode?.disconnect(rtpConnection.localAudioDestination);
+                            }
+
+                            rtpConnection.currentAudioSourceNode = node;
+                            if(rtpConnection.localAudioDestination) {
+                                node.connect(rtpConnection.localAudioDestination);
+                            }
                         }
-                    }
-                });
-            };
-            if(recorder.input) {
-                recorder.callback_input_initialized(recorder.input);
-            }
+                    });
+                }
 
-            if(!recorder.input || recorder.input.isFiltered()) {
-                this.handleRecorderStop();
-            } else {
-                this.handleRecorderStart();
-            }
+                protected handleUnmount() {
+                    rtpConnection.handleRecorderUnmount();
+                }
+            });
+
+            this.currentAudioListener = [];
+            this.currentAudioListener.push(recorder.events.on("notify_voice_start", () => this.handleRecorderStart()));
+            this.currentAudioListener.push(recorder.events.on("notify_voice_end", () => this.handleRecorderStop(tr("recorder event"))));
+        }
+
+        if(this.currentAudioSource?.isInputActive()) {
+            this.handleRecorderStart();
+        } else {
+            this.handleRecorderStop(tr("recorder change"));
         }
 
         this.events.fire("notify_recorder_changed", {
@@ -201,27 +225,13 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
         });
     }
 
-    private handleRecorderStop() {
+    private handleRecorderStop(reason: string) {
         const chandler = this.connection.client;
-        const ch = chandler.getClient();
-        if(ch) ch.speaking = false;
+        chandler.getClient()?.setSpeaking(false);
 
-        if(!chandler.connected) {
-            return false;
-        }
-
-        if(chandler.isMicrophoneMuted()) {
-            return false;
-        }
-
-        logInfo(LogCategory.VOICE, tr("Local voice ended"));
-
-        this.rtcConnection.setTrackSource("audio", null).catch(error => {
-            logError(LogCategory.AUDIO, tr("Failed to set current audio track: %o"), error);
-        });
-
-        this.rtcConnection.setTrackSource("audio-whisper", null).catch(error => {
-            logError(LogCategory.AUDIO, tr("Failed to set current audio track: %o"), error);
+        logInfo(LogCategory.VOICE, tr("Received local voice end signal (%s)"), reason);
+        this.rtcConnection.clearTrackSources(["audio", "audio-whisper"]).catch(error => {
+            logError(LogCategory.AUDIO, tr("Failed to stop/remove audio RTC tracks: %o"), error);
         });
     }
 
@@ -234,19 +244,19 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
 
         logInfo(LogCategory.VOICE, tr("Local voice started"));
 
-        const ch = chandler.getClient();
-        if(ch) { ch.speaking = true; }
+        chandler.getClient()?.setSpeaking(true);
 
-        this.rtcConnection.setTrackSource(this.whisperTarget ? "audio-whisper" : "audio", this.localAudioDestination.stream.getAudioTracks()[0])
-            .catch(error => {
-                logError(LogCategory.AUDIO, tr("Failed to set current audio track: %o"), error);
-            });
+        const audioTrack = this.localAudioDestination.stream.getAudioTracks()[0];
+        const audioTarget = this.whisperTarget ? "audio-whisper" : "audio";
+        this.rtcConnection.setTrackSource(audioTarget, audioTrack).catch(error => {
+            logError(LogCategory.AUDIO, tr("Failed to set current audio track: %o"), error);
+        });
     }
 
     private handleRecorderUnmount() {
         logInfo(LogCategory.VOICE, "Lost recorder!");
         this.currentAudioSource = undefined;
-        this.acquireVoiceRecorder(undefined, true); /* we can ignore the promise because we should finish this directly */
+        ignorePromise(crashOnThrow(this.acquireVoiceRecorder(undefined, true)));
     }
 
     isReplayingVoice(): boolean {
@@ -359,7 +369,7 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
             return;
         }
 
-        this.handleRecorderStop();
+        this.handleRecorderStop(tr("whisper start"));
         if(this.currentAudioSource?.input && !this.currentAudioSource.input.isFiltered()) {
             this.handleRecorderStart();
         }
@@ -379,7 +389,7 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
             });
         }
 
-        this.handleRecorderStop();
+        this.handleRecorderStop(tr("whisper stop"));
         if(this.currentAudioSource?.input && !this.currentAudioSource.input.isFiltered()) {
             this.handleRecorderStart();
         }
@@ -538,7 +548,7 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
         if(this.speakerMuted === newState) { return; }
 
         this.speakerMuted = newState;
-        this.voiceClients.forEach(client => client.setGloballyMuted(this.speakerMuted));
+        Object.values(this.voiceClients).forEach(client => client.setGloballyMuted(this.speakerMuted));
         this.whisperSessions.forEach(session => session.setGloballyMuted(this.speakerMuted));
     }
 

From 943c33ff4b7f9a35a60c2795c4b462f6194b816e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 19 Apr 2021 13:27:09 +0200
Subject: [PATCH 081/128] Make the about mopdal popoutable

---
 shared/css/load-css.tsx                       |   1 -
 shared/css/static/modal-about.scss            |  61 --
 shared/img/client-icons/settings_loading.svg  |  18 +
 shared/js/ConnectionHandler.ts                |   6 +-
 shared/js/PPTListener.ts                      | 121 ---
 shared/js/main.tsx                            |   7 +-
 shared/js/ui/AppController.ts                 |   6 +-
 shared/js/ui/elements/Modal.ts                |   3 +-
 shared/js/ui/modal/ModalAbout.ts              |   7 +-
 shared/js/ui/modal/ModalAvatar.ts             |  73 --
 shared/js/ui/modal/ModalAvatarList.ts         |   4 +-
 shared/js/ui/modal/ModalConnect.ts            |   8 -
 shared/js/ui/modal/ModalGroupAssignment.ts    |  85 --
 shared/js/ui/modal/about/Controller.ts        |  73 ++
 shared/js/ui/modal/about/Definitions.ts       |  13 +
 shared/js/ui/modal/about/Renderer.scss        |  97 +++
 shared/js/ui/modal/about/Renderer.tsx         | 752 ++++++++++++++++++
 .../js/ui/modal/about/TeaSpeakCupAnimated.png | Bin 0 -> 65631 bytes
 shared/js/ui/modal/connect/Controller.ts      |   2 +-
 .../js/ui/react-elements/modal/Definitions.ts |   5 +
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 shared/js/ui/utils/LocalVariable.ts           |   6 +-
 web/app/connection/ServerConnection.ts        |  12 +-
 web/app/entry-points/ModalWindow.ts           |   1 +
 web/app/hooks/KeyBoard.ts                     |   4 +
 25 files changed, 995 insertions(+), 376 deletions(-)
 delete mode 100644 shared/css/static/modal-about.scss
 create mode 100644 shared/img/client-icons/settings_loading.svg
 delete mode 100644 shared/js/ui/modal/ModalAvatar.ts
 delete mode 100644 shared/js/ui/modal/ModalConnect.ts
 delete mode 100644 shared/js/ui/modal/ModalGroupAssignment.ts
 create mode 100644 shared/js/ui/modal/about/Controller.ts
 create mode 100644 shared/js/ui/modal/about/Definitions.ts
 create mode 100644 shared/js/ui/modal/about/Renderer.scss
 create mode 100644 shared/js/ui/modal/about/Renderer.tsx
 create mode 100644 shared/js/ui/modal/about/TeaSpeakCupAnimated.png

diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index 173bcfa7..c520ea68 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -6,7 +6,6 @@ import "./static/htmltags.scss"
 import "./static/mixin.scss"
 import "./static/modal.scss"
 import "./static/modals.scss"
-import "./static/modal-about.scss"
 import "./static/modal-avatar.scss"
 import "./static/modal-banclient.scss"
 import "./static/modal-banlist.scss"
diff --git a/shared/css/static/modal-about.scss b/shared/css/static/modal-about.scss
deleted file mode 100644
index 76395463..00000000
--- a/shared/css/static/modal-about.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-:global {
-	.modal-about {
-		display: flex!important;
-		flex-direction: row!important;
-
-		text-align: center;
-		color: #999999;
-
-		.container-left {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-		}
-
-		.container-right {
-			text-align: left;
-			padding-left: 2em;
-
-			h1 {
-				font-size: 1.5em;
-				margin-block-start: 0.35em;
-				margin-block-end: 0.35em;
-			}
-
-			h2 {
-				font-size: 1.25em;
-				margin-block-start: 0.10em;
-				margin-block-end: 0.10em;
-			}
-
-			p {
-				margin-block-start: .25em;
-				margin-block-end: .25em;
-			}
-		}
-
-		.version {
-			width: 100%;
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			a {
-				width: 50%;
-
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				text-align: right;
-			}
-			.value {
-				padding-left: .25em;
-
-				text-align: left;
-
-				flex-grow: 1;
-				flex-shrink: 1;
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/img/client-icons/settings_loading.svg b/shared/img/client-icons/settings_loading.svg
new file mode 100644
index 00000000..dc1aa0db
--- /dev/null
+++ b/shared/img/client-icons/settings_loading.svg
@@ -0,0 +1,18 @@
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="matrix(.03125 0 0 .03125 -3.5723e-5 0)" fill="#7289da">
+  <circle cx="48" cy="304" r="24"/>
+  <circle cx="192" cy="448" r="24"/>
+  <circle cx="101" cy="395" r="24"/>
+  <circle cx="48" cy="304" r="24"/>
+  <path d="m216 448a24 24 0 10-24 24 24 24 0 0024-24"/>
+  <circle cx="101" cy="395" r="24"/>
+  <circle cx="48" cy="192" r="24"/>
+  <circle cx="192" cy="48" r="24"/>
+  <circle cx="101" cy="101" r="24"/>
+  <circle cx="48" cy="192" r="24"/>
+  <path d="m216 48a24 24 0 11-24-24 24 24 0 0124 24"/>
+  <circle cx="101" cy="101" r="24"/>
+  <path d="m311.99 472a24 24 0 01-6.433-47.123 185.51 185.51 0 0096.328-64.917 181.56 181.56 0 0038.113-111.96c0-81.5-55.349-154.25-134.6-176.92a24 24 0 0113.2-46.147 236.54 236.54 0 01121 82.086 230.51 230.51 0 01.276 282.28 233.82 233.82 0 01-121.42 81.812 24.04 24.04 0 01-6.463.888z"/>
+  <path d="m456.03 488a24.512 24.512 0 01-2.679-.148l-144-16a24 24 0 01-20.474-30.278l40-144a24 24 0 1146.248 12.848l-32.454 116.84 115.98 12.886a24 24 0 01-2.621 47.854z"/>
+ </g>
+</svg>
diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index e8f21d65..b83ff81f 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -10,7 +10,6 @@ import {hashPassword} from "./utils/helpers";
 import {HandshakeHandler} from "./connection/HandshakeHandler";
 import {FilterMode, InputStartError, InputState} from "./voice/RecorderBase";
 import {defaultRecorder, RecorderProfile} from "./voice/RecorderProfile";
-import {Regex} from "./ui/modal/ModalConnect";
 import {formatMessage} from "./ui/frames/chat";
 import {EventHandler, Registry} from "./events";
 import {FileManager} from "./file/FileManager";
@@ -37,6 +36,7 @@ import {ConnectParameters} from "tc-shared/ui/modal/connect/Controller";
 import {assertMainApplication} from "tc-shared/ui/utils";
 import {getDNSProvider} from "tc-shared/dns";
 import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
+import ipRegex from "ip-regex";
 import * as htmltags from "./ui/htmltags";
 
 assertMainApplication();
@@ -328,7 +328,7 @@ export class ConnectionHandler {
             }
         }
 
-        if(resolvedAddress.host.match(Regex.IP_V4) || resolvedAddress.host.match(Regex.IP_V6)) {
+        if(ipRegex({ exact: true }).test(resolvedAddress.host)) {
             /* We don't have to resolve the target host */
         } else {
             this.log.log("connection.hostname.resolve", {});
@@ -640,7 +640,7 @@ export class ConnectionHandler {
             case DisconnectReason.HANDSHAKE_TEAMSPEAK_REQUIRED:
                 createErrorModal(
                     tr("Target server is a TeamSpeak server"),
-                    formatMessage(tr("The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."))
+                    tr("The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type.")
                 ).open();
                 this.sound.play(Sound.CONNECTION_DISCONNECTED);
                 autoReconnect = false;
diff --git a/shared/js/PPTListener.ts b/shared/js/PPTListener.ts
index 364b952c..2c61d017 100644
--- a/shared/js/PPTListener.ts
+++ b/shared/js/PPTListener.ts
@@ -1,125 +1,4 @@
 import { tr } from "./i18n/localize";
-import {LogCategory, logTrace} from "tc-shared/log";
-
-export enum KeyCode {
-    KEY_CANCEL = 3,
-    KEY_HELP = 6,
-    KEY_BACK_SPACE = 8,
-    KEY_TAB = 9,
-    KEY_CLEAR = 12,
-    KEY_RETURN = 13,
-    KEY_ENTER = 14,
-    KEY_SHIFT = 16,
-    KEY_CONTROL = 17,
-    KEY_ALT = 18,
-    KEY_PAUSE = 19,
-    KEY_CAPS_LOCK = 20,
-    KEY_ESCAPE = 27,
-    KEY_SPACE = 32,
-    KEY_PAGE_UP = 33,
-    KEY_PAGE_DOWN = 34,
-    KEY_END = 35,
-    KEY_HOME = 36,
-    KEY_LEFT = 37,
-    KEY_UP = 38,
-    KEY_RIGHT = 39,
-    KEY_DOWN = 40,
-    KEY_PRINTSCREEN = 44,
-    KEY_INSERT = 45,
-    KEY_DELETE = 46,
-    KEY_0 = 48,
-    KEY_1 = 49,
-    KEY_2 = 50,
-    KEY_3 = 51,
-    KEY_4 = 52,
-    KEY_5 = 53,
-    KEY_6 = 54,
-    KEY_7 = 55,
-    KEY_8 = 56,
-    KEY_9 = 57,
-    KEY_SEMICOLON = 59,
-    KEY_EQUALS = 61,
-    KEY_A = 65,
-    KEY_B = 66,
-    KEY_C = 67,
-    KEY_D = 68,
-    KEY_E = 69,
-    KEY_F = 70,
-    KEY_G = 71,
-    KEY_H = 72,
-    KEY_I = 73,
-    KEY_J = 74,
-    KEY_K = 75,
-    KEY_L = 76,
-    KEY_M = 77,
-    KEY_N = 78,
-    KEY_O = 79,
-    KEY_P = 80,
-    KEY_Q = 81,
-    KEY_R = 82,
-    KEY_S = 83,
-    KEY_T = 84,
-    KEY_U = 85,
-    KEY_V = 86,
-    KEY_W = 87,
-    KEY_X = 88,
-    KEY_Y = 89,
-    KEY_Z = 90,
-    KEY_LEFT_CMD = 91,
-    KEY_RIGHT_CMD = 93,
-    KEY_CONTEXT_MENU = 93,
-    KEY_NUMPAD0 = 96,
-    KEY_NUMPAD1 = 97,
-    KEY_NUMPAD2 = 98,
-    KEY_NUMPAD3 = 99,
-    KEY_NUMPAD4 = 100,
-    KEY_NUMPAD5 = 101,
-    KEY_NUMPAD6 = 102,
-    KEY_NUMPAD7 = 103,
-    KEY_NUMPAD8 = 104,
-    KEY_NUMPAD9 = 105,
-    KEY_MULTIPLY = 106,
-    KEY_ADD = 107,
-    KEY_SEPARATOR = 108,
-    KEY_SUBTRACT = 109,
-    KEY_DECIMAL = 110,
-    KEY_DIVIDE = 111,
-    KEY_F1 = 112,
-    KEY_F2 = 113,
-    KEY_F3 = 114,
-    KEY_F4 = 115,
-    KEY_F5 = 116,
-    KEY_F6 = 117,
-    KEY_F7 = 118,
-    KEY_F8 = 119,
-    KEY_F9 = 120,
-    KEY_F10 = 121,
-    KEY_F11 = 122,
-    KEY_F12 = 123,
-    KEY_F13 = 124,
-    KEY_F14 = 125,
-    KEY_F15 = 126,
-    KEY_F16 = 127,
-    KEY_F17 = 128,
-    KEY_F18 = 129,
-    KEY_F19 = 130,
-    KEY_F20 = 131,
-    KEY_F21 = 132,
-    KEY_F22 = 133,
-    KEY_F23 = 134,
-    KEY_F24 = 135,
-    KEY_NUM_LOCK = 144,
-    KEY_SCROLL_LOCK = 145,
-    KEY_COMMA = 188,
-    KEY_PERIOD = 190,
-    KEY_SLASH = 191,
-    KEY_BACK_QUOTE = 192,
-    KEY_OPEN_BRACKET = 219,
-    KEY_BACK_SLASH = 220,
-    KEY_CLOSE_BRACKET = 221,
-    KEY_QUOTE = 222,
-    KEY_META = 224
-}
 
 export enum EventType {
     KEY_PRESS,
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index 36b17dd1..b60ebc05 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -442,7 +442,7 @@ const task_connect_handler: loader.Task = {
         if(chandler && AppParameters.getValue(AppParameters.KEY_CONNECT_NO_SINGLE_INSTANCE)) {
             try {
                 await chandler.post_connect_request(connectData, () => new Promise<boolean>(resolve => {
-                    spawnYesNo(tr("Another TeaWeb instance is already running"), tra("Another TeaWeb instance is already running.{:br:}Would you like to connect there?"), response => {
+                    spawnYesNo(tr("Another TeaWeb instance is already running"), tra("Another TeaWeb instance is already running.\nWould you like to connect there?"), response => {
                         resolve(response);
                     }, {
                         closeable: false
@@ -450,12 +450,9 @@ const task_connect_handler: loader.Task = {
                 }));
                 logInfo(LogCategory.CLIENT, tr("Executed connect successfully in another browser window. Closing this window"));
 
-                const message =
-                    "You're connecting to {0} within the other TeaWeb instance.{:br:}" +
-                    "You could now close this page.";
                 createInfoModal(
                     tr("Connecting successfully within other instance"),
-                    formatMessage(/* @tr-ignore */ tr(message), connectData.address),
+                    formatMessage(tr("You're connecting to {0} within the other TeaWeb instance.\nYou could now close this page."), connectData.address),
                     {
                         closeable: false,
                         footer: undefined
diff --git a/shared/js/ui/AppController.ts b/shared/js/ui/AppController.ts
index 1b1b68ff..4a4a685f 100644
--- a/shared/js/ui/AppController.ts
+++ b/shared/js/ui/AppController.ts
@@ -81,12 +81,12 @@ export class AppController {
         this.connectionListEvents = new Registry<ConnectionListUIEvents>();
         initializeConnectionListController(this.connectionListEvents);
 
-        this.listener.push(server_connections.events().on("notify_active_handler_changed", event => this.setConnectionHandler(event.newHandler)));
-        this.setConnectionHandler(server_connections.getActiveConnectionHandler());
-
         this.sideBarController = new SideBarController();
         this.serverLogController = new ServerEventLogController();
         this.hostBannerController = new HostBannerController();
+
+        this.listener.push(server_connections.events().on("notify_active_handler_changed", event => this.setConnectionHandler(event.newHandler)));
+        this.setConnectionHandler(server_connections.getActiveConnectionHandler());
     }
 
     setConnectionHandler(connection: ConnectionHandler) {
diff --git a/shared/js/ui/elements/Modal.ts b/shared/js/ui/elements/Modal.ts
index ac2911ba..4c04cb01 100644
--- a/shared/js/ui/elements/Modal.ts
+++ b/shared/js/ui/elements/Modal.ts
@@ -1,6 +1,5 @@
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
-import {KeyCode} from "../../PPTListener";
 import $ from "jquery";
 import {LogCategory, logError} from "tc-shared/log";
 
@@ -341,7 +340,7 @@ export function createInputModal(headMessage: BodyCreator, question: BodyCreator
         button_submit.prop("disabled", !valid);
     });
     input.on('keydown', event => {
-        if(event.keyCode !== KeyCode.KEY_RETURN || event.shiftKey)
+        if(event.key !== "Enter" || event.shiftKey)
             return;
         if(button_submit.prop("disabled"))
             return;
diff --git a/shared/js/ui/modal/ModalAbout.ts b/shared/js/ui/modal/ModalAbout.ts
index 4514cfd0..8548d714 100644
--- a/shared/js/ui/modal/ModalAbout.ts
+++ b/shared/js/ui/modal/ModalAbout.ts
@@ -1,6 +1,7 @@
 import {createModal} from "../../ui/elements/Modal";
 import {getBackend} from "tc-shared/backend";
 import {tr} from "tc-shared/i18n/localize";
+import {spawnAboutModal} from "tc-shared/ui/modal/about/Controller";
 
 function format_date(date: number) {
     const d = new Date(date);
@@ -9,10 +10,13 @@ function format_date(date: number) {
 }
 
 export function spawnAbout() {
+    spawnAboutModal();
+    return;
+
     const connectModal = createModal({
         header: tr("About"),
         body: () => {
-            let tag = $("#tmpl_about").renderTag({
+            return $("#tmpl_about").renderTag({
                 client: __build.target !== "web",
 
                 version_client: __build.target === "web" ? __build.version || "in-dev" : "loading...",
@@ -20,7 +24,6 @@ export function spawnAbout() {
 
                 version_timestamp: format_date(__build.timestamp)
             });
-            return tag;
         },
         footer: null,
 
diff --git a/shared/js/ui/modal/ModalAvatar.ts b/shared/js/ui/modal/ModalAvatar.ts
deleted file mode 100644
index 897d439e..00000000
--- a/shared/js/ui/modal/ModalAvatar.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-//TODO: Test if we could render this image and not only the browser by knowing the type.
-import {createErrorModal, createModal} from "../../ui/elements/Modal";
-import {tr, tra} from "../../i18n/localize";
-import {arrayBufferBase64} from "../../utils/buffers";
-import {LogCategory, logError, logTrace} from "tc-shared/log";
-
-export function spawnAvatarUpload(callback_data: (data: ArrayBuffer | undefined | null) => any) {
-    const modal = createModal({
-        header: tr("Avatar Upload"),
-        footer: undefined,
-        body: () => {
-            return $("#tmpl_avatar_upload").renderTag({});
-        }
-    });
-
-    let _data_submitted = false;
-    let _current_avatar;
-
-    modal.htmlTag.find(".button-select").on('click', event => {
-        modal.htmlTag.find(".file-inputs").trigger('click');
-    });
-
-    modal.htmlTag.find(".button-delete").on('click', () => {
-        if (_data_submitted)
-            return;
-        _data_submitted = true;
-        modal.close();
-        callback_data(null);
-    });
-
-    modal.htmlTag.find(".button-cancel").on('click', () => modal.close());
-    const button_upload = modal.htmlTag.find(".button-upload");
-    button_upload.on('click', event => (!_data_submitted) && (_data_submitted = true, modal.close(), true) && callback_data(_current_avatar));
-
-    const set_avatar = (data: string | undefined, type?: string) => {
-        _current_avatar = data ? arrayBufferBase64(data) : undefined;
-        button_upload.prop("disabled", !_current_avatar);
-        modal.htmlTag.find(".preview img").attr("src", data ? ("data:image/" + type + ";base64," + data) : "img/style/avatar.png");
-    };
-
-    const input_node = modal.htmlTag.find(".file-inputs")[0] as HTMLInputElement;
-    input_node.multiple = false;
-
-    modal.htmlTag.find(".file-inputs").on('change', event => {
-        logTrace(LogCategory.CLIENT, "Files: %o", input_node.files);
-
-        const read_file = (file: File) => new Promise<string>((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = () => resolve(reader.result as string);
-            reader.onerror = error => reject(error);
-
-            reader.readAsDataURL(file);
-        });
-
-        (async () => {
-            const data = await read_file(input_node.files[0]);
-
-            if (!data.startsWith("data:image/")) {
-                logError(LogCategory.FILE_TRANSFER, tr("Failed to load file %s: Invalid data media type (%o)"), input_node.files[0].name, data);
-                createErrorModal(tr("Icon upload failed"), tra("Failed to select avatar {}.<br>File is not an image", input_node.files[0].name)).open();
-                return;
-            }
-            const semi = data.indexOf(';');
-            const type = data.substring(11, semi);
-            logTrace(LogCategory.CLIENT, tr("Given image has type %s"), type);
-
-            set_avatar(data.substr(semi + 8 /* 8 bytes := base64, */), type);
-        })();
-    });
-    set_avatar(undefined);
-    modal.close_listener.push(() => !_data_submitted && callback_data(undefined));
-    modal.open();
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/ModalAvatarList.ts b/shared/js/ui/modal/ModalAvatarList.ts
index 897bd27a..a091d98c 100644
--- a/shared/js/ui/modal/ModalAvatarList.ts
+++ b/shared/js/ui/modal/ModalAvatarList.ts
@@ -29,9 +29,7 @@ export function spawnAvatarList(client: ConnectionHandler) {
         header: tr("Avatars"),
         footer: undefined,
         body: () => {
-            const template = $("#tmpl_avatar_list").renderTag({});
-
-            return template;
+            return $("#tmpl_avatar_list").renderTag({});
         }
     });
 
diff --git a/shared/js/ui/modal/ModalConnect.ts b/shared/js/ui/modal/ModalConnect.ts
deleted file mode 100644
index 1f24d304..00000000
--- a/shared/js/ui/modal/ModalConnect.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export const Regex = {
-    //DOMAIN<:port>
-    DOMAIN: /^(localhost|((([a-zA-Z0-9_-]{0,63}\.){0,253})?[a-zA-Z0-9_-]{0,63}\.[a-zA-Z]{2,64}))(|:(6553[0-5]|655[0-2][0-9]|65[0-4][0-9]{2}|6[0-4][0-9]{3}|[0-5]?[0-9]{1,46}))$/,
-    //IP<:port>
-    IP_V4: /(^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?))(|:(6553[0-5]|655[0-2][0-9]|65[0-4][0-9]{2}|6[0-4][0-9]{3}|[0-5]?[0-9]{1,4}))$/,
-    IP_V6: /(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))/,
-    IP: /^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$|^(([a-zA-Z]|[a-zA-Z][a-zA-Z0-9\-]*[a-zA-Z0-9])\.)*([A-Za-z]|[A-Za-z][A-Za-z0-9\-]*[A-Za-z0-9])$|^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))(%.+)?\s*$/,
-};
\ No newline at end of file
diff --git a/shared/js/ui/modal/ModalGroupAssignment.ts b/shared/js/ui/modal/ModalGroupAssignment.ts
deleted file mode 100644
index 06d9a214..00000000
--- a/shared/js/ui/modal/ModalGroupAssignment.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import {LogCategory, logWarn} from "../../log";
-import {createModal, Modal} from "../../ui/elements/Modal";
-import {ClientEntry} from "../../tree/Client";
-import {GroupManager, GroupType} from "../../permission/GroupManager";
-import PermissionType from "../../permission/PermissionType";
-import {generateIconJQueryTag, getIconManager} from "tc-shared/file/Icons";
-
-let current_modal: Modal;
-export function createServerGroupAssignmentModal(client: ClientEntry, callback: (groups: number[], flag: boolean) => Promise<boolean>) {
-    if(current_modal)
-        current_modal.close();
-
-    current_modal = createModal({
-        header: tr("Server Groups"),
-        body: () => {
-            let tag: any = {};
-            let groups = tag["groups"] = [];
-
-            tag["client"] = client.createChatTag();
-
-            const _groups = client.channelTree.client.groups.serverGroups.sort(GroupManager.sorter());
-            for(let group of _groups) {
-                if(group.type != GroupType.NORMAL) continue;
-
-                let entry = {} as any;
-                entry["id"] = group.id;
-                entry["name"] = group.name;
-                entry["disabled"] = !client.channelTree.client.permissions.neededPermission(PermissionType.I_GROUP_MEMBER_ADD_POWER).granted(group.requiredMemberRemovePower);
-                entry["default"] = client.channelTree.server.properties.virtualserver_default_server_group == group.id;
-                tag["icon_" + group.id] = generateIconJQueryTag(getIconManager().resolveIcon(group.properties.iconid, client.channelTree.server.properties.virtualserver_unique_identifier, client.channelTree.client.handlerId));
-                groups.push(entry);
-            }
-
-            let template = $("#tmpl_server_group_assignment").renderTag(tag);
-
-            const update_groups = () => {
-                for(let group of _groups) {
-                    template.find("input[group-id='" + group.id + "']").prop("checked", client.groupAssigned(group));
-                }
-            };
-
-            template.find(".group-entry input").each((_idx, _entry) => {
-                let entry = $(_entry);
-
-                entry.on('change', event => {
-                    let group_id = parseInt(entry.attr("group-id"));
-                    let group = client.channelTree.client.groups.findServerGroup(group_id);
-                    if(!group) {
-                        logWarn(LogCategory.GENERAL, tr("Could not resolve target group!"));
-                        return false;
-                    }
-
-                    let target = entry.prop("checked");
-                    callback([group.id], target).catch(e => { logWarn(LogCategory.GENERAL, tr("Failed to change group assignment: %o"), e)}).then(update_groups);
-                });
-            });
-
-            template.find(".button-close").on('click', () => current_modal.close());
-            template.find(".button-remove-all").on('click', () => {
-                const group_ids = [];
-
-                template.find(".group-entry input").each((_idx, _entry) => {
-                    let entry = $(_entry);
-                    if(entry.attr("default") !== undefined || !entry.prop("checked"))
-                        return;
-
-                    group_ids.push(parseInt(entry.attr("group-id")));
-                });
-
-                callback(group_ids, false).catch(e => { logWarn(LogCategory.GENERAL, tr("Failed to remove all group assignments: %o"), e)}).then(update_groups);
-
-            });
-
-            update_groups();
-            return template;
-        },
-        footer: null,
-        min_width: "10em"
-
-    });
-
-    current_modal.htmlTag.find(".modal-body").addClass("modal-server-group-assignments");
-    current_modal.close_listener.push(() => current_modal = undefined);
-    current_modal.open();
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/about/Controller.ts b/shared/js/ui/modal/about/Controller.ts
new file mode 100644
index 00000000..6b666176
--- /dev/null
+++ b/shared/js/ui/modal/about/Controller.ts
@@ -0,0 +1,73 @@
+import {Registry} from "tc-events";
+import {ModalAboutEvents, ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+import {getBackend} from "tc-shared/backend";
+
+class Controller {
+    readonly events: Registry<ModalAboutEvents>;
+    readonly variables: IpcUiVariableProvider<ModalAboutVariables>;
+
+    private eggShown: boolean;
+
+    constructor() {
+        this.events = new Registry<ModalAboutEvents>();
+        this.variables = new IpcUiVariableProvider<ModalAboutVariables>();
+
+        this.eggShown = false;
+
+        this.variables.setVariableProvider("nativeVersion", () => {
+            if(__build.target === "client") {
+                const backend = getBackend("native");
+                return backend.getVersionInfo().version;
+            } else {
+                return "unknown";
+            }
+        });
+
+        this.variables.setVariableProvider("uiVersion", () => __build.version);
+        this.variables.setVariableProvider("uiVersionTimestamp", () => __build.timestamp);
+
+        this.variables.setVariableProvider("eggShown", () => this.eggShown);
+        this.variables.setVariableEditor("eggShown", newValue => { this.eggShown = newValue; });
+
+        this.events.on("action_update_high_score", event => {
+            let highScore = parseInt(localStorage.getItem("ee-snake-high-score"));
+            if(!isNaN(highScore) && highScore >= event.score) {
+                /* No change */
+                return;
+            }
+
+            localStorage.setItem("ee-snake-high-score", event.score.toString());
+        });
+
+        this.events.on("query_high_score", () => {
+            let highScore = parseInt(localStorage.getItem("ee-snake-high-score"));
+            if(isNaN(highScore)) {
+                highScore = 0;
+            }
+
+            this.events.fire("notify_high_score", { score: highScore });
+        });
+    }
+
+    @CallOnce
+    destroy() {
+        this.events.destroy();
+        this.variables.destroy();
+    }
+}
+
+export function spawnAboutModal() {
+    const controller = new Controller();
+    const modal = spawnModal("modal-about", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription()
+    ], {
+        popoutable: true
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+    ignorePromise(modal.show());
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/about/Definitions.ts b/shared/js/ui/modal/about/Definitions.ts
new file mode 100644
index 00000000..829689a4
--- /dev/null
+++ b/shared/js/ui/modal/about/Definitions.ts
@@ -0,0 +1,13 @@
+export interface ModalAboutVariables {
+    readonly uiVersion: string,
+    readonly uiVersionTimestamp: number,
+    readonly nativeVersion: string,
+
+    eggShown: boolean
+}
+
+export interface ModalAboutEvents {
+    action_update_high_score: { score: number },
+    query_high_score: {},
+    notify_high_score: { score: number },
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/about/Renderer.scss b/shared/js/ui/modal/about/Renderer.scss
new file mode 100644
index 00000000..70f8fc35
--- /dev/null
+++ b/shared/js/ui/modal/about/Renderer.scss
@@ -0,0 +1,97 @@
+.container {
+    display: flex;
+    flex-direction: row;
+
+    text-align: center;
+    justify-content: center;
+
+    position: relative;
+
+    padding: 1em;
+    user-select: none;
+    color: #999999;
+
+    &.windowed {
+        height: 100%;
+        width: 100%;
+    }
+
+    .containerLeft {
+        align-self: center;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+
+    .containerRight {
+        align-self: center;
+
+        text-align: left;
+        padding-left: 2em;
+
+        h1 {
+            font-size: 1.5em;
+            margin-block-start: 0.35em;
+            margin-block-end: 0.35em;
+        }
+
+        h2 {
+            font-size: 1.25em;
+            margin-block-start: 0.10em;
+            margin-block-end: 0.10em;
+        }
+
+        p {
+            margin-block-start: .25em;
+            margin-block-end: .25em;
+        }
+
+        a {
+            user-select: all;
+        }
+    }
+
+    .version {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+        justify-content: stretch;
+
+        .key {
+            width: 50%;
+
+            flex-grow: 1;
+            flex-shrink: 1;
+
+            text-align: right;
+        }
+
+        .value {
+            width: 50%;
+            padding-left: .25em;
+
+            text-align: left;
+            user-select: all;
+
+            flex-grow: 1;
+            flex-shrink: 1;
+        }
+    }
+}
+
+.gameContainer {
+    position: absolute;
+
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    canvas {
+        width: 100%;
+        height: 100%;
+
+        image-rendering: crisp-edges;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/about/Renderer.tsx b/shared/js/ui/modal/about/Renderer.tsx
new file mode 100644
index 00000000..0b26be37
--- /dev/null
+++ b/shared/js/ui/modal/about/Renderer.tsx
@@ -0,0 +1,752 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext, useEffect} from "react";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {ModalAboutEvents, ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
+import TeaCupAnimatedImage from "./TeaSpeakCupAnimated.png";
+import {LogCategory, logError} from "tc-shared/log";
+import {CallOnce} from "tc-shared/proto";
+import {EventType, getKeyBoard, KeyEvent} from "tc-shared/PPTListener";
+
+const cssStyle = require("./Renderer.scss");
+const VariablesContext = React.createContext<UiVariableConsumer<ModalAboutVariables>>(undefined);
+const EventsContext = React.createContext<Registry<ModalAboutEvents>>(undefined);
+
+interface CanvasProperties {
+    with: number,
+    height: number,
+
+    timestamp: number,
+}
+
+interface TickProperties {
+    timestamp: number,
+}
+
+interface GameState {
+    name() : string;
+
+    initialize(game: SnakeGame);
+    finalize();
+
+    handleKeyEvent(event: KeyEvent);
+    gameTick(game: SnakeGame, properties: TickProperties);
+    render(context: CanvasRenderingContext2D, properties: CanvasProperties);
+}
+
+class GameStateCriticalError implements GameState {
+    constructor(readonly errorMessage: string) {}
+
+    name(): string {
+        return "Critical Error";
+    }
+
+    initialize() { }
+    finalize() { }
+
+    handleKeyEvent(event: KeyEvent) {}
+    gameTick(game: SnakeGame, properties: TickProperties) { }
+    render(context: CanvasRenderingContext2D, properties: CanvasProperties) {
+        context.fillStyle = "black";
+        context.fillRect(0, 0, properties.with, properties.height);
+
+        const fontPixelSize = Math.max(10, Math.floor(properties.height * 0.025));
+        context.fillStyle = "red";
+        context.textAlign = "center";
+        context.textBaseline = "middle";
+        context.font = fontPixelSize + "px Lucida Console, monospace";
+        context.fillText(tr("A critical error happened") + ":", properties.with / 2, (properties.height - fontPixelSize - 2) / 2);
+        context.fillText(this.errorMessage, properties.with / 2, (properties.height + fontPixelSize + 2) / 2);
+    }
+}
+
+class GameStateStart implements GameState {
+    private highScore: number;
+    private spacePressed: boolean;
+
+    name(): string {
+        return "Start";
+    }
+
+    initialize(game: SnakeGame) {
+        this.highScore = game.getHighScore();
+        this.spacePressed = false;
+    }
+
+    finalize() { }
+
+    handleKeyEvent(event: KeyEvent) {
+        if(event.keyCode === "Space") {
+            this.spacePressed = event.type !== EventType.KEY_RELEASE;
+        }
+    }
+
+    gameTick(game: SnakeGame, properties: TickProperties) {
+        if(this.spacePressed) {
+            game.setState(new GameStateInGame());
+            return;
+        }
+
+        this.highScore = game.getHighScore();
+    }
+
+    render(context: CanvasRenderingContext2D, properties: CanvasProperties) {
+        const fontPixelSize = Math.max(10, Math.floor(properties.height * 0.05));
+        const dynamicFontPixelSize = fontPixelSize + Math.sin(properties.timestamp / 750) / 2;
+
+        context.textAlign = "center";
+        context.textBaseline = "middle";
+
+        context.font = fontPixelSize + "px Lucida Console, monospace";
+        context.fillStyle = "white";
+        context.fillText(tr("Welcome to the snake game."), properties.with / 2, properties.height / 2 - fontPixelSize);
+        if(this.highScore > 0) {
+            context.fillText(tr("High score: ") + this.highScore, properties.with / 2, properties.height / 2);
+        }
+
+        context.font = dynamicFontPixelSize + "px Lucida Console, monospace";
+        context.fillStyle = "lightblue";
+        context.fillText(tr("Press 'Space' to start!"), properties.with / 2, properties.height / 2 + fontPixelSize * 2);
+    }
+}
+
+class GameStateGameOver implements GameState {
+    private spacePressed: boolean;
+
+    constructor(readonly gameScore: number) { }
+
+    name(): string {
+        return "Start";
+    }
+
+    initialize() {
+        this.spacePressed = false;
+    }
+
+    finalize() { }
+
+    handleKeyEvent(event: KeyEvent) {
+        if(event.keyCode === "Space") {
+            this.spacePressed = event.type !== EventType.KEY_RELEASE;
+        }
+    }
+
+    gameTick(game: SnakeGame, properties: TickProperties) {
+        if(this.spacePressed) {
+            game.setState(new GameStateStart());
+            return;
+        }
+    }
+
+    render(context: CanvasRenderingContext2D, properties: CanvasProperties) {
+        const fontPixelSize = Math.max(10, Math.floor(properties.height * 0.04));
+
+        context.textAlign = "center";
+        context.textBaseline = "middle";
+
+        context.font = (fontPixelSize * 2) + "px Lucida Console, monospace";
+        context.fillStyle = "red";
+        context.fillText(tr("Game over!"), properties.with / 2, properties.height / 2 - fontPixelSize * 2);
+
+        context.font = fontPixelSize + "px Lucida Console, monospace";
+        context.fillStyle = "white";
+        context.fillText(tr("Current score: ") + this.gameScore, properties.with / 2, properties.height / 2);
+        context.fillText(tr("Press 'Space' to continue."), properties.with / 2, properties.height / 2 + fontPixelSize * 2);
+    }
+}
+
+type GameDirection = "north" | "south" | "west" | "east";
+
+class GameStateInGame implements GameState {
+    private static readonly kGridWidth = 20;
+    private static readonly kGridHeight = 20;
+
+    private static readonly kSnakeSpeed = 300;
+
+    private lastTileMove: number;
+    private snake: GameDirection[];
+    private snakePosition: { x: number, y: number };
+    private snakeDirection: GameDirection;
+
+    private applePosition: { x: number, y: number };
+
+    name(): string {
+        return "InGame";
+    }
+
+    initialize() {
+        this.snake = [];
+        this.snakePosition = { x: Math.floor(GameStateInGame.kGridWidth / 2), y: Math.floor(GameStateInGame.kGridHeight / 2) };
+        this.snakeDirection = "north";
+
+        this.generateApple([[this.snakePosition.x, this.snakePosition.y]]);
+    }
+
+    finalize() {}
+
+    handleKeyEvent(event: KeyEvent) {
+        if(event.type !== EventType.KEY_RELEASE) {
+            switch (event.key) {
+                case "ArrowRight":
+                    this.snakeDirection = "east";
+                    break;
+
+                case "ArrowLeft":
+                    this.snakeDirection = "west";
+                    break;
+
+                case "ArrowUp":
+                    this.snakeDirection = "north";
+                    break;
+
+                case "ArrowDown":
+                    this.snakeDirection = "south";
+                    break;
+            }
+        }
+    }
+
+    gameTick(game: SnakeGame, properties: TickProperties) {
+        if(typeof this.lastTileMove === "undefined") {
+            this.lastTileMove = properties.timestamp;
+        } else {
+            let moveSteps = Math.floor((properties.timestamp - this.lastTileMove) / GameStateInGame.kSnakeSpeed);
+            this.lastTileMove += moveSteps * GameStateInGame.kSnakeSpeed;
+
+            let blockedTiles: [number, number][];
+            while(moveSteps-- > 0) {
+                this.snake.unshift(this.snakeDirection);
+
+                switch (this.snakeDirection) {
+                    case "north":
+                        this.snakePosition.y -= 1;
+                        break;
+
+                    case "east":
+                        this.snakePosition.x += 1;
+                        break;
+
+                    case "south":
+                        this.snakePosition.y += 1;
+                        break;
+
+                    case "west":
+                        this.snakePosition.x -= 1;
+                        break;
+                }
+
+                let generateApple = false;
+                if(this.snakePosition.x === this.applePosition.x && this.snakePosition.y === this.applePosition.y) {
+                    generateApple = true;
+                } else {
+                    this.snake.pop();
+                }
+
+                blockedTiles = [];
+                if(!this.validateSnake(blockedTiles)) {
+                    game.updateHighScore(this.snake.length + 1);
+                    game.setState(new GameStateGameOver(this.snake.length + 1));
+                    return;
+                }
+
+                if(generateApple) {
+                    if(!this.generateApple(blockedTiles)) {
+                        game.updateHighScore(this.snake.length + 1);
+                        game.setState(new GameStateGameOver(this.snake.length + 1));
+                        return;
+                    }
+                }
+            }
+        }
+    }
+
+    render(context: CanvasRenderingContext2D, properties: CanvasProperties) {
+        const fontPixelSize = Math.max(10, Math.floor(properties.height * 0.025));
+
+        const borderSize = 2;
+        const paddingTop = 5;
+        const paddingLeft = 5;
+        const tileSize = Math.min(
+            (properties.height - borderSize * 2 - paddingTop * 2) / GameStateInGame.kGridHeight,
+            (properties.with - borderSize * 2 - paddingLeft * 2) / GameStateInGame.kGridWidth
+        );
+
+        context.strokeStyle = "green";
+        context.lineWidth = borderSize;
+
+        const gridWidth = tileSize * GameStateInGame.kGridWidth;
+        const gridHeight = tileSize * GameStateInGame.kGridHeight;
+        const gridOffsetX = (properties.with - gridWidth) / 2;
+        const gridOffsetY = (properties.height - gridHeight) / 2;
+
+        context.strokeRect(gridOffsetX - borderSize / 2, gridOffsetY - borderSize / 2, gridWidth + borderSize, gridHeight + borderSize);
+
+        {
+            context.save();
+
+            context.translate(gridOffsetX, gridOffsetY);
+            context.scale(tileSize, tileSize);
+            this.renderSnake(context);
+
+            context.restore();
+        }
+
+        {
+            context.font = fontPixelSize + "px Lucida Console, monospace";
+            context.fillStyle = "green";
+            context.textAlign = "left";
+            context.textBaseline = "top";
+
+            const textScore = tr("Score") + ":";
+            const textScoreBounds = context.measureText(textScore)
+            context.fillText(textScore, gridOffsetX + tileSize / 2, gridOffsetY + tileSize / 2);
+            context.fillText(this.snake.length.toString(), gridOffsetX + tileSize / 2 + textScoreBounds.width + fontPixelSize * .25, gridOffsetY + tileSize / 2);
+        }
+    }
+
+    renderSnake(context: CanvasRenderingContext2D) {
+        let positionX = this.snakePosition.x, positionY = this.snakePosition.y;
+
+        for(let tileIndex = 0; tileIndex <= this.snake.length; tileIndex++) {
+            if(tileIndex === 0) {
+                context.fillStyle = "lightgreen";
+            } else if(tileIndex === 1) {
+                context.fillStyle = "green";
+            }
+            context.fillRect(positionX, positionY, 1, 1);
+
+            const tileDirection = this.snake[tileIndex];
+            switch (tileDirection) {
+                case "north":
+                    positionY += 1;
+                    break;
+
+                case "east":
+                    positionX -= 1;
+                    break;
+
+                case "south":
+                    positionY -= 1;
+                    break;
+
+                case "west":
+                    positionX += 1;
+                    break;
+            }
+        }
+
+        context.fillStyle = "red";
+        context.fillRect(this.applePosition.x, this.applePosition.y, 1, 1);
+    }
+
+    private generateApple(blockedTiles: [number, number][]): boolean {
+        const freeTiles = [];
+
+        for(let posX = 0; posX < GameStateInGame.kGridWidth; posX++) {
+            for(let posY = 0; posY < GameStateInGame.kGridHeight; posY++) {
+                if(blockedTiles.findIndex(tile => posX === tile[0] && posY === tile[1]) === -1) {
+                    freeTiles.push([posX, posY]);
+                }
+            }
+        }
+
+        if(freeTiles.length === 0) {
+            return false;
+        }
+
+        const tile = freeTiles[Math.floor(Math.random() * freeTiles.length)];
+        this.applePosition = {
+            x: tile[0],
+            y: tile[1]
+        };
+
+        return true;
+    }
+
+    private validateSnake(blockedTiles: [number, number][]) : boolean {
+        let positionX = this.snakePosition.x, positionY = this.snakePosition.y;
+
+        for(let tileIndex = 0; tileIndex <= this.snake.length; tileIndex++) {
+            if(positionY < 0 || positionY >= GameStateInGame.kGridHeight) {
+                return false;
+            }
+
+            if(positionX < 0 || positionX >= GameStateInGame.kGridWidth) {
+                return false;
+            }
+
+            if(blockedTiles.findIndex(tile => tile[0] === positionX && tile[1] === positionY) !== -1) {
+                return false;
+            }
+
+            blockedTiles.push([positionX, positionY]);
+            switch (this.snake[tileIndex]) {
+                case "north":
+                    positionY += 1;
+                    break;
+
+                case "east":
+                    positionX -= 1;
+                    break;
+
+                case "south":
+                    positionY -= 1;
+                    break;
+
+                case "west":
+                    positionX += 1;
+                    break;
+            }
+        }
+
+        return true;
+    }
+}
+
+class SnakeGame {
+    private static readonly kDebugInfo = false;
+    private readonly keyListener: () => void;
+    private readonly canvasElement: HTMLCanvasElement;
+    private readonly canvasContext: CanvasRenderingContext2D;
+    private readonly renderTimings: number[];
+    private currentFps: number;
+    private currentFrameTime: number;
+
+    private animationId: number;
+    private tickId: number;
+
+    private highScore: number;
+    private highScoreListener: (newValue: number) => void;
+
+
+    private currentState: GameState;
+
+    constructor(canvasElement: HTMLCanvasElement) {
+        this.canvasElement = canvasElement;
+        this.canvasContext = this.canvasElement.getContext("2d");
+        this.setState(new GameStateCriticalError("Missing initial state"));
+
+        this.currentFps = 0;
+        this.currentFrameTime = 0;
+
+        this.renderTimings = [];
+        this.canvasContext.imageSmoothingEnabled = false;
+        //this.canvasContext.imageSmoothingQuality = "high";
+
+        this.animationId = requestAnimationFrame(() => {
+            this.invokeRender();
+        });
+
+        this.tickId = setInterval(() => {
+            try {
+                this.currentState.gameTick(this, {
+                    timestamp: Date.now()
+                });
+            } catch (error) {
+                logError(LogCategory.GENERAL, tr("Failed to tick current game state: %o"), error);
+                this.setState(new GameStateCriticalError(tr("game tick caused an error")))
+            }
+        }, 50);
+
+        {
+            const keyboard = getKeyBoard();
+            const listener = event => {
+                this.currentState.handleKeyEvent(event);
+            };
+            keyboard.registerListener(listener);
+            this.keyListener = () => keyboard.unregisterListener(listener);
+        }
+
+        this.highScore = 0;
+        this.setState(new GameStateStart());
+    }
+
+    getHighScore() : number { return this.highScore; }
+    updateHighScore(gameScore: number) : boolean {
+        if(gameScore <= this.highScore) {
+            return false;
+        }
+
+        this.highScore = gameScore;
+        if(this.highScoreListener) {
+            this.highScoreListener(this.highScore);
+        }
+
+        return true;
+    }
+
+    setHighScoreListener(listener: (newValue: number) => void) {
+        this.highScoreListener = listener;
+    }
+
+    @CallOnce
+    destroy() {
+        this.keyListener();
+
+        cancelAnimationFrame(this.animationId);
+        clearInterval(this.tickId);
+
+        this.tickId = 0;
+        this.animationId = 0;
+    }
+
+    setState(state: GameState) {
+        this.currentState?.finalize();
+
+        this.currentState = state;
+        this.currentState.initialize(this);
+    }
+
+    private invokeRender() {
+        const frameStart = performance.now();
+        while(this.renderTimings[0] + 1000 <= frameStart) { this.renderTimings.shift(); }
+        this.renderTimings.push(frameStart);
+        this.currentFps = this.currentFps * .8 + this.renderTimings.length * .2;
+
+        try {
+            this.render();
+        } catch (error) {
+            logError(LogCategory.GENERAL, tr("Failed to render game: %o"), error);
+        }
+
+        const frameEnd = performance.now();
+        this.currentFrameTime = this.currentFrameTime * .8 + (frameEnd - frameStart) * .2;
+
+        this.animationId = requestAnimationFrame(() => {
+            this.invokeRender();
+        });
+    }
+
+    private render() {
+        this.canvasElement.width = this.canvasElement.clientWidth;
+        this.canvasElement.height = this.canvasElement.clientHeight;
+        const properties: CanvasProperties = {
+            with: this.canvasElement.clientWidth,
+            height: this.canvasElement.clientHeight,
+            timestamp: performance.now()
+        };
+
+        const ctx = this.canvasContext;
+        ctx.fillStyle = "black";
+        ctx.fillRect(0, 0, properties.with, properties.height);
+
+        this.currentState.render(this.canvasContext, properties);
+
+        /* Debug Info */
+        if(SnakeGame.kDebugInfo) {
+            const fontPixelSize = Math.max(10, Math.floor(properties.height * 0.025));
+            const keyWidth = 12 * fontPixelSize;
+
+            ctx.fillStyle = "white";
+            ctx.textAlign = "left";
+            ctx.textBaseline = "top";
+            ctx.font = fontPixelSize + "px Lucida Console, monospace";
+            ctx.fillText("FPS:", 10, 10);
+            ctx.fillText(this.currentFps.toFixed(2), keyWidth, 10);
+
+            ctx.fillText("Frame Time (ms):", 10, 10 + fontPixelSize * 1.2);
+            ctx.fillText(this.currentFrameTime.toFixed(2), keyWidth, 10 + fontPixelSize * 1.2);
+
+            ctx.fillText("Stage Name:", 10, 10 + fontPixelSize * 1.2 * 2);
+            ctx.fillText(this.currentState.name(), keyWidth, 10 + fontPixelSize * 1.2 * 2);
+        }
+    }
+}
+
+const SnakeGameRenderer = React.memo(() => {
+    const events = useContext(EventsContext);
+    const refCanvas = React.createRef<HTMLCanvasElement>();
+
+    useEffect(() => {
+        const game = new SnakeGame(refCanvas.current);
+        const listenerHighScore = events.on("notify_high_score", event => game.updateHighScore(event.score));
+
+        game.setHighScoreListener(newValue => events.fire("action_update_high_score", { score: newValue }));
+        events.fire("query_high_score");
+
+        return () => {
+            listenerHighScore();
+            game.destroy();
+        }
+    }, []);
+
+    return (
+        <div className={cssStyle.gameContainer}>
+            <canvas ref={refCanvas} />
+        </div>
+    )
+});
+
+const SnakeEasterEgg = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const eggShown = variables.useReadOnly("eggShown", undefined, false);
+
+    if(eggShown) {
+        return <SnakeGameRenderer />;
+    } else {
+        return null;
+    }
+})
+
+const InfoTitle = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const uiVersion = variables.useReadOnly("uiVersion", undefined, useTr("loading"));
+
+    return (
+        <h1>
+            TeaSpeak-Client build {uiVersion}
+        </h1>
+    );
+});
+
+const ModalTitle = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const eggShown = variables.useReadOnly("eggShown", undefined, false);
+
+    if(eggShown) {
+        return <Translatable key={"snake"}>The Snake Game</Translatable>;
+    } else if(__build.target === "web") {
+        return <Translatable key={"web"}>About TeaWeb</Translatable>;
+    } else {
+        return <Translatable key={"client"}>About TeaClient</Translatable>;
+    }
+});
+
+const SupportEmail = React.memo(() => {
+    let targetMail;
+    if(__build.target === "web") {
+        targetMail = "web.support@teaspeak.de";
+    } else {
+        targetMail = "client.support@teaspeak.de";
+    }
+
+    return (
+        <a href={"mailto:" + targetMail}>{targetMail}</a>
+    );
+});
+
+const VersionInfo = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const result = [];
+
+    const uiVersion = variables.useReadOnly("uiVersion", undefined, useTr("loading"));
+    if(__build.target === "web") {
+        result.push(
+            <div className={cssStyle.version} key={"web"}>
+                <div className={cssStyle.key}><Translatable>TeaWeb</Translatable></div>:
+                <div className={cssStyle.value}>{uiVersion}</div>
+            </div>
+        );
+    } else {
+        const nativeVersion = variables.useReadOnly("nativeVersion", undefined, useTr("loading"));
+        result.push(
+            <div className={cssStyle.version} key={"native"}>
+                <div className={cssStyle.key}><Translatable>TeaClient</Translatable></div>:
+                <div className={cssStyle.value}>{nativeVersion}</div>
+            </div>
+        );
+        result.push(
+            <div className={cssStyle.version} key={"ui"}>
+                <div className={cssStyle.key}><Translatable>User Interface</Translatable></div>:
+                <div className={cssStyle.value}>{uiVersion}</div>
+            </div>
+        );
+    }
+
+    return (
+        <React.Fragment>
+            {result}
+        </React.Fragment>
+    );
+});
+
+const LicenseInfo = React.memo(() => {
+    let applicationName;
+    if(__build.target === "web") {
+        applicationName = "TeaWeb";
+    } else {
+        applicationName = "TeaClient";
+    }
+    return (
+        <p>
+            The {applicationName} application is licensed by MPL-2.0<br />
+            More information here: <a href="https://github.com/TeaSpeak/TeaWeb/blob/master/LICENSE.TXT" target="_blank">https://github.com/TeaSpeak/TeaWeb/blob/master/LICENSE.TXT</a>
+        </p>
+    )
+});
+
+const MarkusHadenfeldt = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const variable = variables.useVariable("eggShown");
+
+    return (
+        <span onDoubleClick={() => variable.setValue(true)}>
+            (Markus Hadenfeldt)
+        </span>
+    );
+})
+
+class Modal extends AbstractModal {
+    private readonly events: Registry<ModalAboutEvents>;
+    private readonly variables: UiVariableConsumer<ModalAboutVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalAboutEvents>, variables: IpcVariableDescriptor<ModalAboutVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventsContext.Provider value={this.events}>
+                <VariablesContext.Provider value={this.variables}>
+                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                        <div className={cssStyle.containerLeft}>
+                            <div>
+                                <img src={TeaCupAnimatedImage} alt={useTr("TeaSpeak - Logo")} draggable={false} />
+                            </div>
+                            <div>
+                                Copyright (c) 2017-2021 TeaSpeak <br/>
+                                <MarkusHadenfeldt />
+                            </div>
+                            <div>
+                                <VersionInfo/>
+                            </div>
+                        </div>
+                        <div className={cssStyle.containerRight}>
+                            <InfoTitle/>
+                            <h2><Translatable>Special thanks</Translatable></h2>
+                            <p>
+                                "Яedeemer" (Janni K.)<br />
+                                Chromatic-Solutions (Sofian) for the lovely dark design
+                            </p>
+                            <h2><Translatable>Contact</Translatable></h2>
+                            <p>
+                                <Translatable>E-Mail</Translatable>: <SupportEmail /><br />
+                                <Translatable>WWW</Translatable>: <a href="https://teaspeak.de" target="_blank">https://teaspeak.de</a><br/>
+                                <Translatable>Community</Translatable>: <a href="https://forum.teaspeak.de" target="_blank">https://forum.teaspeak.de</a>
+                            </p>
+                            <h2><Translatable>License</Translatable></h2>
+                            <LicenseInfo />
+                        </div>
+                        <SnakeEasterEgg />
+                    </div>
+                </VariablesContext.Provider>
+            </EventsContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return (
+            <VariablesContext.Provider value={this.variables}>
+                <ModalTitle />
+            </VariablesContext.Provider>
+        );
+    }
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/modal/about/TeaSpeakCupAnimated.png b/shared/js/ui/modal/about/TeaSpeakCupAnimated.png
new file mode 100644
index 0000000000000000000000000000000000000000..3eda87e537836604e1d144160a9c5ea0166b7749
GIT binary patch
literal 65631
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

literal 0
HcmV?d00001

diff --git a/shared/js/ui/modal/connect/Controller.ts b/shared/js/ui/modal/connect/Controller.ts
index e9c24640..50a99a7a 100644
--- a/shared/js/ui/modal/connect/Controller.ts
+++ b/shared/js/ui/modal/connect/Controller.ts
@@ -17,10 +17,10 @@ import {ConnectionHandler} from "tc-shared/ConnectionHandler";
 import {server_connections} from "tc-shared/ConnectionManager";
 import {parseServerAddress} from "tc-shared/tree/Server";
 import {spawnSettingsModal} from "tc-shared/ui/modal/ModalSettings";
-import ipRegex from "ip-regex";
 import {UiVariableProvider} from "tc-shared/ui/utils/Variable";
 import {createIpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
 import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import ipRegex from "ip-regex";
 
 const kRegexDomain = /^(localhost|((([a-zA-Z0-9_-]{0,63}\.){0,253})?[a-zA-Z0-9_-]{0,63}\.[a-zA-Z]{2,64}))$/i;
 
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index f8ec60d6..b71057fd 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -21,6 +21,7 @@ import {PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefini
 import {PermissionEditorServerInfo} from "tc-shared/ui/modal/permission/ModalRenderer";
 import {ModalAvatarUploadEvents, ModalAvatarUploadVariables} from "tc-shared/ui/modal/avatar-upload/Definitions";
 import {ModalInputProcessorEvents, ModalInputProcessorVariables} from "tc-shared/ui/modal/input-processor/Definitios";
+import {ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -215,5 +216,9 @@ export interface ModalConstructorArguments {
     "modal-input-processor": [
         /* events */ IpcRegistryDescription<ModalInputProcessorEvents>,
         /* variables */ IpcVariableDescriptor<ModalInputProcessorVariables>,
+    ],
+    "modal-about": [
+        /* events */ IpcRegistryDescription,
+        /* variables */ IpcVariableDescriptor<ModalAboutVariables>
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 96fda81e..9aa865e8 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -113,4 +113,10 @@ registerModal({
     modalId: "modal-input-processor",
     classLoader: async () => await import("tc-shared/ui/modal/input-processor/Renderer"),
     popoutSupported: true
+});
+
+registerModal({
+    modalId: "modal-about",
+    classLoader: async () => await import("tc-shared/ui/modal/about/Renderer"),
+    popoutSupported: true
 });
\ No newline at end of file
diff --git a/shared/js/ui/utils/LocalVariable.ts b/shared/js/ui/utils/LocalVariable.ts
index c7a5e95c..5e892dc2 100644
--- a/shared/js/ui/utils/LocalVariable.ts
+++ b/shared/js/ui/utils/LocalVariable.ts
@@ -53,8 +53,8 @@ class LocalUiVariableConsumer<Variables extends UiVariableMap> extends UiVariabl
 }
 
 export function createLocalUiVariables<Variables extends UiVariableMap>() : [UiVariableProvider<Variables>, UiVariableConsumer<Variables>] {
-    const provider = new LocalUiVariableProvider();
-    const consumer = new LocalUiVariableConsumer(provider);
+    const provider = new LocalUiVariableProvider<Variables>();
+    const consumer = new LocalUiVariableConsumer<Variables>(provider);
     provider.setConsumer(consumer);
-    return [provider as any, consumer as any];
+    return [provider, consumer];
 }
\ No newline at end of file
diff --git a/web/app/connection/ServerConnection.ts b/web/app/connection/ServerConnection.ts
index e5068a68..a12ee2d4 100644
--- a/web/app/connection/ServerConnection.ts
+++ b/web/app/connection/ServerConnection.ts
@@ -11,7 +11,6 @@ import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {settings, Settings} from "tc-shared/settings";
 import * as log from "tc-shared/log";
 import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
-import {Regex} from "tc-shared/ui/modal/ModalConnect";
 import {AbstractCommandHandlerBoss} from "tc-shared/connection/AbstractCommandHandler";
 import {WrappedWebSocket} from "./WrappedWebSocket";
 import {AbstractVoiceConnection} from "tc-shared/connection/VoiceConnection";
@@ -24,6 +23,7 @@ import {RTCConnection} from "tc-shared/connection/rtc/Connection";
 import {RtpVideoConnection} from "tc-shared/connection/rtc/video/Connection";
 import { tr } from "tc-shared/i18n/localize";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import ipRegex from "ip-regex";
 
 class ReturnListener<T> {
     resolve: (value?: T | PromiseLike<T>) => void;
@@ -137,10 +137,12 @@ export class ServerConnection extends AbstractServerConnection {
         proxySocket:
         if(!settings.getValue(Settings.KEY_CONNECT_NO_DNSPROXY)) {
             let host;
-            if(Regex.IP_V4.test(address.host)) {
-                host = address.host.replace(/\./g, "-") + ".con-gate.work";
-            } else if(Regex.IP_V6.test(address.host)) {
-                host = address.host.replace(/\[(.*)]/, "$1").replace(/:/g, "_") + ".con-gate.work";
+
+            if(ipRegex({ exact: true }).test(address.host)) {
+                host = address.host;
+                host = host.replace(/\./g, "-");
+                host = host.replace(/:/g, "_");
+                host = host + ".con-gate.work";
             } else {
                 break proxySocket;
             }
diff --git a/web/app/entry-points/ModalWindow.ts b/web/app/entry-points/ModalWindow.ts
index f55e24d4..506d5c1d 100644
--- a/web/app/entry-points/ModalWindow.ts
+++ b/web/app/entry-points/ModalWindow.ts
@@ -1,4 +1,5 @@
 /* This is the entry point file for the external modals */
 
 import "../ui/context-menu";
+import "../hooks/KeyBoard";
 import "tc-shared/entry-points/ModalWindow";
\ No newline at end of file
diff --git a/web/app/hooks/KeyBoard.ts b/web/app/hooks/KeyBoard.ts
index 9cce889d..625305a3 100644
--- a/web/app/hooks/KeyBoard.ts
+++ b/web/app/hooks/KeyBoard.ts
@@ -3,6 +3,10 @@ import {Stage} from "tc-loader";
 import {setKeyBoardBackend} from "tc-shared/PPTListener";
 import {WebKeyBoard} from "../KeyBoard";
 
+/*
+ * Will be loaded within the renderer and the main application.
+ */
+
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     name: "audio backend init",
     function: async () => setKeyBoardBackend(new WebKeyBoard()),

From 3cf7582e055f389b79d303cb3616a65f6a43a784 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 19 Apr 2021 14:00:25 +0200
Subject: [PATCH 082/128] Some minor video bugfixes

---
 ChangeLog.md                                 |  4 ++++
 shared/js/connection/rtc/video/Connection.ts |  3 ++-
 shared/js/ui/frames/video/Controller.ts      | 11 +++++++++--
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 3acde1ac..392719bd 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,8 @@
 # Changelog:
+* **19.04.21**
+    - Fixed a bug that the client video box is shown as active even though the client does not stream any video
+    - Fixed a bug that the video fullscreen windows pops open when a client leaves/joins the channel
+  
 * **05.04.21**
     - Fixed the mute but for the webclient
     - Fixed that "always active" microphone filter now works reliably  
diff --git a/shared/js/connection/rtc/video/Connection.ts b/shared/js/connection/rtc/video/Connection.ts
index 1305551a..d880a06d 100644
--- a/shared/js/connection/rtc/video/Connection.ts
+++ b/shared/js/connection/rtc/video/Connection.ts
@@ -19,7 +19,7 @@ import {RtpVideoClient} from "./VideoClient";
 import {tr} from "tc-shared/i18n/localize";
 import {ConnectionState} from "tc-shared/ConnectionHandler";
 import {ConnectionStatistics} from "tc-shared/connection/ConnectionBase";
-import * as _ from "lodash";
+import _ from "lodash";
 
 class LocalRtpVideoBroadcast implements LocalVideoBroadcast {
     private readonly handle: RtpVideoConnection;
@@ -543,6 +543,7 @@ export class RtpVideoConnection implements VideoConnection {
     private handleVideoAssignmentChanged(type: VideoBroadcastType, event: RTCConnectionEvents["notify_video_assignment_changed"]) {
         const oldClient = Object.values(this.registeredClients).find(client => client.getRtpTrack(type) === event.track);
         if(oldClient) {
+            oldClient.setBroadcastId(type, undefined);
             oldClient.setRtpTrack(type, undefined);
         }
 
diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index c1193248..04f1d9e6 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -134,6 +134,11 @@ class RemoteClientVideoController implements ClientVideoController {
             return;
         }
 
+        if(videoClient.getVideoState(type) === VideoBroadcastState.Stopped) {
+            /* There is no video we could join */
+            return;
+        }
+
         videoClient.joinBroadcast(type).catch(error => {
             logError(LogCategory.VIDEO, tr("Failed to join video broadcast: %o"), error);
             /* TODO: Propagate error? */
@@ -399,7 +404,7 @@ class ChannelVideoController {
 
         this.events.on("action_toggle_spotlight", event => {
             this.toggleSpotlight(event.videoIds, event.enabled);
-            if(!this.isExpended()) {
+            if(event.expend && !this.isExpended()) {
                 this.events.fire("action_toggle_expended", { expended: true });
             }
         });
@@ -742,7 +747,9 @@ export class ChannelVideoFrame {
 
         ReactDOM.render(React.createElement(ChannelVideoRenderer, { handlerId: handle.handlerId, events: this.events }), this.container);
 
-        this.events.on("notify_expended", event => this.container.classList.toggle(cssStyle.expended, event.expended));
+        this.events.on("notify_expended", event => {
+            this.container.classList.toggle(cssStyle.expended, event.expended);
+        });
         this.controller.callbackVisibilityChanged = flag => {
             this.container.classList.toggle(cssStyle.hidden, !flag);
             if(!flag) {

From fbb40e7ff9340e3f910453169349da7c65080993 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 19 Apr 2021 19:40:32 +0200
Subject: [PATCH 083/128] Bundle our own jQuery and jsRender version instead of
 using the clients version

---
 webpack-client.config.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/webpack-client.config.ts b/webpack-client.config.ts
index d451f594..1c3ee1b3 100644
--- a/webpack-client.config.ts
+++ b/webpack-client.config.ts
@@ -23,8 +23,5 @@ export = env => config_base.config(env, "client").then(config => {
         callback(undefined, undefined);
     });
 
-    config.externals.push({ "jquery": "window.$" });
-    config.externals.push({ "jsrender": "window.$" });
-
     return Promise.resolve(config);
 });
\ No newline at end of file

From dde13e031b83ec5ecf5b10141a6acaecd35c0c4b Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 19 Apr 2021 20:26:37 +0200
Subject: [PATCH 084/128] Some fixes and minor updates for the TeaClient 1.5.3

---
 ChangeLog.md                                  |   3 +-
 shared/js/Bookmarks.ts                        |  41 ++-
 shared/js/ConnectionHandler.ts                | 102 +++-----
 shared/js/ServerSettings.ts                   | 138 ++++++++++
 shared/js/StorageAdapter.ts                   |  42 ++++
 .../PrivateConversationHistory.ts             |   8 +
 shared/js/i18n/localize.ts                    |  11 +-
 shared/js/profiles/ConnectionProfile.ts       |  14 +-
 .../js/profiles/identities/teaspeak-forum.ts  |  87 ++++---
 shared/js/proto.ts                            |   8 +-
 shared/js/settings.ts                         | 235 ++++++------------
 shared/js/text/markdown.ts                    |   3 +-
 shared/js/ui/modal/about/Controller.ts        |  14 +-
 shared/js/ui/modal/css-editor/Controller.ts   |  42 ++--
 shared/js/ui/modal/whats-new/Renderer.tsx     |   2 +-
 shared/js/update/Updater.ts                   |   5 +-
 shared/js/update/UpdaterWeb.ts                |   5 +-
 shared/js/update/index.ts                     |  25 +-
 18 files changed, 451 insertions(+), 334 deletions(-)
 create mode 100644 shared/js/ServerSettings.ts
 create mode 100644 shared/js/StorageAdapter.ts

diff --git a/ChangeLog.md b/ChangeLog.md
index 392719bd..fd9bb7a0 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -2,6 +2,7 @@
 * **19.04.21**
     - Fixed a bug that the client video box is shown as active even though the client does not stream any video
     - Fixed a bug that the video fullscreen windows pops open when a client leaves/joins the channel
+    - Removed extra new line after blockquote for the markdown renderer
   
 * **05.04.21**
     - Fixed the mute but for the webclient
@@ -9,7 +10,7 @@
     - Improved the recorder API
   
 * **29.03.21**
-    - Accquiering the default input recorder when opening the settings
+    - Acquiring the default input recorder when opening the settings
     - Adding new modal Input Processing Properties for the native client
     - Fixed that you can't finish off the name editing by pressing enter
   
diff --git a/shared/js/Bookmarks.ts b/shared/js/Bookmarks.ts
index 835b9cfd..55d6e99b 100644
--- a/shared/js/Bookmarks.ts
+++ b/shared/js/Bookmarks.ts
@@ -1,6 +1,6 @@
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
-import {WritableKeys} from "tc-shared/proto";
+import {ignorePromise, WritableKeys} from "tc-shared/proto";
 import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "tc-shared/log";
 import {guid} from "tc-shared/crypto/uid";
 import {Registry} from "tc-events";
@@ -8,6 +8,7 @@ import {server_connections} from "tc-shared/ConnectionManager";
 import {defaultConnectProfile, findConnectProfile} from "tc-shared/profiles/ConnectionProfile";
 import {ConnectionState} from "tc-shared/ConnectionHandler";
 import * as _ from "lodash";
+import {getStorageAdapter} from "tc-shared/StorageAdapter";
 
 type BookmarkBase = {
     readonly uniqueId: string,
@@ -49,7 +50,7 @@ export type OrderedBookmarkEntry = {
     childCount: number,
 };
 
-const kLocalStorageKey = "bookmarks_v2";
+const kStorageKey = "bookmarks_v2";
 export class BookmarkManager {
     readonly events: Registry<BookmarkEvents>;
     private readonly registeredBookmarks: BookmarkEntry[];
@@ -59,25 +60,24 @@ export class BookmarkManager {
         this.events = new Registry<BookmarkEvents>();
         this.registeredBookmarks = [];
         this.defaultBookmarkCreated = false;
-        this.loadBookmarks();
     }
 
-    private loadBookmarks() {
-        const bookmarksJson = localStorage.getItem(kLocalStorageKey);
+    async loadBookmarks() {
+        const bookmarksJson = await getStorageAdapter().get(kStorageKey);
         if(typeof bookmarksJson !== "string") {
-            const oldBookmarksJson = localStorage.getItem("bookmarks");
+            const oldBookmarksJson = await getStorageAdapter().get("bookmarks");
             if(typeof oldBookmarksJson === "string") {
                 logDebug(LogCategory.BOOKMARKS, tr("Found no new bookmarks but found old bookmarks. Trying to import."));
                 try {
                     this.importOldBookmarks(oldBookmarksJson);
                     logInfo(LogCategory.BOOKMARKS, tr("Successfully imported %d old bookmarks."), this.registeredBookmarks.length);
-                    this.saveBookmarks();
+                    await this.saveBookmarks();
                 } catch (error) {
                     const saveKey = "bookmarks_v1_save_" + Date.now();
                     logError(LogCategory.BOOKMARKS, tr("Failed to import old bookmark data. Saving it as %s"), saveKey);
-                    localStorage.setItem(saveKey, oldBookmarksJson);
+                    await getStorageAdapter().set(saveKey, oldBookmarksJson);
                 } finally {
-                    localStorage.removeItem("bookmarks");
+                    await getStorageAdapter().delete("bookmarks");
                 }
             }
         } else {
@@ -93,9 +93,9 @@ export class BookmarkManager {
                 logTrace(LogCategory.BOOKMARKS, tr("Loaded %d bookmarks."), this.registeredBookmarks.length);
             } catch (error) {
                 const saveKey = "bookmarks_v2_save_" + Date.now();
-                logError(LogCategory.BOOKMARKS, tr("Failed to parse bookmarks. Saving them at %s and using a clean setup."), saveKey)
-                localStorage.setItem(saveKey, bookmarksJson);
-                localStorage.removeItem("bookmarks_v2");
+                logError(LogCategory.BOOKMARKS, tr("Failed to parse bookmarks. Saving them at %s and using a clean setup."), saveKey);
+                await getStorageAdapter().set(saveKey, bookmarksJson);
+                await getStorageAdapter().delete(kStorageKey);
             }
         }
 
@@ -118,8 +118,6 @@ export class BookmarkManager {
                 defaultChannel: undefined,
                 defaultChannelPasswordHash: undefined,
             });
-
-            this.saveBookmarks();
         }
     }
 
@@ -203,12 +201,12 @@ export class BookmarkManager {
         this.defaultBookmarkCreated = true;
     }
 
-    private saveBookmarks() {
-        localStorage.setItem(kLocalStorageKey, JSON.stringify({
+    async saveBookmarks() {
+        await getStorageAdapter().set(kStorageKey, JSON.stringify({
             version: 2,
             bookmarks: this.registeredBookmarks,
             defaultBookmarkCreated: this.defaultBookmarkCreated,
-        }))
+        }));
     }
 
     getRegisteredBookmarks() : BookmarkEntry[] {
@@ -278,7 +276,7 @@ export class BookmarkManager {
         } as BookmarkInfo);
         this.registeredBookmarks.push(bookmark);
         this.events.fire("notify_bookmark_created", { bookmark });
-        this.saveBookmarks();
+        ignorePromise(this.saveBookmarks());
         return bookmark;
     }
 
@@ -294,7 +292,7 @@ export class BookmarkManager {
         } as BookmarkDirectory);
         this.registeredBookmarks.push(bookmark);
         this.events.fire("notify_bookmark_created", { bookmark });
-        this.saveBookmarks();
+        ignorePromise(this.saveBookmarks());
         return bookmark;
     }
 
@@ -322,7 +320,7 @@ export class BookmarkManager {
 
         children.pop_front();
         this.events.fire("notify_bookmark_deleted", { bookmark: entry, children });
-        this.saveBookmarks();
+        ignorePromise(this.saveBookmarks());
     }
 
     executeConnect(uniqueId: string, newTab: boolean) {
@@ -441,7 +439,7 @@ export class BookmarkManager {
             return;
         }
 
-        this.saveBookmarks();
+        ignorePromise(this.saveBookmarks());
         this.events.fire("notify_bookmark_edited", { bookmark: bookmarkInfo, keys: editedKeys });
     }
 
@@ -518,6 +516,7 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     name: "initialize bookmarks",
     function: async () => {
         bookmarks = new BookmarkManager();
+        await bookmarks.loadBookmarks();
         (window as any).bookmarks = bookmarks;
     },
     priority: 20
diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index b83ff81f..d111a559 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -1,7 +1,7 @@
 import {AbstractServerConnection} from "./connection/ConnectionBase";
 import {PermissionManager} from "./permission/PermissionManager";
 import {GroupManager} from "./permission/GroupManager";
-import {ServerSettings, Settings, settings, StaticSettings} from "./settings";
+import {Settings, settings} from "./settings";
 import {Sound, SoundManager} from "./audio/Sounds";
 import {ConnectionProfile} from "./profiles/ConnectionProfile";
 import {LogCategory, logError, logInfo, logTrace, logWarn} from "./log";
@@ -38,6 +38,8 @@ import {getDNSProvider} from "tc-shared/dns";
 import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
 import ipRegex from "ip-regex";
 import * as htmltags from "./ui/htmltags";
+import {ServerSettings} from "tc-shared/ServerSettings";
+import {ignorePromise} from "tc-shared/proto";
 
 assertMainApplication();
 
@@ -165,7 +167,7 @@ export class ConnectionHandler {
     private localClient: LocalClientEntry;
 
     private autoReconnectTimer: number;
-    private autoReconnectAttempt: boolean = false;
+    private isReconnectAttempt: boolean;
 
     private connectAttemptId: number = 1;
     private echoTestRunning = false;
@@ -275,9 +277,9 @@ export class ConnectionHandler {
         return this.events_;
     }
 
-    async startConnectionNew(parameters: ConnectParameters, autoReconnectAttempt: boolean) {
+    async startConnectionNew(parameters: ConnectParameters, isReconnectAttempt: boolean) {
         this.cancelAutoReconnect(true);
-        this.autoReconnectAttempt = autoReconnectAttempt;
+        this.isReconnectAttempt = isReconnectAttempt;
         this.handleDisconnect(DisconnectReason.REQUESTED);
 
         const localConnectionAttemptId = ++this.connectAttemptId;
@@ -368,7 +370,7 @@ export class ConnectionHandler {
             }
         }
 
-        if(this.autoReconnectAttempt) {
+        if(this.isReconnectAttempt) {
             /* this.currentConnectId = 0; */
             /* Reconnect attempts are connecting to the last server. No need to update the general attempt id */
         } else {
@@ -382,24 +384,6 @@ export class ConnectionHandler {
         await this.serverConnection.connect(resolvedAddress, new HandshakeHandler(parameters));
     }
 
-    async startConnection(addr: string, profile: ConnectionProfile, user_action: boolean, parameters: ConnectParametersOld) {
-        await this.startConnectionNew({
-            profile: profile,
-            targetAddress: addr,
-
-            nickname: parameters.nickname,
-            nicknameSpecified: true,
-
-            serverPassword: parameters.password?.password,
-            serverPasswordHashed: parameters.password?.hashed,
-
-            defaultChannel: parameters?.channel?.target,
-            defaultChannelPassword: parameters?.channel?.password,
-
-            token: parameters.token
-        }, !user_action);
-    }
-
     async disconnectFromServer(reason?: string) {
         this.cancelAutoReconnect(true);
         if(!this.connected) {
@@ -473,7 +457,7 @@ export class ConnectionHandler {
             }
             */
 
-            this.settings.setServer(this.channelTree.server.properties.virtualserver_unique_identifier);
+            this.settings.setServerUniqueId(this.channelTree.server.properties.virtualserver_unique_identifier);
 
             /* apply the server settings */
             if(this.handlerState.channel_subscribe_all) {
@@ -570,7 +554,7 @@ export class ConnectionHandler {
                 this.sound.play(Sound.CONNECTION_REFUSED);
                 break;
             case DisconnectReason.CONNECT_FAILURE:
-                if(this.autoReconnectAttempt) {
+                if(this.isReconnectAttempt) {
                     autoReconnect = true;
                     break;
                 }
@@ -656,13 +640,13 @@ export class ConnectionHandler {
                 break;
             case DisconnectReason.CONNECTION_CLOSED:
                 logError(LogCategory.CLIENT, tr("Lost connection to remote server!"));
-                if(!this.autoReconnectAttempt) {
+                if(!this.isReconnectAttempt) {
                     createErrorModal(
                         tr("Connection closed"),
                         tr("The connection was closed by remote host")
                     ).open();
+                    this.sound.play(Sound.CONNECTION_DISCONNECTED);
                 }
-                this.sound.play(Sound.CONNECTION_DISCONNECTED);
 
                 autoReconnect = true;
                 break;
@@ -673,6 +657,7 @@ export class ConnectionHandler {
                     tr("Connection lost"),
                     tr("Lost connection to remote host (Ping timeout)<br>Even possible?")
                 ).open();
+                autoReconnect = true;
 
                 break;
             case DisconnectReason.SERVER_CLOSED:
@@ -690,25 +675,15 @@ export class ConnectionHandler {
             case DisconnectReason.SERVER_REQUIRES_PASSWORD:
                 this.log.log("server.requires.password", {});
 
-                createInputModal(tr("Server password"), tr("Enter server password:"), password => password.length != 0, async password => {
+                const reconnectParameters = this.generateReconnectParameters();
+                createInputModal(tr("Server password"), tr("Enter server password:"), password => password.length != 0, password => {
                     if(typeof password !== "string") {
                         return;
                     }
 
-                    const profile = this.serverConnection.handshake_handler().parameters.profile;
-                    const cprops = this.reconnect_properties(profile);
-                    cprops.password = {
-                        password: await hashPassword(password),
-                        hashed: true
-                    };
-
-                    if(this.currentConnectId >= 0) {
-                        connectionHistory.updateConnectionServerPassword(this.currentConnectId, cprops.password.password)
-                            .catch(error => {
-                                logWarn(LogCategory.GENERAL, tr("Failed to update the connection server password: %o"), error);
-                            });
-                    }
-                    this.startConnection(this.channelTree.server.remote_address.host + ":" + this.channelTree.server.remote_address.port, profile, false, cprops);
+                    reconnectParameters.serverPassword = password;
+                    reconnectParameters.serverPasswordHashed = false;
+                    ignorePromise(this.startConnectionNew(reconnectParameters, false));
                 }).open();
                 break;
             case DisconnectReason.CLIENT_KICKED:
@@ -754,9 +729,7 @@ export class ConnectionHandler {
 
         this.channelTree.unregisterClient(this.localClient); /* if we dont unregister our client here the client will be destroyed */
         this.channelTree.reset();
-        if(this.serverConnection) {
-            this.serverConnection.disconnect();
-        }
+        ignorePromise(this.serverConnection?.disconnect());
 
         this.handlerState.lastChannelCodecWarned = 0;
 
@@ -768,15 +741,13 @@ export class ConnectionHandler {
             this.log.log("reconnect.scheduled", {timeout: 5000});
 
             logInfo(LogCategory.NETWORKING, tr("Allowed to auto reconnect. Reconnecting in 5000ms"));
-            const server_address = this.serverConnection.remote_address();
-            const profile = this.serverConnection.handshake_handler().parameters.profile;
-
+            const reconnectParameters = this.generateReconnectParameters();
             this.autoReconnectTimer = setTimeout(() => {
                 this.autoReconnectTimer = undefined;
                 this.log.log("reconnect.execute", {});
                 logInfo(LogCategory.NETWORKING, tr("Reconnecting..."));
 
-                this.startConnection(server_address.host + ":" + server_address.port, profile, false, Object.assign(this.reconnect_properties(profile), {auto_reconnect_attempt: true}));
+                ignorePromise(this.startConnectionNew(reconnectParameters, true));
             }, 5000);
         }
 
@@ -995,23 +966,24 @@ export class ConnectionHandler {
     getVoiceRecorder() : RecorderProfile | undefined { return this.serverConnection?.getVoiceConnection().voiceRecorder(); }
 
 
-    reconnect_properties(profile?: ConnectionProfile) : ConnectParametersOld {
-        const name = (this.getClient() ? this.getClient().clientNickName() : "") ||
-                        (this.serverConnection?.handshake_handler() ? this.serverConnection.handshake_handler().parameters.nickname : "") ||
-                        StaticSettings.instance.static(Settings.KEY_CONNECT_USERNAME, profile ? profile.defaultUsername : undefined) ||
-                        "Another TeaSpeak user";
-
-        const targetChannel = this.getClient().currentChannel();
-        const connectParameters = this.serverConnection.handshake_handler().parameters;
-
-        return {
-            channel: targetChannel ? {target: "/" + targetChannel.channelId, password: targetChannel.getCachedPasswordHash()} : undefined,
-            nickname: name,
-            password: connectParameters.serverPassword ? {
-                password: connectParameters.serverPassword,
-                hashed: connectParameters.serverPasswordHashed
-            } : undefined
+    generateReconnectParameters() : ConnectParameters | undefined {
+        const baseProfile = this.serverConnection.handshake_handler()?.parameters;
+        if(!baseProfile) {
+            /* We never tried to connect to anywhere */
+            return undefined;
         }
+
+        baseProfile.nickname = this.getClient()?.clientNickName() || baseProfile.nickname;
+        baseProfile.nicknameSpecified = false;
+
+        const targetChannel = this.getClient()?.currentChannel();
+        if(targetChannel) {
+            baseProfile.defaultChannel = targetChannel.channelId;
+            baseProfile.defaultChannelPassword = targetChannel.getCachedPasswordHash();
+            baseProfile.defaultChannelPasswordHashed = true;
+        }
+
+        return baseProfile;
     }
 
     private async initializeWhisperSession(session: WhisperSession) : Promise<WhisperSessionInitializeData> {
diff --git a/shared/js/ServerSettings.ts b/shared/js/ServerSettings.ts
new file mode 100644
index 00000000..7893c1d3
--- /dev/null
+++ b/shared/js/ServerSettings.ts
@@ -0,0 +1,138 @@
+import {tr} from "tc-shared/i18n/localize";
+import {LogCategory, logError} from "tc-shared/log";
+import {
+    encodeSettingValueToString,
+    RegistryKey,
+    RegistryValueType,
+    resolveSettingKey,
+    ValuedRegistryKey
+} from "tc-shared/settings";
+import {assertMainApplication} from "tc-shared/ui/utils";
+
+assertMainApplication();
+
+export class ServerSettings {
+    private cacheServer;
+    private settingsDestroyed;
+
+    private serverUniqueId: string;
+    private serverSaveWorker: number;
+    private serverSettingsUpdated: boolean;
+
+    constructor() {
+        this.cacheServer = {};
+        this.serverSettingsUpdated = false;
+        this.settingsDestroyed = false;
+
+        this.serverSaveWorker = setInterval(() => {
+            if(this.serverSettingsUpdated) {
+                this.save();
+            }
+        }, 5 * 1000);
+    }
+
+    destroy() {
+        this.settingsDestroyed = true;
+
+        this.serverUniqueId = undefined;
+        this.cacheServer = undefined;
+
+        clearInterval(this.serverSaveWorker);
+        this.serverSaveWorker = undefined;
+    }
+
+    getValue<V extends RegistryValueType, DV>(key: RegistryKey<V>, defaultValue: DV) : V | DV;
+    getValue<V extends RegistryValueType>(key: ValuedRegistryKey<V>, defaultValue?: V) : V;
+    getValue(key, defaultValue) {
+        if(this.settingsDestroyed) {
+            throw "destroyed";
+        }
+
+        if(arguments.length > 1) {
+            return resolveSettingKey(key, key => this.cacheServer[key], defaultValue);
+        } else if("defaultValue" in key) {
+            return resolveSettingKey(key, key => this.cacheServer[key], key.defaultValue);
+        } else {
+            debugger;
+            throw tr("missing default value");
+        }
+    }
+
+    setValue<T extends RegistryValueType>(key: RegistryKey<T>, value?: T) {
+        if(this.settingsDestroyed) {
+            throw "destroyed";
+        }
+
+        if(this.cacheServer[key.key] === value) {
+            return;
+        }
+
+        this.serverSettingsUpdated = true;
+        if(value === undefined || value === null) {
+            delete this.cacheServer[key.key];
+        } else {
+            this.cacheServer[key.key] = encodeSettingValueToString(value);
+        }
+
+        this.save();
+    }
+
+    setServerUniqueId(serverUniqueId: string) {
+        if(this.settingsDestroyed) {
+            throw "destroyed";
+        }
+
+        if(this.serverUniqueId === serverUniqueId) {
+            return;
+        }
+
+        if(this.serverUniqueId) {
+            this.save();
+            this.cacheServer = {};
+            this.serverUniqueId = undefined;
+        }
+        this.serverUniqueId = serverUniqueId;
+
+        if(this.serverUniqueId) {
+            const json = settingsStorage.get(serverUniqueId);
+            try {
+                this.cacheServer = JSON.parse(json);
+            } catch(error) {
+                logError(LogCategory.GENERAL, tr("Failed to load server settings for server %s!\nJson: %s\nError: %o"), serverUniqueId, json, error);
+            }
+            if(!this.cacheServer) {
+                this.cacheServer = {};
+            }
+        }
+    }
+
+    save() {
+        if(this.settingsDestroyed) {
+            throw "destroyed";
+        }
+        this.serverSettingsUpdated = false;
+
+        if(this.serverUniqueId) {
+            settingsStorage.set(this.serverUniqueId, JSON.stringify(this.cacheServer));
+        }
+    }
+}
+
+let settingsStorage: ServerSettingsStorage = new class implements ServerSettingsStorage {
+    get(serverUniqueId: string): string {
+        return localStorage.getItem("settings.server_" + serverUniqueId);
+    }
+
+    set(serverUniqueId: string, value: string) {
+        localStorage.setItem("settings.server_" + serverUniqueId, value);
+    }
+};
+
+export interface ServerSettingsStorage {
+    get(serverUniqueId: string) : string;
+    set(serverUniqueId: string, value: string);
+}
+
+export function setServerSettingsStorage(storage: ServerSettingsStorage) {
+    settingsStorage = storage;
+}
\ No newline at end of file
diff --git a/shared/js/StorageAdapter.ts b/shared/js/StorageAdapter.ts
new file mode 100644
index 00000000..9e37cd04
--- /dev/null
+++ b/shared/js/StorageAdapter.ts
@@ -0,0 +1,42 @@
+/**
+ * Application storage meant for small and medium large internal app states.
+ * Possible data would be non user editable cached values like auth tokens.
+ * Note:
+ * 1. Please consider using a Settings key first before using the storage adapter!
+ * 2. The values may not be synced across multiple window instances.
+ *    Don't use this for IPC.
+ */
+export interface StorageAdapter {
+    has(key: string) : Promise<boolean>;
+    get(key: string) : Promise<string | null>;
+    set(key: string, value: string) : Promise<void>;
+    delete(key: string) : Promise<void>;
+}
+
+class LocalStorageAdapter implements StorageAdapter {
+    async delete(key: string): Promise<void> {
+        localStorage.removeItem(key);
+    }
+
+    async get(key: string): Promise<string | null> {
+        return localStorage.getItem(key);
+    }
+
+    async has(key: string): Promise<boolean> {
+        return localStorage.getItem(key) !== null;
+    }
+
+    async set(key: string, value: string): Promise<void> {
+        localStorage.setItem(key, value);
+    }
+
+}
+
+let instance: StorageAdapter = new LocalStorageAdapter();
+export function getStorageAdapter() : StorageAdapter {
+    return instance;
+}
+
+export function setStorageAdapter(adapter: StorageAdapter) {
+    instance = adapter;
+}
\ No newline at end of file
diff --git a/shared/js/conversations/PrivateConversationHistory.ts b/shared/js/conversations/PrivateConversationHistory.ts
index 4a06954e..ef871196 100644
--- a/shared/js/conversations/PrivateConversationHistory.ts
+++ b/shared/js/conversations/PrivateConversationHistory.ts
@@ -4,6 +4,12 @@ import {tr} from "tc-shared/i18n/localize";
 import {LogCategory, logDebug, logError, logInfo, logWarn} from "tc-shared/log";
 import {ChatEvent} from "../ui/frames/side/AbstractConversationDefinitions";
 
+/*
+ * Note:
+ * In this file we're explicitly using the local storage because the index-db database cache is windows bound
+ * like the local storage. We don't need to use the storage adapter here.
+ */
+
 const clientUniqueId2StoreName = uniqueId => "conversation-" + uniqueId;
 
 let currentDatabase: IDBDatabase;
@@ -163,6 +169,7 @@ async function doOpenDatabase(forceUpgrade: boolean) {
         fireDatabaseStateChanged();
     }
 
+    /* localStorage access note, see file start */
     let localVersion = parseInt(localStorage.getItem("indexeddb-private-conversations-version") || "0");
     let upgradePerformed = false;
 
@@ -198,6 +205,7 @@ async function doOpenDatabase(forceUpgrade: boolean) {
             openRequest.onsuccess = () => resolve(openRequest.result);
         });
 
+        /* localStorage access note, see file start */
         localStorage.setItem("indexeddb-private-conversations-version", database.version.toString());
         if(!upgradePerformed && forceUpgrade) {
             logWarn(LogCategory.CHAT, tr("Opened private conversations database, with an update, but update didn't happened. Trying again."));
diff --git a/shared/js/i18n/localize.ts b/shared/js/i18n/localize.ts
index f8bf002f..114dc595 100644
--- a/shared/js/i18n/localize.ts
+++ b/shared/js/i18n/localize.ts
@@ -1,9 +1,10 @@
 import {LogCategory, logDebug, logError, logInfo, logTrace, logWarn} from "../log";
 import {guid} from "../crypto/uid";
-import {Settings, StaticSettings} from "../settings";
+import {settings, Settings} from "../settings";
 import * as loader from "tc-loader";
 import {formatMessage, formatMessageString} from "../ui/frames/chat";
 
+/* FIXME: Use the storage adapter and not the local storage else settings might get lost! */
 export interface TranslationKey {
     message: string;
     line?: number;
@@ -175,8 +176,9 @@ async function load_repository0(repo: TranslationRepository, reload: boolean) {
         Object.assign(repo, info_json);
     }
 
-    if(!repo.unique_id)
+    if(!repo.unique_id) {
         repo.unique_id = guid();
+    }
 
     repo.translations = repo.translations || [];
     repo.load_timestamp = Date.now();
@@ -208,8 +210,9 @@ export namespace config {
     const repository_config_key = "i18n.repository";
     let _cached_repository_config: RepositoryConfig;
     export function repository_config() {
-        if(_cached_repository_config)
+        if(_cached_repository_config) {
             return _cached_repository_config;
+        }
 
         const config_string = localStorage.getItem(repository_config_key);
         let config: RepositoryConfig;
@@ -224,7 +227,7 @@ export namespace config {
 
         if(config.repositories.length == 0) {
             //Add the default TeaSpeak repository
-            load_repository(StaticSettings.instance.static(Settings.KEY_I18N_DEFAULT_REPOSITORY)).then(repo => {
+            load_repository(settings.getValue(Settings.KEY_I18N_DEFAULT_REPOSITORY)).then(repo => {
                 logInfo(LogCategory.I18N, tr("Successfully added default repository from \"%s\"."), repo.url);
                 register_repository(repo);
             }).catch(error => {
diff --git a/shared/js/profiles/ConnectionProfile.ts b/shared/js/profiles/ConnectionProfile.ts
index ba84e1e1..c8b7f14d 100644
--- a/shared/js/profiles/ConnectionProfile.ts
+++ b/shared/js/profiles/ConnectionProfile.ts
@@ -10,6 +10,16 @@ import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {LogCategory, logDebug, logError} from "tc-shared/log";
 import {tr} from "tc-shared/i18n/localize";
+import {getStorageAdapter} from "tc-shared/StorageAdapter";
+import {ignorePromise} from "tc-shared/proto";
+import {assertMainApplication} from "tc-shared/ui/utils";
+
+/*
+ * We're loading & saving profiles with the StorageAdapter.
+ * We should only access it once. As well why would a renderer want to have access to the
+ * connect profiles manager?
+ */
+assertMainApplication();
 
 export class ConnectionProfile {
     id: string;
@@ -130,7 +140,7 @@ let availableProfiles_: ConnectionProfile[] = [];
 async function loadConnectProfiles() {
     availableProfiles_ = [];
 
-    const profiles_json = localStorage.getItem("profiles");
+    const profiles_json = await getStorageAdapter().get("profiles");
     let profiles_data: ProfilesData = (() => {
         try {
             return profiles_json ? JSON.parse(profiles_json) : {version: 0} as any;
@@ -216,7 +226,7 @@ export function save() {
         version: 1,
         profiles: profiles
     });
-    localStorage.setItem("profiles", data);
+    ignorePromise(getStorageAdapter().set("profiles", data));
 }
 
 export function mark_need_save() {
diff --git a/shared/js/profiles/identities/teaspeak-forum.ts b/shared/js/profiles/identities/teaspeak-forum.ts
index cec81283..899db2fb 100644
--- a/shared/js/profiles/identities/teaspeak-forum.ts
+++ b/shared/js/profiles/identities/teaspeak-forum.ts
@@ -3,6 +3,9 @@ import * as loader from "tc-loader";
 import * as fidentity from "./TeaForumIdentity";
 import {LogCategory, logDebug, logError, logInfo, logWarn} from "../../log";
 import {tr} from "tc-shared/i18n/localize";
+import {getStorageAdapter} from "tc-shared/StorageAdapter";
+
+/* TODO: Properly redesign this whole system! */
 
 declare global {
     interface Window {
@@ -57,8 +60,9 @@ export namespace gcaptcha {
             }
         }
 
-        if(typeof(window.grecaptcha) === "undefined")
+        if(typeof(window.grecaptcha) === "undefined") {
             throw tr("failed to load recaptcha");
+        }
     }
 
     export async function spawn(container: JQuery, key: string, callback_data: (token: string) => any) {
@@ -79,7 +83,7 @@ export namespace gcaptcha {
     }
 }
 
-function api_url() {
+function getForumApiURL() {
     return settings.getValue(Settings.KEY_TEAFORO_URL);
 }
 
@@ -125,13 +129,13 @@ export class Data {
     is_expired() : boolean { return this.parsed.data_age + 48 * 60 * 60 * 1000 < Date.now(); }
     should_renew() : boolean { return this.parsed.data_age + 24 * 60 * 60 * 1000 < Date.now(); } /* renew data all 24hrs */
 }
-let _data: Data | undefined;
+let forumData: Data | undefined;
 
 export function logged_in() : boolean {
-    return !!_data && !_data.is_expired();
+    return !!forumData && !forumData.is_expired();
 }
 
-export function data() : Data { return _data; }
+export function data() : Data { return forumData; }
 
 export interface LoginResult {
     status: "success" | "captcha" | "error";
@@ -148,7 +152,7 @@ export async function login(username: string, password: string, captcha?: any) :
     try {
         response = await new Promise<any>((resolve, reject) => {
             $.ajax({
-                url: api_url() + "?web-api/v1/login",
+                url: getForumApiURL() + "?web-api/v1/login",
                 type: "POST",
                 cache: false,
                 data: {
@@ -209,10 +213,11 @@ export async function login(username: string, password: string, captcha?: any) :
     //document.cookie = "user_sign=" + response["sign"] + ";path=/";
 
     try {
-        _data = new Data(response["auth-key"], response["data"], response["sign"]);
-        localStorage.setItem("teaspeak-forum-data", response["data"]);
-        localStorage.setItem("teaspeak-forum-sign", response["sign"]);
-        localStorage.setItem("teaspeak-forum-auth", response["auth-key"]);
+        forumData = new Data(response["auth-key"], response["data"], response["sign"]);
+        const adapter = getStorageAdapter();
+        await adapter.set("teaspeak-forum-data", response["data"]);
+        await adapter.set("teaspeak-forum-sign", response["sign"]);
+        await adapter.set("teaspeak-forum-auth", response["auth-key"]);
         fidentity.update_forum();
     } catch(error) {
         logError(LogCategory.GENERAL, tr("Failed to parse forum given data: %o"), error);
@@ -227,19 +232,26 @@ export async function login(username: string, password: string, captcha?: any) :
     };
 }
 
+async function resetForumLocalData() {
+    const adapter = getStorageAdapter();
+    await adapter.delete("teaspeak-forum-data");
+    await adapter.delete("teaspeak-forum-sign");
+    await adapter.delete("teaspeak-forum-auth");
+}
+
 export async function renew_data() : Promise<"success" | "login-required"> {
     let response;
     try {
         response = await new Promise<any>((resolve, reject) => {
             $.ajax({
-                url: api_url() + "?web-api/v1/renew-data",
+                url: getForumApiURL() + "?web-api/v1/renew-data",
                 type: "GET",
                 cache: false,
 
                 crossDomain: true,
 
                 data: {
-                    "auth-key": _data.auth_key
+                    "auth-key": forumData.auth_key
                 },
 
                 success: resolve,
@@ -270,9 +282,9 @@ export async function renew_data() : Promise<"success" | "login-required"> {
     logDebug(LogCategory.GENERAL, tr("Renew succeeded. Parsing data."));
 
     try {
-        _data = new Data(_data.auth_key, response["data"], response["sign"]);
-        localStorage.setItem("teaspeak-forum-data", response["data"]);
-        localStorage.setItem("teaspeak-forum-sign", response["sign"]);
+        forumData = new Data(forumData.auth_key, response["data"], response["sign"]);
+        await getStorageAdapter().set("teaspeak-forum-data", response["data"]);
+        await getStorageAdapter().set("teaspeak-forum-sign", response["sign"]);
         fidentity.update_forum();
     } catch(error) {
         logError(LogCategory.GENERAL, tr("Failed to parse forum given data: %o"), error);
@@ -283,21 +295,22 @@ export async function renew_data() : Promise<"success" | "login-required"> {
 }
 
 export async function logout() : Promise<void> {
-    if(!logged_in())
+    if(!logged_in()) {
         return;
+    }
 
     let response;
     try {
         response = await new Promise<any>((resolve, reject) => {
             $.ajax({
-                url: api_url() + "?web-api/v1/logout",
+                url: getForumApiURL() + "?web-api/v1/logout",
                 type: "GET",
                 cache: false,
 
                 crossDomain: true,
 
                 data: {
-                    "auth-key": _data.auth_key
+                    "auth-key": forumData.auth_key
                 },
 
                 success: resolve,
@@ -312,7 +325,7 @@ export async function logout() : Promise<void> {
     }
 
     if(response["status"] !== "ok") {
-        logError(LogCategory.GENERAL, tr("Response status not okey. Error happend: %o"), response);
+        logError(LogCategory.GENERAL, tr("Response status not ok. Error happened: %o"), response);
         throw (response["errors"] || [])[0] || tr("Unknown error");
     }
 
@@ -323,10 +336,8 @@ export async function logout() : Promise<void> {
         }
     }
 
-    _data = undefined;
-    localStorage.removeItem("teaspeak-forum-data");
-    localStorage.removeItem("teaspeak-forum-sign");
-    localStorage.removeItem("teaspeak-forum-auth");
+    forumData = undefined;
+    await resetForumLocalData();
     fidentity.update_forum();
 }
 
@@ -334,30 +345,28 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     name: "TeaForo initialize",
     priority: 10,
     function: async () => {
-        const raw_data = localStorage.getItem("teaspeak-forum-data");
-        const raw_sign = localStorage.getItem("teaspeak-forum-sign");
-        const forum_auth = localStorage.getItem("teaspeak-forum-auth");
-        if(!raw_data || !raw_sign || !forum_auth) {
-            logInfo(LogCategory.GENERAL, tr("No TeaForo authentification found. TeaForo connection status: unconnected"));
+        const rawData = await getStorageAdapter().get("teaspeak-forum-data");
+        const rawSign = await getStorageAdapter().get("teaspeak-forum-sign");
+        const rawForumAuth = await getStorageAdapter().get("teaspeak-forum-auth");
+        if(!rawData || !rawSign || !rawForumAuth) {
+            logInfo(LogCategory.GENERAL, tr("No TeaForo authentication found. TeaForo connection status: unconnected"));
             return;
         }
 
         try {
-            _data = new Data(forum_auth, raw_data, raw_sign);
+            forumData = new Data(rawForumAuth, rawData, rawSign);
         } catch(error) {
             logError(LogCategory.GENERAL, tr("Failed to initialize TeaForo connection from local data. Error: %o"), error);
             return;
         }
-        if(_data.should_renew()) {
+        if(forumData.should_renew()) {
             logInfo(LogCategory.GENERAL, tr("TeaForo data should be renewed. Executing renew."));
-            renew_data().then(status => {
+            renew_data().then(async status => {
                 if(status === "success") {
                     logInfo(LogCategory.GENERAL, tr("TeaForo data has been successfully renewed."));
                 } else {
                     logWarn(LogCategory.GENERAL, tr("Failed to renew TeaForo data. New login required."));
-                    localStorage.removeItem("teaspeak-forum-data");
-                    localStorage.removeItem("teaspeak-forum-sign");
-                    localStorage.removeItem("teaspeak-forum-auth");
+                    await resetForumLocalData();
                 }
             }).catch(error => {
                 logWarn(LogCategory.GENERAL, tr("Failed to renew TeaForo data. An error occurred: %o"), error);
@@ -365,23 +374,21 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
             return;
         }
 
-        if(_data && _data.is_expired()) {
+        if(forumData && forumData.is_expired()) {
             logError(LogCategory.GENERAL, tr("TeaForo data is expired. TeaForo connection isn't available!"));
         }
 
 
         setInterval(() => {
             /* if we don't have any _data object set we could not renew anything */
-            if(_data) {
+            if(forumData) {
                 logInfo(LogCategory.IDENTITIES, tr("Renewing TeaForo data."));
-                renew_data().then(status => {
+                renew_data().then(async status => {
                     if(status === "success") {
                         logInfo(LogCategory.IDENTITIES,tr("TeaForo data has been successfully renewed."));
                     } else {
                         logWarn(LogCategory.IDENTITIES,tr("Failed to renew TeaForo data. New login required."));
-                        localStorage.removeItem("teaspeak-forum-data");
-                        localStorage.removeItem("teaspeak-forum-sign");
-                        localStorage.removeItem("teaspeak-forum-auth");
+                        await resetForumLocalData();
                     }
                 }).catch(error => {
                     logWarn(LogCategory.GENERAL, tr("Failed to renew TeaForo data. An error occurred: %o"), error);
diff --git a/shared/js/proto.ts b/shared/js/proto.ts
index 2d7fcb9d..ad2ccbdc 100644
--- a/shared/js/proto.ts
+++ b/shared/js/proto.ts
@@ -3,12 +3,10 @@ import "jsrender";
 import {tr} from "./i18n/localize";
 import {LogCategory, logError, logTrace} from "tc-shared/log";
 
-if(__build.target === "web") {
-    (window as any).$ = require("jquery");
-    (window as any).jQuery = $;
+(window as any).$ = require("jquery");
+(window as any).jQuery = $;
 
-    require("jsrender")($);
-}
+require("jsrender")($);
 
 declare global {
     function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;
diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index ae8fec39..bbff1620 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -1,8 +1,14 @@
 import {LogCategory, logError, logTrace} from "./log";
-import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {Registry} from "./events";
-import { tr } from "./i18n/localize";
+import {tr} from "./i18n/localize";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+import {getStorageAdapter} from "tc-shared/StorageAdapter";
+import * as loader from "tc-loader";
+
+/*
+ * TODO: Sync settings across renderer instances
+ */
 
 export type RegistryValueType = boolean | number | string | object;
 export type RegistryValueTypeNames = "boolean" | "number" | "string" | "object";
@@ -54,7 +60,7 @@ function decodeValueFromString<T extends RegistryValueType>(input: string, type:
     }
 }
 
-function encodeValueToString<T extends RegistryValueType>(input: T) : string {
+export function encodeSettingValueToString<T extends RegistryValueType>(input: T) : string {
     switch (typeof input) {
         case "string":
             return input;
@@ -73,7 +79,7 @@ function encodeValueToString<T extends RegistryValueType>(input: T) : string {
     }
 }
 
-function resolveKey<ValueType extends RegistryValueType, DefaultType>(
+export function resolveSettingKey<ValueType extends RegistryValueType, DefaultType>(
     key: RegistryKey<ValueType>,
     resolver: (key: string) => string | undefined | null,
     defaultValue: DefaultType
@@ -136,9 +142,9 @@ export class UrlParameterParser {
     getValue<V extends RegistryValueType>(key: ValuedRegistryKey<V>, defaultValue?: V) : V;
     getValue<V extends RegistryValueType, DV>(key: RegistryKey<V> | ValuedRegistryKey<V>, defaultValue: DV) : V | DV {
         if(arguments.length > 1) {
-            return resolveKey(key, key => this.getParameter(key), defaultValue);
+            return resolveSettingKey(key, key => this.getParameter(key), defaultValue);
         } else if("defaultValue" in key) {
-            return resolveKey(key, key => this.getParameter(key), key.defaultValue);
+            return resolveSettingKey(key, key => this.getParameter(key), key.defaultValue);
         } else {
             throw tr("missing value");
         }
@@ -152,7 +158,7 @@ export class UrlParameterBuilder {
         if(value === undefined) {
             delete this.parameters[key.key];
         } else {
-            this.parameters[key.key] = encodeURIComponent(encodeValueToString(value));
+            this.parameters[key.key] = encodeURIComponent(encodeSettingValueToString(value));
         }
     }
 
@@ -289,32 +295,6 @@ export namespace AppParameters {
     };
 }
 
-export class StaticSettings {
-    private static _instance: StaticSettings;
-    static get instance() : StaticSettings {
-        if(!this._instance) {
-            this._instance = new StaticSettings(true);
-        }
-
-        return this._instance;
-    }
-
-    protected staticValues = {};
-
-    protected constructor(_reserved = undefined) { }
-
-    static<V extends RegistryValueType, DV>(key: RegistryKey<V>, defaultValue: DV) : V | DV;
-    static<V extends RegistryValueType>(key: ValuedRegistryKey<V>, defaultValue?: V) : V;
-
-    static<V extends RegistryValueType, DV>(key: RegistryKey<V> | ValuedRegistryKey<V>, defaultValue: DV) : V | DV {
-        if(arguments.length > 1) {
-            return AppParameters.getValue(key, defaultValue);
-        } else {
-            return AppParameters.getValue(key as ValuedRegistryKey<V>);
-        }
-    }
-}
-
 export interface SettingsEvents {
     notify_setting_changed: {
         setting: string,
@@ -816,6 +796,18 @@ export class Settings {
         description: "The target speaker device id",
     }
 
+    static readonly KEY_UPDATER_LAST_USED_UI: RegistryKey<string> = {
+        key: "updater_last_used_ui",
+        valueType: "string",
+        description: "Last used TeaSpeak UI version",
+    }
+
+    static readonly KEY_UPDATER_LAST_USED_CLIENT: RegistryKey<string> = {
+        key: "updater_last_used_client",
+        valueType: "string",
+        description: "Last used TeaSpeak Client version (TeaClient only)",
+    }
+
     static readonly FN_LOG_ENABLED: (category: string) => RegistryKey<boolean> = category => {
         return {
             key: "log." + category.toLowerCase() + ".enabled",
@@ -925,44 +917,49 @@ export class Settings {
         return result;
     })();
 
-    static initialize() {
-        settings = new Settings();
-        (window as any).settings = settings;
-        (window as any).Settings = Settings;
-    }
-
-
     readonly events: Registry<SettingsEvents>;
 
-    private readonly cacheGlobal = {};
+    private settingsCache: any;
     private saveWorker: number;
-    private updated: boolean = false;
+    private updated: boolean;
+
+    private saveState: "none" | "saving" | "saving-changed";
 
     constructor() {
         this.events = new Registry<SettingsEvents>();
-        const json = localStorage.getItem("settings.global");
+        this.updated = false;
+        this.saveState = "none";
+    }
+
+    @CallOnce
+    async initialize() {
+        const json = await getStorageAdapter().get("settings.global");
+
         try {
-            this.cacheGlobal = JSON.parse(json);
+            this.settingsCache = JSON.parse(json);
         } catch(error) {
+            this.settingsCache = {};
             logError(LogCategory.GENERAL, tr("Failed to load global settings!\nJson: %s\nError: %o"), json, error);
 
             const show_popup = () => {
                 //FIXME: Readd this
                 //createErrorModal(tr("Failed to load global settings"), tr("Failed to load global client settings!\nLookup console for more information.")).open();
             };
-            if(!loader.finished())
+            if(!loader.finished()) {
                 loader.register_task(loader.Stage.LOADED, {
                     priority: 0,
                     name: "Settings error",
                     function: async () => show_popup()
                 });
-            else
+            } else {
                 show_popup();
+            }
         }
-        if(!this.cacheGlobal) this.cacheGlobal = {};
+
         this.saveWorker = setInterval(() => {
-            if(this.updated)
+            if(this.updated) {
                 this.save();
+            }
         }, 5 * 1000);
     }
 
@@ -970,9 +967,9 @@ export class Settings {
     getValue<V extends RegistryValueType>(key: ValuedRegistryKey<V>, defaultValue?: V) : V;
     getValue<V extends RegistryValueType, DV>(key: RegistryKey<V> | ValuedRegistryKey<V>, defaultValue: DV) : V | DV {
         if(arguments.length > 1) {
-            return resolveKey(key, key => this.cacheGlobal[key], defaultValue);
+            return resolveSettingKey(key, key => this.settingsCache[key], defaultValue);
         } else if("defaultValue" in key) {
-            return resolveKey(key, key => this.cacheGlobal[key], key.defaultValue);
+            return resolveSettingKey(key, key => this.settingsCache[key], key.defaultValue);
         } else {
             debugger;
             throw tr("missing default value");
@@ -984,21 +981,21 @@ export class Settings {
             value = undefined;
         }
 
-        if(this.cacheGlobal[key.key] === value) {
+        if(this.settingsCache[key.key] === value) {
             return;
         }
 
-        const oldValue = this.cacheGlobal[key.key];
+        const oldValue = this.settingsCache[key.key];
         if(value === undefined) {
-            delete this.cacheGlobal[key.key];
+            delete this.settingsCache[key.key];
         } else {
-            this.cacheGlobal[key.key] = encodeValueToString(value);
+            this.settingsCache[key.key] = encodeSettingValueToString(value);
         }
 
         this.updated = true;
         this.events.fire("notify_setting_changed", {
             mode: "global",
-            newValue: this.cacheGlobal[key.key],
+            newValue: this.settingsCache[key.key],
             oldValue: oldValue,
             setting: key.key,
             newCastedValue: value
@@ -1018,121 +1015,49 @@ export class Settings {
         })
     }
 
-    save() {
-        this.updated = false;
-        let global = JSON.stringify(this.cacheGlobal);
-        localStorage.setItem("settings.global", global);
-        if(localStorage.save)
-            localStorage.save();
-    }
-}
-
-export class ServerSettings {
-    private cacheServer = {};
-    private serverUniqueId: string;
-    private serverSaveWorker: number;
-    private serverSettingsUpdated: boolean = false;
-    private _destroyed = false;
-
-    constructor() {
-        this.serverSaveWorker = setInterval(() => {
-            if(this.serverSettingsUpdated) {
-                this.save();
-            }
-        }, 5 * 1000);
-    }
-
-    destroy() {
-        this._destroyed = true;
-
-        this.serverUniqueId = undefined;
-        this.cacheServer = undefined;
-
-        clearInterval(this.serverSaveWorker);
-        this.serverSaveWorker = undefined;
-    }
-
-    getValue<V extends RegistryValueType, DV>(key: RegistryKey<V>, defaultValue: DV) : V | DV;
-    getValue<V extends RegistryValueType>(key: ValuedRegistryKey<V>, defaultValue?: V) : V;
-    getValue(key, defaultValue) {
-        if(this._destroyed) {
-            throw "destroyed";
-        }
-
-        if(arguments.length > 1) {
-            return resolveKey(key, key => this.cacheServer[key], defaultValue);
-        } else if("defaultValue" in key) {
-            return resolveKey(key, key => this.cacheServer[key], key.defaultValue);
-        } else {
-            debugger;
-            throw tr("missing default value");
-        }
-    }
-
-    setValue<T extends RegistryValueType>(key: RegistryKey<T>, value?: T) {
-        if(this._destroyed) {
-            throw "destroyed";
-        }
-
-        if(this.cacheServer[key.key] === value) {
+    private async doSave() {
+        if(this.saveState === "none") {
             return;
         }
 
-        this.serverSettingsUpdated = true;
-        if(value === undefined || value === null) {
-            delete this.cacheServer[key.key];
-        } else {
-            this.cacheServer[key.key] = encodeValueToString(value);
-        }
+        do {
+            this.saveState = "saving";
 
-        if(UPDATE_DIRECT) {
-            this.save();
-        }
-    }
-
-    setServer(server_unique_id: string) {
-        if(this._destroyed) throw "destroyed";
-        if(this.serverUniqueId) {
-            this.save();
-            this.cacheServer = {};
-            this.serverUniqueId = undefined;
-        }
-        this.serverUniqueId = server_unique_id;
-
-        if(this.serverUniqueId) {
-
-            const json = localStorage.getItem("settings.server_" + server_unique_id);
             try {
-                this.cacheServer = JSON.parse(json);
-            } catch(error) {
-                logError(LogCategory.GENERAL, tr("Failed to load server settings for server %s!\nJson: %s\nError: %o"), server_unique_id, json, error);
+                await getStorageAdapter().set("settings.global", JSON.stringify(this.settingsCache));
+            } catch (error) {
+                logError(LogCategory.GENERAL, tr("Failed to save global settings: %o"), error);
             }
-            if(!this.cacheServer)
-                this.cacheServer = {};
-        }
+        } while(this.saveState !== "saving");
+
+        this.saveState = "none";
     }
 
     save() {
-        if(this._destroyed) {
-            throw "destroyed";
-        }
-        this.serverSettingsUpdated = false;
+        switch (this.saveState) {
+            case "saving":
+            case "saving-changed":
+                this.saveState = "saving-changed";
+                return;
 
-        if(this.serverUniqueId) {
-            let server = JSON.stringify(this.cacheServer);
-            localStorage.setItem("settings.server_" + this.serverUniqueId, server);
-
-            if(localStorage.save) {
-                localStorage.save();
-            }
+            default:
+            case "none":
+                this.saveState = "saving";
+                break;
         }
+
+        ignorePromise(this.doSave());
     }
 }
 
-export let settings: Settings = null;
-
+export let settings: Settings;
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     priority: 1000,
     name: "Settings initialize",
-    function: async () => Settings.initialize()
+    function: async () => {
+        settings = new Settings();
+        await settings.initialize();
+        (window as any).settings = settings;
+        (window as any).Settings = Settings;
+    }
 })
\ No newline at end of file
diff --git a/shared/js/text/markdown.ts b/shared/js/text/markdown.ts
index 1a18d50d..225c2a4b 100644
--- a/shared/js/text/markdown.ts
+++ b/shared/js/text/markdown.ts
@@ -95,7 +95,6 @@ export class MD2BBCodeRenderer {
 
         "hr": () => "[hr]",
 
-        //> Experience real-time editing with Remarkable!
         "blockquote_open": () => "[quote]",
         "blockquote_close": () => "[/quote]"
     };
@@ -162,6 +161,8 @@ export function renderMarkdownAsBBCode(message: string, textProcessor: (text: st
     md2bbCodeRenderer.reset();
 
     let result = remarkableRenderer.render(message);
+    /* Replace the extra \n after a quote since quotes itself are blocks and not inline blocks */
+    result = result.replace(/\[\/quote]\n/g, "[/quote]");
     logTrace(LogCategory.CHAT, tr("Markdown render result:\n%s"), result);
     return result;
 }
\ No newline at end of file
diff --git a/shared/js/ui/modal/about/Controller.ts b/shared/js/ui/modal/about/Controller.ts
index 6b666176..3123d7d4 100644
--- a/shared/js/ui/modal/about/Controller.ts
+++ b/shared/js/ui/modal/about/Controller.ts
@@ -4,7 +4,11 @@ import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
 import {spawnModal} from "tc-shared/ui/react-elements/modal";
 import {CallOnce, ignorePromise} from "tc-shared/proto";
 import {getBackend} from "tc-shared/backend";
+import {getStorageAdapter} from "tc-shared/StorageAdapter";
 
+/**
+ * We're using the storage adapter since we don't
+ */
 class Controller {
     readonly events: Registry<ModalAboutEvents>;
     readonly variables: IpcUiVariableProvider<ModalAboutVariables>;
@@ -32,18 +36,18 @@ class Controller {
         this.variables.setVariableProvider("eggShown", () => this.eggShown);
         this.variables.setVariableEditor("eggShown", newValue => { this.eggShown = newValue; });
 
-        this.events.on("action_update_high_score", event => {
-            let highScore = parseInt(localStorage.getItem("ee-snake-high-score"));
+        this.events.on("action_update_high_score", async event => {
+            let highScore = parseInt(await getStorageAdapter().get("ee-snake-high-score"));
             if(!isNaN(highScore) && highScore >= event.score) {
                 /* No change */
                 return;
             }
 
-            localStorage.setItem("ee-snake-high-score", event.score.toString());
+            await getStorageAdapter().set("ee-snake-high-score", event.score.toString());
         });
 
-        this.events.on("query_high_score", () => {
-            let highScore = parseInt(localStorage.getItem("ee-snake-high-score"));
+        this.events.on("query_high_score", async () => {
+            let highScore = parseInt(await getStorageAdapter().get("ee-snake-high-score"));
             if(isNaN(highScore)) {
                 highScore = 0;
             }
diff --git a/shared/js/ui/modal/css-editor/Controller.ts b/shared/js/ui/modal/css-editor/Controller.ts
index c1a6e583..11d27bb8 100644
--- a/shared/js/ui/modal/css-editor/Controller.ts
+++ b/shared/js/ui/modal/css-editor/Controller.ts
@@ -5,6 +5,8 @@ import {Registry} from "../../../events";
 import {LogCategory, logWarn} from "../../../log";
 import {tr} from "tc-shared/i18n/localize";
 import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {getStorageAdapter} from "tc-shared/StorageAdapter";
+import {ignorePromise} from "tc-shared/proto";
 
 interface CustomVariable {
     name: string;
@@ -16,15 +18,17 @@ class CssVariableManager {
     private customVariables: { [key: string]: CustomVariable } = {};
     private htmlTag: HTMLStyleElement;
 
-    private loadLocalStorage() {
+    private async loadLocalStorage() {
         try {
-            const payloadString = localStorage.getItem("css-custom-variables");
-            if (typeof payloadString === "undefined" || !payloadString)
+            const payloadString = await getStorageAdapter().get("css-custom-variables");
+            if (typeof payloadString === "undefined" || !payloadString) {
                 return;
+            }
 
             const payload = JSON.parse(payloadString);
-            if (payload.version !== 1)
+            if (payload.version !== 1) {
                 throw "invalid payload version";
+            }
 
             this.customVariables = payload["customVariables"];
         } catch (error) {
@@ -32,11 +36,11 @@ class CssVariableManager {
         }
     }
 
-    initialize() {
+    async initialize() {
         this.htmlTag = document.createElement("style");
         document.body.appendChild(this.htmlTag);
 
-        this.loadLocalStorage();
+        await this.loadLocalStorage();
         this.updateCustomVariables(false);
     }
 
@@ -151,17 +155,25 @@ class CssVariableManager {
     }
 
     private updateCustomVariables(updateConfig: boolean) {
-        let text = "html:root {\n";
-        for (const variable of Object.values(this.customVariables))
-            text += "    " + variable.name + ": " + variable.value + ";\n";
-        text += "}";
-        this.htmlTag.textContent = text;
+        const variables = Object.values(this.customVariables);
+        if(variables.length === 0) {
+            this.htmlTag.textContent = "/* No custom CSS variables defined */";
+        } else {
+            let text = "";
+            text += "/* Custom set CSS variables */\n";
+            text = "html:root {\n";
+            for (const variable of variables) {
+                text += "    " + variable.name + ": " + variable.value + ";\n";
+            }
+            text += "}";
+            this.htmlTag.textContent = text;
+        }
 
         if (updateConfig) {
-            localStorage.setItem("css-custom-variables", JSON.stringify({
+            ignorePromise(getStorageAdapter().set("css-custom-variables", JSON.stringify({
                 version: 1,
                 customVariables: this.customVariables
-            }));
+            })));
         }
     }
 }
@@ -173,7 +185,7 @@ export function spawnModalCssVariableEditor() {
     cssVariableEditorController(events);
 
     const modal = spawnModal("css-editor", [ events.generateIpcDescription() ], { popedOut: true });
-    modal.show();
+    ignorePromise(modal.show());
 }
 
 function cssVariableEditorController(events: Registry<CssEditorEvents>) {
@@ -227,6 +239,6 @@ loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     name: "CSS Variable setup",
     function: async () => {
         cssVariableManager = new CssVariableManager();
-        cssVariableManager.initialize();
+        await cssVariableManager.initialize();
     }
 });
\ No newline at end of file
diff --git a/shared/js/ui/modal/whats-new/Renderer.tsx b/shared/js/ui/modal/whats-new/Renderer.tsx
index ece689e7..4e3534d0 100644
--- a/shared/js/ui/modal/whats-new/Renderer.tsx
+++ b/shared/js/ui/modal/whats-new/Renderer.tsx
@@ -150,7 +150,7 @@ export const WhatsNew = (props: { changesUI?: ChangeLog, changesClient?: ChangeL
         );
         infoText = (
             <VariadicTranslatable key={"info-native-ui"}
-                                  text={"The native clients UI has been updated to the version from 18.08.2020."}
+                                  text={"The native clients UI has been updated to the version from {}."}
             >
                 {versionUIDate}
             </VariadicTranslatable>
diff --git a/shared/js/update/Updater.ts b/shared/js/update/Updater.ts
index f20f8c5f..cf00e141 100644
--- a/shared/js/update/Updater.ts
+++ b/shared/js/update/Updater.ts
@@ -4,7 +4,10 @@ export interface Updater {
     getChangeLog() : ChangeLog;
     getChangeList(oldVersion: string) : ChangeLog;
 
-    getLastUsedVersion() : string;
+    /**
+     * @returns `undefined` if `updateUsedVersion()` never has been called.
+     */
+    getLastUsedVersion() : string | undefined;
     getCurrentVersion() : string;
 
     /* update the last used version to the current version */
diff --git a/shared/js/update/UpdaterWeb.ts b/shared/js/update/UpdaterWeb.ts
index e6431972..08da35c1 100644
--- a/shared/js/update/UpdaterWeb.ts
+++ b/shared/js/update/UpdaterWeb.ts
@@ -4,6 +4,7 @@ import {Stage} from "tc-loader";
 import {setUIUpdater} from "../update/index";
 import {Updater} from "../update/Updater";
 import {LogCategory, logError} from "../log";
+import {Settings, settings} from "tc-shared/settings";
 
 const ChangeLogContents: string = require("../../../ChangeLog.md");
 const EntryRegex = /^\* \*\*([0-9]{2})\.([0-9]{2})\.([0-9]{2})\*\*$/m;
@@ -139,11 +140,11 @@ class WebUpdater implements Updater {
     }
 
     getLastUsedVersion(): string {
-        return localStorage.getItem(kLastUsedVersionKey) || "08.08.20";
+        return settings.getValue(Settings.KEY_UPDATER_LAST_USED_UI, undefined);
     }
 
     updateUsedVersion() {
-        localStorage.setItem(kLastUsedVersionKey, this.getCurrentVersion());
+        settings.setValue(Settings.KEY_UPDATER_LAST_USED_UI, this.getCurrentVersion());
     }
 }
 
diff --git a/shared/js/update/index.ts b/shared/js/update/index.ts
index ffd14c45..d241d17e 100644
--- a/shared/js/update/index.ts
+++ b/shared/js/update/index.ts
@@ -3,7 +3,6 @@ import {ChangeLog} from "../update/ChangeLog";
 import {spawnUpdatedModal} from "../ui/modal/whats-new/Controller";
 import { tr } from "tc-shared/i18n/localize";
 
-const kIsNewUserKey = "updater-set";
 let updaterUi: Updater;
 let updaterNative: Updater;
 
@@ -22,29 +21,23 @@ export function setNativeUpdater(updater: Updater) {
 }
 
 function getChangedChangeLog(updater: Updater) : ChangeLog | undefined {
-    if(updater.getCurrentVersion() === updater.getLastUsedVersion())
+    if(updater.getCurrentVersion() === updater.getLastUsedVersion()) {
         return undefined;
+    }
 
     const changes = updater.getChangeList(updater.getLastUsedVersion());
     return changes.changes.length > 0 ? changes : undefined;
 }
 
 export function checkForUpdatedApp() {
-    if(localStorage.getItem(kIsNewUserKey)) {
-        let changesUI = updaterUi ? getChangedChangeLog(updaterUi) : undefined;
-        let changesNative = updaterNative ? getChangedChangeLog(updaterNative) : undefined;
+    let changesUI = updaterUi ? getChangedChangeLog(updaterUi) : undefined;
+    let changedBackend = updaterNative ? getChangedChangeLog(updaterNative) : undefined;
+    if(changesUI !== undefined || changedBackend !== undefined) {
+        spawnUpdatedModal({
+            changesUI: changesUI,
+            changesClient: changedBackend
+        });
 
-        if(changesUI !== undefined || changesNative !== undefined) {
-            spawnUpdatedModal({
-                changesUI: changesUI,
-                changesClient: changesNative
-            });
-
-            updaterUi?.updateUsedVersion();
-            updaterNative?.updateUsedVersion();
-        }
-    } else {
-        localStorage.setItem(kIsNewUserKey, "1");
         updaterUi?.updateUsedVersion();
         updaterNative?.updateUsedVersion();
     }

From 327880a5d2b4545b63465c265f97998c5b1073ad Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 19 Apr 2021 20:28:49 +0200
Subject: [PATCH 085/128] Added the missing server edit template which cause
 that server edit didn't worked

---
 shared/html/templates.html | 596 +++++++++++++++++++++++++++++++++++++
 1 file changed, 596 insertions(+)

diff --git a/shared/html/templates.html b/shared/html/templates.html
index 3562ed2a..05b55179 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -784,6 +784,602 @@
             </div>
         </script>
 
+        <script class="jsrender-template" id="tmpl_server_edit" type="text/html">
+            <div> <!-- Only for rendering -->
+                <div class="container-general">
+                    <div class="container-name-icon">
+                        <input type="text" class="input-boxed virtualserver_name" placeholder="{{tr 'Virtual Server name' /}}" value="{{>virtualserver_name}}"/>
+                        <div class="container-icon-select">
+                            <div class="button-select-icon icon-preview">
+                                <node key="server_icon"/>
+                            </div>
+                            <div class="container-dropdown">
+                                <div class="button">
+                                    <div class="arrow down"></div>
+                                </div>
+                                <div class="dropdown">
+                                    <div class="entry button-select-icon">{{tr "Edit icon" /}}</div>
+                                    <div class="entry button-icon-remove">{{tr "Remove icon" /}}</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="container-password">
+                        <input class="input-boxed virtualserver_password" placeholder="{{tr 'Password' /}}" type="password"
+                               id="field_server_password_{{rnd '0~13377331'/}}" {{if virtualserver_flag_password}}
+                               value="WolverinDEV" {{/if}}/>
+                    </div>
+                    <div class="container-slots">
+                        <div class="input-boxed">
+                            <a class="prefix">{{tr "Slots:" /}}</a>
+                            <input type="number" class="virtualserver_maxclients" value="{{:virtualserver_maxclients}}">
+                            <div class="container-tooltip tooltip-slots-max">
+                                <img src="img/icon_tooltip.svg"/>
+                                <div class="tooltip">
+                                    <a>{{tr "Max amount of simultaneously connected clients." /}}</a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="input-boxed">
+                            <a class="prefix">{{tr "Reserved slots:" /}}</a>
+                            <input type="number" class="virtualserver_reserved_slots" value="{{:virtualserver_reserved_slots}}">
+                            <div class="container-tooltip tooltip-slots-reserved">
+                                <img src="img/icon_tooltip.svg"/>
+                                <div class="tooltip">
+                                    <a>{{tr "Reserved server slots for admins." /}}</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="container-welcome-message">
+                        <div class="toolbar">
+                            <div class="button button-bold">B</div>
+                            <div class="button button-italic">I</div>
+                            <div class="button button-underline">U</div>
+                            <label class="button button-color">
+                                <input type="color" value="#FF0000">
+                                <a class="rainbow-letter">C</a>
+                            </label>
+                        </div>
+                        <textarea class="input-boxed virtualserver_welcomemessage" placeholder="{{tr 'Welcome message' /}}">{{>virtualserver_welcomemessage}}</textarea>
+                    </div>
+                </div>
+
+                <div class="container-categories">
+                    <div class="categories">
+                        <div class="entry" container="container-host">{{tr "Host" /}}</div>
+                        <div class="entry" container="container-network">{{tr "Networking" /}}</div>
+                        <div class="entry" container="container-security">{{tr "Security" /}}</div>
+                        <div class="entry" container="container-messages">{{tr "Messages" /}}</div>
+                        <div class="entry" container="container-misc">{{tr "Misc" /}}</div>
+                    </div>
+                    <div class="bodies">
+                        <div class="body container-host">
+                            <div class="container-top container-host-message">
+                                <div class="header">{{tr "Host Message" /}}</div>
+                                <div class="content">
+                                    <div class="container-message">
+                                        <div class="container-title">
+                                            <a>{{tr "Message" /}}</a>
+                                        </div>
+                                        <textarea class="input-boxed virtualserver_hostmessage" placeholder="{{tr 'Enter a message...' /}}">{{>virtualserver_hostmessage}}</textarea>
+                                    </div>
+                                    <div class="container-mode">
+                                        <div class="container-title">
+                                            <a>{{tr "Message Mode" /}}</a>
+                                        </div>
+                                        <select class="input-boxed virtualserver_hostmessage_mode">
+                                            <option value="0" {{if virtualserver_hostmessage_mode == 0}}selected{{/if}}>{{tr "No message" /}}</option>
+                                            <option value="1" {{if virtualserver_hostmessage_mode == 1}}selected{{/if}}>{{tr "Show message in log" /}}</option>
+                                            <option value="2" {{if virtualserver_hostmessage_mode == 2}}selected{{/if}}>{{tr "Show message as modal" /}}</option>
+                                            <option value="3" {{if virtualserver_hostmessage_mode == 3}}selected{{/if}}>{{tr "Show message as modal and disconnect the client" /}}
+                                            </option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="container-bottom">
+                                <div class="container-left container-host-banner">
+                                    <div class="header">{{tr "Host Banner" /}}</div>
+                                    <div class="content">
+                                        <div class="container-url">
+                                            <a>{{tr "URL" /}}</a>
+                                            <div class="input-boxed">
+                                                <input class="virtualserver_hostbanner_url" value="{{>virtualserver_hostbanner_url}}">
+                                                <div class="container-tooltip tooltip-host-banner-url">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "URL which will be opened when the client clicks on the host banner" /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-gfx-url">
+                                            <a>{{tr "Image URL" /}}</a>
+                                            <div class="input-boxed">
+                                                <input class="virtualserver_hostbanner_gfx_url" value="{{>virtualserver_hostbanner_gfx_url}}">
+                                                <div class="container-tooltip tooltip-host-banner-gfx-url">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "URL of the image which will be displayed" /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-refresh">
+                                            <a>{{tr "Refresh Interval" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="0" class="virtualserver_hostbanner_gfx_interval" value="{{>virtualserver_hostbanner_gfx_interval}}">
+                                                <div class="container-tooltip tooltip-host-banner-gfx-refresh">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Time in seconds which determine in which interval the client reloads the hostbanner. A value of 0 means no reload." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-resize">
+                                            <a>{{tr "Resize Mode" /}}</a>
+                                            <div class="input-boxed">
+                                                <select class="virtualserver_hostbanner_mode">
+                                                    <option value="0" {{if virtualserver_hostbanner_mode == 0}}selected{{/if}}>{{tr "Do not adjust" /}}</option>
+                                                    <option value="1" {{if virtualserver_hostbanner_mode == 1}}selected{{/if}}>{{tr "Adjust but ignore ratio aspect" /}}</option>
+                                                    <option value="2" {{if virtualserver_hostbanner_mode == 2}}selected{{/if}}>{{tr "Adjust and keep ratio aspect" /}}</option>
+                                                </select>
+                                                <div class="container-tooltip tooltip-host-banner-gfx-refresh">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Time in seconds which determine in which interval the client reloads the hostbanner.<br>A value of 0 means no reload." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-gfx-preview">
+                                            <div class="container-title">
+                                                <a>{{tr "Image Preview" /}}</a>
+                                            </div>
+                                            <a class="container-image">
+                                                <img src="{{:virtualserver_hostbanner_gfx_url}}"
+                                                     alt="&nbsp;{{tr 'Hostbanner Preview' /}}"
+                                                     title="{{tr 'Hostbanner Preview' /}}"
+                                                     {{if !virtualserver_hostbanner_gfx_url}}style="display: none;"{{/if}}
+                                                >
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="container-right container-host-button">
+                                    <div class="header">{{tr "Host Button" /}}</div>
+                                    <div class="content">
+                                        <div class="container-url">
+                                            <a>{{tr "URL" /}}</a>
+                                            <div class="input-boxed">
+                                                <input class="virtualserver_hostbutton_url" value="{{:virtualserver_hostbutton_url}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "URL which will be opened when the client clicks on the host button" /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-tooltip-button">
+                                            <a>{{tr "Tooltip" /}}</a>
+                                            <div class="input-boxed">
+                                                <input class="virtualserver_hostbutton_tooltip" value="{{:virtualserver_hostbutton_tooltip}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Text for the tooltip on button hover" /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-gfx-url">
+                                            <a>{{tr "Icon URL" /}}</a>
+                                            <div class="input-boxed">
+                                                <input class="virtualserver_hostbutton_gfx_url" value="{{:virtualserver_hostbutton_gfx_url}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "URL of the image which will be displayed" /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-gfx-preview">
+                                            <div class="container-title">
+                                                <a>{{tr "Icon Preview" /}}</a>
+                                            </div>
+                                            <a class="container-image">
+                                                <img src="{{:virtualserver_hostbutton_gfx_url}}"
+                                                     alt="&nbsp;{{tr 'Hostbutton Preview' /}}"
+                                                     title="{{tr 'Hostbutton Preview' /}}"
+                                                     {{if !virtualserver_hostbutton_gfx_url}}style="display: none;"{{/if}}
+                                                >
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="body container-network">
+                            <div class="container-top container-binding">
+                                <div class="header">{{tr "Binding" /}}</div>
+                                <div class="content">
+                                    <div class="container-host">
+                                        <a>{{tr "Host" /}}</a>
+                                        <div class="input-boxed">
+                                            <input class="virtualserver_host" value="{{:virtualserver_host}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>
+                                                        {{tr "A comma separated set of IP's where the server is listening on." /}}<br>
+                                                        {{tr "IPv4 and IPv6 is supported!" /}}<br>
+                                                        {{tr "Note: If you change this you need to restart the virtual server!" /}}
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="container-port">
+                                        <a>{{tr "Port" /}}</a>
+                                        <div class="input-boxed">
+                                            <input type="number" min="1" max="65535" class="virtualserver_port" value="{{:virtualserver_port}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>
+                                                        {{tr "The port where the server should be listening to." /}}<br>
+                                                        {{tr "Note: If you change this you need to restart the virtual server!" /}}
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <label class="container-weblist">
+                                        <div class="checkbox">
+                                            <input type="checkbox" class="virtualserver_weblist_enabled" {{if virtualserver_weblist_enabled}}checked{{/if}}>
+                                            <div class="mark"></div>
+                                        </div>
+                                        <a>{{tr "Enable reporting to the TeamSpeak server list" /}}</a>
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="container-bottom">
+                                <div class="container-left container-download">
+                                    <div class="header">{{tr "File Download" /}}</div>
+                                    <div class="content">
+                                        <div class="container-bandwidth">
+                                            <a>{{tr "Bandwidth limit" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="-1" class="virtualserver_max_download_total_bandwidth" value="{{:virtualserver_max_download_total_bandwidth}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Max bandwidth used by all file transfer clients." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <a class="unit">{{tr "Bytes/s" /}}</a>
+                                        </div>
+                                        <div class="container-quota">
+                                            <a>{{tr "Quota" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="0" class="virtualserver_download_quota" value="{{:virtualserver_download_quota}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>
+                                                            {{tr "Max amount of data in megabytes which could be downloaded." /}}<br>
+                                                            {{tr "The quota will be reset on every new month" /}}
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <a class="unit">{{tr "MiB/mo" /}}</a>
+                                        </div>
+                                        <div class="container-used-quota">
+                                            <a>{{tr "Quota this month" /}}</a>
+                                            <div class="value virtualserver_month_bytes_downloaded">{{>virtualserver_month_bytes_downloaded}}</div>
+                                        </div>
+                                        <div class="container-used-quota">
+                                            <a>{{tr "Quota total" /}}</a>
+                                            <div class="value virtualserver_total_bytes_downloaded">{{>virtualserver_total_bytes_downloaded}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="container-right container-upload">
+                                    <div class="header">{{tr "File Upload" /}}</div>
+                                    <div class="content">
+                                        <div class="container-bandwidth">
+                                            <a>{{tr "Bandwidth limit" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="-1" class="virtualserver_max_upload_total_bandwidth" value="{{:virtualserver_max_upload_total_bandwidth}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Max bandwidth used by all file transfer clients." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <a class="unit">{{tr "Bytes/s" /}}</a>
+                                        </div>
+                                        <div class="container-quota">
+                                            <a>{{tr "Quota" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="0" class="virtualserver_upload_quota" value="{{:virtualserver_upload_quota}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>
+                                                            {{tr "Max amount of data in megabytes which could be downloaded." /}}<br>
+                                                            {{tr "The quota will be reset on every new month" /}}
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <a class="unit">{{tr "MiB/mo" /}}</a>
+                                        </div>
+                                        <div class="container-used-quota">
+                                            <a>{{tr "Quota this month" /}}</a>
+                                            <div class="value virtualserver_month_bytes_uploaded">{{>virtualserver_month_bytes_uploaded}}</div>
+                                        </div>
+                                        <div class="container-used-quota">
+                                            <a>{{tr "Quota total" /}}</a>
+                                            <div class="value virtualserver_total_bytes_uploaded">{{>virtualserver_total_bytes_uploaded}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="body container-security">
+                            <div class="container-top container-antiflood">
+                                <div class="header">{{tr "Anti Flood" /}}</div>
+                                <div class="content">
+                                    <div class="container-reduce">
+                                        <a>{{tr "Reduced points every ½ seconds." /}}</a>
+                                        <div class="input-boxed">
+                                            <input type="number" min="0" class="virtualserver_antiflood_points_tick_reduce" value="{{:virtualserver_antiflood_points_tick_reduce}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>{{tr "Flood point count which will be reduced each server tick." /}}</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="container-block-commands">
+                                        <a>{{tr "Points needed to block commands" /}}</a>
+                                        <div class="input-boxed">
+                                            <input type="number" min="0" class="virtualserver_antiflood_points_needed_command_block" value="{{:virtualserver_antiflood_points_needed_command_block}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>{{tr "If the value has been reached, the users command will be rejected." /}}</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="container-block-ip">
+                                        <a>{{tr "Points needed to ban IP" /}}</a>
+                                        <div class="input-boxed">
+                                            <input type="number" min="0" class="virtualserver_antiflood_points_needed_ip_block" value="{{:virtualserver_antiflood_points_needed_ip_block}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>{{tr "If the value has been reached, the user will be temporally banned from the server." /}}</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="container-bottom container-security">
+                                <div class="header">{{tr "Misc" /}}</div>
+                                <div class="content">
+                                    <div class="container-encryption">
+                                        <a>{{tr "Channel voice data encryption" /}}</a>
+                                        <div class="input-boxed">
+                                            <select class="virtualserver_codec_encryption_mode">
+                                                <option value="0" {{if virtualserver_codec_encryption_mode == 0}}selected{{/if}}>{{tr "Edit per channel individually" /}}</option>
+                                                <option value="1" {{if virtualserver_codec_encryption_mode == 1}}selected{{/if}}>{{tr "Globally disabled" /}}</option>
+                                                <option value="2" {{if virtualserver_codec_encryption_mode == 2}}selected{{/if}}>{{tr "Globally enabled (recommended)" /}}</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="container-security-level">
+                                        <a>{{tr "Needed Security Level" /}}</a>
+                                        <div class="input-boxed">
+                                            <input type="number" min="8" class="virtualserver_needed_identity_security_level" value="{{:virtualserver_needed_identity_security_level}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>{{tr "Required security level to join the server. (Only applies to TeamSpeak identities)" /}}</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="container-security-level-description">
+                                        <a></a>
+                                        <div class="container-description">
+                                            <a>{{tr "Level &nbsp;<b>0 - 23</b> generated in seconds" /}}</a>
+                                            <a>{{tr "Level <b>24 - 29</b> generated in minutes" /}}</a>
+                                            <a>{{tr "Level <b>29 - 34</b> generated in hours" /}}</a>
+                                            <a>{{tr "Level <b>35 - 39</b> generated in days" /}}</a>
+                                            <a>{{tr "Level <b>40 - 43</b> generated in months" /}}</a>
+                                            <a>{{tr "Level <b>44 - 23</b> generated in years" /}}</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="body container-messages">
+                            <div class="container-top container-channel">
+                                <div class="header">{{tr "Channel" /}}</div>
+                                <div class="content">
+                                    <div class="container-topic">
+                                        <div class="container-title">
+                                            <a>{{tr "Topic" /}}</a>
+                                        </div>
+                                        <div class="input-boxed">
+                                            <input class="virtualserver_default_channel_topic" value="{{:virtualserver_default_channel_topic}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>{{tr "The default server channel topic" /}}</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="container-description">
+                                        <div class="container-title">
+                                            <a>{{tr "Description" /}}</a>
+                                        </div>
+                                        <textarea class="input-boxed virtualserver_default_channel_description" placeholder="{{tr 'Enter a message...' /}}">{{>virtualserver_default_channel_description}}</textarea>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="container-bottom container-client">
+                                <div class="header">{{tr "Client" /}}</div>
+                                <div class="content">
+                                    <div class="container-description">
+                                        <a>{{tr "Description" /}}</a>
+                                        <div class="input-boxed">
+                                            <input class="virtualserver_default_client_description" value="{{:virtualserver_default_client_description}}">
+                                            <div class="container-tooltip">
+                                                <img src="img/icon_tooltip.svg"/>
+                                                <div class="tooltip">
+                                                    <a>{{tr "The default client description" /}}</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="body container-misc">
+                            <div class="container-top container-default-groups">
+                                <div class="header">{{tr "Default groups" /}}</div>
+                                <div class="content">
+                                    <div class="container-default-group">
+                                        <a>{{tr "Server Group" /}}</a>
+                                        <select class="input-boxed virtualserver_default_server_group">
+                                        </select>
+                                    </div>
+                                    <div class="container-default-group">
+                                        <a>{{tr "Music Bot Group" /}}</a>
+                                        <select class="input-boxed virtualserver_default_music_group">
+                                        </select>
+                                    </div>
+                                    <div class="container-default-group">
+                                        <a>{{tr "Channel Admin Group" /}}</a>
+                                        <select class="input-boxed virtualserver_default_channel_admin_group">
+                                        </select>
+                                    </div>
+                                    <div class="container-default-group">
+                                        <a>{{tr "Channel Group" /}}</a>
+                                        <select class="input-boxed virtualserver_default_channel_group">
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="container-bottom">
+                                <div class="container-left container-complains">
+                                    <div class="header">{{tr "Complains" /}}</div>
+                                    <div class="content">
+                                        <div class="container-ban-threshold">
+                                            <a>{{tr "Complains until ban" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="0" class="virtualserver_complain_autoban_count" value="{{:virtualserver_complain_autoban_count}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Amount of complains against one user until he receives an automated ban." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-ban-time">
+                                            <a>{{tr "Autoban time" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="0" class="virtualserver_complain_autoban_time" value="{{:virtualserver_complain_autoban_time}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Amount of complains against one user until he receives an automated ban." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-cooldown">
+                                            <a>{{tr "Complain auto remove" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="0" class="virtualserver_complain_remove_time" value="{{:virtualserver_complain_remove_time}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Time in seconds after a complain expires." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="container-right container-others">
+                                    <div class="header">{{tr "Others" /}}</div>
+                                    <div class="content">
+                                        <div class="container-silence">
+                                            <a>{{tr "Clients before silence" /}}</a>
+                                            <div class="input-boxed">
+                                                <input type="number" min="0" class="virtualserver_min_clients_in_channel_before_forced_silence" value="{{:virtualserver_min_clients_in_channel_before_forced_silence}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Minimum clients within a channel to enforce silence." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-dim">
+                                            <a>{{tr "Priority speaker dim factor" /}}</a>
+                                            <div class="input-boxed">
+                                                <input min="-100" max="100" class="virtualserver_priority_speaker_dimm_modificator" value="{{:virtualserver_priority_speaker_dimm_modificator}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "Dim factor in '%' for priority speakers." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="container-gfx-url">
+                                            <a>{{tr "Default delete delay" /}}</a>
+                                            <div class="input-boxed">
+                                                <input class="virtualserver_channel_temp_delete_delay_default" value="{{:virtualserver_channel_temp_delete_delay_default}}">
+                                                <div class="container-tooltip">
+                                                    <img src="img/icon_tooltip.svg"/>
+                                                    <div class="tooltip">
+                                                        <a>{{tr "The default temporary channel delete delay." /}}</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="container-buttons">
+                    <button class="btn btn-danger button-cancel">{{tr "Cancel" /}}</button>
+                    <button class="btn btn-success button-save">{{tr "Save Changes" /}}</button>
+                </div>
+            </div>
+        </script>
+
         <!-- Permission overview -->
         <script class="jsrender-template" id="tmpl_server_group_assignment" type="text/html">
             <div class="group-assignment-list">

From 8f4078df4d0356d3aef1056e6b07aeaac8b7333a Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 19 Apr 2021 22:00:15 +0200
Subject: [PATCH 086/128] Fixed the load error icon and the loading order

---
 loader/index.ejs      | 2 +-
 shared/js/settings.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/loader/index.ejs b/loader/index.ejs
index 5ed5eca3..38c04e68 100644
--- a/loader/index.ejs
+++ b/loader/index.ejs
@@ -90,7 +90,7 @@
         <div class="fulloverlay" id="critical-load">
             <div class="container">
                 <div class="img">
-                    <%= require("./images/loading_error_right.svg") %>
+                    <%= require("!!svg-inline-loader!./images/loading_error_right.svg") %>
                 </div>
 
                 <h1 class="error"></h1>
diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index bbff1620..8cf41ba5 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -1052,7 +1052,7 @@ export class Settings {
 
 export let settings: Settings;
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
-    priority: 1000,
+    priority: 1100,
     name: "Settings initialize",
     function: async () => {
         settings = new Settings();

From d6449760bb083fa336a4464a6b7b9cf1bea1271f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Fri, 23 Apr 2021 13:09:05 +0200
Subject: [PATCH 087/128] Deleted the old about reference

---
 .../js/events/ClientGlobalControlHandler.ts   |  4 +-
 shared/js/ui/modal/ModalAbout.ts              | 39 -------------------
 2 files changed, 2 insertions(+), 41 deletions(-)
 delete mode 100644 shared/js/ui/modal/ModalAbout.ts

diff --git a/shared/js/events/ClientGlobalControlHandler.ts b/shared/js/events/ClientGlobalControlHandler.ts
index 80326bf7..70bd1285 100644
--- a/shared/js/events/ClientGlobalControlHandler.ts
+++ b/shared/js/events/ClientGlobalControlHandler.ts
@@ -13,13 +13,13 @@ import {tr, tra} from "../i18n/localize";
 import {spawnGlobalSettingsEditor} from "tc-shared/ui/modal/global-settings-editor/Controller";
 import {spawnModalCssVariableEditor} from "tc-shared/ui/modal/css-editor/Controller";
 import {server_connections} from "tc-shared/ConnectionManager";
-import {spawnAbout} from "tc-shared/ui/modal/ModalAbout";
 import {spawnVideoSourceSelectModal} from "tc-shared/ui/modal/video-source/Controller";
 import {LogCategory, logError, logWarn} from "tc-shared/log";
 import {spawnEchoTestModal} from "tc-shared/ui/modal/echo-test/Controller";
 import {spawnConnectModalNew} from "tc-shared/ui/modal/connect/Controller";
 import {spawnBookmarkModal} from "tc-shared/ui/modal/bookmarks/Controller";
 import {Sound} from "tc-shared/audio/Sounds";
+import {spawnAboutModal} from "tc-shared/ui/modal/about/Controller";
 
 /*
 function initialize_sounds(event_registry: Registry<ClientGlobalControlEvents>) {
@@ -150,7 +150,7 @@ export function initialize(event_registry: Registry<ClientGlobalControlEvents>)
                 break;
 
             case "about":
-                spawnAbout();
+                spawnAboutModal();
                 break;
 
             case "server-echo-test":
diff --git a/shared/js/ui/modal/ModalAbout.ts b/shared/js/ui/modal/ModalAbout.ts
deleted file mode 100644
index 8548d714..00000000
--- a/shared/js/ui/modal/ModalAbout.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import {createModal} from "../../ui/elements/Modal";
-import {getBackend} from "tc-shared/backend";
-import {tr} from "tc-shared/i18n/localize";
-import {spawnAboutModal} from "tc-shared/ui/modal/about/Controller";
-
-function format_date(date: number) {
-    const d = new Date(date);
-
-    return ('00' + d.getDay()).substr(-2) + "." + ('00' + d.getMonth()).substr(-2) + "." + d.getFullYear() + " - " + ('00' + d.getHours()).substr(-2) + ":" + ('00' + d.getMinutes()).substr(-2);
-}
-
-export function spawnAbout() {
-    spawnAboutModal();
-    return;
-
-    const connectModal = createModal({
-        header: tr("About"),
-        body: () => {
-            return $("#tmpl_about").renderTag({
-                client: __build.target !== "web",
-
-                version_client: __build.target === "web" ? __build.version || "in-dev" : "loading...",
-                version_ui: __build.version || "in-dev",
-
-                version_timestamp: format_date(__build.timestamp)
-            });
-        },
-        footer: null,
-
-        width: "60em"
-    });
-    connectModal.htmlTag.find(".modal-body").addClass("modal-about");
-    connectModal.open();
-
-    if (__build.target !== "web") {
-        const version = getBackend("native").getVersionInfo();
-        connectModal.htmlTag.find(".version-client").text(version.version);
-    }
-}
\ No newline at end of file

From 7ed13f5b6aa7fe5aae61a274a7e4a77f7102cc38 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 11:32:56 +0200
Subject: [PATCH 088/128] Removed the old server info modal and using the new
 React based and popoutable modal

---
 shared/css/load-css.tsx                       |   1 -
 shared/css/static/color-variables.scss        |  10 +
 shared/css/static/modal-serverinfo.scss       | 267 --------------
 shared/js/tree/Server.ts                      | 231 ++++++------
 shared/js/tree/ServerDefinitions.ts           | 138 +++++++
 shared/js/ui/frames/HostBannerController.ts   |  51 +--
 shared/js/ui/frames/HostBannerRenderer.scss   |  14 +-
 shared/js/ui/frames/HostBannerRenderer.tsx    |   9 +-
 shared/js/ui/modal/ModalServerInfo.ts         | 250 -------------
 shared/js/ui/modal/bookmarks/Renderer.tsx     |   1 +
 shared/js/ui/modal/server-info/Controller.ts  | 190 ++++++++++
 shared/js/ui/modal/server-info/Definitions.ts |  31 ++
 shared/js/ui/modal/server-info/Renderer.scss  | 250 +++++++++++++
 shared/js/ui/modal/server-info/Renderer.tsx   | 342 ++++++++++++++++++
 .../ui/modal/server-info}/serveredit_1.png    | Bin
 .../ui/modal/server-info}/serveredit_2.png    | Bin
 .../ui/modal/server-info}/serveredit_3.png    | Bin
 shared/js/ui/react-elements/Tooltip.tsx       |   6 +-
 .../js/ui/react-elements/modal/Definitions.ts |   5 +
 shared/js/ui/react-elements/modal/Registry.ts |   4 +-
 shared/js/utils/TimeUtils.ts                  |  21 +-
 21 files changed, 1131 insertions(+), 690 deletions(-)
 delete mode 100644 shared/css/static/modal-serverinfo.scss
 create mode 100644 shared/js/tree/ServerDefinitions.ts
 delete mode 100644 shared/js/ui/modal/ModalServerInfo.ts
 create mode 100644 shared/js/ui/modal/server-info/Controller.ts
 create mode 100644 shared/js/ui/modal/server-info/Definitions.ts
 create mode 100644 shared/js/ui/modal/server-info/Renderer.scss
 create mode 100644 shared/js/ui/modal/server-info/Renderer.tsx
 rename shared/{img => js/ui/modal/server-info}/serveredit_1.png (100%)
 rename shared/{img => js/ui/modal/server-info}/serveredit_2.png (100%)
 rename shared/{img => js/ui/modal/server-info}/serveredit_3.png (100%)

diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index c520ea68..ed63717b 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -21,7 +21,6 @@ import "./static/modal-query.scss"
 import "./static/modal-server.scss"
 import "./static/modal-musicmanage.scss"
 import "./static/modal-serverinfobandwidth.scss"
-import "./static/modal-serverinfo.scss"
 import "./static/modal-settings.scss"
 import "./static/overlay-image-preview.scss"
 import "./static/color-variables.scss"
diff --git a/shared/css/static/color-variables.scss b/shared/css/static/color-variables.scss
index a64a0d9a..6ead398c 100644
--- a/shared/css/static/color-variables.scss
+++ b/shared/css/static/color-variables.scss
@@ -42,4 +42,14 @@ html:root {
 
     /* The host banner */
     --hostbanner-background: #2e2e2e;
+
+    /* Server Info */
+    --serverinfo-background: #2f2f35;
+    --serverinfo-hostbanner-background: #26222a;
+
+    --serverinfo-group-border: #1f2122;
+    --serverinfo-group-background: #28292b;
+
+    --serverinfo-key: #557edc;
+    --serverinfo-value: #d6d6d7;
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-serverinfo.scss b/shared/css/static/modal-serverinfo.scss
deleted file mode 100644
index da83e98b..00000000
--- a/shared/css/static/modal-serverinfo.scss
+++ /dev/null
@@ -1,267 +0,0 @@
-@import "mixin";
-
-html:root {
-	--serverinfo-background: #2f2f35;
-	--serverinfo-hostbanner-background: #26222a;
-
-	--serverinfo-group-border: #1f2122;
-	--serverinfo-group-background: #28292b;
-
-	--serverinfo-key: #557edc;
-	--serverinfo-value: #d6d6d7;
-}
-
-:global {
-	.modal-body.modal-server-info {
-		padding: 0!important;
-		width: 55em;
-
-		display: flex!important;
-		flex-direction: column!important;
-		justify-content: flex-start!important;
-
-		background-color: var(--serverinfo-background);
-
-		.container-tooltip {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			position: relative;
-			width: 1.6em;
-			margin-left: .5em;
-			margin-right: .5em;
-			font-size: .9em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-
-			img {
-				height: 1em;
-				width: 1em;
-
-				align-self: center;
-				font-size: 1.2em;
-			}
-
-			.tooltip {
-				display: none;
-			}
-		}
-
-		.container-top {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			max-height: 9em;
-			//width: 30em; /* set a default width where we have to grow/shrink */
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			.container-hostbanner {
-				border: none;
-				border-radius: 0;
-				background-color: var(--serverinfo-hostbanner-background);
-			}
-
-			&.hidden {
-				display: none;
-			}
-		}
-
-		.container-body {
-			flex-shrink: 1;
-			min-height: 12em; /* 10em + 2 * 1em margin */
-
-			overflow-y: auto;
-
-			@include chat-scrollbar-vertical();
-		}
-
-		.group {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			margin: 1em;
-			padding: .5em;
-
-			border-radius: .2em;
-			border: 1px solid var(--serverinfo-group-border);
-
-			background-color: var(--serverinfo-group-background);
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			height: 10em;
-			max-height: 10em;
-
-			.container-image {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				max-width: 15em;
-				max-height: 9em; /* minus one padding */
-
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-
-				img {
-					object-fit: contain;
-					max-height: 100%;
-					max-width: 100%;
-				}
-
-				margin-right: 2em;
-				@include transition(.25s ease-in-out);
-			}
-
-			.container-properties {
-				flex-shrink: 1;
-				flex-grow: 1;
-
-				min-width: 20em;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-
-				height: inherit;
-
-				.row {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					height: 1.8em;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: flex-start;
-
-					.key {
-						flex-shrink: 0;
-						flex-grow: 0;
-
-						color: var(--serverinfo-key);
-						text-transform: uppercase;
-						align-self: center;
-
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
-
-						width: 15em;
-					}
-
-					.value {
-						color: var(--serverinfo-value);
-						align-self: center;
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
-
-						.country {
-							display: inline-block;
-							margin-right: .25em;
-						}
-
-						&.server-version {
-							display: flex;
-							flex-direction: row;
-							justify-content: flex-start;
-
-							a {
-								flex-shrink: 1;
-								min-width: 0;
-
-								white-space: nowrap;
-								overflow: hidden;
-								text-overflow: ellipsis;
-							}
-						}
-					}
-				}
-
-				.container-network {
-					display: flex;
-					flex-direction: row;
-					justify-content: center;
-
-					.container-button {
-						margin-right: 1em;
-
-						flex-shrink: 1e8;
-						min-width: 5em;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: flex-end;
-
-						button {
-							height: 2.5em;
-							width: 12em;
-
-							max-width: 100%;
-
-							white-space: nowrap;
-							overflow: hidden;
-							text-overflow: ellipsis;
-						}
-					}
-
-					.right {
-						flex-grow: 1;
-						flex-shrink: 1;
-						min-width: 10em;
-					}
-				}
-			}
-
-			&.reverse {
-				flex-direction: row-reverse;
-				text-align: right;
-
-				.container-image {
-					margin-right: 0;
-					margin-left: 2em;
-				}
-
-				.container-properties {
-					.row {
-						flex-direction: row-reverse;
-					}
-				}
-			}
-		}
-
-		.container-buttons {
-			margin: 1em;
-
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			button {
-				min-width: 8em;
-			}
-		}
-	}
-}
-
-@media all and (max-width: 50em) {
-	:global {
-		.modal-body.modal-server-info {
-			.container-image {
-				margin: 0!important;
-				max-width: 0!important;
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index 95ffa989..913631f6 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -2,118 +2,28 @@ import {ChannelTree} from "./ChannelTree";
 import {Settings, settings} from "../settings";
 import * as contextmenu from "../ui/elements/ContextMenu";
 import * as log from "../log";
-import {LogCategory, logInfo, LogType} from "../log";
+import {LogCategory, logError, logInfo, LogType} from "../log";
 import {Sound} from "../audio/Sounds";
-import {openServerInfo} from "../ui/modal/ModalServerInfo";
 import {createServerModal} from "../ui/modal/ModalServerEdit";
 import {spawnIconSelect} from "../ui/modal/ModalIconSelect";
 import {spawnAvatarList} from "../ui/modal/ModalAvatarList";
 import {Registry} from "../events";
 import {ChannelTreeEntry, ChannelTreeEntryEvents} from "./ChannelTreeEntry";
-import { tr } from "tc-shared/i18n/localize";
+import {tr} from "tc-shared/i18n/localize";
 import {spawnInviteGenerator} from "tc-shared/ui/modal/invite/Controller";
+import {HostBannerInfo, HostBannerInfoMode} from "tc-shared/ui/frames/HostBannerDefinitions";
+import {spawnServerInfoNew} from "tc-shared/ui/modal/server-info/Controller";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ErrorCode} from "tc-shared/connection/ErrorCode";
+import {
+    kServerConnectionInfoFields,
+    ServerConnectionInfo,
+    ServerConnectionInfoResult,
+    ServerProperties
+} from "tc-shared/tree/ServerDefinitions";
 
-export class ServerProperties {
-    virtualserver_host: string = "";
-    virtualserver_port: number = 0;
-
-    virtualserver_name: string = "";
-    virtualserver_name_phonetic: string = "";
-    virtualserver_icon_id: number = 0;
-    virtualserver_version: string = "unknown";
-    virtualserver_platform: string = "unknown";
-    virtualserver_unique_identifier: string = "";
-
-    virtualserver_clientsonline: number = 0;
-    virtualserver_queryclientsonline: number = 0;
-    virtualserver_channelsonline: number = 0;
-    virtualserver_uptime: number = 0;
-    virtualserver_created: number = 0;
-    virtualserver_maxclients: number = 0;
-    virtualserver_reserved_slots: number = 0;
-
-    virtualserver_password: string = "";
-    virtualserver_flag_password: boolean = false;
-
-    virtualserver_ask_for_privilegekey: boolean = false;
-
-    virtualserver_welcomemessage: string = "";
-
-    virtualserver_hostmessage: string = "";
-    virtualserver_hostmessage_mode: number = 0;
-
-    virtualserver_hostbanner_url: string = "";
-    virtualserver_hostbanner_gfx_url: string = "";
-    virtualserver_hostbanner_gfx_interval: number = 0;
-    virtualserver_hostbanner_mode: number = 0;
-
-    virtualserver_hostbutton_tooltip: string = "";
-    virtualserver_hostbutton_url: string = "";
-    virtualserver_hostbutton_gfx_url: string = "";
-
-    virtualserver_codec_encryption_mode: number = 0;
-
-    virtualserver_default_music_group: number = 0;
-    virtualserver_default_server_group: number = 0;
-    virtualserver_default_channel_group: number = 0;
-    virtualserver_default_channel_admin_group: number = 0;
-
-    //Special requested properties
-    virtualserver_default_client_description: string = "";
-    virtualserver_default_channel_description: string = "";
-    virtualserver_default_channel_topic: string = "";
-
-    virtualserver_antiflood_points_tick_reduce: number = 0;
-    virtualserver_antiflood_points_needed_command_block: number = 0;
-    virtualserver_antiflood_points_needed_ip_block: number = 0;
-
-    virtualserver_country_code: string = "XX";
-
-    virtualserver_complain_autoban_count: number = 0;
-    virtualserver_complain_autoban_time: number = 0;
-    virtualserver_complain_remove_time: number = 0;
-
-    virtualserver_needed_identity_security_level: number = 8;
-    virtualserver_weblist_enabled: boolean = false;
-    virtualserver_min_clients_in_channel_before_forced_silence: number = 0;
-    virtualserver_channel_temp_delete_delay_default: number = 60;
-    virtualserver_priority_speaker_dimm_modificator: number = -18;
-
-    virtualserver_max_upload_total_bandwidth: number = 0;
-    virtualserver_upload_quota: number = 0;
-    virtualserver_max_download_total_bandwidth: number = 0;
-    virtualserver_download_quota: number = 0;
-
-    virtualserver_month_bytes_downloaded: number = 0;
-    virtualserver_month_bytes_uploaded: number = 0;
-    virtualserver_total_bytes_downloaded: number = 0;
-    virtualserver_total_bytes_uploaded: number = 0;
-}
-
-export interface ServerConnectionInfo {
-    connection_filetransfer_bandwidth_sent: number;
-    connection_filetransfer_bandwidth_received: number;
-
-    connection_filetransfer_bytes_sent_total: number;
-    connection_filetransfer_bytes_received_total: number;
-
-    connection_filetransfer_bytes_sent_month: number;
-    connection_filetransfer_bytes_received_month: number;
-
-    connection_packets_sent_total: number;
-    connection_bytes_sent_total: number;
-    connection_packets_received_total: number;
-    connection_bytes_received_total: number;
-
-    connection_bandwidth_sent_last_second_total: number;
-    connection_bandwidth_sent_last_minute_total: number;
-    connection_bandwidth_received_last_second_total: number;
-    connection_bandwidth_received_last_minute_total: number;
-
-    connection_connected_time: number;
-    connection_packetloss_total: number;
-    connection_ping: number;
-}
+/* TODO: Rework all imports */
+export * from "./ServerDefinitions";
 
 export interface ServerAddress {
     host: string;
@@ -163,7 +73,8 @@ export interface ServerEvents extends ChannelTreeEntryEvents {
     notify_properties_updated: {
         updated_properties: Partial<ServerProperties>;
         server_properties: ServerProperties
-    }
+    },
+    notify_host_banner_updated: {},
 }
 
 export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
@@ -177,6 +88,10 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
     private info_request_promise_resolve: any = undefined;
     private info_request_promise_reject: any = undefined;
 
+    private requestInfoPromise: Promise<ServerConnectionInfoResult>;
+    private requestInfoPromiseTimestamp: number;
+
+    /* TODO: Remove this? */
     private _info_connection_promise: Promise<ServerConnectionInfo>;
     private _info_connection_promise_timestamp: number;
     private _info_connection_promise_resolve: any;
@@ -195,6 +110,17 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
         this.channelTree = tree;
         this.remote_address = Object.assign({}, address); /* copy the address because it might get changed due to the DNS resolve */
         this.properties.virtualserver_name = name;
+
+        this.events.on("notify_properties_updated", event => {
+            if(
+                "virtualserver_hostbanner_url" in event.updated_properties ||
+                "virtualserver_hostbanner_mode" in event.updated_properties ||
+                "virtualserver_hostbanner_gfx_url" in event.updated_properties ||
+                "virtualserver_hostbanner_gfx_interval" in event.updated_properties
+            ) {
+                this.events.fire("notify_host_banner_updated");
+            }
+        });
     }
 
     destroy() {
@@ -212,9 +138,7 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
             {
                 type: contextmenu.MenuEntryType.ENTRY,
                 name: tr("Show server info"),
-                callback: () => {
-                    openServerInfo(this);
-                },
+                callback: () => spawnServerInfoNew(this.channelTree.client),
                 icon_class: "client-about"
             }, {
                 type: contextmenu.MenuEntryType.ENTRY,
@@ -350,11 +274,13 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
 
     /* max 1s ago, so we could update every second */
     request_connection_info() : Promise<ServerConnectionInfo> {
-        if(Date.now() - 900 < this._info_connection_promise_timestamp && this._info_connection_promise)
+        if(Date.now() - 900 < this._info_connection_promise_timestamp && this._info_connection_promise) {
             return this._info_connection_promise;
+        }
 
-        if(this._info_connection_promise_reject)
+        if(this._info_connection_promise_reject) {
             this._info_connection_promise_resolve("timeout");
+        }
 
         let _local_reject; /* to ensure we're using the right resolve! */
         this._info_connection_promise = new Promise<ServerConnectionInfo>((resolve, reject) => {
@@ -364,10 +290,61 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
         });
 
         this._info_connection_promise_timestamp = Date.now();
-        this.channelTree.client.serverConnection.send_command("serverrequestconnectioninfo", {}, {process_result: false}).catch(error => _local_reject(error));
+        this.channelTree.client.serverConnection.send_command("serverrequestconnectioninfo", {}, { process_result: false }).catch(error => _local_reject(error));
         return this._info_connection_promise;
     }
 
+    requestConnectionInfo() : Promise<ServerConnectionInfoResult> {
+        if(this.requestInfoPromise && Date.now() - 1000 < this.requestInfoPromiseTimestamp) {
+            return this.requestInfoPromise;
+        }
+
+        this.requestInfoPromiseTimestamp = Date.now();
+        return this.requestInfoPromise = this.doRequestConnectionInfo();
+    }
+
+    private async doRequestConnectionInfo() : Promise<ServerConnectionInfoResult> {
+        const connection = this.channelTree.client.serverConnection;
+
+        let result: ServerConnectionInfoResult = { status: "error", message: "missing notify" };
+        const handlerUnregister = connection.command_handler_boss().register_explicit_handler("notifyserverconnectioninfo", command => {
+            const payload = command.arguments[0];
+
+            const info = {} as any;
+            for(const key of Object.keys(kServerConnectionInfoFields)) {
+                if(!(key in payload)) {
+                    result = { status: "error", message: "missing key " + key };
+                    return;
+                }
+
+                info[key] = parseFloat(payload[key]);
+            }
+
+            result = { status: "success", resultCached: false, result: info };
+            return false;
+        });
+
+        try {
+            await connection.send_command("serverrequestconnectioninfo", {}, { process_result: false });
+        } catch (error) {
+            if(error instanceof CommandResult) {
+                if(error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
+                    result = { status: "no-permission", failedPermission: this.channelTree.client.permissions.getFailedPermission(error) };
+                } else {
+                    result = { status: "error", message: error.formattedMessage() };
+                }
+            } else if(typeof error === "string") {
+                result = { status: "error", message: error };
+            } else {
+                logError(LogCategory.NETWORKING, tr("Failed to request the server connection info: %o"), error);
+                result = { status: "error", message: tr("lookup the console") };
+            }
+        } finally {
+            handlerUnregister();
+        }
+        return result;
+    }
+
     set_connection_info(info: ServerConnectionInfo) {
         if(!this._info_connection_promise_resolve)
             return;
@@ -392,4 +369,36 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
         this._info_connection_promise_resolve = undefined;
         this._info_connection_promise_timestamp = undefined;
     }
+
+    generateHostBannerInfo() : HostBannerInfo {
+        if(!this.properties.virtualserver_hostbanner_gfx_url) {
+            return { status: "none" };
+        }
+
+        let mode: HostBannerInfoMode;
+        switch (this.properties.virtualserver_hostbanner_mode) {
+            case 0:
+                mode = "original";
+                break;
+
+            case 1:
+                mode = "resize";
+                break;
+
+            case 2:
+            default:
+                mode = "resize-ratio";
+                break;
+        }
+
+        return {
+            status: "set",
+
+            linkUrl: this.properties.virtualserver_hostbanner_url,
+            mode: mode,
+
+            imageUrl: this.properties.virtualserver_hostbanner_gfx_url,
+            updateInterval: this.properties.virtualserver_hostbanner_gfx_interval,
+        };
+    }
 }
\ No newline at end of file
diff --git a/shared/js/tree/ServerDefinitions.ts b/shared/js/tree/ServerDefinitions.ts
new file mode 100644
index 00000000..c56053db
--- /dev/null
+++ b/shared/js/tree/ServerDefinitions.ts
@@ -0,0 +1,138 @@
+export class ServerProperties {
+    virtualserver_host: string = "";
+    virtualserver_port: number = 0;
+
+    virtualserver_name: string = "";
+    virtualserver_name_phonetic: string = "";
+    virtualserver_icon_id: number = 0;
+    virtualserver_version: string = "unknown";
+    virtualserver_platform: string = "unknown";
+    virtualserver_unique_identifier: string = "";
+
+    virtualserver_clientsonline: number = 0;
+    virtualserver_queryclientsonline: number = 0;
+    virtualserver_channelsonline: number = 0;
+    virtualserver_uptime: number = 0;
+    virtualserver_created: number = 0;
+    virtualserver_maxclients: number = 0;
+    virtualserver_reserved_slots: number = 0;
+
+    virtualserver_password: string = "";
+    virtualserver_flag_password: boolean = false;
+
+    virtualserver_ask_for_privilegekey: boolean = false;
+
+    virtualserver_welcomemessage: string = "";
+
+    virtualserver_hostmessage: string = "";
+    virtualserver_hostmessage_mode: number = 0;
+
+    virtualserver_hostbanner_url: string = "";
+    virtualserver_hostbanner_gfx_url: string = "";
+    virtualserver_hostbanner_gfx_interval: number = 0;
+    virtualserver_hostbanner_mode: number = 0;
+
+    virtualserver_hostbutton_tooltip: string = "";
+    virtualserver_hostbutton_url: string = "";
+    virtualserver_hostbutton_gfx_url: string = "";
+
+    virtualserver_codec_encryption_mode: number = 0;
+
+    virtualserver_default_music_group: number = 0;
+    virtualserver_default_server_group: number = 0;
+    virtualserver_default_channel_group: number = 0;
+    virtualserver_default_channel_admin_group: number = 0;
+
+    //Special requested properties
+    virtualserver_default_client_description: string = "";
+    virtualserver_default_channel_description: string = "";
+    virtualserver_default_channel_topic: string = "";
+
+    virtualserver_antiflood_points_tick_reduce: number = 0;
+    virtualserver_antiflood_points_needed_command_block: number = 0;
+    virtualserver_antiflood_points_needed_ip_block: number = 0;
+
+    virtualserver_country_code: string = "XX";
+
+    virtualserver_complain_autoban_count: number = 0;
+    virtualserver_complain_autoban_time: number = 0;
+    virtualserver_complain_remove_time: number = 0;
+
+    virtualserver_needed_identity_security_level: number = 8;
+    virtualserver_weblist_enabled: boolean = false;
+    virtualserver_min_clients_in_channel_before_forced_silence: number = 0;
+    virtualserver_channel_temp_delete_delay_default: number = 60;
+    virtualserver_priority_speaker_dimm_modificator: number = -18;
+
+    virtualserver_max_upload_total_bandwidth: number = 0;
+    virtualserver_upload_quota: number = 0;
+    virtualserver_max_download_total_bandwidth: number = 0;
+    virtualserver_download_quota: number = 0;
+
+    virtualserver_month_bytes_downloaded: number = 0;
+    virtualserver_month_bytes_uploaded: number = 0;
+    virtualserver_total_bytes_downloaded: number = 0;
+    virtualserver_total_bytes_uploaded: number = 0;
+}
+
+export const kServerConnectionInfoFields = {
+    "connection_filetransfer_bandwidth_sent": "number",
+    "connection_filetransfer_bandwidth_received": "number",
+
+    "connection_filetransfer_bytes_sent_total": "number",
+    "connection_filetransfer_bytes_received_total": "number",
+
+    "connection_filetransfer_bytes_sent_month": "number",
+    "connection_filetransfer_bytes_received_month": "number",
+
+    "connection_packets_sent_total": "number",
+    "connection_bytes_sent_total": "number",
+    "connection_packets_received_total": "number",
+    "connection_bytes_received_total": "number",
+
+    "connection_bandwidth_sent_last_second_total": "number",
+    "connection_bandwidth_sent_last_minute_total": "number",
+    "connection_bandwidth_received_last_second_total": "number",
+    "connection_bandwidth_received_last_minute_total": "number",
+
+    "connection_connected_time": "number",
+    "connection_packetloss_total": "number",
+    "connection_ping": "number",
+};
+
+export interface ServerConnectionInfo {
+    connection_filetransfer_bandwidth_sent: number;
+    connection_filetransfer_bandwidth_received: number;
+
+    connection_filetransfer_bytes_sent_total: number;
+    connection_filetransfer_bytes_received_total: number;
+
+    connection_filetransfer_bytes_sent_month: number;
+    connection_filetransfer_bytes_received_month: number;
+
+    connection_packets_sent_total: number;
+    connection_bytes_sent_total: number;
+    connection_packets_received_total: number;
+    connection_bytes_received_total: number;
+
+    connection_bandwidth_sent_last_second_total: number;
+    connection_bandwidth_sent_last_minute_total: number;
+    connection_bandwidth_received_last_second_total: number;
+    connection_bandwidth_received_last_minute_total: number;
+
+    connection_connected_time: number;
+    connection_packetloss_total: number;
+    connection_ping: number;
+}
+
+export type ServerConnectionInfoResult = {
+    status: "success",
+    result: ServerConnectionInfo,
+    resultCached: boolean
+} | {
+    status: "no-permission",
+    failedPermission: string
+} | {
+    status: "error",
+    message: string
+};
\ No newline at end of file
diff --git a/shared/js/ui/frames/HostBannerController.ts b/shared/js/ui/frames/HostBannerController.ts
index 77104892..44a2da5a 100644
--- a/shared/js/ui/frames/HostBannerController.ts
+++ b/shared/js/ui/frames/HostBannerController.ts
@@ -1,6 +1,6 @@
 import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
+import {HostBannerUiEvents} from "tc-shared/ui/frames/HostBannerDefinitions";
 import {Registry} from "tc-shared/events";
-import {HostBannerInfoMode, HostBannerUiEvents} from "tc-shared/ui/frames/HostBannerDefinitions";
 
 export class HostBannerController {
     readonly uiEvents: Registry<HostBannerUiEvents>;
@@ -38,15 +38,8 @@ export class HostBannerController {
     }
 
     protected initializeConnectionHandler(handler: ConnectionHandler) {
-        this.listenerConnection.push(handler.channelTree.server.events.on("notify_properties_updated", event => {
-            if(
-                "virtualserver_hostbanner_url" in event.updated_properties ||
-                "virtualserver_hostbanner_mode" in event.updated_properties ||
-                "virtualserver_hostbanner_gfx_url" in event.updated_properties ||
-                "virtualserver_hostbanner_gfx_interval" in event.updated_properties
-            ) {
-                this.notifyHostBanner();
-            }
+        this.listenerConnection.push(handler.channelTree.server.events.on("notify_host_banner_updated", () => {
+            this.notifyHostBanner();
         }));
 
         this.listenerConnection.push(handler.events().on("notify_connection_state_changed", event => {
@@ -58,39 +51,11 @@ export class HostBannerController {
 
     private notifyHostBanner() {
         if(this.currentConnection?.connected) {
-            const properties = this.currentConnection.channelTree.server.properties;
-            if(properties.virtualserver_hostbanner_gfx_url) {
-                let mode: HostBannerInfoMode;
-                switch (properties.virtualserver_hostbanner_mode) {
-                    case 0:
-                        mode = "original";
-                        break;
-
-                    case 1:
-                        mode = "resize";
-                        break;
-
-                    case 2:
-                    default:
-                        mode = "resize-ratio";
-                        break;
-                }
-
-                this.uiEvents.fire_react("notify_host_banner", {
-                    banner: {
-                        status: "set",
-
-                        linkUrl: properties.virtualserver_hostbanner_url,
-                        mode: mode,
-
-                        imageUrl: properties.virtualserver_hostbanner_gfx_url,
-                        updateInterval: properties.virtualserver_hostbanner_gfx_interval,
-                    }
-                });
-                return;
-            }
+            this.uiEvents.fire_react("notify_host_banner", {
+                banner: this.currentConnection.channelTree.server.generateHostBannerInfo()
+            });
+        } else {
+            this.uiEvents.fire_react("notify_host_banner", { banner: { status: "none" }});
         }
-
-        this.uiEvents.fire_react("notify_host_banner", { banner: { status: "none" }});
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/frames/HostBannerRenderer.scss b/shared/js/ui/frames/HostBannerRenderer.scss
index 36cc859e..f1f224d4 100644
--- a/shared/js/ui/frames/HostBannerRenderer.scss
+++ b/shared/js/ui/frames/HostBannerRenderer.scss
@@ -32,7 +32,10 @@
     min-height: 0;
 
     text-align: center;
-    cursor: pointer;
+
+    &.clickable {
+        cursor: pointer;
+    }
 
     /* We're disabling the transition since it only works on appearing not on disappearing */
     /* @include transition(height 0.5s ease-in-out); */
@@ -60,8 +63,13 @@
         width: 100%;
 
         > img {
-            width: 100%;
-            height: 100%;
+            object-fit: contain;
+
+            max-height: 100%;
+            max-width: 100%;
+
+            min-width: 100%;
+            min-height: 100%;
         }
     }
 
diff --git a/shared/js/ui/frames/HostBannerRenderer.tsx b/shared/js/ui/frames/HostBannerRenderer.tsx
index b7f05a7d..e8fcf111 100644
--- a/shared/js/ui/frames/HostBannerRenderer.tsx
+++ b/shared/js/ui/frames/HostBannerRenderer.tsx
@@ -8,7 +8,7 @@ import {Settings} from "tc-shared/settings";
 
 const cssStyle = require("./HostBannerRenderer.scss");
 
-export const HostBannerRenderer = React.memo((props: { banner: HostBannerInfoSet, className?: string }) => {
+export const HostBannerRenderer = React.memo((props: { banner: HostBannerInfoSet, clickable: boolean, className?: string }) => {
     const [ revision, setRevision ] = useState(Date.now());
     useEffect(() => {
         if(!props.banner.updateInterval) {
@@ -35,10 +35,11 @@ export const HostBannerRenderer = React.memo((props: { banner: HostBannerInfoSet
         <div
             className={
                 cssStyle.containerImage + " " + cssStyle["mode-" + props.banner.mode] + " " + cssStyle["state-" + loadingState] + " " +
-                (withBackground ? cssStyle.withBackground : "") + " " + props.className
+                (withBackground ? cssStyle.withBackground : "") + " " + props.className + " "
+                + (props.clickable ? cssStyle.clickable : "")
             }
             onClick={() => {
-                if(props.banner.linkUrl) {
+                if(props.banner.linkUrl && props.clickable) {
                     window.open(props.banner.linkUrl, "_blank");
                 }
             }}
@@ -67,7 +68,7 @@ export const HostBanner = React.memo((props: { events: Registry<HostBannerUiEven
     return (
         <div className={cssStyle.container + " " + (hostBanner.status !== "set" ? cssStyle.disabled : "")}>
             <ErrorBoundary>
-                {hostBanner.status === "set" ? <HostBannerRenderer key={"banner"} banner={hostBanner} /> : undefined}
+                {hostBanner.status === "set" ? <HostBannerRenderer key={"banner"} banner={hostBanner} clickable={true} /> : undefined}
             </ErrorBoundary>
         </div>
     );
diff --git a/shared/js/ui/modal/ModalServerInfo.ts b/shared/js/ui/modal/ModalServerInfo.ts
deleted file mode 100644
index 47d34bd8..00000000
--- a/shared/js/ui/modal/ModalServerInfo.ts
+++ /dev/null
@@ -1,250 +0,0 @@
-import {
-    openServerInfoBandwidth,
-    RequestInfoStatus,
-    ServerBandwidthInfoUpdateCallback
-} from "../../ui/modal/ModalServerInfoBandwidth";
-import {ServerEntry} from "../../tree/Server";
-import {CommandResult} from "../../connection/ServerConnectionDeclaration";
-import {createErrorModal, createModal, Modal} from "../../ui/elements/Modal";
-import {LogCategory, logWarn} from "../../log";
-import * as tooltip from "../../ui/elements/Tooltip";
-import * as i18nc from "../../i18n/country";
-import {format_time, formatMessage} from "../../ui/frames/chat";
-import moment from "moment";
-import {ErrorCode} from "../../connection/ErrorCode";
-import {tr} from "tc-shared/i18n/localize";
-
-export function openServerInfo(server: ServerEntry) {
-    let modal: Modal;
-    let update_callbacks: ServerBandwidthInfoUpdateCallback[] = [];
-
-    modal = createModal({
-        header: tr("Server Information: ") + server.properties.virtualserver_name,
-        body: () => {
-            const template = $("#tmpl_server_info").renderTag();
-
-            const children = template.children();
-            const top = template.find(".container-top");
-            const update_values = () => {
-                apply_hostbanner(server, top);
-                apply_category_1(server, children, update_callbacks);
-                apply_category_2(server, children, update_callbacks);
-                apply_category_3(server, children, update_callbacks);
-            };
-
-            const button_update = template.find(".button-update");
-            button_update.on('click', event => {
-                button_update.prop("disabled", true);
-                server.updateProperties().then(() => {
-                    update_callbacks = [];
-                    update_values();
-                }).catch(error => {
-                    logWarn(LogCategory.CLIENT, tr("Failed to refresh server properties: %o"), error);
-                    if (error instanceof CommandResult)
-                        error = error.extra_message || error.message;
-                    createErrorModal(tr("Refresh failed"), formatMessage(tr("Failed to refresh server properties.{:br:}Error: {}"), error)).open();
-                }).then(() => {
-                    button_update.prop("disabled", false);
-                });
-            }).trigger('click');
-
-            update_values();
-            tooltip.initialize(template);
-            return template.children();
-        },
-        footer: null,
-        min_width: "25em"
-    });
-
-    const updater = setInterval(() => {
-        server.request_connection_info().then(info => update_callbacks.forEach(e => e(RequestInfoStatus.SUCCESS, info))).catch(error => {
-            if (error instanceof CommandResult && error.id == ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
-                update_callbacks.forEach(e => e(RequestInfoStatus.NO_PERMISSION));
-                return;
-            }
-            update_callbacks.forEach(e => e(RequestInfoStatus.UNKNOWN));
-        });
-    }, 1000);
-
-
-    modal.htmlTag.find(".button-close").on('click', event => modal.close());
-    modal.htmlTag.find(".button-show-bandwidth").on('click', event => {
-        const custom_callbacks = [];
-        const custom_callback_caller = (status, info) => {
-            custom_callbacks.forEach(e => e(status, info));
-        };
-
-        update_callbacks.push(custom_callback_caller);
-        openServerInfoBandwidth(server, custom_callbacks).close_listener.push(() => {
-            update_callbacks.remove(custom_callback_caller);
-        });
-    });
-
-    modal.htmlTag.find(".modal-body").addClass("modal-server-info");
-    modal.open();
-    modal.close_listener.push(() => clearInterval(updater));
-}
-
-function apply_hostbanner(server: ServerEntry, tag: JQuery) {
-    let container: JQuery;
-    tag.empty().append(
-        container = $.spawn("div").addClass("container-hostbanner")
-    ).addClass("hidden");
-
-    /* FIXME: .... */
-    /*
-    const htag = Hostbanner.generate_tag(server.properties.virtualserver_hostbanner_gfx_url, server.properties.virtualserver_hostbanner_gfx_interval, server.properties.virtualserver_hostbanner_mode);
-    htag.then(t => {
-        if (!t) return;
-
-        tag.removeClass("hidden");
-        container.append(t);
-    });
-    */
-}
-
-function apply_category_1(server: ServerEntry, tag: JQuery, update_callbacks: ServerBandwidthInfoUpdateCallback[]) {
-    /* server name */
-    {
-        const container = tag.find(".server-name");
-        container.text(server.properties.virtualserver_name);
-    }
-
-    /* server region */
-    {
-        const container = tag.find(".server-region").empty();
-        container.append(
-            $.spawn("div").addClass("country flag-" + server.properties.virtualserver_country_code.toLowerCase()),
-            $.spawn("a").text(i18nc.getCountryName(server.properties.virtualserver_country_code, tr("Global")))
-        );
-    }
-
-    /* slots */
-    {
-        const container = tag.find(".server-slots");
-
-        let text = server.properties.virtualserver_clientsonline + "/" + server.properties.virtualserver_maxclients;
-        if (server.properties.virtualserver_queryclientsonline)
-            text += " +" + (server.properties.virtualserver_queryclientsonline > 1 ?
-                server.properties.virtualserver_queryclientsonline + " " + tr("Queries") :
-                server.properties.virtualserver_queryclientsonline + " " + tr("Query"));
-        if (server.properties.virtualserver_reserved_slots)
-            text += " (" + server.properties.virtualserver_reserved_slots + " " + tr("Reserved") + ")";
-
-        container.text(text);
-    }
-
-    /* first run */
-    {
-        const container = tag.find(".server-first-run");
-
-        container.text(
-            server.properties.virtualserver_created > 0 ?
-                moment(server.properties.virtualserver_created * 1000).format('MMMM Do YYYY, h:mm:ss a') :
-                tr("Unknown")
-        );
-    }
-
-    /* uptime */
-    {
-        const container = tag.find(".server-uptime");
-        const update = () => container.text(format_time(server.calculateUptime() * 1000, tr("just started")));
-        update_callbacks.push(update);
-        update();
-    }
-}
-
-function apply_category_2(server: ServerEntry, tag: JQuery, update_callbacks: ServerBandwidthInfoUpdateCallback[]) {
-    /* ip */
-    {
-        const container = tag.find(".server-ip");
-        container.text(server.remote_address.host + (server.remote_address.port == 9987 ? "" : (":" + server.remote_address.port)))
-    }
-
-    /* version */
-    {
-        const container = tag.find(".server-version");
-
-        let timestamp = -1;
-        const version = (server.properties.virtualserver_version || "unknwon").replace(/ ?\[build: ?([0-9]+)]/gmi, (group, ts) => {
-            timestamp = parseInt(ts);
-            return "";
-        });
-
-        container.find("a").text(version);
-        container.find(".container-tooltip").toggle(timestamp > 0).find(".tooltip a").text(
-            moment(timestamp * 1000).format('[Build timestamp:] YYYY-MM-DD HH:mm Z')
-        );
-    }
-
-    /* platform */
-    {
-        const container = tag.find(".server-platform");
-        container.text(server.properties.virtualserver_platform);
-    }
-
-    /* ping */
-    {
-        const container = tag.find(".server-ping");
-        container.text(tr("calculating..."));
-        update_callbacks.push((status, data) => {
-            if (status === RequestInfoStatus.SUCCESS)
-                container.text(data.connection_ping.toFixed(0) + " " + "ms");
-            else if (status === RequestInfoStatus.NO_PERMISSION)
-                container.text(tr("No Permissions"));
-            else
-                container.text(tr("receiving..."));
-        });
-    }
-
-    /* packet loss */
-    {
-        const container = tag.find(".server-packet-loss");
-        container.text(tr("receiving..."));
-        update_callbacks.push((status, data) => {
-            if (status === RequestInfoStatus.SUCCESS)
-                container.text(data.connection_packetloss_total.toFixed(2) + "%");
-            else if (status === RequestInfoStatus.NO_PERMISSION)
-                container.text(tr("No Permissions"));
-            else
-                container.text(tr("receiving..."));
-        });
-    }
-}
-
-function apply_category_3(server: ServerEntry, tag: JQuery, update_callbacks: ServerBandwidthInfoUpdateCallback[]) {
-    /* unique id */
-    {
-        const container = tag.find(".server-unique-id");
-        container.text(server.properties.virtualserver_unique_identifier || tr("Unknown"));
-    }
-
-    /* voice encryption */
-    {
-        const container = tag.find(".server-voice-encryption");
-        if (server.properties.virtualserver_codec_encryption_mode == 0)
-            container.text(tr("Globally off"));
-        else if (server.properties.virtualserver_codec_encryption_mode == 1)
-            container.text(tr("Individually configured per channel"));
-        else
-            container.text(tr("Globally on"));
-    }
-
-    /* channel count */
-    {
-        const container = tag.find(".server-channel-count");
-        container.text(server.properties.virtualserver_channelsonline);
-    }
-
-    /* minimal security level */
-    {
-        const container = tag.find(".server-min-security-level");
-        container.text(server.properties.virtualserver_needed_identity_security_level);
-    }
-
-    /* complains */
-    {
-        const container = tag.find(".server-complains");
-        container.text(server.properties.virtualserver_complain_autoban_count);
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/bookmarks/Renderer.tsx b/shared/js/ui/modal/bookmarks/Renderer.tsx
index d92f0d92..d77d3bb2 100644
--- a/shared/js/ui/modal/bookmarks/Renderer.tsx
+++ b/shared/js/ui/modal/bookmarks/Renderer.tsx
@@ -276,6 +276,7 @@ const SelectedBookmarkBanner = React.memo(() => {
                     updateInterval: 0
                 }}
                 className={cssStyle.renderer}
+                clickable={false}
             />
         </div>
     );
diff --git a/shared/js/ui/modal/server-info/Controller.ts b/shared/js/ui/modal/server-info/Controller.ts
new file mode 100644
index 00000000..bfa1364e
--- /dev/null
+++ b/shared/js/ui/modal/server-info/Controller.ts
@@ -0,0 +1,190 @@
+import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
+import {Registry} from "tc-events";
+import {ModalServerInfoEvents, ModalServerInfoVariables} from "tc-shared/ui/modal/server-info/Definitions";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {ServerConnectionInfoResult, ServerProperties} from "tc-shared/tree/Server";
+import {LogCategory, logWarn} from "tc-shared/log";
+import {openServerInfoBandwidth} from "tc-shared/ui/modal/ModalServerInfoBandwidth";
+
+const kPropertyUpdateMatrix: {[T in keyof ServerProperties]?: [keyof ModalServerInfoVariables]} = {
+    "virtualserver_name": [ "name" ],
+    "virtualserver_country_code": [ "region" ],
+    "virtualserver_reserved_slots": [ "slots" ],
+    "virtualserver_maxclients": [ "slots" ],
+    "virtualserver_clientsonline": [ "slots" ],
+    "virtualserver_queryclientsonline": [ "slots" ],
+    "virtualserver_created": [ "firstRun" ],
+    "virtualserver_uptime": [ "uptime" ],
+
+    "virtualserver_version": [ "version" ],
+    "virtualserver_platform": [ "platform" ],
+    "virtualserver_unique_identifier": [ "uniqueId" ],
+    "virtualserver_channelsonline": [ "channelCount" ],
+    "virtualserver_codec_encryption_mode": [ "voiceDataEncryption" ],
+    "virtualserver_needed_identity_security_level": [ "securityLevel" ],
+    "virtualserver_complain_autoban_count": [ "complainsUntilBan" ],
+};
+
+class Controller {
+    readonly handler: ConnectionHandler;
+    readonly events: Registry<ModalServerInfoEvents>;
+    readonly variables: IpcUiVariableProvider<ModalServerInfoVariables>;
+
+    private serverListeners: (() => void)[];
+
+    private connectionInfoInterval: number;
+    private connectionInfo: ServerConnectionInfoResult;
+
+    private propertyUpdateInterval: number;
+    private nextRefreshAllowed: number;
+
+    constructor(handler: ConnectionHandler) {
+        this.handler = handler;
+
+        this.events = new Registry<ModalServerInfoEvents>();
+        this.variables = new IpcUiVariableProvider<ModalServerInfoVariables>();
+    }
+
+    private getServerProperties() : ServerProperties {
+        return this.handler.channelTree.server.properties;
+    }
+
+    @CallOnce
+    initialize() {
+        this.variables.setVariableProvider("name", () => this.getServerProperties().virtualserver_name);
+        this.variables.setVariableProvider("region", () => this.getServerProperties().virtualserver_country_code);
+        this.variables.setVariableProvider("slots", () => ({
+            max: this.getServerProperties().virtualserver_maxclients,
+            reserved: this.getServerProperties().virtualserver_reserved_slots,
+
+            used: this.getServerProperties().virtualserver_clientsonline,
+            queries: this.getServerProperties().virtualserver_queryclientsonline
+        }));
+        this.variables.setVariableProvider("firstRun", () => this.getServerProperties().virtualserver_created);
+        this.variables.setVariableProvider("uptime", () => this.getServerProperties().virtualserver_uptime);
+
+        this.variables.setVariableProvider("ipAddress", () => {
+            const address = this.handler.channelTree.server.remote_address;
+            return address.host + (address.port === 9987 ? "" : ":" + address.port);
+        });
+        this.variables.setVariableProvider("version", () => this.getServerProperties().virtualserver_version);
+        this.variables.setVariableProvider("platform", () => this.getServerProperties().virtualserver_platform);
+        /* TODO: Ping & Packet loss */
+
+        this.variables.setVariableProvider("uniqueId", () => this.getServerProperties().virtualserver_unique_identifier);
+        this.variables.setVariableProvider("channelCount", () => this.getServerProperties().virtualserver_channelsonline);
+        this.variables.setVariableProvider("voiceDataEncryption", () => {
+            switch(this.getServerProperties().virtualserver_codec_encryption_mode) {
+                case 0:
+                    return "global-off";
+                case 1:
+                    return "channel-individual";
+                case 2:
+                    return "global-on";
+                default:
+                    return "unknown";
+            }
+        });
+
+        this.variables.setVariableProvider("securityLevel", () => this.getServerProperties().virtualserver_needed_identity_security_level);
+        this.variables.setVariableProvider("complainsUntilBan", () => this.getServerProperties().virtualserver_complain_autoban_count);
+
+        this.variables.setVariableProvider("hostBanner", () => this.handler.channelTree.server.generateHostBannerInfo());
+        this.variables.setVariableProvider("connectionInfo", () => {
+            if(this.connectionInfo) {
+                return this.connectionInfo;
+            } else {
+                return { status: "loading" };
+            }
+        });
+        this.variables.setVariableProvider("refreshAllowed", () => this.nextRefreshAllowed);
+
+        this.serverListeners = [];
+        this.serverListeners.push(this.handler.channelTree.server.events.on("notify_properties_updated", event => {
+            const updatedVariables = new Set<keyof ModalServerInfoVariables>();
+            for(const key of Object.keys(event.updated_properties)) {
+                kPropertyUpdateMatrix[key]?.forEach(update => updatedVariables.add(update));
+            }
+
+            updatedVariables.forEach(entry => this.variables.sendVariable(entry));
+        }));
+        this.serverListeners.push(this.handler.channelTree.server.events.on("notify_host_banner_updated",
+            () => this.variables.sendVariable("hostBanner")
+        ));
+
+        this.events.on("action_refresh", () => this.refreshProperties());
+
+        this.refreshConnectionInfo();
+        this.connectionInfoInterval = setInterval(() => this.refreshConnectionInfo(), 1000);
+
+        this.refreshProperties();
+        this.propertyUpdateInterval = setInterval(() => this.refreshProperties(), 30 * 1000);
+    }
+
+    @CallOnce
+    destroy() {
+        clearInterval(this.connectionInfoInterval);
+        this.connectionInfoInterval = 0;
+
+        clearInterval(this.propertyUpdateInterval);
+        this.propertyUpdateInterval = 0;
+
+        this.serverListeners?.forEach(callback => callback());
+        this.serverListeners = undefined;
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    refreshProperties() {
+        if(Date.now() < this.nextRefreshAllowed) {
+            return;
+        }
+
+        this.nextRefreshAllowed = Date.now() + 10 * 1000;
+        this.variables.sendVariable("refreshAllowed");
+
+        /*
+         * Updates itself will be triggered via the notify_properties_updated event
+         */
+        const server = this.handler.channelTree.server;
+        server.updateProperties().catch(error => {
+            logWarn(LogCategory.GENERAL, tr("Failed to update server properties: %o"), error);
+        });
+    }
+
+    private refreshConnectionInfo() {
+        const server = this.handler.channelTree.server;
+        server.requestConnectionInfo().then(info => {
+            this.connectionInfo = info;
+            this.variables.sendVariable("connectionInfo");
+        });
+    }
+}
+
+export function spawnServerInfoNew(handler: ConnectionHandler) {
+    const controller = new Controller(handler);
+    controller.initialize();
+
+    const modal = spawnModal("modal-server-info", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription()
+    ], {
+        popoutable: true
+    });
+
+    controller.events.on("action_close", () => modal.destroy());
+    controller.events.on("action_show_bandwidth", () => {
+        openServerInfoBandwidth(handler.channelTree.server);
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+    modal.getEvents().on("destroy", handler.events().on("notify_connection_state_changed", event => {
+        if(event.newState !== ConnectionState.CONNECTED) {
+            modal.destroy();
+        }
+    }));
+    ignorePromise(modal.show());
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/server-info/Definitions.ts b/shared/js/ui/modal/server-info/Definitions.ts
new file mode 100644
index 00000000..561f74ca
--- /dev/null
+++ b/shared/js/ui/modal/server-info/Definitions.ts
@@ -0,0 +1,31 @@
+import {HostBannerInfo} from "tc-shared/ui/frames/HostBannerDefinitions";
+import {ServerConnectionInfoResult} from "tc-shared/tree/ServerDefinitions";
+
+export interface ModalServerInfoVariables {
+    readonly name: string,
+    readonly region: string,
+    readonly slots: { max: number, used: number, reserved: number, queries: number },
+    readonly firstRun: number,
+    readonly uptime: number,
+
+    readonly ipAddress: string,
+    readonly version: string,
+    readonly platform: string,
+    readonly connectionInfo: ServerConnectionInfoResult | { status: "loading" },
+
+    readonly uniqueId: string,
+    readonly channelCount: number,
+    readonly voiceDataEncryption: "global-on" | "global-off" | "channel-individual" | "unknown",
+    readonly securityLevel: number,
+    readonly complainsUntilBan: number,
+
+    readonly hostBanner: HostBannerInfo,
+
+    readonly refreshAllowed: number,
+}
+
+export interface ModalServerInfoEvents {
+    action_show_bandwidth: {},
+    action_refresh: {},
+    action_close: {},
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/server-info/Renderer.scss b/shared/js/ui/modal/server-info/Renderer.scss
new file mode 100644
index 00000000..022970b5
--- /dev/null
+++ b/shared/js/ui/modal/server-info/Renderer.scss
@@ -0,0 +1,250 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    padding: 0;
+    width: 55em;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    background-color: var(--serverinfo-background);
+    user-select: none;
+
+    &.windowed {
+        height: 100%;
+        width: 100%;
+    }
+
+    .containerHostBanner {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: stretch;
+
+        max-height: 10em;
+
+        background-color: var(--serverinfo-hostbanner-background);
+
+        .hostBanner {
+            border: none;
+            border-radius: 0;
+        }
+    }
+
+    .containerProperties {
+        flex-shrink: 1;
+        min-height: 12em; /* 10em + 2 * 1em margin */
+
+        overflow-y: auto;
+
+        @include chat-scrollbar-vertical();
+    }
+
+    .buttons {
+        margin: 1em;
+
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        button {
+            min-width: 8em;
+        }
+    }
+}
+
+.group {
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    margin: 1em;
+    padding: .5em;
+
+    border-radius: .2em;
+    border: 1px solid var(--serverinfo-group-border);
+
+    background-color: var(--serverinfo-group-background);
+
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    height: 10em;
+    max-height: 10em;
+
+    .image {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        max-width: 15em;
+        max-height: 9em; /* minus one padding */
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        img {
+            object-fit: contain;
+            max-height: 100%;
+            max-width: 100%;
+        }
+
+        margin-right: 2em;
+        @include transition(.25s ease-in-out);
+    }
+
+    &.reverse {
+        flex-direction: row-reverse;
+        text-align: right;
+
+        .image {
+            margin-right: 0;
+            margin-left: 2em;
+        }
+
+        .properties {
+            .row {
+                flex-direction: row-reverse;
+            }
+        }
+    }
+}
+
+.properties {
+    flex-shrink: 1;
+    flex-grow: 1;
+
+    min-width: 20em;
+    min-height: 10em;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+
+    height: inherit;
+
+    overflow-y: auto;
+    @include chat-scrollbar();
+
+    .row {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        height: 1.8em;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+
+        .key {
+            flex-shrink: 0;
+            flex-grow: 0;
+
+            color: var(--serverinfo-key);
+            text-transform: uppercase;
+            align-self: center;
+
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+
+            width: 15em;
+        }
+
+        .value {
+            color: var(--serverinfo-value);
+            align-self: center;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            user-select: text;
+
+            .country {
+                display: inline-block;
+                margin-right: .25em;
+            }
+
+            &.server-version {
+                display: flex;
+                flex-direction: row;
+                justify-content: flex-start;
+
+                a {
+                    flex-shrink: 1;
+                    min-width: 0;
+
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+            }
+        }
+    }
+
+    .network {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+
+        .button {
+            margin-right: 1em;
+
+            flex-shrink: 1e8;
+            min-width: 5em;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-end;
+
+            button {
+                height: 2.5em;
+                width: 12em;
+
+                max-width: 100%;
+
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+
+        .right {
+            flex-grow: 1;
+            flex-shrink: 1;
+            min-width: 10em;
+        }
+    }
+}
+
+.version {
+    display: flex;
+    flex-direction: row;
+
+    span {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+
+    .tooltip {
+        height: 1em;
+        width: 1em;
+
+        align-self: center;
+        margin-right: .5em;
+    }
+}
+
+@media all and (max-width: 50em) {
+    .group .image {
+        margin: 0!important;
+        max-width: 0!important;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/server-info/Renderer.tsx b/shared/js/ui/modal/server-info/Renderer.tsx
new file mode 100644
index 00000000..14b196b0
--- /dev/null
+++ b/shared/js/ui/modal/server-info/Renderer.tsx
@@ -0,0 +1,342 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext, useEffect, useRef, useState} from "react";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {ModalServerInfoEvents, ModalServerInfoVariables} from "tc-shared/ui/modal/server-info/Definitions";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {HostBannerRenderer} from "tc-shared/ui/frames/HostBannerRenderer";
+
+import ImageServerEdit1 from "./serveredit_1.png";
+import ImageServerEdit2 from "./serveredit_2.png";
+import ImageServerEdit3 from "./serveredit_3.png";
+import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
+import moment from "moment";
+import {tr} from "tc-shared/i18n/localize";
+import {format_online_time} from "tc-shared/utils/TimeUtils";
+import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import {ServerConnectionInfo} from "tc-shared/tree/ServerDefinitions";
+
+const cssStyle = require("./Renderer.scss");
+
+const EventContext = React.createContext<Registry<ModalServerInfoEvents>>(undefined);
+const VariablesContext = React.createContext<UiVariableConsumer<ModalServerInfoVariables>>(undefined);
+
+const Group = React.memo((props: {
+    children: React.ReactElement[],
+    reverse: boolean
+}) => (
+    <div className={joinClassList(cssStyle.group, props.reverse && cssStyle.reverse)}>
+        <div className={cssStyle.image}>
+            {props.children[0]}
+        </div>
+        <div className={cssStyle.properties}>
+            {...props.children.slice(1)}
+        </div>
+    </div>
+));
+
+const HostBanner = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const hostBanner = variables.useReadOnly("hostBanner", undefined, { status: "none" });
+
+    if(hostBanner.status === "none") {
+        return null;
+    } else {
+        return (
+            <div className={cssStyle.containerHostBanner}>
+                <HostBannerRenderer banner={hostBanner} className={cssStyle.hostBanner} clickable={false} />
+            </div>
+        );
+    }
+});
+
+const TitleRenderer = React.memo(() => {
+    return <>Server Info</>;
+});
+
+const VariablePropertyName: {[T in keyof ModalServerInfoVariables]?: () => React.ReactElement } = {
+    name: () => <Translatable>Server name</Translatable>,
+    region: () => <Translatable>Server region</Translatable>,
+    slots: () => <Translatable>Slots</Translatable>,
+    firstRun: () => <Translatable>First run</Translatable>,
+    uptime: () => <Translatable>Uptime</Translatable>,
+    ipAddress: () => <Translatable>Ip Address</Translatable>,
+    version: () => <Translatable>Version</Translatable>,
+    platform: () => <Translatable>Platform</Translatable>,
+    uniqueId: () => <Translatable>Global unique id</Translatable>,
+    channelCount: () => <Translatable>Current channels</Translatable>,
+    voiceDataEncryption: () => <Translatable>Voice data encryption</Translatable>,
+    securityLevel: () => <Translatable>Minimal security level</Translatable>,
+    complainsUntilBan: () => <Translatable>Complains until ban</Translatable>
+};
+
+const VariableProperty = <T extends keyof ModalServerInfoVariables>(props: {
+    property: T,
+    children?: (value: ModalServerInfoVariables[T]) => React.ReactNode
+}) => {
+    const variables = useContext(VariablesContext);
+    const value = variables.useReadOnly(props.property, undefined, undefined);
+
+    return (
+        <div className={cssStyle.row}>
+            <div className={cssStyle.key}>
+                {(VariablePropertyName[props.property] || (() => props.property))()}
+            </div>
+            <div className={cssStyle.value}>
+                {(props.children || ((value) => value))(value)}
+            </div>
+        </div>
+    )
+};
+
+const ConnectionProperty = React.memo((props: { children: [
+    React.ReactNode,
+    (value: ServerConnectionInfo ) => React.ReactNode
+] }) => {
+    const variables = useContext(VariablesContext);
+    const value = variables.useReadOnly("connectionInfo", undefined, { status: "loading" });
+
+    let body;
+    switch (value.status) {
+        case "loading":
+            body = <Translatable key={"loading"}>loading</Translatable>;
+            break;
+
+        case "error":
+            body = <React.Fragment key={"error"}>error: {value.message}</React.Fragment>;
+            break;
+
+        case "no-permission":
+            body = <Translatable key={"no-permission"}>No Permission</Translatable>;
+            break;
+
+        case "success":
+            body = <React.Fragment key={"success"}>{props.children[1](value.result)}</React.Fragment>;
+            break;
+
+        default:
+            break;
+    }
+
+    return (
+        <div className={cssStyle.row}>
+            <div className={cssStyle.key}>
+                {props.children[0]}
+            </div>
+            <div className={cssStyle.value}>
+                {body}
+            </div>
+        </div>
+    )
+});
+
+const ServerFirstRun = React.memo(() => (
+    <VariableProperty property={"firstRun"}>
+        {value => (
+            value > 0 ? moment(value * 1000).format('MMMM Do YYYY, h:mm:ss a') :
+            tr("Unknown")
+        )}
+    </VariableProperty>
+));
+
+const ServerSlots = React.memo(() => (
+    <VariableProperty property={"slots"}>
+        {value => {
+            if(!value) {
+                return "--";
+            }
+
+            let text = value.used + "/" + value.max;
+            if(value.reserved > 0) {
+                text += " (" + value.reserved + " " + tr("Reserved") + ")";
+            }
+            if(value.queries > 1) {
+                text += " +" + value.queries + " " + tr("Queries");
+            } else if(value.queries === 1) {
+                text += " " + tr("+1 Query");
+            }
+            return text;
+        }}
+    </VariableProperty>
+));
+
+const OnlineTimestampRenderer = React.memo((props: { timestamp: number }) => {
+    const initialRenderTimestamp = useRef(Date.now());
+    const [ , setRenderedTimestamp ] = useState(0);
+
+    const difference = props.timestamp + Math.ceil((Date.now() - initialRenderTimestamp.current) / 1000);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setRenderedTimestamp(Date.now());
+        }, 900);
+        return () => clearInterval(interval);
+    }, []);
+
+    return <>{format_online_time(difference)}</>;
+});
+
+const kVersionsRegex = /(.*)\[Build: ([0-9]+)]/;
+const VersionsTimestamp = (props: { timestamp: string }) => {
+    if(!props.timestamp) {
+        return null;
+    }
+
+    const match = props.timestamp.match(kVersionsRegex);
+    if(!match || !match[2]) {
+        return <React.Fragment key={"unknown"}>{props.timestamp}</React.Fragment>;
+    }
+
+    return (
+        <div className={cssStyle.version} key={"parsed"}>
+            <IconTooltip className={cssStyle.tooltip}>
+                {"Build timestamp: " + moment(parseInt(match[2]) * 1000).format("YYYY-MM-DD HH:mm Z")}
+            </IconTooltip>
+            {match[1].trim()}
+        </div>
+    );
+};
+
+const ButtonRefresh = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const events = useContext(EventContext);
+
+    const nextRefresh = variables.useReadOnly("refreshAllowed");
+    const [ renderTimestamp, setRenderTimestamp ] = useState(Date.now());
+
+    const allowed = nextRefresh.status === "loaded" && renderTimestamp >= nextRefresh.value;
+
+    useEffect(() => {
+        if(nextRefresh.status !== "loaded" || allowed) {
+            return;
+        }
+
+        const time = nextRefresh.value - Date.now();
+        const timeout = setTimeout(() => setRenderTimestamp(Date.now()), time);
+        return () => clearTimeout(timeout);
+    }, [ nextRefresh.value ]);
+
+    return (
+        <Button color={"green"} onClick={() => events.fire("action_refresh")} disabled={!allowed}>
+            <Translatable>Refresh</Translatable>
+        </Button>
+    );
+});
+
+const Buttons = React.memo(() => {
+    const events = useContext(EventContext);
+    return (
+        <div className={cssStyle.buttons}>
+            <ButtonRefresh />
+
+            <Button color={"red"} onClick={() => events.fire("action_close")}>
+                <Translatable>Close</Translatable>
+            </Button>
+        </div>
+    )
+})
+
+class Modal extends AbstractModal {
+    private readonly events: Registry<ModalServerInfoEvents>;
+    private readonly variables: UiVariableConsumer<ModalServerInfoVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalServerInfoEvents>, variables: IpcVariableDescriptor<ModalServerInfoVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventContext.Provider value={this.events}>
+                <VariablesContext.Provider value={this.variables}>
+                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                        <HostBanner />
+                        <div className={cssStyle.properties}>
+                            <Group reverse={false}>
+                                <img draggable={false} src={ImageServerEdit1} alt={""} />
+                                <VariableProperty property={"name"} />
+                                <VariableProperty property={"region"}>
+                                    {value => <CountryCode alphaCode={value} />}
+                                </VariableProperty>
+                                <ServerSlots />
+                                <ServerFirstRun />
+
+                                <VariableProperty property={"uptime"}>
+                                    {value => <OnlineTimestampRenderer timestamp={value} />}
+                                </VariableProperty>
+                            </Group>
+                            <Group reverse={true}>
+                                <img draggable={false} src={ImageServerEdit2} alt={""} />
+                                <VariableProperty property={"ipAddress"} />
+                                <VariableProperty property={"version"}>
+                                    {value => <VersionsTimestamp timestamp={value} />}
+                                </VariableProperty>
+                                <VariableProperty property={"platform"} />
+                                <div className={cssStyle.network}>
+                                    <div className={cssStyle.button}>
+                                        <Button color={"purple"} onClick={() => this.events.fire("action_show_bandwidth")}>
+                                            <Translatable>Show Bandwidth</Translatable>
+                                        </Button>
+                                    </div>
+                                    <div className={cssStyle.right}>
+                                        <ConnectionProperty>
+                                            <Translatable>Average ping</Translatable>
+                                            {value => value.connection_ping.toFixed(2) + " ms"}
+                                        </ConnectionProperty>
+                                        <ConnectionProperty>
+                                            <Translatable>Average packet loss</Translatable>
+                                            {value => value.connection_packetloss_total.toFixed(2) + " %"}
+                                        </ConnectionProperty>
+                                    </div>
+                                </div>
+                            </Group>
+                            <Group reverse={false}>
+                                <img draggable={false} src={ImageServerEdit3} alt={""} />
+                                <VariableProperty property={"uniqueId"} />
+                                <VariableProperty property={"channelCount"} />
+                                <VariableProperty property={"voiceDataEncryption"}>
+                                    {value => {
+                                        switch(value) {
+                                            case "global-off":
+                                                return <Translatable key={value}>Globally off</Translatable>;
+
+                                            case "global-on":
+                                                return <Translatable key={value}>Globally on</Translatable>;
+
+                                            case "channel-individual":
+                                                return <Translatable key={value}>Individually configured per channel</Translatable>;
+
+                                            case "unknown":
+                                            default:
+                                                return <Translatable key={value}>Unknown</Translatable>;
+                                        }
+                                    }}
+                                </VariableProperty>
+                                <VariableProperty property={"securityLevel"} />
+                                <VariableProperty property={"complainsUntilBan"} />
+                            </Group>
+                        </div>
+                        <Buttons />
+                    </div>
+                </VariablesContext.Provider>
+            </EventContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return <TitleRenderer />;
+    }
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/img/serveredit_1.png b/shared/js/ui/modal/server-info/serveredit_1.png
similarity index 100%
rename from shared/img/serveredit_1.png
rename to shared/js/ui/modal/server-info/serveredit_1.png
diff --git a/shared/img/serveredit_2.png b/shared/js/ui/modal/server-info/serveredit_2.png
similarity index 100%
rename from shared/img/serveredit_2.png
rename to shared/js/ui/modal/server-info/serveredit_2.png
diff --git a/shared/img/serveredit_3.png b/shared/js/ui/modal/server-info/serveredit_3.png
similarity index 100%
rename from shared/img/serveredit_3.png
rename to shared/js/ui/modal/server-info/serveredit_3.png
diff --git a/shared/js/ui/react-elements/Tooltip.tsx b/shared/js/ui/react-elements/Tooltip.tsx
index 70a97278..b0026a99 100644
--- a/shared/js/ui/react-elements/Tooltip.tsx
+++ b/shared/js/ui/react-elements/Tooltip.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import {ReactElement} from "react";
+import {ReactElement, ReactNode} from "react";
 import {guid} from "tc-shared/crypto/uid";
 
 const cssStyle = require("./Tooltip.scss");
@@ -73,7 +73,7 @@ export interface TooltipState {
 }
 
 export interface TooltipProperties {
-    tooltip: () => ReactElement | ReactElement[] | string;
+    tooltip: () => ReactNode | ReactNode[] | string;
     className?: string;
 }
 
@@ -153,7 +153,7 @@ export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
     }
 }
 
-export const IconTooltip = (props: { children?: React.ReactElement | React.ReactElement[], className?: string, outerClassName?: string }) => (
+export const IconTooltip = (props: { children?: React.ReactNode | React.ReactNode[], className?: string, outerClassName?: string }) => (
     <Tooltip tooltip={() => props.children} className={props.outerClassName}>
         <div className={cssStyle.iconTooltip + " " + props.className}>
             <img src="img/icon_tooltip.svg" alt={""} />
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index b71057fd..737335fb 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -21,6 +21,7 @@ import {PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefini
 import {PermissionEditorServerInfo} from "tc-shared/ui/modal/permission/ModalRenderer";
 import {ModalAvatarUploadEvents, ModalAvatarUploadVariables} from "tc-shared/ui/modal/avatar-upload/Definitions";
 import {ModalInputProcessorEvents, ModalInputProcessorVariables} from "tc-shared/ui/modal/input-processor/Definitios";
+import {ModalServerInfoEvents, ModalServerInfoVariables} from "tc-shared/ui/modal/server-info/Definitions";
 import {ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
@@ -220,5 +221,9 @@ export interface ModalConstructorArguments {
     "modal-about": [
         /* events */ IpcRegistryDescription,
         /* variables */ IpcVariableDescriptor<ModalAboutVariables>
+    ],
+    "modal-server-info": [
+        /* events */ IpcRegistryDescription<ModalServerInfoEvents>,
+        /* variables */ IpcVariableDescriptor<ModalServerInfoVariables>
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 9aa865e8..b01f9569 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -116,7 +116,7 @@ registerModal({
 });
 
 registerModal({
-    modalId: "modal-about",
-    classLoader: async () => await import("tc-shared/ui/modal/about/Renderer"),
+    modalId: "modal-server-info",
+    classLoader: async () => await import("tc-shared/ui/modal/server-info/Renderer"),
     popoutSupported: true
 });
\ No newline at end of file
diff --git a/shared/js/utils/TimeUtils.ts b/shared/js/utils/TimeUtils.ts
index f6d0d7e7..7116b7c2 100644
--- a/shared/js/utils/TimeUtils.ts
+++ b/shared/js/utils/TimeUtils.ts
@@ -8,18 +8,27 @@ export function format_online_time(secs: number) : string {
     let seconds = Math.floor(secs % 60);
 
     let result = "";
-    if(years > 0)
+    if(years > 0) {
         result += years + " " + tr("years") + " ";
-    if(years > 0 || days > 0)
+    }
+
+    if(years > 0 || days > 0) {
         result += days + " " + tr("days") + " ";
-    if(years > 0 || days > 0 || hours > 0)
+    }
+
+    if(years > 0 || days > 0 || hours > 0) {
         result += hours + " " + tr("hours") + " ";
-    if(years > 0 || days > 0 || hours > 0 || minutes > 0)
+    }
+
+    if(years > 0 || days > 0 || hours > 0 || minutes > 0) {
         result += minutes + " " + tr("minutes") + " ";
-    if(years > 0 || days > 0 || hours > 0 || minutes > 0 || seconds > 0)
+    }
+
+    if(years > 0 || days > 0 || hours > 0 || minutes > 0 || seconds > 0) {
         result += seconds + " " + tr("seconds") + " ";
-    else
+    } else {
         result = tr("now") + " ";
+    }
 
     return result.substr(0, result.length - 1);
 }
\ No newline at end of file

From f933b5d2bfe41f93a4137779960591d84053b215 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 12:58:32 +0200
Subject: [PATCH 089/128] Adding the new React server info modal

---
 ChangeLog.md                                  |   5 +
 shared/css/load-css.tsx                       |   1 -
 shared/css/static/color-variables.scss        |   7 +
 .../css/static/modal-serverinfobandwidth.scss | 222 ------------
 shared/html/templates.html                    | 195 -----------
 shared/js/tree/Server.ts                      |   2 +-
 shared/js/ui/elements/NetGraph.ts             | 315 ++++++++++--------
 shared/js/ui/frames/chat.ts                   |  67 ++--
 shared/js/ui/frames/footer/StatusRenderer.tsx |   4 +-
 .../js/ui/modal/ModalServerInfoBandwidth.ts   |  23 +-
 shared/js/ui/modal/avatar-upload/Renderer.tsx |   2 +-
 .../ui/modal/server-bandwidth/Controller.ts   |  56 ++++
 .../ui/modal/server-bandwidth/Definitions.ts  |   5 +
 .../ui/modal/server-bandwidth/Renderer.scss   | 189 +++++++++++
 .../js/ui/modal/server-bandwidth/Renderer.tsx | 310 +++++++++++++++++
 .../modal/server-bandwidth/serveredit_3.png   | Bin 0 -> 300514 bytes
 shared/js/ui/modal/server-info/Controller.ts  |   5 +-
 shared/js/ui/react-elements/Tooltip.tsx       |  35 +-
 .../js/ui/react-elements/modal/Definitions.ts |   4 +
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 20 files changed, 842 insertions(+), 611 deletions(-)
 delete mode 100644 shared/css/static/modal-serverinfobandwidth.scss
 create mode 100644 shared/js/ui/modal/server-bandwidth/Controller.ts
 create mode 100644 shared/js/ui/modal/server-bandwidth/Definitions.ts
 create mode 100644 shared/js/ui/modal/server-bandwidth/Renderer.scss
 create mode 100644 shared/js/ui/modal/server-bandwidth/Renderer.tsx
 create mode 100644 shared/js/ui/modal/server-bandwidth/serveredit_3.png

diff --git a/ChangeLog.md b/ChangeLog.md
index fd9bb7a0..03d2cc41 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,9 @@
 # Changelog:
+* **24.04.21**
+    - Removed the old server info modal and using the new React based and popoutable modal
+    - Using the new React modal for the server info dialog. The modal now also has improved permission and error visualisation
+    - Improved tooltip handling
+  
 * **19.04.21**
     - Fixed a bug that the client video box is shown as active even though the client does not stream any video
     - Fixed a bug that the video fullscreen windows pops open when a client leaves/joins the channel
diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index ed63717b..36531aec 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -20,7 +20,6 @@ import "./static/modal-keyselect.scss"
 import "./static/modal-query.scss"
 import "./static/modal-server.scss"
 import "./static/modal-musicmanage.scss"
-import "./static/modal-serverinfobandwidth.scss"
 import "./static/modal-settings.scss"
 import "./static/overlay-image-preview.scss"
 import "./static/color-variables.scss"
diff --git a/shared/css/static/color-variables.scss b/shared/css/static/color-variables.scss
index 6ead398c..bfd4b661 100644
--- a/shared/css/static/color-variables.scss
+++ b/shared/css/static/color-variables.scss
@@ -52,4 +52,11 @@ html:root {
 
     --serverinfo-key: #557edc;
     --serverinfo-value: #d6d6d7;
+
+    /* Server bandwidth */
+    --serverinfo-bandwidth-upload: #0a5eaa;
+    --serverinfo-bandwidth-download: #9f2712;
+
+    --serverinfo-title: #e3e3e4;
+    --serverinfo-statistics-title: #244c78;
 }
\ No newline at end of file
diff --git a/shared/css/static/modal-serverinfobandwidth.scss b/shared/css/static/modal-serverinfobandwidth.scss
deleted file mode 100644
index e594a194..00000000
--- a/shared/css/static/modal-serverinfobandwidth.scss
+++ /dev/null
@@ -1,222 +0,0 @@
-@import "mixin";
-
-html:root {
-	--serverinfo-bandwidth-upload: #0a5eaa;
-	--serverinfo-bandwidth-download: #9f2712;
-
-	--serverinfo-title: #e3e3e4;
-	--serverinfo-statistics-title: #244c78;
-}
-
-:global {
-	.modal-body.modal-server-info-bandwidth {
-		padding: 0!important;
-		width: 55em;
-
-		display: flex!important;
-		flex-direction: column!important;
-		justify-content: flex-start!important;
-
-		background-color: #2f2f35;
-
-		.container-tooltip {
-			flex-shrink: 0;
-			flex-grow: 0;
-
-			position: relative;
-			width: 1.6em;
-			margin-left: .5em;
-			font-size: .9em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-
-			img {
-				height: 1em;
-				width: 1em;
-
-				align-self: center;
-				font-size: 1.2em;
-			}
-
-			.tooltip {
-				display: none;
-			}
-		}
-
-		.top {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			margin: 1em;
-			padding: .5em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			height: 12em;
-			max-height: 12em;
-
-			.container-image {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				max-width: 18em;
-				max-height: 11em; /* minus one padding */
-
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-
-				img {
-					object-fit: contain;
-					max-height: 100%;
-					max-width: 100%;
-				}
-
-				margin-right: 2em;
-				@include transition(.25s ease-in-out);
-			}
-
-			.container-stats {
-				flex-shrink: 1;
-				flex-grow: 1;
-
-				min-width: 25em;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: space-evenly;
-
-				.statistic {
-					display: flex;
-					flex-direction: column;
-					justify-content: flex-start;
-
-					> a {
-						font-size: 1.25em;
-						color: var(--serverinfo-title);
-						line-height: normal;
-
-						text-transform: uppercase;
-					}
-
-					.values {
-						display: flex;
-						flex-direction: row;
-						justify-content: space-between;
-
-						> a {
-							font-size: 1.2em;
-							line-height: normal;
-						}
-
-						.upload {
-							color: var(--serverinfo-bandwidth-upload);
-						}
-
-						.download {
-							color: var(--serverinfo-bandwidth-download);
-						}
-					}
-
-					&:not(:first-of-type) {
-						margin-top: 1em;
-					}
-				}
-			}
-		}
-
-		.bottom {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			margin: 1em;
-			padding: .5em;
-
-			border-radius: .2em;
-			border: 1px solid #1f2122;
-
-			background-color: #28292b;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			//height: 15em;
-			//max-height: 10em;
-
-			.statistic {
-				display: flex;
-				flex-direction: column;
-				justify-content: stretch;
-
-				.title {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					color: var(--serverinfo-statistics-title);
-					font-size: 1.25em;
-
-					text-transform: uppercase;
-				}
-
-				.body {
-					flex-grow: 0;
-					flex-shrink: 0;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					height: 7em;
-
-					.container-canvas {
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						min-width: 6em;
-						margin-right: 1em;
-					}
-
-					.values {
-						flex-grow: 0;
-						flex-shrink: 0;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: center;
-
-						width: 8em;
-						text-align: right;
-
-						.upload {
-							color: var(--serverinfo-bandwidth-upload);
-						}
-
-						.download {
-							color: var(--serverinfo-bandwidth-download);
-						}
-					}
-				}
-
-				&:not(:first-of-type) {
-					margin-top: 1.5em;
-				}
-			}
-		}
-	}
-}
-
-@media all and (max-width: 50em) {
-	:global {
-		.modal-body.modal-server-info {
-			.container-image {
-				margin: 0!important;
-				max-width: 0!important;
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/html/templates.html b/shared/html/templates.html
index 05b55179..bd6b679a 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -2454,200 +2454,5 @@
                 </div>
             </div>
         </script>
-
-        <script class="jsrender-template" id="tmpl_server_info" type="text/html">
-            <div> <!-- required for the renderer -->
-                <div class="container-top hostbanner">
-                </div>
-                <div class="container-body">
-                    <div class="group">
-                        <div class="container-image">
-                            <img src="img/serveredit_1.png">
-                        </div>
-                        <div class="container-properties">
-                            <div class="row">
-                                <a class="key">{{tr "Server name" /}}</a>
-                                <div class="value server-name">
-                                    error: name
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Server region" /}}</a>
-                                <div class="value server-region">
-                                    error: region
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Slots" /}}</a>
-                                <div class="value server-slots">
-                                    error: slots
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "First run" /}}</a>
-                                <div class="value server-first-run">
-                                    error: first run
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Uptime" /}}</a>
-                                <div class="value server-uptime">
-                                    error: uptime
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="group reverse">
-                        <div class="container-image">
-                            <img src="img/serveredit_2.png">
-                        </div>
-                        <div class="container-properties">
-                            <div class="row">
-                                <a class="key">{{tr "IP Address" /}}</a>
-                                <div class="value server-ip">
-                                    error: ip
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Version" /}}</a>
-                                <div class="value server-version">
-                                    <div class="container-tooltip">
-                                        <img src="img/icon_tooltip.svg"/>
-                                        <div class="tooltip">
-                                            <a></a>
-                                        </div>
-                                    </div>
-                                    <a></a>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Platform" /}}</a>
-                                <div class="value server-platform">
-                                    error: platform
-                                </div>
-                            </div>
-                            <div class="container-network">
-                                <div class="container-button">
-                                    <button class="btn btn-purple button-show-bandwidth">{{tr "Show Bandwidth" /}}</button>
-                                </div>
-                                <div class="right">
-                                    <div class="row">
-                                        <a class="key">{{tr "Average ping" /}}</a>
-                                        <div class="value server-ping">
-                                            error: average ping
-                                        </div>
-                                    </div>
-                                    <div class="row">
-                                        <a class="key">{{tr "Average packet loss" /}}</a>
-                                        <div class="value server-packet-loss">
-                                            error: average packet loss
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="group">
-                        <div class="container-image">
-                            <img src="img/serveredit_3.png">
-                        </div>
-                        <div class="container-properties">
-                            <div class="row">
-                                <a class="key">{{tr "Global unique ID" /}}</a>
-                                <div class="value server-unique-id">
-                                    error: unique id
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Current Channels" /}}</a>
-                                <div class="value server-channel-count">
-                                    error: channel count
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Voice data encryption" /}}</a>
-                                <div class="value server-voice-encryption">
-                                    error: voice encryption
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Minimal security level" /}}</a>
-                                <div class="value server-min-security-level">
-                                    error: security level
-                                </div>
-                            </div>
-                            <div class="row">
-                                <a class="key">{{tr "Complains until ban" /}}</a>
-                                <div class="value server-complains">
-                                    error: complains
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="container-buttons">
-                    <button class="btn btn-success button-update">{{tr "Refresh" /}}</button>
-                    <button class="btn btn-danger button-close">{{tr "Close" /}}</button>
-                </div>
-            </div>
-        </script>
-        <script class="jsrender-template" id="tmpl_server_info_bandwidth" type="text/html">
-            <div> <!-- required for the renderer -->
-                <div class="top">
-                    <div class="container-image">
-                        <img src="img/serveredit_3.png"> <!-- TODO Get the right image! -->
-                    </div>
-                    <div class="container-stats">
-                        <div class="statistic statistic-packets">
-                            <a>{{tr "Transmitted packets" /}}</a>
-                            <div class="values">
-                                <a class="upload" title="{{tr 'Upload bandwidth' /}}">error: upload</a>
-                                <a class="download" title="{{tr 'Download bandwidth' /}}">error: download</a>
-                            </div>
-                        </div>
-                        <div class="statistic statistic-bytes">
-                            <a>{{tr "Transmitted bytes" /}}</a>
-                            <div class="values">
-                                <a class="upload" title="{{tr 'Upload bandwidth' /}}">error: upload</a>
-                                <a class="download" title="{{tr 'Download bandwidth' /}}">error: download</a>
-                            </div>
-                        </div>
-                        <div class="statistic statistic-ft-bytes">
-                            <a>{{tr "Transferred file transfer bytes" /}}</a>
-                            <div class="values">
-                                <a class="upload" title="{{tr 'Upload bandwidth' /}}">error: upload</a>
-                                <a class="download" title="{{tr 'Download bandwidth' /}}">error: download</a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="bottom">
-                    <div class="statistic statistic-bandwidth">
-                        <a class="title">{{tr "Current bandwidth" /}}</a>
-                        <div class="body">
-                            <div class="container-canvas">
-                                <canvas></canvas>
-                            </div>
-                            <div class="values">
-                                <a class="upload" title="{{tr 'Upload bandwidth' /}}">N Bytes/s</a>
-                                <a class="download" title="{{tr 'Download bandwidth' /}}">N Bytes/s</a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="statistic statistic-ft-bandwidth">
-                        <a class="title">{{tr "Current file transfer bandwidth" /}}</a>
-                        <div class="body">
-                            <div class="container-canvas">
-                                <canvas></canvas>
-                            </div>
-                            <div class="values">
-                                <a class="upload" title="{{tr 'Upload bandwidth' /}}">N Bytes/s</a>
-                                <a class="download" title="{{tr 'Download bandwidth' /}}">N Bytes/s</a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </script>
     </body>
 </html>
\ No newline at end of file
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index 913631f6..577edf1b 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -295,7 +295,7 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
     }
 
     requestConnectionInfo() : Promise<ServerConnectionInfoResult> {
-        if(this.requestInfoPromise && Date.now() - 1000 < this.requestInfoPromiseTimestamp) {
+        if(this.requestInfoPromise && Date.now() - 900 < this.requestInfoPromiseTimestamp) {
             return this.requestInfoPromise;
         }
 
diff --git a/shared/js/ui/elements/NetGraph.ts b/shared/js/ui/elements/NetGraph.ts
index 558298f4..c6e13b15 100644
--- a/shared/js/ui/elements/NetGraph.ts
+++ b/shared/js/ui/elements/NetGraph.ts
@@ -1,4 +1,5 @@
 import {LogCategory, logDebug} from "tc-shared/log";
+import {CallOnce} from "tc-shared/proto";
 
 export type Entry = {
     timestamp: number;
@@ -10,21 +11,21 @@ export type Entry = {
 }
 
 export type Style = {
-    background_color: string;
+    backgroundColor: string;
 
-    separator_color: string;
-    separator_count: number;
-    separator_width: number;
+    separatorColor: string;
+    separatorCount: number;
+    separatorWidth: number;
 
     upload: {
         fill: string;
         stroke: string;
-        strike_width: number;
+        strokeWidth: number;
     },
     download: {
         fill: string;
         stroke: string;
-        strike_width: number;
+        strokeWidth: number;
     }
 }
 
@@ -41,58 +42,61 @@ export type TimeSpan = {
     }
 }
 
-/* Great explanation of Bezier curves: http://en.wikipedia.org/wiki/Bezier_curve#Quadratic_curves
- *
- * Assuming A was the last point in the line plotted and B is the new point,
- * we draw a curve with control points P and Q as below.
- *
- * A---P
- *     |
- *     |
- *     |
- *     Q---B
- *
- * Importantly, A and P are at the same y coordinate, as are B and Q. This is
- * so adjacent curves appear to flow as one.
- */
 export class Graph {
-    private static _loops: (() => any)[] = [];
+    private static animateCallbacks: (() => any)[] = [];
+    private static registerAnimateCallback(callback: () => void) {
+        this.animateCallbacks.push(callback);
+        if(this.animateCallbacks.length === 1) {
+            const animateLoop = () => {
+                Graph.animateCallbacks.forEach(l => l());
+                if(Graph.animateCallbacks.length > 0) {
+                    requestAnimationFrame(animateLoop);
+                } else {
+                    logDebug(LogCategory.GENERAL, tr("NetGraph static terminate"));
+                }
+            };
+            animateLoop();
+        }
+    }
+
+    private static removerAnimateCallback(callback: () => void) {
+        this.animateCallbacks.remove(callback);
+    }
 
-    readonly canvas: HTMLCanvasElement;
     public style: Style = {
-        background_color: "#28292b",
-        //background_color: "red",
+        backgroundColor: "#28292b",
 
-        separator_color: "#283036",
-        //separator_color: 'blue',
-        separator_count: 10,
-        separator_width: 1,
+        separatorColor: "#283036",
+        separatorCount: 10,
+        separatorWidth: 1,
 
 
         upload: {
             fill: "#2d3f4d",
             stroke: "#336e9f",
-            strike_width: 2,
+            strokeWidth: 2,
         },
 
         download: {
             fill: "#532c26",
             stroke: "#a9321c",
-            strike_width: 2,
+            strokeWidth: 2,
         }
     };
 
-    private _canvas_context: CanvasRenderingContext2D;
-    private _entries: Entry[] = [];
-    private _entry_max = {
+    private canvas: HTMLCanvasElement;
+    private canvasContext: CanvasRenderingContext2D;
+
+    private entries: Entry[] = [];
+    private entriesMax = {
         upload: 1,
         download: 1,
     };
-    private _max_space = 1.12;
-    private _max_gap = 5;
-    private _animate_loop;
+    private maxSpace = 1.12;
+    private maxGap = 5;
+    private animateLoop;
 
-    _time_span: TimeSpan = {
+    timeSpan: TimeSpan = {
         origin: {
             begin: 0,
             end: 1,
@@ -105,138 +109,157 @@ export class Graph {
         }
     };
 
-    private _detailed_shown = false;
-    callback_detailed_info: (upload: number, download: number, timestamp: number, event: MouseEvent) => any;
-    callback_detailed_hide: () => any;
+    private detailShown = false;
+    callbackDetailedInfo: (upload: number, download: number, timestamp: number, event: MouseEvent) => any;
+    callbackDetailedHide: () => any;
 
-    constructor(canvas: HTMLCanvasElement) {
-        this.canvas = canvas;
-        this._animate_loop = () => this.draw();
-        this.recalculate_cache(); /* initialize cache */
+    constructor() {
+        this.animateLoop = () => this.draw();
+        this.recalculateCache(); /* initialize cache */
     }
 
-    initialize() {
-        this._canvas_context = this.canvas.getContext("2d");
+    @CallOnce
+    initialize() { }
 
-        Graph._loops.push(this._animate_loop);
-        if(Graph._loops.length == 1) {
-            const static_loop = () => {
-                Graph._loops.forEach(l => l());
-                if(Graph._loops.length > 0) {
-                    requestAnimationFrame(static_loop);
-                } else {
-                    logDebug(LogCategory.GENERAL, tr("NetGraph static terminate"));
-                }
-            };
-            static_loop();
+    @CallOnce
+    finalize() {
+        this.initializeCanvas(undefined);
+    }
+
+    initializeCanvas(canvas: HTMLCanvasElement | undefined) {
+        if(this.canvas) {
+            this.canvas.onmousemove = undefined;
+            this.canvas.onmouseleave = undefined;
+
+            this.canvas = undefined;
+            this.canvasContext = undefined;
+            Graph.removerAnimateCallback(this.animateLoop);
         }
 
-        this.canvas.onmousemove = this.on_mouse_move.bind(this);
-        this.canvas.onmouseleave = this.on_mouse_leave.bind(this);
+        if(!canvas) {
+            return;
+        }
+
+        this.canvas = canvas;
+        this.canvasContext = this.canvas.getContext("2d");
+
+        Graph.registerAnimateCallback(this.animateLoop);
+        this.canvas.onmousemove = this.onMouseMove.bind(this);
+        this.canvas.onmouseleave = this.onMouseLeave.bind(this);
     }
 
-    terminate() {
-        Graph._loops.remove(this._animate_loop);
-    }
+    maxGapSize(value?: number) : number { return typeof(value) === "number" ? (this.maxGap = value) : this.maxGap; }
 
-    max_gap_size(value?: number) : number { return typeof(value) === "number" ? (this._max_gap = value) : this._max_gap; }
-
-    private recalculate_cache(time_span?: boolean) {
-        this._entries = this._entries.sort((a, b) => a.timestamp - b.timestamp);
-        this._entry_max = {
+    private recalculateCache(timespan?: boolean) {
+        this.entries = this.entries.sort((a, b) => a.timestamp - b.timestamp);
+        this.entriesMax = {
             download: 1,
             upload: 1
         };
-        if(time_span) {
-            this._time_span = {
+        if(timespan) {
+            this.timeSpan = {
                 origin: {
                     begin: 0,
                     end: 0,
                     time: 0
                 },
                 target: {
-                    begin: this._entries.length > 0 ? this._entries[0].timestamp : 0,
-                    end: this._entries.length > 0 ? this._entries.last().timestamp : 0,
+                    begin: this.entries.length > 0 ? this.entries[0].timestamp : 0,
+                    end: this.entries.length > 0 ? this.entries.last().timestamp : 0,
                     time: 0
                 }
             };
         }
 
-        for(const entry of this._entries) {
-            if(typeof(entry.upload) === "number")
-                this._entry_max.upload = Math.max(this._entry_max.upload, entry.upload);
+        for(const entry of this.entries) {
+            if(typeof(entry.upload) === "number") {
+                this.entriesMax.upload = Math.max(this.entriesMax.upload, entry.upload);
+            }
 
-            if(typeof(entry.download) === "number")
-                this._entry_max.download = Math.max(this._entry_max.download, entry.download);
+            if(typeof(entry.download) === "number") {
+                this.entriesMax.download = Math.max(this.entriesMax.download, entry.download);
+            }
         }
 
-        this._entry_max.upload *= this._max_space;
-        this._entry_max.download *= this._max_space;
+        this.entriesMax.upload *= this.maxSpace;
+        this.entriesMax.download *= this.maxSpace;
     }
 
-    insert_entry(entry: Entry) {
-        if(this._entries.length > 0 && entry.timestamp < this._entries.last().timestamp)
+    entryCount() : number {
+        return this.entries.length;
+    }
+
+    pushEntry(entry: Entry) {
+        if(this.entries.length > 0 && entry.timestamp < this.entries.last().timestamp) {
             throw "invalid timestamp";
+        }
 
-        this._entries.push(entry);
+        this.entries.push(entry);
 
-        if(typeof(entry.upload) === "number")
-            this._entry_max.upload = Math.max(this._entry_max.upload, entry.upload * this._max_space);
+        if(typeof entry.upload === "number") {
+            this.entriesMax.upload = Math.max(this.entriesMax.upload, entry.upload * this.maxSpace);
+        }
 
-        if(typeof(entry.download) === "number")
-            this._entry_max.download = Math.max(this._entry_max.download, entry.download * this._max_space);
+        if(typeof entry.download === "number") {
+            this.entriesMax.download = Math.max(this.entriesMax.download, entry.download * this.maxSpace);
+        }
     }
 
-    insert_entries(entries: Entry[]) {
-        this._entries.push(...entries);
-        this.recalculate_cache();
+    insertEntries(entries: Entry[]) {
+        this.entries.push(...entries);
+        this.recalculateCache();
         this.cleanup();
     }
 
     resize() {
         this.canvas.style.height = "100%";
         this.canvas.style.width = "100%";
-        const cstyle = getComputedStyle(this.canvas);
 
+        /* TODO: Do this within the next animate loop. We don't have to do this right here! */
+        const cstyle = getComputedStyle(this.canvas);
         this.canvas.width = parseInt(cstyle.width);
         this.canvas.height = parseInt(cstyle.height);
     }
 
     cleanup() {
-        const time = this.calculate_time_span();
+        const time = this.calculateTimespan();
 
         let index = 0;
-        for(;index < this._entries.length; index++) {
-            if(this._entries[index].timestamp < time.begin)
+        for(;index < this.entries.length; index++) {
+            if(this.entries[index].timestamp < time.begin) {
                 continue;
+            }
 
-            if(index == 0)
+            if(index == 0) {
                 return;
+            }
             break;
         }
 
         /* keep the last entry as a reference point to the left */
         if(index > 1) {
-            this._entries.splice(0, index - 1);
-            this.recalculate_cache();
+            this.entries.splice(0, index - 1);
+            this.recalculateCache();
         }
     }
 
-    calculate_time_span() : { begin: number; end: number } {
+    calculateTimespan() : { begin: number; end: number } {
         const time = Date.now();
-        if(time >= this._time_span.target.time)
-            return this._time_span.target;
+        if(time >= this.timeSpan.target.time) {
+            return this.timeSpan.target;
+        }
 
-        if(time <= this._time_span.origin.time)
-            return this._time_span.origin;
+        if(time <= this.timeSpan.origin.time) {
+            return this.timeSpan.origin;
+        }
 
-        const ob = this._time_span.origin.begin;
-        const oe = this._time_span.origin.end;
-        const ot = this._time_span.origin.time;
+        const ob = this.timeSpan.origin.begin;
+        const oe = this.timeSpan.origin.end;
+        const ot = this.timeSpan.origin.time;
 
-        const tb = this._time_span.target.begin;
-        const te = this._time_span.target.end;
-        const tt = this._time_span.target.time;
+        const tb = this.timeSpan.target.begin;
+        const te = this.timeSpan.target.end;
+        const tt = this.timeSpan.target.time;
 
         const offset = (time - ot) / (tt - ot);
         return {
@@ -245,8 +268,8 @@ export class Graph {
         };
     }
 
-    draw() {
-        let ctx = this._canvas_context;
+    private draw() {
+        let ctx = this.canvasContext;
 
         const height = this.canvas.height;
         const width = this.canvas.width;
@@ -257,21 +280,21 @@ export class Graph {
         ctx.filter = "";
         ctx.lineCap = "square";
 
-        ctx.fillStyle = this.style.background_color;
+        ctx.fillStyle = this.style.backgroundColor;
         ctx.fillRect(0, 0, width, height);
 
         /* first of all print the separators */
         {
-            const sw = this.style.separator_width;
-            const swh = this.style.separator_width / 2;
+            const sw = this.style.separatorWidth;
+            const swh = this.style.separatorWidth / 2;
 
             ctx.lineWidth = sw;
-            ctx.strokeStyle = this.style.separator_color;
+            ctx.strokeStyle = this.style.separatorColor;
 
             ctx.beginPath();
             /* horizontal */
             {
-                const dw = width / this.style.separator_count;
+                const dw = width / this.style.separatorCount;
                 let dx = dw / 2;
                 while(dx < width) {
                     ctx.moveTo(Math.floor(dx - swh) + .5, .5);
@@ -297,14 +320,14 @@ export class Graph {
 
         /* draw the lines */
         {
-            const t = this.calculate_time_span();
+            const t = this.calculateTimespan();
             const tb = t.begin; /* time begin */
             const dt = t.end - t.begin; /* delta time */
             const dtw = width / dt; /* delta time width */
 
-            const draw_graph = (type: "upload" | "download", direction: number, max: number) => {
+            const drawGraph = (type: "upload" | "download", direction: number, max: number) => {
                 const hy = Math.floor(height / 2); /* half y */
-                const by = hy - direction * this.style[type].strike_width; /* the "base" line */
+                const by = hy - direction * this.style[type].strokeWidth; /* the "base" line */
 
                 const marked_points: ({x: number, y: number})[] = [];
 
@@ -314,12 +337,13 @@ export class Graph {
                 let x, y, lx = 0, ly = by; /* last x, last y */
 
                 const floor = a => a; //Math.floor;
-                for(const entry of this._entries) {
+                for(const entry of this.entries) {
                     x = floor((entry.timestamp - tb) * dtw);
-                    if(typeof entry[type] === "number")
-                        y = floor(hy - direction * Math.max(hy * (entry[type] / max), this.style[type].strike_width));
-                    else
-                        y = hy - direction * this.style[type].strike_width;
+                    if(typeof entry[type] === "number") {
+                        y = floor(hy - direction * Math.max(hy * (entry[type] / max), this.style[type].strokeWidth));
+                    } else {
+                        y = hy - direction * this.style[type].strokeWidth;
+                    }
 
                     if(entry.timestamp < tb) {
                         lx = x;
@@ -328,7 +352,7 @@ export class Graph {
                         continue;
                     }
 
-                    if(x - lx > this._max_gap && this._max_gap > 0) {
+                    if(x - lx > this.maxGap && this.maxGap > 0) {
                         ctx.lineTo(lx, by);
                         ctx.lineTo(x, by);
                         ctx.lineTo(x, y);
@@ -347,7 +371,7 @@ export class Graph {
                 }
 
                 ctx.strokeStyle = this.style[type].stroke;
-                ctx.lineWidth = this.style[type].strike_width;
+                ctx.lineWidth = this.style[type].strokeWidth;
                 ctx.lineJoin = "miter";
                 ctx.stroke();
 
@@ -375,29 +399,30 @@ export class Graph {
                 }
             };
 
-            const shared_max = Math.max(this._entry_max.upload, this._entry_max.download);
-            draw_graph("upload", 1, shared_max);
-            draw_graph("download", -1, shared_max);
+            const shared_max = Math.max(this.entriesMax.upload, this.entriesMax.download);
+            drawGraph("upload", 1, shared_max);
+            drawGraph("download", -1, shared_max);
         }
     }
 
-    private on_mouse_move(event: MouseEvent) {
+    private onMouseMove(event: MouseEvent) {
         const offset = event.offsetX;
         const max_offset = this.canvas.width;
 
         if(offset < 0) return;
         if(offset > max_offset) return;
 
-        const time_span = this.calculate_time_span();
+        const time_span = this.calculateTimespan();
         const time = time_span.begin + (time_span.end - time_span.begin) * (offset / max_offset);
         let index = 0;
-        for(;index < this._entries.length; index++) {
-            if(this._entries[index].timestamp > time)
+        for(;index < this.entries.length; index++) {
+            if(this.entries[index].timestamp > time) {
                 break;
+            }
         }
 
-        const entry_before = this._entries[index - 1]; /* In JS negative array access is allowed and returns undefined */
-        const entry_next = this._entries[index]; /* In JS negative array access is allowed and returns undefined */
+        const entry_before = this.entries[index - 1]; /* In JS negative array access is allowed and returns undefined */
+        const entry_next = this.entries[index]; /* In JS negative array access is allowed and returns undefined */
         let entry: Entry;
         if(!entry_before || !entry_next) {
             entry = entry_before || entry_next;
@@ -411,24 +436,28 @@ export class Graph {
         }
 
         if(!entry) {
-            this.on_mouse_leave(event);
+            this.onMouseLeave(event);
         } else {
-            this._entries.forEach(e => e.highlight = false);
-            this._detailed_shown = true;
+            this.entries.forEach(e => e.highlight = false);
+            this.detailShown = true;
             entry.highlight = true;
 
-            if(this.callback_detailed_info)
-                this.callback_detailed_info(entry.upload, entry.download, entry.timestamp, event);
+            if(this.callbackDetailedInfo) {
+                this.callbackDetailedInfo(entry.upload, entry.download, entry.timestamp, event);
+            }
         }
 
     }
 
-    private on_mouse_leave(event: MouseEvent) {
-        if(!this._detailed_shown) return;
-        this._detailed_shown = false;
+    private onMouseLeave(_event: MouseEvent) {
+        if(!this.detailShown) {
+            return;
+        }
+        this.detailShown = false;
 
-        this._entries.forEach(e => e.highlight = false);
-        if(this.callback_detailed_hide)
-            this.callback_detailed_hide();
+        this.entries.forEach(e => e.highlight = false);
+        if(this.callbackDetailedHide) {
+            this.callbackDetailedHide();
+        }
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/frames/chat.ts b/shared/js/ui/frames/chat.ts
index 626f23d4..442bf7b8 100644
--- a/shared/js/ui/frames/chat.ts
+++ b/shared/js/ui/frames/chat.ts
@@ -155,27 +155,54 @@ export function parseMessageWithArguments(pattern: string, argumentCount: number
 }
 
 export namespace network {
-    export const KB = 1024;
-    export const MB = 1024 * KB;
-    export const GB = 1024 * MB;
-    export const TB = 1024 * GB;
+    /* https://en.wikipedia.org/wiki/Kilobyte */
+    export const KiB = 1024;
+    export const MiB = 1024 * KiB;
+    export const GiB = 1024 * MiB;
+    export const TiB = 1024 * GiB;
 
-    export function byteSizeToString(value: number) {
+    export const kB = 1000;
+    export const MB = 1000 * kB;
+    export const GB = 1000 * MB;
+    export const TB = 1000 * GB;
+
+    export function binarySizeToString(value: number) {
+        let v: number, unit;
+        if(value > 5 * TiB) {
+            unit = " TiB";
+            v = value / TiB;
+        } else if(value > 5 * GiB) {
+            unit = " GiB";
+            v = value / GiB;
+        } else if(value > 5 * MiB) {
+            unit = " MiB";
+            v = value / MiB;
+        } else if(value > 5 * KiB) {
+            unit = " KiB";
+            v = value / KiB;
+        } else {
+            return value + " B";
+        }
+
+        return v.toFixed(2) + unit;
+    }
+
+    export function decimalSizeToString(value: number) {
         let v: number, unit;
         if(value > 5 * TB) {
-            unit = "tb";
+            unit = " TB";
             v = value / TB;
         } else if(value > 5 * GB) {
-            unit = "gb";
+            unit = " GB";
             v = value / GB;
         } else if(value > 5 * MB) {
-            unit = "mb";
+            unit = " MB";
             v = value / MB;
-        } else if(value > 5 * KB) {
-            unit = "kb";
-            v = value / KB;
+        } else if(value > 5 * kB) {
+            unit = " kB";
+            v = value / kB;
         } else {
-            return value + "b";
+            return value + " B";
         }
 
         return v.toFixed(2) + unit;
@@ -195,18 +222,18 @@ export namespace network {
         let points = value.toFixed(0).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
 
         let v, unit;
-        if(value > 2 * TB) {
+        if(value > 2 * TiB) {
             unit = "TB";
-            v = value / TB;
-        } else if(value > GB) {
+            v = value / TiB;
+        } else if(value > GiB) {
             unit = "GB";
-            v = value / GB;
-        } else if(value > MB) {
+            v = value / GiB;
+        } else if(value > MiB) {
             unit = "MB";
-            v = value / MB;
-        } else if(value > KB) {
+            v = value / MiB;
+        } else if(value > KiB) {
             unit = "KB";
-            v = value / KB;
+            v = value / KiB;
         } else {
             unit = "";
             v = value;
diff --git a/shared/js/ui/frames/footer/StatusRenderer.tsx b/shared/js/ui/frames/footer/StatusRenderer.tsx
index e1463020..f1f5c2e4 100644
--- a/shared/js/ui/frames/footer/StatusRenderer.tsx
+++ b/shared/js/ui/frames/footer/StatusRenderer.tsx
@@ -140,11 +140,11 @@ const ComponentStatusRenderer = React.memo((props: { component: ConnectionCompon
                 <React.Fragment key={"healthy"}>
                     <div className={cssStyle.row}>
                         <div className={cssStyle.key}><Translatable>Incoming:</Translatable></div>
-                        <div className={cssStyle.value}>{network.byteSizeToString(status.bytesReceived)}</div>
+                        <div className={cssStyle.value}>{network.binarySizeToString(status.bytesReceived)}</div>
                     </div>
                     <div className={cssStyle.row}>
                         <div className={cssStyle.key}><Translatable>Outgoing:</Translatable></div>
-                        <div className={cssStyle.value}>{network.byteSizeToString(status.bytesSend)}</div>
+                        <div className={cssStyle.value}>{network.binarySizeToString(status.bytesSend)}</div>
                     </div>
                 </React.Fragment>
             );
diff --git a/shared/js/ui/modal/ModalServerInfoBandwidth.ts b/shared/js/ui/modal/ModalServerInfoBandwidth.ts
index 68b17f82..03e7e414 100644
--- a/shared/js/ui/modal/ModalServerInfoBandwidth.ts
+++ b/shared/js/ui/modal/ModalServerInfoBandwidth.ts
@@ -83,24 +83,25 @@ function initialize_graph(modal: Modal, tag: JQuery, callbacks: ServerBandwidthI
     };
     show_info(undefined, undefined);
 
-    const graph = new Graph(canvas);
-    graph.insert_entry({ timestamp: Date.now(), upload: undefined, download: undefined});
+    const graph = new Graph();
+    graph.initializeCanvas(canvas);
+    graph.pushEntry({ timestamp: Date.now(), upload: undefined, download: undefined});
     callbacks.push((status, values) => {
         last_info = {status: status, info: values};
 
         if(!values) {
-            graph.insert_entry({ timestamp: Date.now(), upload: undefined, download: undefined});
+            graph.pushEntry({ timestamp: Date.now(), upload: undefined, download: undefined});
         } else {
-            graph.insert_entry({
+            graph.pushEntry({
                 timestamp: Date.now(),
                 download: values[fields.download], //values.connection_bandwidth_received_last_second_total,
                 upload: values[fields.uplaod], //values.connection_bandwidth_sent_last_second_total
             });
         }
 
-        /* set set that we want to show the entry within one second */
-        graph._time_span.origin = Object.assign(graph.calculate_time_span(), { time: Date.now() });
-        graph._time_span.target = {
+        /* set that we want to show the entry within one second */
+        graph.timeSpan.origin = Object.assign(graph.calculateTimespan(), { time: Date.now() });
+        graph.timeSpan.target = {
             begin: Date.now() - 120 * 1000,
             end: Date.now(),
             time: Date.now() + 200
@@ -113,20 +114,20 @@ function initialize_graph(modal: Modal, tag: JQuery, callbacks: ServerBandwidthI
         }
     });
 
-    graph.max_gap_size(0);
+    graph.maxGapSize(0);
     graph.initialize();
 
-    graph.callback_detailed_hide = () => {
+    graph.callbackDetailedHide = () => {
         custom_info = false;
         show_info(undefined, undefined);
     };
 
-    graph.callback_detailed_info = (upload, download, timestamp, event) => {
+    graph.callbackDetailedInfo = (upload, download, timestamp, event) => {
         custom_info = true;
         show_info(upload, download);
     };
 
-    modal.close_listener.push(() => graph.terminate());
+    modal.close_listener.push(() => graph.finalize());
     modal.open_listener.push(() => graph.resize());
 
     tag.addClass("window-resize-listener").on('resize', event => graph.resize());
diff --git a/shared/js/ui/modal/avatar-upload/Renderer.tsx b/shared/js/ui/modal/avatar-upload/Renderer.tsx
index aa28f466..9b134b27 100644
--- a/shared/js/ui/modal/avatar-upload/Renderer.tsx
+++ b/shared/js/ui/modal/avatar-upload/Renderer.tsx
@@ -18,7 +18,7 @@ import {createErrorModal} from "tc-shared/ui/elements/Modal";
 import {joinClassList, useDependentState} from "tc-shared/ui/react-elements/Helper";
 
 import kDefaultAvatarUrl from "../../../../img/style/avatar.png";
-import byteSizeToString = network.byteSizeToString;
+import byteSizeToString = network.binarySizeToString;
 
 const ServerUniqueIdContext = React.createContext<string>(undefined);
 const EventContext = React.createContext<Registry<ModalAvatarUploadEvents>>(undefined);
diff --git a/shared/js/ui/modal/server-bandwidth/Controller.ts b/shared/js/ui/modal/server-bandwidth/Controller.ts
new file mode 100644
index 00000000..674a5b48
--- /dev/null
+++ b/shared/js/ui/modal/server-bandwidth/Controller.ts
@@ -0,0 +1,56 @@
+import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
+import {Registry} from "tc-events";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {ModalServerBandwidthEvents} from "tc-shared/ui/modal/server-bandwidth/Definitions";
+
+class Controller {
+    readonly handler: ConnectionHandler;
+    readonly events: Registry<ModalServerBandwidthEvents>;
+
+    private connectionInfoInterval: number;
+
+    constructor(handler: ConnectionHandler) {
+        this.handler = handler;
+
+        this.events = new Registry<ModalServerBandwidthEvents>();
+    }
+
+    @CallOnce
+    initialize() {
+        this.refreshConnectionInfo();
+        this.connectionInfoInterval = setInterval(() => this.refreshConnectionInfo(), 1000);
+    }
+
+    @CallOnce
+    destroy() {
+        clearInterval(this.connectionInfoInterval);
+        this.connectionInfoInterval = 0;
+
+        this.events.destroy();
+    }
+
+    private refreshConnectionInfo() {
+        const server = this.handler.channelTree.server;
+        server.requestConnectionInfo().then(info => this.events.fire_react("notify_connection_info", { info: info }));
+    }
+}
+
+export function spawnServerBandwidth(handler: ConnectionHandler) {
+    const controller = new Controller(handler);
+    controller.initialize();
+
+    const modal = spawnModal("modal-server-bandwidth", [
+        controller.events.generateIpcDescription(),
+    ], {
+        popoutable: true
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+    modal.getEvents().on("destroy", handler.events().on("notify_connection_state_changed", event => {
+        if(event.newState !== ConnectionState.CONNECTED) {
+            modal.destroy();
+        }
+    }));
+    ignorePromise(modal.show());
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/server-bandwidth/Definitions.ts b/shared/js/ui/modal/server-bandwidth/Definitions.ts
new file mode 100644
index 00000000..99b9547d
--- /dev/null
+++ b/shared/js/ui/modal/server-bandwidth/Definitions.ts
@@ -0,0 +1,5 @@
+import {ServerConnectionInfoResult} from "tc-shared/tree/ServerDefinitions";
+
+export interface ModalServerBandwidthEvents {
+    notify_connection_info: { info: ServerConnectionInfoResult },
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/server-bandwidth/Renderer.scss b/shared/js/ui/modal/server-bandwidth/Renderer.scss
new file mode 100644
index 00000000..ed805781
--- /dev/null
+++ b/shared/js/ui/modal/server-bandwidth/Renderer.scss
@@ -0,0 +1,189 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    width: 55em;
+    min-width: 30em;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+
+    background-color: #2f2f35;
+    user-select: none;
+
+    &.windowed {
+        width: 100%;
+        height: 100%;
+    }
+}
+
+.top {
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    margin: 1em;
+    padding: .5em;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    height: 12em;
+    max-height: 12em;
+
+    .image {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        max-width: 18em;
+        max-height: 11em; /* minus one padding */
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        img {
+            object-fit: contain;
+            max-height: 100%;
+            max-width: 100%;
+        }
+
+        margin-right: 2em;
+        @include transition(.25s ease-in-out);
+    }
+
+    .stats {
+        flex-shrink: 1;
+        flex-grow: 1;
+
+        min-width: 25em;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+
+        .statistic {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+
+            .title {
+                font-size: 1.25em;
+                color: var(--serverinfo-title);
+                line-height: normal;
+
+                text-transform: uppercase;
+            }
+
+            .values {
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+
+                .value {
+                    font-size: 1.2em;
+                    line-height: normal;
+                }
+
+                .upload {
+                    color: var(--serverinfo-bandwidth-upload);
+                }
+
+                .download {
+                    color: var(--serverinfo-bandwidth-download);
+                }
+            }
+
+            &:not(:first-of-type) {
+                margin-top: 1em;
+            }
+        }
+    }
+}
+
+.bottom {
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    margin: 1em;
+    padding: .5em;
+
+    border-radius: .2em;
+    border: 1px solid #1f2122;
+
+    background-color: #28292b;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    //height: 15em;
+    //max-height: 10em;
+
+    .statistic {
+        display: flex;
+        flex-direction: column;
+        justify-content: stretch;
+
+        .title {
+            flex-grow: 0;
+            flex-shrink: 0;
+
+            color: var(--serverinfo-statistics-title);
+            font-size: 1.25em;
+
+            text-transform: uppercase;
+        }
+
+        .body {
+            flex-grow: 0;
+            flex-shrink: 0;
+
+            display: flex;
+            flex-direction: row;
+            justify-content: stretch;
+
+            height: 7em;
+
+            .canvas {
+                flex-grow: 1;
+                flex-shrink: 1;
+
+                min-width: 6em;
+                margin-right: 1em;
+            }
+
+            .values {
+                flex-grow: 0;
+                flex-shrink: 0;
+
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+
+                width: 8em;
+                text-align: right;
+
+                .upload {
+                    color: var(--serverinfo-bandwidth-upload);
+                }
+
+                .download {
+                    color: var(--serverinfo-bandwidth-download);
+                }
+            }
+        }
+
+        &:not(:first-of-type) {
+            margin-top: 1.5em;
+        }
+    }
+}
+
+@media all and (max-width: 43em) {
+    .top .image {
+        margin: 0!important;
+        max-width: 0!important;
+    }
+}
diff --git a/shared/js/ui/modal/server-bandwidth/Renderer.tsx b/shared/js/ui/modal/server-bandwidth/Renderer.tsx
new file mode 100644
index 00000000..8b23ca72
--- /dev/null
+++ b/shared/js/ui/modal/server-bandwidth/Renderer.tsx
@@ -0,0 +1,310 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext, useEffect, useRef, useState} from "react";
+import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {ModalServerBandwidthEvents} from "tc-shared/ui/modal/server-bandwidth/Definitions";
+import ImageTop from "./serveredit_3.png";
+import {ServerConnectionInfo, ServerConnectionInfoResult} from "tc-shared/tree/ServerDefinitions";
+import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
+import {network} from "tc-shared/ui/frames/chat";
+import binarySizeToString = network.binarySizeToString;
+import {Graph} from "tc-shared/ui/elements/NetGraph";
+import ResizeObserver from "resize-observer-polyfill";
+import {Tooltip} from "tc-shared/ui/react-elements/Tooltip";
+
+const cssStyle = require("./Renderer.scss");
+/*
+<script class="jsrender-template" id="tmpl_server_info_bandwidth" type="text/html">
+    <div> <!-- required for the renderer -->
+        <div class="bottom">
+            <div class="statistic statistic-bandwidth">
+                <a class="title">{{tr "Current bandwidth" /}}</a>
+                <div class="body">
+                    <div class="container-canvas">
+                        <canvas></canvas>
+                    </div>
+                    <div class="values">
+                        <a class="upload" title="{{tr 'Upload bandwidth' /}}">N Bytes/s</a>
+                        <a class="download" title="{{tr 'Download bandwidth' /}}">N Bytes/s</a>
+                    </div>
+                </div>
+            </div>
+            <div class="statistic statistic-ft-bandwidth">
+                <a class="title">{{tr "Current file transfer bandwidth" /}}</a>
+                <div class="body">
+                    <div class="container-canvas">
+                        <canvas></canvas>
+                    </div>
+                    <div class="values">
+                        <a class="upload" title="{{tr 'Upload bandwidth' /}}">N Bytes/s</a>
+                        <a class="download" title="{{tr 'Download bandwidth' /}}">N Bytes/s</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</script>
+ */
+
+const EventsContext = React.createContext<Registry<ModalServerBandwidthEvents>>(undefined);
+const ConnectionInfoContext = React.createContext<ServerConnectionInfoResult | { status: "loading" }>({ status: "loading" });
+
+const TopContainerStatistic = React.memo((props: {
+    children: [ React.ReactNode, (info: ServerConnectionInfo) => React.ReactNode, (info: ServerConnectionInfo) => React.ReactNode ]
+}) => (
+    <div className={cssStyle.statistic}>
+        <div className={cssStyle.title}>
+            {props.children[0]}
+        </div>
+        <div className={cssStyle.values}>
+            <div className={cssStyle.value + " " + cssStyle.upload} title={useTr("Upload bandwidth")}>
+                <CurrentConnectionInfoVariable>
+                    {props.children[1]}
+                </CurrentConnectionInfoVariable>
+            </div>
+            <div className={cssStyle.value + " " + cssStyle.download} title={useTr("Download bandwidth")}>
+                <CurrentConnectionInfoVariable>
+                    {props.children[2]}
+                </CurrentConnectionInfoVariable>
+            </div>
+        </div>
+    </div>
+));
+
+const CurrentConnectionInfoProvider = React.memo((props: { children }) => {
+    const events = useContext(EventsContext);
+    const [ info, setInfo ] = useState<ServerConnectionInfoResult>(undefined);
+
+    events.reactUse("notify_connection_info", event => setInfo(event.info));
+
+    return (
+        <ConnectionInfoContext.Provider value={info ? info : { status: "loading" }}>
+            {props.children}
+        </ConnectionInfoContext.Provider>
+    )
+});
+
+/* We're caching this so the tooltip can work properly */
+const NoPermissionRenderer = React.memo((props: { failedPermission: string }) => (
+    <Tooltip
+        tooltip={() => (
+            <VariadicTranslatable text={"Failed on permission:\n{}"}>
+                {props.failedPermission}
+            </VariadicTranslatable>
+        )}
+        spawnHover={true}
+        key={"no-permissions"}
+    >
+        <Translatable>No Permission</Translatable>
+    </Tooltip>
+));
+
+const CurrentConnectionInfoVariable = React.memo((props: {
+    children: (info: ServerConnectionInfo) => React.ReactNode
+}) => {
+    const info = useContext(ConnectionInfoContext);
+    switch (info.status) {
+        case "loading":
+            return <Translatable key={"loading"}>loading</Translatable>;
+
+        case "error":
+            return <React.Fragment key={"error"}>error: {info.message}</React.Fragment>;
+
+        case "no-permission":
+            return <NoPermissionRenderer key={"no-permission"} failedPermission={info.failedPermission} />
+
+        case "success":
+            return <React.Fragment key={"success"}>{props.children(info.result)}</React.Fragment>;
+
+        default:
+            break;
+    }
+});
+
+const CurrentBandwidthGraph = React.memo((props: {
+    upload: keyof ServerConnectionInfo,
+    download: keyof ServerConnectionInfo,
+    children: React.ReactNode
+}) => {
+    const events = useContext(EventsContext);
+    const graph = useRef(new Graph());
+    const refCanvas = useRef<HTMLCanvasElement>();
+
+    const [ customInfo, setCustomInfo ] = useState<[number, number]>(undefined);
+
+    useEffect(() => {
+        const graphInstance = graph.current;
+        graphInstance.maxGapSize(0);
+        graphInstance.initialize();
+        graphInstance.initializeCanvas(refCanvas.current);
+        graphInstance.resize();
+
+        graphInstance.callbackDetailedInfo = (upload, download) => setCustomInfo([upload, download]);
+        graphInstance.callbackDetailedHide = () => setCustomInfo(undefined);
+
+        const resizeObserver = new ResizeObserver(() => graphInstance.resize());
+        resizeObserver.observe(refCanvas.current);
+
+        return () => {
+            resizeObserver.disconnect();
+
+            graphInstance.callbackDetailedInfo = undefined;
+            graphInstance.callbackDetailedHide = undefined;
+            graph.current.finalize();
+        }
+    }, []);
+
+    events.reactUse("notify_connection_info", event => {
+        const graphInstance = graph.current;
+        if(!graphInstance) {
+            /* should never happen */
+            return;
+        }
+
+        if(graphInstance.entryCount() === 0) {
+            graphInstance.pushEntry({
+                timestamp: Date.now() - 400,
+
+                download: undefined,
+                upload: undefined
+            });
+        }
+
+        if(event.info.status === "success") {
+            graphInstance.pushEntry({
+                timestamp: Date.now(),
+
+                download: event.info.result[props.download],
+                upload: event.info.result[props.upload],
+            });
+        } else {
+            graphInstance.pushEntry({
+                timestamp: Date.now(),
+
+                download: undefined,
+                upload: undefined
+            });
+        }
+
+        /* fade in the new data point within a second */
+        graphInstance.timeSpan.origin = Object.assign(graphInstance.calculateTimespan(), { time: Date.now() });
+        graphInstance.timeSpan.target = {
+            begin: Date.now() - 120 * 1000,
+            end: Date.now(),
+            time: Date.now() + 200
+        };
+
+        graphInstance.cleanup();
+    }, undefined, []);
+
+    let uploadValue, downloadValue;
+    if(customInfo) {
+        if(typeof customInfo[0] === "number") {
+            uploadValue = binarySizeToString(customInfo[0]) + "/s";
+        } else {
+            uploadValue = tr("Unknown");
+        }
+
+        if(typeof customInfo[1] === "number") {
+            downloadValue = binarySizeToString(customInfo[1]) + "/s";
+        } else {
+            downloadValue = tr("Unknown");
+        }
+    } else {
+        uploadValue = <CurrentConnectionInfoVariable key={"general"}>{info => binarySizeToString(info[props.upload]) + "/s"}</CurrentConnectionInfoVariable>;
+        downloadValue = <CurrentConnectionInfoVariable key={"general"}>{info => binarySizeToString(info[props.download]) + "/s"}</CurrentConnectionInfoVariable>;
+    }
+
+    return (
+        <div className={cssStyle.statistic}>
+            <div className={cssStyle.title}>
+                {props.children}
+            </div>
+            <div className={cssStyle.body}>
+                <div className={cssStyle.canvas}>
+                    <canvas ref={refCanvas} />
+                </div>
+
+                <div className={cssStyle.values} key={"general"}>
+                    <div className={cssStyle.upload} title={useTr("Upload bandwidth")}>
+                        {uploadValue}
+                    </div>
+                    <div className={cssStyle.download} title={useTr("Download bandwidth")}>
+                        {downloadValue}
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+});
+
+class Modal extends AbstractModal {
+    private readonly events: Registry<ModalServerBandwidthEvents>;
+
+    constructor(events: IpcRegistryDescription<ModalServerBandwidthEvents>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventsContext.Provider value={this.events}>
+                <CurrentConnectionInfoProvider>
+                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                        <div className={cssStyle.top}>
+                            <div className={cssStyle.image}>
+                                <img draggable={false} alt={""} src={ImageTop} />
+                            </div>
+                            <div className={cssStyle.stats}>
+                                <TopContainerStatistic>
+                                    <Translatable>Transmitted packets</Translatable>
+                                    {info => binarySizeToString(info.connection_packets_sent_total)}
+                                    {info => binarySizeToString(info.connection_packets_received_total)}
+                                </TopContainerStatistic>
+                                <TopContainerStatistic>
+                                    <Translatable>Transmitted bytes</Translatable>
+                                    {info => binarySizeToString(info.connection_bytes_sent_total)}
+                                    {info => binarySizeToString(info.connection_bytes_received_total)}
+                                </TopContainerStatistic>
+                                <TopContainerStatistic>
+                                    <Translatable>Transferred file transfer bytes</Translatable>
+                                    {info => binarySizeToString(info.connection_filetransfer_bytes_received_total)}
+                                    {info => binarySizeToString(info.connection_filetransfer_bytes_sent_total)}
+                                </TopContainerStatistic>
+                            </div>
+                        </div>
+                        <div className={cssStyle.bottom}>
+                            <CurrentBandwidthGraph
+                                upload={"connection_bandwidth_sent_last_second_total"}
+                                download={"connection_bandwidth_received_last_second_total"}
+                            >
+                                <Translatable>Current Bandwidth</Translatable>
+                            </CurrentBandwidthGraph>
+                            {/* TODO: connection_filetransfer_bandwidth_* is per minute and not per second */}
+                            <CurrentBandwidthGraph
+                                upload={"connection_filetransfer_bandwidth_sent"}
+                                download={"connection_filetransfer_bandwidth_received"}
+                            >
+                                <Translatable>Current File Transfer bandwidth</Translatable>
+                            </CurrentBandwidthGraph>
+                        </div>
+                    </div>
+                </CurrentConnectionInfoProvider>
+            </EventsContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return <Translatable>Server bandwidth usage</Translatable>;
+    }
+
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/modal/server-bandwidth/serveredit_3.png b/shared/js/ui/modal/server-bandwidth/serveredit_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..548dc652bcfc10ef36d4874576bdbd67701d17fa
GIT binary patch
literal 300514
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
app0s?2{GuZ65u8rkfy4xO64Q#@c#p?Le<Ft

literal 0
HcmV?d00001

diff --git a/shared/js/ui/modal/server-info/Controller.ts b/shared/js/ui/modal/server-info/Controller.ts
index bfa1364e..0646d648 100644
--- a/shared/js/ui/modal/server-info/Controller.ts
+++ b/shared/js/ui/modal/server-info/Controller.ts
@@ -7,6 +7,7 @@ import {spawnModal} from "tc-shared/ui/react-elements/modal";
 import {ServerConnectionInfoResult, ServerProperties} from "tc-shared/tree/Server";
 import {LogCategory, logWarn} from "tc-shared/log";
 import {openServerInfoBandwidth} from "tc-shared/ui/modal/ModalServerInfoBandwidth";
+import {spawnServerBandwidth} from "tc-shared/ui/modal/server-bandwidth/Controller";
 
 const kPropertyUpdateMatrix: {[T in keyof ServerProperties]?: [keyof ModalServerInfoVariables]} = {
     "virtualserver_name": [ "name" ],
@@ -176,9 +177,7 @@ export function spawnServerInfoNew(handler: ConnectionHandler) {
     });
 
     controller.events.on("action_close", () => modal.destroy());
-    controller.events.on("action_show_bandwidth", () => {
-        openServerInfoBandwidth(handler.channelTree.server);
-    });
+    controller.events.on("action_show_bandwidth", () => spawnServerBandwidth(handler));
 
     modal.getEvents().on("destroy", () => controller.destroy());
     modal.getEvents().on("destroy", handler.events().on("notify_connection_state_changed", event => {
diff --git a/shared/js/ui/react-elements/Tooltip.tsx b/shared/js/ui/react-elements/Tooltip.tsx
index b0026a99..1a6faff0 100644
--- a/shared/js/ui/react-elements/Tooltip.tsx
+++ b/shared/js/ui/react-elements/Tooltip.tsx
@@ -75,9 +75,14 @@ export interface TooltipState {
 export interface TooltipProperties {
     tooltip: () => ReactNode | ReactNode[] | string;
     className?: string;
+
+    /**
+     * Enable the tooltip already when the span is hovered
+     */
+    spawnHover?: boolean,
 }
 
-export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
+export class Tooltip extends React.PureComponent<TooltipProperties, TooltipState> {
     readonly tooltipId = guid();
     private refContainer = React.createRef<HTMLSpanElement>();
     private currentContainer: HTMLElement;
@@ -114,36 +119,42 @@ export class Tooltip extends React.Component<TooltipProperties, TooltipState> {
 
     componentDidUpdate(prevProps: Readonly<TooltipProperties>, prevState: Readonly<TooltipState>, snapshot?: any): void {
         if(this.state.forceShow || this.state.hovered) {
-            globalTooltipRef.current?.updateTooltip(this);
             globalTooltipRef.current?.setState({
                 pageY: this.state.pageY,
                 pageX: this.state.pageX,
                 tooltipId: this.tooltipId
             });
+            globalTooltipRef.current?.updateTooltip(this);
         } else if(prevState.forceShow || prevState.hovered) {
             globalTooltipRef.current?.unmountTooltip(this);
         }
     }
 
     private onMouseEnter(event: React.MouseEvent) {
-        /* check if may only the span has been hovered, should not be the case! */
-        if(event.target === this.refContainer.current) {
-            return;
+        if(typeof this.props.spawnHover !== "boolean" || !this.props.spawnHover) {
+            /* check if may only the span has been hovered, should not be the case! */
+            if(event.target === this.refContainer.current) {
+                return;
+            }
+
+            let container = event.target as HTMLElement;
+            while(container.parentElement !== this.refContainer.current) {
+                container = container.parentElement;
+            }
+            this.currentContainer = container;
+        } else {
+            this.currentContainer = this.refContainer.current;
         }
 
         this.setState({ hovered: true });
-
-        let container = event.target as HTMLElement;
-        while(container.parentElement !== this.refContainer.current)
-            container = container.parentElement;
-        this.currentContainer = container;
-
         this.updatePosition();
     }
 
     updatePosition() {
         const container = this.currentContainer || this.refContainer.current?.children.item(0) || this.refContainer.current;
-        if(!container) return;
+        if(!container) {
+            return;
+        }
 
         const rect = container.getBoundingClientRect();
         this.setState({
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 737335fb..05f08888 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -23,6 +23,7 @@ import {ModalAvatarUploadEvents, ModalAvatarUploadVariables} from "tc-shared/ui/
 import {ModalInputProcessorEvents, ModalInputProcessorVariables} from "tc-shared/ui/modal/input-processor/Definitios";
 import {ModalServerInfoEvents, ModalServerInfoVariables} from "tc-shared/ui/modal/server-info/Definitions";
 import {ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
+import {ModalServerBandwidthEvents} from "tc-shared/ui/modal/server-bandwidth/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -225,5 +226,8 @@ export interface ModalConstructorArguments {
     "modal-server-info": [
         /* events */ IpcRegistryDescription<ModalServerInfoEvents>,
         /* variables */ IpcVariableDescriptor<ModalServerInfoVariables>
+    ],
+    "modal-server-bandwidth": [
+        /* events */ IpcRegistryDescription<ModalServerBandwidthEvents>
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index b01f9569..a134ae31 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -119,4 +119,10 @@ registerModal({
     modalId: "modal-server-info",
     classLoader: async () => await import("tc-shared/ui/modal/server-info/Renderer"),
     popoutSupported: true
+});
+
+registerModal({
+    modalId: "modal-server-bandwidth",
+    classLoader: async () => await import("tc-shared/ui/modal/server-bandwidth/Renderer"),
+    popoutSupported: true
 });
\ No newline at end of file

From 0faa33581d10d5ef06879a865f31cc5a260f0cd3 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 13:19:06 +0200
Subject: [PATCH 090/128] Some general code cleanup

---
 shared/css/load-css.tsx                       |   6 +-
 shared/html/templates.html                    | 123 ------------------
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 shared/js/ui/tree/RendererClient.tsx          |   2 +-
 4 files changed, 11 insertions(+), 126 deletions(-)

diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index 36531aec..b5a7c7a9 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -6,7 +6,6 @@ import "./static/htmltags.scss"
 import "./static/mixin.scss"
 import "./static/modal.scss"
 import "./static/modals.scss"
-import "./static/modal-avatar.scss"
 import "./static/modal-banclient.scss"
 import "./static/modal-banlist.scss"
 import "./static/modal-channelinfo.scss"
@@ -25,4 +24,7 @@ import "./static/overlay-image-preview.scss"
 import "./static/color-variables.scss"
 
 import "./static/ts/tab.scss"
-import "./static/ts/country.scss"
\ No newline at end of file
+import "./static/ts/country.scss"
+
+/* Currently not in use */
+//import "./static/modal-avatar.scss"
\ No newline at end of file
diff --git a/shared/html/templates.html b/shared/html/templates.html
index bd6b679a..974c4890 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -1380,31 +1380,6 @@
             </div>
         </script>
 
-        <!-- Permission overview -->
-        <script class="jsrender-template" id="tmpl_server_group_assignment" type="text/html">
-            <div class="group-assignment-list">
-                <a>{{tr "Changing groups of" /}}
-                    <node key="client"/>
-                </a>
-                <div class="group-list">
-                    {{for groups}}
-                    <div class="group-entry">
-                        <label class="checkbox {{if default}}disabled{{/if}}">
-                            <input type="checkbox" group-id="{{:id}}" {{if default}}default disabled="true" {{/if}}>
-                            <div class="mark"></div>
-                        </label>
-                        <node key="icon_{{>id}}"></node>
-                        <a>{{>name}} ({{>id}})</a>
-                    </div>
-                    {{/for}}
-                </div>
-            </div>
-            <div class="container-buttons">
-                <div class="btn btn-danger button-remove-all">{{tr "Remove all groups" /}}</div>
-                <div class="btn btn-success button-close">{{tr "Close" /}}</div>
-            </div>
-        </script>
-
         <!-- General management templates -->
         <script class="jsrender-template" id="tmpl_ban_list" type="text/html">
         <div> <!-- required for jquery -->
@@ -2018,104 +1993,6 @@
             </div>
         </script>
 
-        <script class="jsrender-template" id="tmpl_avatar_upload" type="text/html">
-            <div class="modal-avatar-upload">
-                <div class="container-upload">
-                    <div class="bmd-form-group">
-                        <button type="button" class="btn btn-primary btn-raised button-select">{{tr "Select avatar"
-                            /}}
-                        </button>
-                        <p>
-                            {{tr "Supported image types: SVG, PNG, JPEG" /}}<br>
-                            {{tr "Supported image sizes: any" /}}
-                        </p>
-                        <input type="file" class="file-inputs" accept=".svg, .png, .jpg, .jpeg">
-                    </div>
-                    <div class="bmd-form-group">
-                        <button type="button" class="btn btn-success button-upload">{{tr "Upload avatar" /}}</button>
-                        <button type="button" class="btn btn-warning button-delete">{{tr "Delete avatar" /}}</button>
-                        <button type="button" class="btn btn-danger button-cancel">{{tr "Cancel" /}}</button>
-                    </div>
-                </div>
-                <div class="container-preview">
-                    <a class="title">{{tr "Preview" /}}</a>
-                    <div class="previews">
-                        <div class="preview preview-client-info">
-                            <div class="container-avatar">
-                                <div class="avatar">
-                                    <img src="#">
-                                </div>
-                            </div>
-                            <a>{{tr "Client info" /}}</a>
-                        </div>
-                        <div class="preview preview-chat">
-                            <div class="container-avatar">
-                                <div class="avatar">
-                                    <img src="#">
-                                </div>
-                            </div>
-                            <a>{{tr "Chat avatar" /}}</a>
-                        </div>
-                        <div class="preview preview-chat-entry">
-                            <div class="container-avatar">
-                                <div class="avatar">
-                                    <img src="#">
-                                </div>
-                            </div>
-                            <a>{{tr "Chat list avatar" /}}</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </script>
-
-        <script class="jsrender-template" id="tmpl_about" type="text/html">
-            <div class="container-left">
-                <div class="container-logo">
-                    <img src="https://teaspeak.de/img/teaspeak_cup_animated.png" alt="teacup-animated" />
-                </div>
-                <div class="copyright">Copyright (c) 2017-2020 TeaSpeak<br>(Markus Hadenfeldt)</div>
-                <div class="versions">
-                    {{if client}}
-                    <div class="version version-native">
-                        <a>TeaClient:</a><a class="value version-client">{{>version_client}}</a>
-                    </div>
-                    <div class="version version-web">
-                        <a>UI:</a><a class="value">{{>version_ui}}</a>
-                    </div>
-                    {{else}}
-                    <div class="version version-web">
-                        <a>TeaWeb:</a><a class="value">{{>version_client}}</a>
-                    </div>
-                    {{/if}}
-                </div>
-            </div>
-            <div class="container-right">
-                {{if client}}
-                <h1>TeaSpeak-Client build <span class="version-client">{{>version_client}}</span><!-- ({{>version_timestamp}}) --></h1>
-                {{else}}
-                <h1>TeaSpeak-Web build {{>version_client}} <!-- ({{>version_timestamp}}) --></h1>
-                <!-- We currently dont have a timestamp for the web client -->
-                {{/if}}
-                <h2>{{tr "Special thanks" /}}</h2>
-                <p>
-                    "Яedeemer" (Janni K.)<br>
-                    Chromatic-Solutions (Sofian) for the lovely dark design
-                </p>
-                <h2>{{tr "Contact" /}}</h2>
-                <p>
-                    {{tr "E-Mail:" /}} <a href="mailto:{{if client}}client{{else}}web{{/if}}.support@teaspeak.de">{{if client}}client{{else}}web{{/if}}.support@teaspeak.de</a><br>
-                    {{tr "WWW:" /}} <a href="https://teaspeak.de" target="_blank">https://teaspeak.de</a><br>
-                    {{tr "Community:" /}} <a href="https://teaspeak.de" target="_blank">https://forum.teaspeak.de</a>
-                </p>
-                <h2>{{tr "License" /}}</h2>
-                <p>
-                    The {{if client}}TeaClient{{else}}TeaWeb{{/if}} application is licensed by MPL-2.0<br>
-                    More information here: <a href="https://github.com/TeaSpeak/TeaWeb/blob/master/LICENSE.TXT" target="_blank">https://github.com/TeaSpeak/TeaWeb/blob/master/LICENSE.TXT</a>
-                </p>
-            </div>
-        </script>
-
         <script class="jsrender-template" id="tmpl_avatar_list-list_entry" type="text/html">
             <div class="entry">
                 <div class="column column-username">{{>username}}</div>
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index a134ae31..f8f2437e 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -115,6 +115,12 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "modal-about",
+    classLoader: async () => await import("tc-shared/ui/modal/about/Renderer"),
+    popoutSupported: true
+});
+
 registerModal({
     modalId: "modal-server-info",
     classLoader: async () => await import("tc-shared/ui/modal/server-info/Renderer"),
diff --git a/shared/js/ui/tree/RendererClient.tsx b/shared/js/ui/tree/RendererClient.tsx
index 281b0ac9..7add1c4b 100644
--- a/shared/js/ui/tree/RendererClient.tsx
+++ b/shared/js/ui/tree/RendererClient.tsx
@@ -40,7 +40,7 @@ export class ClientName extends React.Component<{ client: RDPClient }, {}> {
             }
 
             if(name.awayMessage) {
-                awayMessage = " " + name.awayMessage;
+                awayMessage = ` (${name.awayMessage})`;
             }
 
             return (

From 29c168ece00ecfa1e8fdfbcfcb6299152f32b276 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 13:59:49 +0200
Subject: [PATCH 091/128] Removed the whole `{:br:}` syntax and removed jQuery
 from the `tra` method

---
 shared/js/ConnectionHandler.ts                |   7 +-
 shared/js/connection/rtc/SdpUtils.ts          |   2 +-
 .../connectionlog/DispatcherNotifications.ts  |   4 +-
 shared/js/connectionlog/History.ts            |   2 +-
 .../ChannelConversationManager.ts             |   4 +-
 shared/js/file/OwnAvatarStorage.ts            |   1 +
 shared/js/i18n/localize.ts                    |  34 ++--
 shared/js/media/Video.ts                      |   2 +-
 shared/js/music/PlaylistManager.ts            |   1 +
 shared/js/text/bbcode/InviteController.ts     |   1 +
 shared/js/text/bbcode/YoutubeRenderer.tsx     |   1 +
 shared/js/ui/frames/chat.ts                   |   2 +-
 .../js/ui/frames/side/ClientInfoController.ts |   1 +
 .../js/ui/frames/side/ClientInfoRenderer.tsx  |   5 +-
 shared/js/ui/frames/side/HeaderController.ts  |   1 +
 shared/js/ui/frames/side/HeaderRenderer.tsx   |   1 +
 .../ui/frames/side/MusicPlaylistController.ts |   1 +
 shared/js/ui/frames/video/Controller.ts       |   2 +-
 shared/js/ui/modal/ModalGroupCreate.tsx       |   2 +-
 shared/js/ui/modal/ModalIconSelect.ts         |   8 +-
 shared/js/ui/modal/ModalMusicManage.ts        |   4 +-
 .../js/ui/modal/ModalServerInfoBandwidth.ts   | 192 ------------------
 .../js/ui/modal/avatar-upload/Controller.ts   |  12 +-
 shared/js/ui/modal/avatar-upload/Renderer.tsx |   3 +-
 .../js/ui/modal/input-processor/Renderer.tsx  |   4 +-
 .../js/ui/modal/permission/ModalController.ts |   2 +-
 shared/js/ui/modal/server-info/Controller.ts  |   1 -
 shared/js/ui/modal/settings/Keymap.tsx        |   2 +-
 .../ui/modal/settings/MicrophoneRenderer.tsx  |   1 +
 .../transfer/FileBrowserControllerRemote.ts   |   8 +-
 .../ui/modal/transfer/FileBrowserRenderer.tsx |  14 +-
 shared/js/ui/modal/yes-no/Controller.ts       |  24 +++
 shared/js/ui/react-elements/Tab.tsx           |   1 +
 .../modal/external/renderer/EntryPoint.ts     |   2 +-
 shared/js/ui/tree/DragHelper.ts               |   1 +
 shared/js/ui/utils/Variable.ts                |   5 +-
 36 files changed, 102 insertions(+), 256 deletions(-)
 delete mode 100644 shared/js/ui/modal/ModalServerInfoBandwidth.ts
 create mode 100644 shared/js/ui/modal/yes-no/Controller.ts

diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index d111a559..cb1df76b 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -3,7 +3,6 @@ import {PermissionManager} from "./permission/PermissionManager";
 import {GroupManager} from "./permission/GroupManager";
 import {Settings, settings} from "./settings";
 import {Sound, SoundManager} from "./audio/Sounds";
-import {ConnectionProfile} from "./profiles/ConnectionProfile";
 import {LogCategory, logError, logInfo, logTrace, logWarn} from "./log";
 import {createErrorModal, createInputModal, Modal} from "./ui/elements/Modal";
 import {hashPassword} from "./utils/helpers";
@@ -13,7 +12,7 @@ import {defaultRecorder, RecorderProfile} from "./voice/RecorderProfile";
 import {formatMessage} from "./ui/frames/chat";
 import {EventHandler, Registry} from "./events";
 import {FileManager} from "./file/FileManager";
-import {tr} from "./i18n/localize";
+import {tr, tra} from "./i18n/localize";
 import {guid} from "./crypto/uid";
 import {PluginCmdRegistry} from "./connection/PluginCmdHandler";
 import {VoiceConnectionStatus, WhisperSessionInitializeData} from "./connection/VoiceConnection";
@@ -632,7 +631,7 @@ export class ConnectionHandler {
             case DisconnectReason.IDENTITY_TOO_LOW:
                 createErrorModal(
                     tr("Identity level is too low"),
-                    formatMessage(tr("You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"), data["extra_message"])
+                    formatMessage(tr("You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"), data["extra_message"])
                 ).open();
                 this.sound.play(Sound.CONNECTION_DISCONNECTED);
 
@@ -691,7 +690,7 @@ export class ConnectionHandler {
                 const modal = createErrorModal(
                     tr("You've been kicked"),
                     formatMessage(
-                        have_invoker ? tr("You've been kicked from the server by {0}:{:br:}{1}") : tr("You've been kicked from the server:{:br:}{1}"),
+                        have_invoker ? tr("You've been kicked from the server by {0}:\n{1}") : tr("You've been kicked from the server:\n{1}"),
                         have_invoker ?
                             htmltags.generate_client_object({ client_id: parseInt(data["invokerid"]), client_unique_id: data["invokeruid"], client_name: data["invokername"]}) :
                             "",
diff --git a/shared/js/connection/rtc/SdpUtils.ts b/shared/js/connection/rtc/SdpUtils.ts
index 25fb7811..81cfadb5 100644
--- a/shared/js/connection/rtc/SdpUtils.ts
+++ b/shared/js/connection/rtc/SdpUtils.ts
@@ -1,5 +1,5 @@
 import * as sdpTransform from "sdp-transform";
-import { tr } from "tc-shared/i18n/localize";
+import {tr, tra} from "tc-shared/i18n/localize";
 
 interface SdpCodec {
     payload: number;
diff --git a/shared/js/connectionlog/DispatcherNotifications.ts b/shared/js/connectionlog/DispatcherNotifications.ts
index a75fa527..9484dcc6 100644
--- a/shared/js/connectionlog/DispatcherNotifications.ts
+++ b/shared/js/connectionlog/DispatcherNotifications.ts
@@ -359,11 +359,11 @@ registerDispatcher(EventType.CLIENT_VIEW_LEAVE, (data, handlerId) => {
             break;
 
         case ViewReasonId.VREASON_SERVER_KICK:
-            message = tra("{0} was kicked from the server by {1}.{2}", data.client, data.invoker.client_name, data.message ? " (" + data.message + ")" : "");
+            message = tra("{0} was kicked from the server by {1}.{2}", data.client.client_name, data.invoker.client_name, data.message ? " (" + data.message + ")" : "");
             break;
 
         case ViewReasonId.VREASON_CHANNEL_KICK:
-            message = tra("{0} was kicked from channel {1} by {2}.{3}", data.client, data.channel_from.channel_name, data.invoker.client_name, data.message ? " (" + data.message + ")" : "");
+            message = tra("{0} was kicked from channel {1} by {2}.{3}", data.client.client_name, data.channel_from.channel_name, data.invoker.client_name, data.message ? " (" + data.message + ")" : "");
             break;
 
         case ViewReasonId.VREASON_BAN:
diff --git a/shared/js/connectionlog/History.ts b/shared/js/connectionlog/History.ts
index 54d64ea2..1aa4ec1a 100644
--- a/shared/js/connectionlog/History.ts
+++ b/shared/js/connectionlog/History.ts
@@ -1,5 +1,5 @@
 import {LogCategory, logError, logWarn} from "tc-shared/log";
-import {tr} from "tc-shared/i18n/localize";
+import {tr, tra} from "tc-shared/i18n/localize";
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
diff --git a/shared/js/conversations/ChannelConversationManager.ts b/shared/js/conversations/ChannelConversationManager.ts
index 23b8f99c..f38beea6 100644
--- a/shared/js/conversations/ChannelConversationManager.ts
+++ b/shared/js/conversations/ChannelConversationManager.ts
@@ -11,7 +11,7 @@ import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {LogCategory, logError, logWarn} from "tc-shared/log";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
-import {traj} from "tc-shared/i18n/localize";
+import {trJQuery} from "tc-shared/i18n/localize";
 import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
 import {LocalClientEntry} from "tc-shared/tree/Client";
 import {ServerCommand} from "tc-shared/connection/ConnectionBase";
@@ -281,7 +281,7 @@ export class ChannelConversation extends AbstractChat<ChannelConversationEvents>
                 error = error.extra_message || error.message;
             }
 
-            createErrorModal(tr("Failed to delete message"), traj("Failed to delete conversation message{:br:}Error: {}", error)).open();
+            createErrorModal(tr("Failed to delete message"), trJQuery("Failed to delete conversation message{:br:}Error: {}", error)).open();
         });
     }
 
diff --git a/shared/js/file/OwnAvatarStorage.ts b/shared/js/file/OwnAvatarStorage.ts
index 2565a671..ca9cda6e 100644
--- a/shared/js/file/OwnAvatarStorage.ts
+++ b/shared/js/file/OwnAvatarStorage.ts
@@ -3,6 +3,7 @@ import {LogCategory, logError, logWarn} from "tc-shared/log";
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import * as crypto from "crypto-js";
+import {tra} from "tc-shared/i18n/localize";
 
 export type LocalAvatarInfo = {
     fileName: string,
diff --git a/shared/js/i18n/localize.ts b/shared/js/i18n/localize.ts
index 114dc595..e53b31e2 100644
--- a/shared/js/i18n/localize.ts
+++ b/shared/js/i18n/localize.ts
@@ -75,9 +75,13 @@ export function tr(message: string, key?: string) : string {
     return translated;
 }
 
-export function tra(message: string, ...args: (string | number | boolean)[]) : string;
-export function tra(message: string, ...args: any[]) : JQuery[];
-export function tra(message: string, ...args: any[]) : any {
+export function trJQuery(message: string, ...args: any[]) : JQuery[] {
+    message = /* @tr-ignore */ tr(message);
+    return formatMessage(message, ...args);
+}
+
+/* We can remove our checks if we're sure that no call calls this with an object any more*/
+export function tra(message: string, ...args: (string | number | boolean)[]) : string {
     message = /* @tr-ignore */ tr(message);
     for(const element of args) {
         if(element === null) {
@@ -92,16 +96,18 @@ export function tra(message: string, ...args: any[]) : any {
                 continue;
 
             default:
-                return formatMessage(message, ...args);
+                debugger;
+                logWarn(LogCategory.GENERAL, tr("Received tra argument which isn't a string"));
         }
     }
-    if(message.indexOf("{:") !== -1)
-        return formatMessage(message, ...args);
-    return formatMessageString(message, ...args);
-}
 
-export function traj(message: string, ...args: any[]) : JQuery[] {
-    return tra(message, ...args, {});
+    if(message.indexOf("{:") !== -1) {
+        debugger;
+        logWarn(LogCategory.GENERAL, tr("Received tra message which contains HTML elements"));
+        message = message.replace(/{:br:}/g, "\n");
+    }
+
+    return formatMessageString(message, ...args);
 }
 
 async function load_translation_file(url: string, path: string) : Promise<TranslationFile> {
@@ -331,7 +337,7 @@ export async function initializeI18N() {
             logError(LogCategory.I18N, tr("Failed to initialize selected translation: %o"), error);
             const show_error = () => {
                 import("../ui/elements/Modal").then(Modal => {
-                    Modal.createErrorModal(tr("Translation System"), tra("Failed to load current selected translation file.{:br:}File: {0}{:br:}Error: {1}{:br:}{:br:}Using default fallback translations.", cfg.current_translation_url, error)).open()
+                    Modal.createErrorModal(tr("Translation System"), tra("Failed to load current selected translation file.\nFile: {0}\nError: {1}\n\nUsing default fallback translations.", cfg.current_translation_url, error)).open()
                 });
             };
             if(loader.running())
@@ -351,16 +357,12 @@ export async function initializeI18N() {
 declare global {
     interface Window {
         tr(message: string) : string;
-        tra(message: string, ...args: (string | number | boolean | null | undefined)[]) : string;
-        tra(message: string, ...args: any[]) : JQuery[];
 
         log: any;
         StaticSettings: any;
     }
 
     const tr: typeof window.tr;
-    const tra: typeof window.tra;
 }
 
-window.tr = tr;
-window.tra = tra;
\ No newline at end of file
+window.tr = tr;
\ No newline at end of file
diff --git a/shared/js/media/Video.ts b/shared/js/media/Video.ts
index b041c5aa..b41cc062 100644
--- a/shared/js/media/Video.ts
+++ b/shared/js/media/Video.ts
@@ -10,7 +10,7 @@ import {Registry} from "tc-shared/events";
 import {InputStartError} from "tc-shared/voice/RecorderBase";
 import {LogCategory, logDebug, logError, logWarn} from "tc-shared/log";
 import {queryMediaPermissions, requestMediaStream, stopMediaStream} from "tc-shared/media/Stream";
-import {tr} from "tc-shared/i18n/localize";
+import {tr, tra} from "tc-shared/i18n/localize";
 
 declare global {
     interface MediaDevices {
diff --git a/shared/js/music/PlaylistManager.ts b/shared/js/music/PlaylistManager.ts
index f3551c30..1f56c7cf 100644
--- a/shared/js/music/PlaylistManager.ts
+++ b/shared/js/music/PlaylistManager.ts
@@ -4,6 +4,7 @@ import {Registry} from "tc-shared/events";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import _ = require("lodash");
+import {tra} from "tc-shared/i18n/localize";
 
 export type PlaylistEntry = {
     type: "song",
diff --git a/shared/js/text/bbcode/InviteController.ts b/shared/js/text/bbcode/InviteController.ts
index 7b7a9862..93d2043c 100644
--- a/shared/js/text/bbcode/InviteController.ts
+++ b/shared/js/text/bbcode/InviteController.ts
@@ -6,6 +6,7 @@ import {LogCategory, logError} from "tc-shared/log";
 import {clientServiceInvite, clientServices} from "tc-shared/clientservice";
 import {handleConnectRequest} from "tc-shared/main";
 import {assertMainApplication} from "tc-shared/ui/utils";
+import {tra} from "tc-shared/i18n/localize";
 
 assertMainApplication();
 
diff --git a/shared/js/text/bbcode/YoutubeRenderer.tsx b/shared/js/text/bbcode/YoutubeRenderer.tsx
index 6d0c1904..fcf674f0 100644
--- a/shared/js/text/bbcode/YoutubeRenderer.tsx
+++ b/shared/js/text/bbcode/YoutubeRenderer.tsx
@@ -11,6 +11,7 @@ import {useContext} from "react";
 import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 
 import IconPlay from "./YoutubePlayButton.svg";
+import {tra} from "tc-shared/i18n/localize";
 const cssStyle = require("./YoutubeRenderer.scss");
 
 const patternYtVideoId = /^(?:http(?:s)?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:(?:watch)?\?(?:.*&)?v(?:i)?=|(?:embed|v|vi|user)\/))([^?&"'>]{10,11})$/;
diff --git a/shared/js/ui/frames/chat.ts b/shared/js/ui/frames/chat.ts
index 442bf7b8..6e5122af 100644
--- a/shared/js/ui/frames/chat.ts
+++ b/shared/js/ui/frames/chat.ts
@@ -94,7 +94,7 @@ export function formatMessage(pattern: string, ...objects: any[]) : JQuery[] {
     return result;
 }
 
-export function formatMessageString(pattern: string, ...args: string[]) : string {
+export function formatMessageString(pattern: string, ...args: (string | number | boolean)[]) : string {
     return parseMessageWithArguments(pattern, args.length).map(e => typeof e === "string" ? e : args[e]).join("");
 }
 
diff --git a/shared/js/ui/frames/side/ClientInfoController.ts b/shared/js/ui/frames/side/ClientInfoController.ts
index f4dfd5bd..6f533343 100644
--- a/shared/js/ui/frames/side/ClientInfoController.ts
+++ b/shared/js/ui/frames/side/ClientInfoController.ts
@@ -4,6 +4,7 @@ import {ClientGroupInfo, ClientInfoEvents, InheritedChannelInfo,} from "tc-share
 import {Registry} from "tc-shared/events";
 import {openClientInfo} from "tc-shared/ui/modal/ModalClientInfo";
 import {spawnAvatarUpload} from "tc-shared/ui/modal/avatar-upload/Controller";
+import {tra} from "tc-shared/i18n/localize";
 
 export class ClientInfoController {
     private readonly uiEvents: Registry<ClientInfoEvents>;
diff --git a/shared/js/ui/frames/side/ClientInfoRenderer.tsx b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
index fbfa4153..de584b33 100644
--- a/shared/js/ui/frames/side/ClientInfoRenderer.tsx
+++ b/shared/js/ui/frames/side/ClientInfoRenderer.tsx
@@ -16,7 +16,7 @@ import {ClientAvatar, getGlobalAvatarManagerFactory} from "tc-shared/file/Avatar
 import {AvatarRenderer} from "tc-shared/ui/react-elements/Avatar";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
-import {ChannelTag, ClientTag} from "tc-shared/ui/tree/EntryTags";
+import {ClientTag} from "tc-shared/ui/tree/EntryTags";
 import {guid} from "tc-shared/crypto/uid";
 import {useDependentState} from "tc-shared/ui/react-elements/Helper";
 import {format_online_time} from "tc-shared/utils/TimeUtils";
@@ -25,7 +25,8 @@ import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 import {getIconManager} from "tc-shared/file/Icons";
 import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
-import {getKeyBoard, SpecialKey} from "tc-shared/PPTListener";
+import {getKeyBoard} from "tc-shared/PPTListener";
+import {tra} from "tc-shared/i18n/localize";
 
 const cssStyle = require("./ClientInfoRenderer.scss");
 
diff --git a/shared/js/ui/frames/side/HeaderController.ts b/shared/js/ui/frames/side/HeaderController.ts
index 4cd817f6..5cba918b 100644
--- a/shared/js/ui/frames/side/HeaderController.ts
+++ b/shared/js/ui/frames/side/HeaderController.ts
@@ -7,6 +7,7 @@ import {openMusicManage} from "tc-shared/ui/modal/ModalMusicManage";
 import {createErrorModal, createInputModal} from "tc-shared/ui/elements/Modal";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {LogCategory, logError} from "tc-shared/log";
+import {tra} from "tc-shared/i18n/localize";
 
 const ChannelInfoUpdateProperties: (keyof ChannelProperties)[] = [
     "channel_name",
diff --git a/shared/js/ui/frames/side/HeaderRenderer.tsx b/shared/js/ui/frames/side/HeaderRenderer.tsx
index 2253646a..51fac7a5 100644
--- a/shared/js/ui/frames/side/HeaderRenderer.tsx
+++ b/shared/js/ui/frames/side/HeaderRenderer.tsx
@@ -12,6 +12,7 @@ import {
 import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
 import {RemoteIconRenderer} from "tc-shared/ui/react-elements/Icon";
 import {getIconManager} from "tc-shared/file/Icons";
+import {tra} from "tc-shared/i18n/localize";
 
 const StateContext = React.createContext<SideHeaderState>(undefined);
 const EventsContext = React.createContext<Registry<SideHeaderEvents>>(undefined);
diff --git a/shared/js/ui/frames/side/MusicPlaylistController.ts b/shared/js/ui/frames/side/MusicPlaylistController.ts
index 92434da4..d6092b0b 100644
--- a/shared/js/ui/frames/side/MusicPlaylistController.ts
+++ b/shared/js/ui/frames/side/MusicPlaylistController.ts
@@ -4,6 +4,7 @@ import {MusicPlaylistStatus, MusicPlaylistUiEvents} from "tc-shared/ui/frames/si
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {LogCategory, logError} from "tc-shared/log";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {tra} from "tc-shared/i18n/localize";
 
 export class MusicPlaylistController {
     readonly uiEvents: Registry<MusicPlaylistUiEvents>;
diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index 04f1d9e6..a65c81f8 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -18,7 +18,7 @@ import {
 } from "tc-shared/connection/VideoConnection";
 import {ClientEntry, ClientType, LocalClientEntry, MusicClientEntry} from "tc-shared/tree/Client";
 import {LogCategory, logError, logWarn} from "tc-shared/log";
-import {tr} from "tc-shared/i18n/localize";
+import {tr, tra} from "tc-shared/i18n/localize";
 import {Settings, settings} from "tc-shared/settings";
 import * as _ from "lodash";
 import PermissionType from "tc-shared/permission/PermissionType";
diff --git a/shared/js/ui/modal/ModalGroupCreate.tsx b/shared/js/ui/modal/ModalGroupCreate.tsx
index ed08021f..a1449d60 100644
--- a/shared/js/ui/modal/ModalGroupCreate.tsx
+++ b/shared/js/ui/modal/ModalGroupCreate.tsx
@@ -345,7 +345,7 @@ function initializeGroupCreateController(connection: ConnectionHandler, events:
         }).catch(error => {
             if(error instanceof CommandResult && error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
                 createErrorModal(tr("Failed to create group"),
-                    tra("Failed to create group.\nMissing permission {}", connection.permissions.resolveInfo(parseInt(error.json["failed_permid"]))?.name || tr("unknwon"))).open();
+                    tra("Failed to create group.\nMissing permission {}", connection.permissions.getFailedPermission(error))).open();
                 return;
             }
 
diff --git a/shared/js/ui/modal/ModalIconSelect.ts b/shared/js/ui/modal/ModalIconSelect.ts
index 1b7cb728..a2e05715 100644
--- a/shared/js/ui/modal/ModalIconSelect.ts
+++ b/shared/js/ui/modal/ModalIconSelect.ts
@@ -3,7 +3,7 @@ import PermissionType from "../../permission/PermissionType";
 import {createErrorModal, createModal} from "../../ui/elements/Modal";
 import {LogCategory, logError, logInfo, logWarn} from "../../log";
 import {CommandResult} from "../../connection/ServerConnectionDeclaration";
-import {tra, traj} from "../../i18n/localize";
+import {tra, trJQuery} from "../../i18n/localize";
 import {arrayBufferBase64} from "../../utils/buffers";
 import * as crc32 from "../../crypto/crc32";
 import {FileInfo} from "../../file/FileManager";
@@ -285,13 +285,13 @@ function handle_icon_upload(file: File, client: ConnectionHandler): UploadingIco
             } catch (error) {
                 logInfo(LogCategory.GENERAL, "Image failed to load (%o)", error);
                 logError(LogCategory.GENERAL, tr("Failed to load file %s: Image failed to load"), file.name);
-                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.{:br:}Failed to load image", file.name)).open();
+                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.\nFailed to load image", file.name)).open();
                 icon.state = "error";
             }
 
             const width_error = message => {
                 logError(LogCategory.GENERAL, tr("Failed to load file %s: Invalid bounds: %s"), file.name, message);
-                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.{:br:}Image is too large ({})", file.name, message)).open();
+                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.\nImage is too large ({})", file.name, message)).open();
                 icon.state = "error";
             };
 
@@ -469,7 +469,7 @@ export function spawnIconUpload(client: ConnectionHandler) {
     const update_upload_button = () => {
         const icon_count = icons.filter(e => e.state === "valid").length;
         button_upload.empty();
-        traj("Upload icons ({})", icon_count).forEach(e => e.appendTo(button_upload));
+        trJQuery("Upload icons ({})", icon_count).forEach(e => e.appendTo(button_upload));
         button_upload.prop("disabled", icon_count == 0);
     };
     update_upload_button();
diff --git a/shared/js/ui/modal/ModalMusicManage.ts b/shared/js/ui/modal/ModalMusicManage.ts
index 35d5d88a..ab25f82f 100644
--- a/shared/js/ui/modal/ModalMusicManage.ts
+++ b/shared/js/ui/modal/ModalMusicManage.ts
@@ -1619,7 +1619,7 @@ function build_permission_container(event_registry: Registry<music_manage>, tag:
                         last_sync_value = event.value;
                     } else if (event.status === "error") {
                         if (typeof last_sync_value === "number") input.val(last_sync_value);
-                        createErrorModal(tr("Failed to change permission"), tra("Failed to change permission:{:br:}{}", event.error_msg)).open();
+                        createErrorModal(tr("Failed to change permission"), tra("Failed to change permission:\n{}", event.error_msg)).open();
                     }
                 });
 
@@ -1977,7 +1977,7 @@ function build_permission_container(event_registry: Registry<music_manage>, tag:
                     last_sync_value = event.value;
                 } else if (event.status === "error") {
                     if (typeof last_sync_value === "number") input.val(last_sync_value);
-                    createErrorModal(tr("Failed to change permission"), tra("Failed to change permission:{:br:}{}", event.error_msg)).open();
+                    createErrorModal(tr("Failed to change permission"), tra("Failed to change permission:\n{}", event.error_msg)).open();
                 }
                 hide_indicator = false;
                 update_indicator();
diff --git a/shared/js/ui/modal/ModalServerInfoBandwidth.ts b/shared/js/ui/modal/ModalServerInfoBandwidth.ts
deleted file mode 100644
index 03e7e414..00000000
--- a/shared/js/ui/modal/ModalServerInfoBandwidth.ts
+++ /dev/null
@@ -1,192 +0,0 @@
-import {ServerConnectionInfo, ServerEntry} from "../../tree/Server";
-import {createModal, Modal} from "../../ui/elements/Modal";
-import {CommandResult} from "../../connection/ServerConnectionDeclaration";
-import {Graph} from "../../ui/elements/NetGraph";
-import * as tooltip from "../../ui/elements/Tooltip";
-import {network} from "../../ui/frames/chat";
-import {ErrorCode} from "../../connection/ErrorCode";
-import {tr} from "tc-shared/i18n/localize";
-
-export enum RequestInfoStatus {
-    SUCCESS,
-    UNKNOWN,
-    NO_PERMISSION
-}
-export type ServerBandwidthInfoUpdateCallback = (status: RequestInfoStatus, info?: ServerConnectionInfo) => any;
-export function openServerInfoBandwidth(server: ServerEntry, update_callbacks?: ServerBandwidthInfoUpdateCallback[]) : Modal {
-    let modal: Modal;
-    let own_callbacks = !update_callbacks;
-    update_callbacks = update_callbacks || [];
-
-    modal = createModal({
-        header: tr("Server bandwidth data"),
-        body: () => {
-            const template = $("#tmpl_server_info_bandwidth").renderTag();
-
-            const children = template.children();
-            initialize_current_bandwidth(modal, children.find(".statistic-bandwidth"), update_callbacks);
-            initialize_ft_bandwidth(modal, children.find(".statistic-ft-bandwidth"), update_callbacks);
-            initialize_general(template.find(".top"), update_callbacks);
-
-            tooltip.initialize(template);
-            return template.children();
-        },
-        footer: null,
-        min_width: "25em"
-    });
-
-    if(own_callbacks) {
-        const updater = setInterval(() => {
-            server.request_connection_info().then(info => update_callbacks.forEach(e => e(RequestInfoStatus.SUCCESS, info))).catch(error => {
-                if(error instanceof CommandResult && error.id == ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
-                    update_callbacks.forEach(e => e(RequestInfoStatus.NO_PERMISSION));
-                    return;
-                }
-                update_callbacks.forEach(e => e(RequestInfoStatus.UNKNOWN));
-            });
-        }, 1000);
-        modal.close_listener.push(() => clearInterval(updater));
-    }
-
-
-    modal.htmlTag.find(".button-close").on('click', event => modal.close());
-    modal.htmlTag.find(".modal-body").addClass("modal-server-info-bandwidth");
-    modal.open();
-    return modal;
-}
-
-function initialize_graph(modal: Modal, tag: JQuery, callbacks: ServerBandwidthInfoUpdateCallback[], fields: {uplaod: string, download: string}) {
-    const canvas = tag.find("canvas")[0] as HTMLCanvasElement;
-    const label_upload = tag.find(".upload");
-    const label_download = tag.find(".download");
-    let last_info: { status: RequestInfoStatus, info: ServerConnectionInfo };
-    let custom_info = false;
-
-    const show_info = (upload: number | undefined, download: number | undefined) => {
-        let fallback_text = last_info && last_info.status === RequestInfoStatus.NO_PERMISSION ? tr("No permission") : tr("receiving...");
-
-        if(typeof upload !== "number")
-            upload = last_info ? last_info[fields.uplaod] : undefined;
-
-        if(typeof download !== "number")
-            download = last_info ? last_info[fields.download] : undefined;
-
-        if(typeof upload !== "number")
-            label_upload.text(fallback_text);
-        else
-            label_upload.text(network.format_bytes(upload, {unit: "Bytes", time: "s", exact: false}));
-
-        if(typeof download !== "number")
-            label_download.text(fallback_text);
-        else
-            label_download.text(network.format_bytes(download, {unit: "Bytes", time: "s", exact: false}));
-    };
-    show_info(undefined, undefined);
-
-    const graph = new Graph();
-    graph.initializeCanvas(canvas);
-    graph.pushEntry({ timestamp: Date.now(), upload: undefined, download: undefined});
-    callbacks.push((status, values) => {
-        last_info = {status: status, info: values};
-
-        if(!values) {
-            graph.pushEntry({ timestamp: Date.now(), upload: undefined, download: undefined});
-        } else {
-            graph.pushEntry({
-                timestamp: Date.now(),
-                download: values[fields.download], //values.connection_bandwidth_received_last_second_total,
-                upload: values[fields.uplaod], //values.connection_bandwidth_sent_last_second_total
-            });
-        }
-
-        /* set that we want to show the entry within one second */
-        graph.timeSpan.origin = Object.assign(graph.calculateTimespan(), { time: Date.now() });
-        graph.timeSpan.target = {
-            begin: Date.now() - 120 * 1000,
-            end: Date.now(),
-            time: Date.now() + 200
-        };
-
-        graph.cleanup();
-        if(!custom_info) {
-            show_info(undefined, undefined);
-            graph.resize(); /* just to ensure (we have to rethink this maybe; cause it causes a recalculates the style */
-        }
-    });
-
-    graph.maxGapSize(0);
-    graph.initialize();
-
-    graph.callbackDetailedHide = () => {
-        custom_info = false;
-        show_info(undefined, undefined);
-    };
-
-    graph.callbackDetailedInfo = (upload, download, timestamp, event) => {
-        custom_info = true;
-        show_info(upload, download);
-    };
-
-    modal.close_listener.push(() => graph.finalize());
-    modal.open_listener.push(() => graph.resize());
-
-    tag.addClass("window-resize-listener").on('resize', event => graph.resize());
-}
-
-function initialize_current_bandwidth(modal: Modal, tag: JQuery, callbacks: ServerBandwidthInfoUpdateCallback[]) {
-    initialize_graph(modal, tag, callbacks, {
-        uplaod: "connection_bandwidth_sent_last_second_total",
-        download: "connection_bandwidth_received_last_second_total"
-    });
-}
-
-function initialize_ft_bandwidth(modal: Modal, tag: JQuery, callbacks: ServerBandwidthInfoUpdateCallback[]) {
-    initialize_graph(modal, tag, callbacks, {
-        uplaod: "connection_filetransfer_bandwidth_sent",
-        download: "connection_filetransfer_bandwidth_received"
-    });
-}
-
-function initialize_general(tag: JQuery, callbacks: ServerBandwidthInfoUpdateCallback[]) {
-    const tag_packets_upload = tag.find(".statistic-packets .upload");
-    const tag_packets_download = tag.find(".statistic-packets .download");
-
-    const tag_bytes_upload = tag.find(".statistic-bytes .upload");
-    const tag_bytes_download = tag.find(".statistic-bytes .download");
-
-    const tag_ft_bytes_upload = tag.find(".statistic-ft-bytes .upload");
-    const tag_ft_bytes_download = tag.find(".statistic-ft-bytes .download");
-
-    const update = (tag, value: undefined | null | number) => {
-        if(typeof value === "undefined")
-            tag.text(tr("receiving..."));
-        else if(value === null)
-            tag.text(tr("no permissions"));
-        else
-            tag.text(network.format_bytes(value, {unit: "Bytes", exact: false}));
-    };
-
-    const props = [
-        {tag: tag_packets_download, property: "connection_packets_received_total"},
-        {tag: tag_packets_upload, property: "connection_packets_sent_total"},
-
-        {tag: tag_bytes_download, property: "connection_bytes_received_total"},
-        {tag: tag_bytes_upload, property: "connection_bytes_sent_total"},
-
-        {tag: tag_ft_bytes_upload, property: "connection_filetransfer_bytes_received_total"},
-        {tag: tag_ft_bytes_download, property: "connection_filetransfer_bytes_sent_total"},
-    ];
-
-    callbacks.push((status, info) => {
-        if(status === RequestInfoStatus.SUCCESS) {
-            for(const entry of props)
-                update(entry.tag, info[entry.property]);
-        } else if(status === RequestInfoStatus.NO_PERMISSION) {
-            for(const entry of props)
-                update(entry.tag, null);
-        } else {
-            for(const entry of props)
-                update(entry.tag, undefined);
-        }
-    });
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/avatar-upload/Controller.ts b/shared/js/ui/modal/avatar-upload/Controller.ts
index be9379ee..d8753be7 100644
--- a/shared/js/ui/modal/avatar-upload/Controller.ts
+++ b/shared/js/ui/modal/avatar-upload/Controller.ts
@@ -8,7 +8,7 @@ import PermissionType from "tc-shared/permission/PermissionType";
 import {getOwnAvatarStorage, LocalAvatarInfo} from "tc-shared/file/OwnAvatarStorage";
 import {LogCategory, logError, logInfo, logWarn} from "tc-shared/log";
 import {Mutex} from "tc-shared/Mutex";
-import {tr, traj} from "tc-shared/i18n/localize";
+import {tr, trJQuery} from "tc-shared/i18n/localize";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {formatMessage} from "tc-shared/ui/frames/chat";
@@ -211,11 +211,11 @@ class Controller {
 
                 let message;
                 if(error instanceof CommandResult) {
-                    message = formatMessage(tr("Failed to delete avatar.{:br:}Error: {0}"), error.formattedMessage());
+                    message = formatMessage(tr("Failed to delete avatar.\nError: {0}"), error.formattedMessage());
                 }
 
                 if(!message) {
-                    message = formatMessage(tr("Failed to delete avatar.{:br:}Lookup the console for more details"));
+                    message = formatMessage(tr("Failed to delete avatar.\nLookup the console for more details"));
                 }
 
                 createErrorModal(tr("Failed to delete avatar"), message).open();
@@ -262,7 +262,7 @@ class Controller {
                 if (transfer.transferState() !== FileTransferState.FINISHED) {
                     if (transfer.transferState() === FileTransferState.ERRORED) {
                         logWarn(LogCategory.FILE_TRANSFER, tr("Failed to upload clients avatar: %o"), transfer.currentError());
-                        createErrorModal(tr("Failed to upload avatar"), traj("Failed to upload avatar:{:br:}{0}", transfer.currentErrorMessage())).open();
+                        createErrorModal(tr("Failed to upload avatar"), tr("Failed to upload avatar:\n{0}", transfer.currentErrorMessage())).open();
                         return;
                     } else if (transfer.transferState() === FileTransferState.CANCELED) {
                         createErrorModal(tr("Failed to upload avatar"), tr("Your avatar upload has been canceled.")).open();
@@ -287,11 +287,11 @@ class Controller {
 
                 let message;
                 if(error instanceof CommandResult) {
-                    message = formatMessage(tr("Failed to update avatar flag.{:br:}Error: {0}"), error.formattedMessage());
+                    message = formatMessage(tr("Failed to update avatar flag.\nError: {0}"), error.formattedMessage());
                 }
 
                 if(!message) {
-                    message = formatMessage(tr("Failed to update avatar flag.{:br:}Lookup the console for more details"));
+                    message = formatMessage(tr("Failed to update avatar flag.\nLookup the console for more details"));
                 }
 
                 createErrorModal(tr("Failed to set avatar"), message).open();
diff --git a/shared/js/ui/modal/avatar-upload/Renderer.tsx b/shared/js/ui/modal/avatar-upload/Renderer.tsx
index 9b134b27..5cd38d33 100644
--- a/shared/js/ui/modal/avatar-upload/Renderer.tsx
+++ b/shared/js/ui/modal/avatar-upload/Renderer.tsx
@@ -19,6 +19,7 @@ import {joinClassList, useDependentState} from "tc-shared/ui/react-elements/Help
 
 import kDefaultAvatarUrl from "../../../../img/style/avatar.png";
 import byteSizeToString = network.binarySizeToString;
+import {tra} from "tc-shared/i18n/localize";
 
 const ServerUniqueIdContext = React.createContext<string>(undefined);
 const EventContext = React.createContext<Registry<ModalAvatarUploadEvents>>(undefined);
@@ -294,7 +295,7 @@ class ModalAvatarUpload extends AbstractModal {
                 createErrorModal(tr("Failed to load avatar"), tra("Failed to load avatar: {}", result.reason)).open();
                 succeeded = false;
             } else if(result.status === "cache-unavailable") {
-                createErrorModal(tr("Failed to load avatar"), tra("Failed to load avatar:{:br:}Own avatar cach unavailable.")).open();
+                createErrorModal(tr("Failed to load avatar"), tra("Failed to load avatar:{:br:}Own avatar cache unavailable.")).open();
                 succeeded = false;
             } else {
                 succeeded = false;
diff --git a/shared/js/ui/modal/input-processor/Renderer.tsx b/shared/js/ui/modal/input-processor/Renderer.tsx
index c8d8bb8b..3dc06369 100644
--- a/shared/js/ui/modal/input-processor/Renderer.tsx
+++ b/shared/js/ui/modal/input-processor/Renderer.tsx
@@ -10,7 +10,7 @@ import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
 import {Checkbox} from "tc-shared/ui/react-elements/Checkbox";
 import {ControlledBoxedInputField, ControlledSelect} from "tc-shared/ui/react-elements/InputField";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
-import {traj} from "tc-shared/i18n/localize";
+import {tr, tra} from "tc-shared/i18n/localize";
 
 const cssStyle = require("./Renderer.scss");
 const EventContext = React.createContext<Registry<ModalInputProcessorEvents>>(undefined);
@@ -382,7 +382,7 @@ class Modal extends AbstractModal {
         this.variables = createIpcUiVariableConsumer(variables);
 
         this.events.on("notify_apply_error", event => {
-            createErrorModal(tr("Failed to apply changes"), traj("Failed to apply changes:{:br:}{}", event.message)).open();
+            createErrorModal(tr("Failed to apply changes"), tra("Failed to apply changes:\n{}", event.message)).open();
         })
     }
 
diff --git a/shared/js/ui/modal/permission/ModalController.ts b/shared/js/ui/modal/permission/ModalController.ts
index 7408355d..f4d70387 100644
--- a/shared/js/ui/modal/permission/ModalController.ts
+++ b/shared/js/ui/modal/permission/ModalController.ts
@@ -86,7 +86,7 @@ export function spawnPermissionEditorModal(connection: ConnectionHandler, defaul
 function initializePermissionModalResultHandlers(events: Registry<PermissionModalEvents>) {
     events.on("action_rename_group_result", event => {
         if (event.status === "error") {
-            createErrorModal(tr("Failed to rename group"), formatMessage(tr("Failed to rename group:{:br:}"), event.error)).open();
+            createErrorModal(tr("Failed to rename group"), formatMessage(tra("Failed to rename group:\n{}", event.error))).open();
         } else {
             createInfoModal(tr("Group renamed"), tr("The group has been renamed.")).open();
         }
diff --git a/shared/js/ui/modal/server-info/Controller.ts b/shared/js/ui/modal/server-info/Controller.ts
index 0646d648..155834ea 100644
--- a/shared/js/ui/modal/server-info/Controller.ts
+++ b/shared/js/ui/modal/server-info/Controller.ts
@@ -6,7 +6,6 @@ import {CallOnce, ignorePromise} from "tc-shared/proto";
 import {spawnModal} from "tc-shared/ui/react-elements/modal";
 import {ServerConnectionInfoResult, ServerProperties} from "tc-shared/tree/Server";
 import {LogCategory, logWarn} from "tc-shared/log";
-import {openServerInfoBandwidth} from "tc-shared/ui/modal/ModalServerInfoBandwidth";
 import {spawnServerBandwidth} from "tc-shared/ui/modal/server-bandwidth/Controller";
 
 const kPropertyUpdateMatrix: {[T in keyof ServerProperties]?: [keyof ModalServerInfoVariables]} = {
diff --git a/shared/js/ui/modal/settings/Keymap.tsx b/shared/js/ui/modal/settings/Keymap.tsx
index 8f696d35..66b3bf36 100644
--- a/shared/js/ui/modal/settings/Keymap.tsx
+++ b/shared/js/ui/modal/settings/Keymap.tsx
@@ -189,7 +189,7 @@ class KeyActionEntry extends ReactComponentBase<KeyActionEntryProperties, KeyAct
             });
         } else {
             this.setState({state: "loaded"});
-            createErrorModal(tr("Failed to change key"), tra("Failed to change key for action \"{}\":{:br:}{}", this.props.action, event.status === "timeout" ? tr("timeout") : event.error));
+            createErrorModal(tr("Failed to change key"), tra("Failed to change key for action \"{}\":\n{}", this.props.action, event.status === "timeout" ? tr("timeout") : event.error));
         }
     }
 }
diff --git a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
index 3d370c46..23f1b0fa 100644
--- a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
+++ b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx
@@ -20,6 +20,7 @@ import {InputDevice} from "tc-shared/audio/Recorder";
 import {joinClassList} from "tc-shared/ui/react-elements/Helper";
 import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
 import _ from "lodash";
+import {tra} from "tc-shared/i18n/localize";
 
 const cssStyle = require("./Microphone.scss");
 const EventContext = React.createContext<Registry<MicrophoneSettingsEvents>>(undefined);
diff --git a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
index 78da1b78..dff92f5e 100644
--- a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
+++ b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
@@ -7,7 +7,7 @@ import {LogCategory, logError, logTrace} from "../../../log";
 import {Entry, MenuEntry, MenuEntryType, spawn_context_menu} from "../../../ui/elements/ContextMenu";
 import {getKeyBoard, SpecialKey} from "../../../PPTListener";
 import {spawnYesNo} from "../../../ui/modal/ModalYesNo";
-import {tr, tra, traj} from "../../../i18n/localize";
+import {tr, tra} from "../../../i18n/localize";
 import {
     FileTransfer,
     FileTransferState,
@@ -708,7 +708,7 @@ export function initializeRemoteFileBrowserController(connection: ConnectionHand
                 });
                 transfer.awaitFinished().then(() => {
                     if (transfer.transferState() === FileTransferState.ERRORED) {
-                        createErrorModal(tr("Failed to download file"), traj("Failed to download {0}:{:br:}{1}", fileName, transfer.currentErrorMessage())).open();
+                        createErrorModal(tr("Failed to download file"), tra("Failed to download {0}:\n{1}", fileName, transfer.currentErrorMessage())).open();
                     }
                 });
             } catch (error) {
@@ -739,7 +739,7 @@ export function initializeRemoteFileBrowserController(connection: ConnectionHand
         } else if (event.mode === "files") {
             const pathInfo = parsePath(event.path, connection);
             if (pathInfo.type !== "channel") {
-                createErrorModal(tr("Failed to upload file(s)"), tra("Failed to upload files:{:br:}File uplaod is only supported in channel directories")).open();
+                createErrorModal(tr("Failed to upload file(s)"), tra("Failed to upload files:\nFile uplaod is only supported in channel directories")).open();
                 return;
             }
             for (const file of event.files) {
@@ -753,7 +753,7 @@ export function initializeRemoteFileBrowserController(connection: ConnectionHand
                 });
                 transfer.awaitFinished().then(() => {
                     if (transfer.transferState() === FileTransferState.ERRORED) {
-                        createErrorModal(tr("Failed to upload file"), tra("Failed to upload {0}:{:br:}{1}", fileName, transfer.currentErrorMessage())).open();
+                        createErrorModal(tr("Failed to upload file"), tra("Failed to upload {0}:\n{1}", fileName, transfer.currentErrorMessage())).open();
                     }
                 });
             }
diff --git a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
index 91afb170..70b86779 100644
--- a/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
+++ b/shared/js/ui/modal/transfer/FileBrowserRenderer.tsx
@@ -321,9 +321,9 @@ export class NavigationBar extends ReactComponentBase<NavigationBarProperties, N
 
         if (event.status !== "success") {
             if (event.status === "timeout") {
-                createErrorModal(tr("Failed to enter path"), tra("Failed to enter given path.{:br:}Action resulted in a timeout.")).open();
+                createErrorModal(tr("Failed to enter path"), tra("Failed to enter given path.\nAction resulted in a timeout.")).open();
             } else {
-                createErrorModal(tr("Failed to enter path"), tra("Failed to enter given path:{:br:}{0}", event.error)).open();
+                createErrorModal(tr("Failed to enter path"), tra("Failed to enter given path:\n{0}", event.error)).open();
             }
         }
     }
@@ -457,9 +457,9 @@ const FileName = (props: { path: string, file: ListedFileInfo }) => {
         } else {
             setFileName(props.file.name);
             if (event.status === "timeout") {
-                createErrorModal(tr("Failed to rename file"), tra("Failed to rename file.{:br:}Action resulted in a timeout.")).open();
+                createErrorModal(tr("Failed to rename file"), tra("Failed to rename file.\nAction resulted in a timeout.")).open();
             } else {
-                createErrorModal(tr("Failed to rename file"), tra("Failed to rename file:{:br:}{0}", event.error)).open();
+                createErrorModal(tr("Failed to rename file"), tra("Failed to rename file:\n{0}", event.error)).open();
             }
         }
     });
@@ -1306,7 +1306,7 @@ export class FileBrowserRenderer extends ReactComponentBase<FileListTablePropert
             if (e.status === "success")
                 return;
 
-            createErrorModal(tr("Failed to delete entry"), tra("Failed to delete \"{0}\":{:br:}{1}", e.name, e.error || tr("Unknown error"))).open();
+            createErrorModal(tr("Failed to delete entry"), tra("Failed to delete \"{0}\":\n{1}", e.name, e.error || tr("Unknown error"))).open();
         });
     }
 
@@ -1358,9 +1358,9 @@ export class FileBrowserRenderer extends ReactComponentBase<FileListTablePropert
         this.forceUpdate();
 
         if (event.status === "timeout") {
-            createErrorModal(tr("Failed to create directory"), tra("Failed to create directory.{:br:}Action resulted in a timeout.")).open();
+            createErrorModal(tr("Failed to create directory"), tra("Failed to create directory.\nAction resulted in a timeout.")).open();
         } else {
-            createErrorModal(tr("Failed to create directory"), tra("Failed to create directory:{:br:}{0}", event.error)).open();
+            createErrorModal(tr("Failed to create directory"), tra("Failed to create directory:\n{0}", event.error)).open();
         }
     }
 
diff --git a/shared/js/ui/modal/yes-no/Controller.ts b/shared/js/ui/modal/yes-no/Controller.ts
new file mode 100644
index 00000000..32cacbf2
--- /dev/null
+++ b/shared/js/ui/modal/yes-no/Controller.ts
@@ -0,0 +1,24 @@
+export interface YesNoParameters {
+    title: string,
+    question: string,
+
+    textYes?: string,
+    textNo?: string,
+
+    closeable?: boolean
+}
+
+export async function promptYesNo(properties: YesNoParameters) : Promise<boolean | undefined> {
+    /* Having these checks because tra(..) still might return jQuery */
+    if(typeof properties.title !== "string") {
+        debugger;
+        throw "yes-no title isn't a string";
+    }
+
+    if(typeof properties.question !== "string") {
+        debugger;
+        throw "yes-no question isn't a string";
+    }
+
+    return false;
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/Tab.tsx b/shared/js/ui/react-elements/Tab.tsx
index 37075377..9a02e2d9 100644
--- a/shared/js/ui/react-elements/Tab.tsx
+++ b/shared/js/ui/react-elements/Tab.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import {tra} from "tc-shared/i18n/localize";
 
 const cssStyle = require("./Tab.scss");
 
diff --git a/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
index 7b9ec12d..617f9857 100644
--- a/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
+++ b/shared/js/ui/react-elements/modal/external/renderer/EntryPoint.ts
@@ -1,6 +1,6 @@
 import * as loader from "tc-loader";
 import {setupIpcHandler} from "tc-shared/ipc/BrowserIPC";
-import {initializeI18N} from "tc-shared/i18n/localize";
+import {initializeI18N, tra} from "tc-shared/i18n/localize";
 import {Stage} from "tc-loader";
 import {AbstractModal, constructAbstractModalClass} from "tc-shared/ui/react-elements/modal/Definitions";
 import {AppParameters, Settings, settings} from "tc-shared/settings";
diff --git a/shared/js/ui/tree/DragHelper.ts b/shared/js/ui/tree/DragHelper.ts
index d606d09f..6ef82353 100644
--- a/shared/js/ui/tree/DragHelper.ts
+++ b/shared/js/ui/tree/DragHelper.ts
@@ -9,6 +9,7 @@ import {
 } from "svg-sprites/client-icons";
 import {LogCategory, logDebug} from "tc-shared/log";
 import {ChannelTreeDragData, ChannelTreeDragEntry} from "tc-shared/ui/tree/Definitions";
+import {tra} from "tc-shared/i18n/localize";
 
 let spriteImage: HTMLImageElement;
 
diff --git a/shared/js/ui/utils/Variable.ts b/shared/js/ui/utils/Variable.ts
index 38674b41..7e0edacf 100644
--- a/shared/js/ui/utils/Variable.ts
+++ b/shared/js/ui/utils/Variable.ts
@@ -2,6 +2,7 @@ import {useEffect, useState} from "react";
 import * as _ from "lodash";
 import {ReadonlyKeys, WritableKeys} from "tc-shared/proto";
 import {useDependentState} from "tc-shared/ui/react-elements/Helper";
+import {tra} from "tc-shared/i18n/localize";
 
 /*
  * To deliver optimized performance, we only promisify the values we need.
@@ -71,7 +72,7 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
     sendVariable<T extends keyof Variables>(variable: T, customData?: any, forceSend?: boolean) : void | Promise<void> {
         const providers = this.variableProvider[variable as any];
         if(!providers) {
-            throw tra("missing provider for {}", variable);
+            throw tra("missing provider for {}", variable as string);
         }
 
         const result = providers(customData);
@@ -98,7 +99,7 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
     async getVariable<T extends keyof Variables>(variable: T, customData?: any, ignoreCache?: boolean) : Promise<Variables[T]> {
         const providers = this.variableProvider[variable as any];
         if(!providers) {
-            throw tra("missing provider for {}", variable);
+            throw tra("missing provider for {}", variable as string);
         }
 
         const result = providers(customData);

From 5ef2d85d6f92d9245ab5043081c9d7aad4afa92c Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 14:02:12 +0200
Subject: [PATCH 092/128] Replaced all `{:br:}` with `\n` within the
 translation files

---
 shared/i18n/de_google_translate.translation |  72 +++++-----
 shared/i18n/es_google_translate.translation |  70 +++++-----
 shared/i18n/fr_google_translate.translation |  70 +++++-----
 shared/i18n/hu_translate.translation        | 144 ++++++++++----------
 shared/i18n/nl_google_translate.translation |  38 +++---
 shared/i18n/pl_google_translate.translation |  70 +++++-----
 shared/i18n/pt_translate.translation        | 144 ++++++++++----------
 shared/i18n/ru_google_translate.translation |  70 +++++-----
 shared/i18n/tr_translate.translation        |  70 +++++-----
 9 files changed, 374 insertions(+), 374 deletions(-)

diff --git a/shared/i18n/de_google_translate.translation b/shared/i18n/de_google_translate.translation
index 49ebae5e..5ddd0b0d 100644
--- a/shared/i18n/de_google_translate.translation
+++ b/shared/i18n/de_google_translate.translation
@@ -11613,7 +11613,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
+                "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
             }
         },
         {
@@ -11633,7 +11633,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+                "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
             }
         },
         {
@@ -11651,7 +11651,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "You've been banned from this server.{:br:}{0}"
+                "message": "You've been banned from this server.\n{0}"
             }
         },
         {
@@ -12440,7 +12440,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+                "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
             }
         },
         {
@@ -12509,7 +12509,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "The profile data is invalid.{:br:}This might cause data loss."
+                "message": "The profile data is invalid.\nThis might cause data loss."
             }
         },
         {
@@ -13587,7 +13587,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to change the microphone to the target microphone{:br:}{}"
+                "message": "Failed to change the microphone to the target microphone\n{}"
             }
         },
         {
@@ -13654,7 +13654,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+                "message": "Failed to change the speaker device to the target speaker\n{}"
             }
         },
         {
@@ -13873,7 +13873,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to logout from forum account.{:br:}Error: {}"
+                "message": "Failed to logout from forum account.\nError: {}"
             }
         },
         {
@@ -14043,7 +14043,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to delete ban. {:br:}Error: {}"
+                "message": "Failed to delete ban. \nError: {}"
             }
         },
         {
@@ -14235,7 +14235,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to edited ban. {:br:}Error: {}"
+                "message": "Failed to edited ban. \nError: {}"
             }
         },
         {
@@ -14275,7 +14275,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to add ban. {:br:}Error: {}"
+                "message": "Failed to add ban. \nError: {}"
             }
         },
         {
@@ -14344,7 +14344,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "You've been kicked from this server.{:br:}{0}"
+                "message": "You've been kicked from this server.\n{0}"
             }
         },
         {
@@ -14378,12 +14378,12 @@
             }
         },
         {
-            "translated": "Mikrofonstart fehlgeschlagen.{:br:} Fehler: {}",
+            "translated": "Mikrofonstart fehlgeschlagen.\n Fehler: {}",
             "flags": [
                 "google-translate"
             ],
             "key": {
-                "message": "Microphone start failed.{:br:}Error: {}"
+                "message": "Microphone start failed.\nError: {}"
             }
         },
         {
@@ -14433,7 +14433,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to delete avatar.{:br:}Error: {0}"
+                "message": "Failed to delete avatar.\nError: {0}"
             }
         },
         {
@@ -14443,7 +14443,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+                "message": "Failed to delete avatar.\nLookup the console for more details"
             }
         },
         {
@@ -14481,7 +14481,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+                "message": "Failed to initialize avatar upload.\nMissing permission {0}"
             }
         },
         {
@@ -14490,7 +14490,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+                "message": "Failed to initialize avatar upload.\nError: {0}"
             }
         },
         {
@@ -14499,7 +14499,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+                "message": "Failed to initialize avatar upload.\nLookup the console for more details"
             }
         },
         {
@@ -14527,7 +14527,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to upload avatar.{:br:}Error: {0}"
+                "message": "Failed to upload avatar.\nError: {0}"
             }
         },
         {
@@ -14547,7 +14547,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to update avatar flag.{:br:}Error: {0}"
+                "message": "Failed to update avatar flag.\nError: {0}"
             }
         },
         {
@@ -14557,7 +14557,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+                "message": "Failed to update avatar flag.\nLookup the console for more details"
             }
         },
         {
@@ -15704,7 +15704,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to delete conversation message{:br:}Error: {}"
+                "message": "Failed to delete conversation message\nError: {}"
             }
         },
         {
@@ -16665,7 +16665,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to delete account{:br:}Message: {}"
+                "message": "Failed to delete account\nMessage: {}"
             }
         },
         {
@@ -16685,7 +16685,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to rename account{:br:}Message: {}"
+                "message": "Failed to rename account\nMessage: {}"
             }
         },
         {
@@ -16705,7 +16705,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to change password{:br:}Message: {}"
+                "message": "Failed to change password\nMessage: {}"
             }
         },
         {
@@ -16745,7 +16745,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to refresh server properties.{:br:}Error: {}"
+                "message": "Failed to refresh server properties.\nError: {}"
             }
         },
         {
@@ -16939,7 +16939,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to create group:{:br:}"
+                "message": "Failed to create group:\n"
             }
         },
         {
@@ -17007,7 +17007,7 @@
                 "in-use-system"
             ],
             "key": {
-                "message": "Failed to rename group:{:br:}"
+                "message": "Failed to rename group:\n"
             }
         },
         {
@@ -17082,7 +17082,7 @@
                 "google-translate"
             ],
             "key": {
-                "message": "Failed to delete group:{:br:}"
+                "message": "Failed to delete group:\n"
             }
         },
         {
@@ -21832,7 +21832,7 @@
         },
         {
             "key": {
-                "message": "You've been kicked from the server by {0}:{:br:}{1}"
+                "message": "You've been kicked from the server by {0}:\n{1}"
             },
             "translated": "Sie wurden von {0} vom Server geworfen: {: br:} {1}",
             "flags": [
@@ -21842,7 +21842,7 @@
         },
         {
             "key": {
-                "message": "You've been kicked from the server:{:br:}{1}"
+                "message": "You've been kicked from the server:\n{1}"
             },
             "translated": "Sie wurden vom Server geworfen: {: br:} {1}",
             "flags": [
@@ -22657,7 +22657,7 @@
         },
         {
             "key": {
-                "message": "Failed to change vad type{:br:}{}"
+                "message": "Failed to change vad type\n{}"
             },
             "translated": "Fehler beim Ändern des VAD-Typs {: br:} {}",
             "flags": [
@@ -22704,7 +22704,7 @@
         },
         {
             "key": {
-                "message": "Failed to change PPT key:{:br:}{}"
+                "message": "Failed to change PPT key:\n{}"
             },
             "translated": "Fehler beim Ändern des PPT-Schlüssels: {: br:} {}",
             "flags": [
@@ -22731,7 +22731,7 @@
         },
         {
             "key": {
-                "message": "Failed to change PPT delay state:{:br:}{}"
+                "message": "Failed to change PPT delay state:\n{}"
             },
             "translated": "Fehler beim Ändern des PPT-Verzögerungsstatus: {: br:} {}",
             "flags": [
@@ -22758,7 +22758,7 @@
         },
         {
             "key": {
-                "message": "Failed to change PPT delay:{:br:}{}"
+                "message": "Failed to change PPT delay:\n{}"
             },
             "translated": "Fehler beim Ändern der PPT-Verzögerung: {: br:} {}",
             "flags": [
diff --git a/shared/i18n/es_google_translate.translation b/shared/i18n/es_google_translate.translation
index 0b2361f1..057fc4c0 100644
--- a/shared/i18n/es_google_translate.translation
+++ b/shared/i18n/es_google_translate.translation
@@ -3830,7 +3830,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
       }
     },
     {
@@ -3850,7 +3850,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       }
     },
     {
@@ -3977,7 +3977,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been banned from this server.{:br:}{0}"
+        "message": "You've been banned from this server.\n{0}"
       }
     },
     {
@@ -10528,7 +10528,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       }
     },
     {
@@ -10597,7 +10597,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       }
     },
     {
@@ -11675,7 +11675,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
+        "message": "Failed to change the microphone to the target microphone\n{}"
       }
     },
     {
@@ -11742,7 +11742,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       }
     },
     {
@@ -11961,7 +11961,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       }
     },
     {
@@ -12131,7 +12131,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       }
     },
     {
@@ -12323,7 +12323,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       }
     },
     {
@@ -12363,7 +12363,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       }
     },
     {
@@ -12432,7 +12432,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been kicked from this server.{:br:}{0}"
+        "message": "You've been kicked from this server.\n{0}"
       }
     },
     {
@@ -12471,7 +12471,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
+        "message": "Microphone start failed.\nError: {}"
       }
     },
     {
@@ -12521,7 +12521,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       }
     },
     {
@@ -12531,7 +12531,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       }
     },
     {
@@ -12569,7 +12569,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+        "message": "Failed to initialize avatar upload.\nMissing permission {0}"
       }
     },
     {
@@ -12578,7 +12578,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+        "message": "Failed to initialize avatar upload.\nError: {0}"
       }
     },
     {
@@ -12587,7 +12587,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       }
     },
     {
@@ -12615,7 +12615,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
+        "message": "Failed to upload avatar.\nError: {0}"
       }
     },
     {
@@ -12635,7 +12635,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       }
     },
     {
@@ -12645,7 +12645,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       }
     },
     {
@@ -13792,7 +13792,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
+        "message": "Failed to delete conversation message\nError: {}"
       }
     },
     {
@@ -14753,7 +14753,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       }
     },
     {
@@ -14773,7 +14773,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       }
     },
     {
@@ -14793,7 +14793,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       }
     },
     {
@@ -14833,7 +14833,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       }
     },
     {
@@ -15027,7 +15027,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       }
     },
     {
@@ -15095,7 +15095,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       }
     },
     {
@@ -15170,7 +15170,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       }
     },
     {
@@ -19942,7 +19942,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
       "translated": "{0}: {: br:} {1} te ha expulsado del servidor",
       "flags": [
@@ -19952,7 +19952,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
       "translated": "Has sido expulsado del servidor: {: br:} {1}",
       "flags": [
@@ -20767,7 +20767,7 @@
     },
     {
       "key": {
-        "message": "Failed to change vad type{:br:}{}"
+        "message": "Failed to change vad type\n{}"
       },
       "translated": "Error al cambiar el tipo de vad {: br:} {}",
       "flags": [
@@ -20814,7 +20814,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
+        "message": "Failed to change PPT key:\n{}"
       },
       "translated": "Error al cambiar la clave PPT: {: br:} {}",
       "flags": [
@@ -20841,7 +20841,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
+        "message": "Failed to change PPT delay state:\n{}"
       },
       "translated": "Error al cambiar el estado de retraso PPT: {: br:} {}",
       "flags": [
@@ -20868,7 +20868,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
+        "message": "Failed to change PPT delay:\n{}"
       },
       "translated": "Error al cambiar el retraso de PPT: {: br:} {}",
       "flags": [
diff --git a/shared/i18n/fr_google_translate.translation b/shared/i18n/fr_google_translate.translation
index 4f87368f..038f02dd 100644
--- a/shared/i18n/fr_google_translate.translation
+++ b/shared/i18n/fr_google_translate.translation
@@ -10533,7 +10533,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
       }
     },
     {
@@ -10553,7 +10553,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       }
     },
     {
@@ -10571,7 +10571,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been banned from this server.{:br:}{0}"
+        "message": "You've been banned from this server.\n{0}"
       }
     },
     {
@@ -11360,7 +11360,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       }
     },
     {
@@ -11429,7 +11429,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       }
     },
     {
@@ -12507,7 +12507,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
+        "message": "Failed to change the microphone to the target microphone\n{}"
       }
     },
     {
@@ -12574,7 +12574,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       }
     },
     {
@@ -12793,7 +12793,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       }
     },
     {
@@ -12963,7 +12963,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       }
     },
     {
@@ -13155,7 +13155,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       }
     },
     {
@@ -13195,7 +13195,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       }
     },
     {
@@ -13264,7 +13264,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been kicked from this server.{:br:}{0}"
+        "message": "You've been kicked from this server.\n{0}"
       }
     },
     {
@@ -13303,7 +13303,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
+        "message": "Microphone start failed.\nError: {}"
       }
     },
     {
@@ -13353,7 +13353,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       }
     },
     {
@@ -13363,7 +13363,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       }
     },
     {
@@ -13401,7 +13401,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+        "message": "Failed to initialize avatar upload.\nMissing permission {0}"
       }
     },
     {
@@ -13410,7 +13410,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+        "message": "Failed to initialize avatar upload.\nError: {0}"
       }
     },
     {
@@ -13419,7 +13419,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       }
     },
     {
@@ -13447,7 +13447,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
+        "message": "Failed to upload avatar.\nError: {0}"
       }
     },
     {
@@ -13467,7 +13467,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       }
     },
     {
@@ -13477,7 +13477,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       }
     },
     {
@@ -14624,7 +14624,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
+        "message": "Failed to delete conversation message\nError: {}"
       }
     },
     {
@@ -15585,7 +15585,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       }
     },
     {
@@ -15605,7 +15605,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       }
     },
     {
@@ -15625,7 +15625,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       }
     },
     {
@@ -15665,7 +15665,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       }
     },
     {
@@ -15859,7 +15859,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       }
     },
     {
@@ -15927,7 +15927,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       }
     },
     {
@@ -16002,7 +16002,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       }
     },
     {
@@ -20752,7 +20752,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
       "translated": "Vous avez été expulsé du serveur par {0}: {: br:} {1}",
       "flags": [
@@ -20762,7 +20762,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
       "translated": "Vous avez été expulsé du serveur: {: br:} {1}",
       "flags": [
@@ -21577,7 +21577,7 @@
     },
     {
       "key": {
-        "message": "Failed to change vad type{:br:}{}"
+        "message": "Failed to change vad type\n{}"
       },
       "translated": "Impossible de modifier le type de vad {: br:} {}",
       "flags": [
@@ -21624,7 +21624,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
+        "message": "Failed to change PPT key:\n{}"
       },
       "translated": "Échec de la modification de la clé PPT: {: br:} {}",
       "flags": [
@@ -21651,7 +21651,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
+        "message": "Failed to change PPT delay state:\n{}"
       },
       "translated": "Impossible de modifier l'état du délai PPT: {: br:} {}",
       "flags": [
@@ -21678,7 +21678,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
+        "message": "Failed to change PPT delay:\n{}"
       },
       "translated": "Impossible de modifier le délai PPT: {: br:} {}",
       "flags": [
diff --git a/shared/i18n/hu_translate.translation b/shared/i18n/hu_translate.translation
index a9cda82a..a3c467dd 100644
--- a/shared/i18n/hu_translate.translation
+++ b/shared/i18n/hu_translate.translation
@@ -1785,9 +1785,9 @@
     },
     {
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       },
-      "translated": "A profiladatok érvénytelenek.{:br:}Ez adatvesztést okozhat.",
+      "translated": "A profiladatok érvénytelenek.\nEz adatvesztést okozhat.",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5248,9 +5248,9 @@
     },
     {
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       },
-      "translated": "A célkiszolgáló egy TeamSpeak 3 szerver!{:br:}Csak a TeamSpeak 3 alapú identitások képesek kapcsolódni.{:br:}Kérjük, válasszon másik profilt, vagy módosítsa az azonosító típusát.",
+      "translated": "A célkiszolgáló egy TeamSpeak 3 szerver!\nCsak a TeamSpeak 3 alapú identitások képesek kapcsolódni.\nKérjük, válasszon másik profilt, vagy módosítsa az azonosító típusát.",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5270,9 +5270,9 @@
     },
     {
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       },
-      "translated": "Megszakadt a kapcsolat, mert identitás szintje túl alacsony.{:br:}Legalább {0} szintre van szüksége.",
+      "translated": "Megszakadt a kapcsolat, mert identitás szintje túl alacsony.\nLegalább {0} szintre van szüksége.",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5392,9 +5392,9 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
-      "translated": "{0} kirúgott téged a szerverről:{:br:}{1}",
+      "translated": "{0} kirúgott téged a szerverről:\n{1}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5403,9 +5403,9 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
-      "translated": "Ki lettél rúgva a szerverről:{:br:}{1}",
+      "translated": "Ki lettél rúgva a szerverről:\n{1}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5557,9 +5557,9 @@
     },
     {
       "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
+        "message": "Microphone start failed.\nError: {}"
       },
-      "translated": "A mikrofon indítása sikertelen.{:br:}Hiba: {}",
+      "translated": "A mikrofon indítása sikertelen.\nHiba: {}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -5665,9 +5665,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       },
-      "translated": "Az avatár törlése nem sikerült. {:br:}Hiba: {0}",
+      "translated": "Az avatár törlése nem sikerült. \nHiba: {0}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5676,9 +5676,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       },
-      "translated": "Az avatár törlése nem sikerült. {:br:} További részletekért nézze meg a konzolt",
+      "translated": "Az avatár törlése nem sikerült. \n További részletekért nézze meg a konzolt",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5719,9 +5719,9 @@
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+        "message": "Failed to initialize avatar upload.\nMissing permission {0}"
       },
-      "translated": "Az avatár feltöltésének inicializálása nem sikerült.{:br:}Hiányzik az engedély {0}",
+      "translated": "Az avatár feltöltésének inicializálása nem sikerült.\nHiányzik az engedély {0}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -5729,9 +5729,9 @@
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+        "message": "Failed to initialize avatar upload.\nError: {0}"
       },
-      "translated": "Az avatár feltöltésének inicializálása nem sikerült.{:br:}Hiba: {0}",
+      "translated": "Az avatár feltöltésének inicializálása nem sikerült.\nHiba: {0}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -5739,9 +5739,9 @@
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       },
-      "translated": "Az avatár feltöltésének inicializálása nem sikerült.{:br:}További információk a konzolon találhatók",
+      "translated": "Az avatár feltöltésének inicializálása nem sikerült.\nTovábbi információk a konzolon találhatók",
       "flags": [
         "google-translated",
         "human-verified"
@@ -5770,9 +5770,9 @@
     },
     {
       "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
+        "message": "Failed to upload avatar.\nError: {0}"
       },
-      "translated": "Az avatár feltöltése nem sikerült.{:br:}Hiba: {0}",
+      "translated": "Az avatár feltöltése nem sikerült.\nHiba: {0}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -5780,9 +5780,9 @@
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       },
-      "translated": "Az avatár feltöltésének inicializálása nem sikerült.{:br:}További részletekért nézze meg a konzolt",
+      "translated": "Az avatár feltöltésének inicializálása nem sikerült.\nTovábbi részletekért nézze meg a konzolt",
       "flags": [
         "google-translated",
         "human-verified"
@@ -5812,9 +5812,9 @@
     },
     {
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       },
-      "translated": "Az avatár zászlójának frissítése nem sikerült.{:br:}Hiba: {0}",
+      "translated": "Az avatár zászlójának frissítése nem sikerült.\nHiba: {0}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -5823,9 +5823,9 @@
     },
     {
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       },
-      "translated": "Az avatár zászlójának frissítése nem sikerült.{:br:}További részletekért nézze meg a konzolt",
+      "translated": "Az avatár zászlójának frissítése nem sikerült.\nTovábbi részletekért nézze meg a konzolt",
       "flags": [
         "google-translated",
         "human-verified",
@@ -6825,9 +6825,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       },
-      "translated": "Nem sikerült törölni a tiltást.{:br:}Hiba: {}",
+      "translated": "Nem sikerült törölni a tiltást.\nHiba: {}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -7116,9 +7116,9 @@
     },
     {
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       },
-      "translated": "Nem sikerült szerkeszteni a tiltást.{:br:}Hiba: {}",
+      "translated": "Nem sikerült szerkeszteni a tiltást.\nHiba: {}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -7171,9 +7171,9 @@
     },
     {
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       },
-      "translated": "A tiltás hozzáadása nem sikerült.{:br:}Hiba: {}",
+      "translated": "A tiltás hozzáadása nem sikerült.\nHiba: {}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -7403,9 +7403,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       },
-      "translated": "A fiók törlése nem sikerült.{:br:}Üzenet: {}",
+      "translated": "A fiók törlése nem sikerült.\nÜzenet: {}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -7469,9 +7469,9 @@
     },
     {
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       },
-      "translated": "Nem sikerült átnevezni a fiókot{:br:}Üzenetet: {}",
+      "translated": "Nem sikerült átnevezni a fiókot\nÜzenetet: {}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -7513,9 +7513,9 @@
     },
     {
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       },
-      "translated": "A jelszó megváltoztatása nem sikerült{:br:}Üzenet: {}",
+      "translated": "A jelszó megváltoztatása nem sikerült\nÜzenet: {}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -7801,9 +7801,9 @@
     },
     {
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       },
-      "translated": "Nem sikerült a hangszóró eszközt a cél hangszóróra beállítani{:br:}{}",
+      "translated": "Nem sikerült a hangszóró eszközt a cél hangszóróra beállítani\n{}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -8941,9 +8941,9 @@
     },
     {
       "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
+        "message": "Failed to change the microphone to the target microphone\n{}"
       },
-      "translated": "Nem sikerült a mikrofont a célmikrofonra váltani{:br:}{}",
+      "translated": "Nem sikerült a mikrofont a célmikrofonra váltani\n{}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -9004,9 +9004,9 @@
     },
     {
       "key": {
-        "message": "Failed to change vad type{:br:}{}"
+        "message": "Failed to change vad type\n{}"
       },
-      "translated": "Nem sikerült megváltoztatni a VAD típusát:{:br:}{}",
+      "translated": "Nem sikerült megváltoztatni a VAD típusát:\n{}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -9067,9 +9067,9 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
+        "message": "Failed to change PPT key:\n{}"
       },
-      "translated": "A PPT kulcs megváltoztatása nem sikerült:{:br:}{}",
+      "translated": "A PPT kulcs megváltoztatása nem sikerült:\n{}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -9108,9 +9108,9 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
+        "message": "Failed to change PPT delay state:\n{}"
       },
-      "translated": "Nem sikerült megváltoztatni a PPT késleltetési állapotát:{:br:}{}",
+      "translated": "Nem sikerült megváltoztatni a PPT késleltetési állapotát:\n{}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -9149,9 +9149,9 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
+        "message": "Failed to change PPT delay:\n{}"
       },
-      "translated": "A PPT késleltetés megváltoztatása nem sikerült:{:br:}{}",
+      "translated": "A PPT késleltetés megváltoztatása nem sikerült:\n{}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -9323,9 +9323,9 @@
     },
     {
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       },
-      "translated": "Nem sikerült kijelentkezni a fórum fiókból.{:br:}Hiba: {}",
+      "translated": "Nem sikerült kijelentkezni a fórum fiókból.\nHiba: {}",
       "flags": [
         "google-translated",
         "human-verified",
@@ -10166,9 +10166,9 @@
     },
     {
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       },
-      "translated": "A csoport létrehozása nem sikerült:{:br:}",
+      "translated": "A csoport létrehozása nem sikerült:\n",
       "flags": [
         "google-translated",
         "human-verified"
@@ -10240,9 +10240,9 @@
     },
     {
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       },
-      "translated": "Nem sikerült átnevezni a csoportot:{:br:}",
+      "translated": "Nem sikerült átnevezni a csoportot:\n",
       "flags": [
         "google-translated",
         "human-verified",
@@ -10335,9 +10335,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       },
-      "translated": "A csoport törlése nem sikerült:{:br:}",
+      "translated": "A csoport törlése nem sikerült:\n",
       "flags": [
         "google-translated",
         "human-verified"
@@ -10438,9 +10438,9 @@
     },
     {
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       },
-      "translated": "A csoport létrehozása nem sikerült:{:br:}",
+      "translated": "A csoport létrehozása nem sikerült:\n",
       "flags": [
         "google-translated",
         "human-verified"
@@ -10512,9 +10512,9 @@
     },
     {
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       },
-      "translated": "Nem sikerült átnevezni a csoportot:{:br:}",
+      "translated": "Nem sikerült átnevezni a csoportot:\n",
       "flags": [
         "google-translated",
         "human-verified",
@@ -10606,9 +10606,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       },
-      "translated": "A csoport törlése nem sikerült:{:br:}",
+      "translated": "A csoport törlése nem sikerült:\n",
       "flags": [
         "google-translated",
         "human-verified"
@@ -15349,9 +15349,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
+        "message": "Failed to delete conversation message\nError: {}"
       },
-      "translated": "Nem sikerült törölni az üzenetet{:br:}Hiba: {}",
+      "translated": "Nem sikerült törölni az üzenetet\nHiba: {}",
       "flags": [
         "google-translated",
         "human-verified"
@@ -16902,9 +16902,9 @@
     },
     {
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       },
-      "translated": "Nem sikerült frissíteni a szerver tulajdonságait.{:br:}Hiba: {}",
+      "translated": "Nem sikerült frissíteni a szerver tulajdonságait.\nHiba: {}",
       "flags": [
         "google-translated",
         "human-verified",
diff --git a/shared/i18n/nl_google_translate.translation b/shared/i18n/nl_google_translate.translation
index bfbd35f8..b956603e 100644
--- a/shared/i18n/nl_google_translate.translation
+++ b/shared/i18n/nl_google_translate.translation
@@ -1183,7 +1183,7 @@
     },
     {
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       },
       "translated": "De doelserver is een TeamSpeak 3-server! {: Br:} Alleen op TeamSpeak 3 gebaseerde identiteiten kunnen verbinding maken. {: Br:} Selecteer een ander profiel of verander het identificatietype.",
       "flags": [
@@ -1203,7 +1203,7 @@
     },
     {
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       },
       "translated": "De verbinding is verbroken, omdat uw identiteitsniveau te laag is. {: Br:} U heeft ten minste een niveau van {0} nodig.",
       "flags": [
@@ -1314,7 +1314,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
       "translated": "Je bent van de server verwijderd door {0}: {: br:} {1}",
       "flags": [
@@ -1324,7 +1324,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
       "translated": "Je bent van de server verwijderd: {: br:} {1}",
       "flags": [
@@ -1615,7 +1615,7 @@
     },
     {
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       },
       "translated": "Verwijderen van avatar is mislukt. {: Br:} Fout: {0}",
       "flags": [
@@ -1625,7 +1625,7 @@
     },
     {
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       },
       "translated": "Kan avatar niet verwijderen. {: Br:} Zoek de console op voor meer details",
       "flags": [
@@ -1725,7 +1725,7 @@
     },
     {
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       },
       "translated": "Het updaten van de avatar-vlag is mislukt. {: Br:} Fout: {0}",
       "flags": [
@@ -1735,7 +1735,7 @@
     },
     {
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       },
       "translated": "Het updaten van de avatar-vlag is mislukt. {: Br:} Zoek de console op voor meer details",
       "flags": [
@@ -3245,7 +3245,7 @@
     },
     {
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       },
       "translated": "De profielgegevens zijn ongeldig. {: Br:} Dit kan gegevensverlies veroorzaken.",
       "flags": [
@@ -5028,7 +5028,7 @@
     },
     {
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       },
       "translated": "Kan het luidsprekerapparaat niet wijzigen in de doelspreker {: br:} {}",
       "flags": [
@@ -6109,7 +6109,7 @@
     },
     {
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       },
       "translated": "Uitloggen van forumaccount is mislukt. {: Br:} Fout: {}",
       "flags": [
@@ -7655,7 +7655,7 @@
     },
     {
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       },
       "translated": "Kan account {: br:} niet verwijderen Bericht: {}",
       "flags": [
@@ -7715,7 +7715,7 @@
     },
     {
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       },
       "translated": "Kan de naam van account {: br:} niet wijzigen Bericht: {}",
       "flags": [
@@ -7755,7 +7755,7 @@
     },
     {
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       },
       "translated": "Kan wachtwoord niet wijzigen {: br:} Bericht: {}",
       "flags": [
@@ -11345,7 +11345,7 @@
     },
     {
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       },
       "translated": "Naam wijzigen van groep mislukt: {: br:}",
       "flags": [
@@ -16349,7 +16349,7 @@
     },
     {
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       },
       "translated": "Het verwijderen van de ban is mislukt. {: br:} Fout: {}",
       "flags": [
@@ -16613,7 +16613,7 @@
     },
     {
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       },
       "translated": "Kan ban niet bewerken. {: br:} Fout: {}",
       "flags": [
@@ -16663,7 +16663,7 @@
     },
     {
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       },
       "translated": "Ban kan niet worden toegevoegd. {: br:} Fout: {}",
       "flags": [
@@ -21137,7 +21137,7 @@
     },
     {
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       },
       "translated": "Vernieuwen van servereigenschappen is mislukt. {: Br:} Fout: {}",
       "flags": [
diff --git a/shared/i18n/pl_google_translate.translation b/shared/i18n/pl_google_translate.translation
index bac39e78..4f4dffb0 100644
--- a/shared/i18n/pl_google_translate.translation
+++ b/shared/i18n/pl_google_translate.translation
@@ -10533,7 +10533,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
       }
     },
     {
@@ -10553,7 +10553,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       }
     },
     {
@@ -10571,7 +10571,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been banned from this server.{:br:}{0}"
+        "message": "You've been banned from this server.\n{0}"
       }
     },
     {
@@ -11360,7 +11360,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       }
     },
     {
@@ -11429,7 +11429,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       }
     },
     {
@@ -12507,7 +12507,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
+        "message": "Failed to change the microphone to the target microphone\n{}"
       }
     },
     {
@@ -12574,7 +12574,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       }
     },
     {
@@ -12793,7 +12793,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       }
     },
     {
@@ -12963,7 +12963,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       }
     },
     {
@@ -13155,7 +13155,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       }
     },
     {
@@ -13195,7 +13195,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       }
     },
     {
@@ -13264,7 +13264,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been kicked from this server.{:br:}{0}"
+        "message": "You've been kicked from this server.\n{0}"
       }
     },
     {
@@ -13303,7 +13303,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
+        "message": "Microphone start failed.\nError: {}"
       }
     },
     {
@@ -13353,7 +13353,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       }
     },
     {
@@ -13363,7 +13363,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       }
     },
     {
@@ -13401,7 +13401,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+        "message": "Failed to initialize avatar upload.\nMissing permission {0}"
       }
     },
     {
@@ -13410,7 +13410,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+        "message": "Failed to initialize avatar upload.\nError: {0}"
       }
     },
     {
@@ -13419,7 +13419,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       }
     },
     {
@@ -13447,7 +13447,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
+        "message": "Failed to upload avatar.\nError: {0}"
       }
     },
     {
@@ -13467,7 +13467,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       }
     },
     {
@@ -13477,7 +13477,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       }
     },
     {
@@ -14624,7 +14624,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
+        "message": "Failed to delete conversation message\nError: {}"
       }
     },
     {
@@ -15585,7 +15585,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       }
     },
     {
@@ -15605,7 +15605,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       }
     },
     {
@@ -15625,7 +15625,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       }
     },
     {
@@ -15665,7 +15665,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       }
     },
     {
@@ -15859,7 +15859,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       }
     },
     {
@@ -15927,7 +15927,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       }
     },
     {
@@ -16002,7 +16002,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       }
     },
     {
@@ -20762,7 +20762,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
       "translated": "Zostałeś wyrzucony z serwera przez {0}: {: br:} {1}",
       "flags": [
@@ -20772,7 +20772,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
       "translated": "Zostałeś wyrzucony z serwera: {: br:} {1}",
       "flags": [
@@ -21587,7 +21587,7 @@
     },
     {
       "key": {
-        "message": "Failed to change vad type{:br:}{}"
+        "message": "Failed to change vad type\n{}"
       },
       "translated": "Nie udało się zmienić typu vad {: br:} {}",
       "flags": [
@@ -21634,7 +21634,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
+        "message": "Failed to change PPT key:\n{}"
       },
       "translated": "Nie udało się zmienić klucza PPT: {: br:} {}",
       "flags": [
@@ -21661,7 +21661,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
+        "message": "Failed to change PPT delay state:\n{}"
       },
       "translated": "Nie udało się zmienić stanu opóźnienia PPT: {: br:} {}",
       "flags": [
@@ -21688,7 +21688,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
+        "message": "Failed to change PPT delay:\n{}"
       },
       "translated": "Nie udało się zmienić opóźnienia PPT: {: br:} {}",
       "flags": [
diff --git a/shared/i18n/pt_translate.translation b/shared/i18n/pt_translate.translation
index cbca2f02..a10eec6e 100644
--- a/shared/i18n/pt_translate.translation
+++ b/shared/i18n/pt_translate.translation
@@ -1617,9 +1617,9 @@
     },
     {
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       },
-      "translated": "Os dados do perfil são inválidos.{:Br:} Isso pode causar perda de dados.",
+      "translated": "Os dados do perfil são inválidos.\n Isso pode causar perda de dados.",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -4765,9 +4765,9 @@
     },
     {
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       },
-      "translated": "O servidor de destino é um servidor TeamSpeak 3!{:br:}Somente identidades baseadas no TeamSpeak 3 se podem conectar.{:br:}Selecione outro perfil ou altere o tipo de identificação.",
+      "translated": "O servidor de destino é um servidor TeamSpeak 3!\nSomente identidades baseadas no TeamSpeak 3 se podem conectar.\nSelecione outro perfil ou altere o tipo de identificação.",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -4785,9 +4785,9 @@
     },
     {
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       },
-      "translated": "Você foi desconectado porque seu nível de identidade é muito baixo.{:br:}você precisa de pelo menos um nível de {0}",
+      "translated": "Você foi desconectado porque seu nível de identidade é muito baixo.\nvocê precisa de pelo menos um nível de {0}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -4896,9 +4896,9 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
-      "translated": "Você foi expulso do servidor por {0}:{:br:}{1}",
+      "translated": "Você foi expulso do servidor por {0}:\n{1}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -4906,9 +4906,9 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
-      "translated": "Você foi expulso do servidor:{:br:}{1}",
+      "translated": "Você foi expulso do servidor:\n{1}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -5046,9 +5046,9 @@
     },
     {
       "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
+        "message": "Microphone start failed.\nError: {}"
       },
-      "translated": "Falha no início do microfone.{:br:}Erro: {}",
+      "translated": "Falha no início do microfone.\nErro: {}",
       "flags": [
         "google-translated"
       ]
@@ -5144,9 +5144,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       },
-      "translated": "Falha ao excluir o avatar.{:br:}Erro: {0}",
+      "translated": "Falha ao excluir o avatar.\nErro: {0}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -5154,9 +5154,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       },
-      "translated": "Falha ao excluir o avatar.{:br:}Consulte a consola para obter mais detalhes",
+      "translated": "Falha ao excluir o avatar.\nConsulte a consola para obter mais detalhes",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -5193,27 +5193,27 @@
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+        "message": "Failed to initialize avatar upload.\nMissing permission {0}"
       },
-      "translated": "Falha ao inicializar o upload do avatar.{:br:}falta de permissão {0}",
+      "translated": "Falha ao inicializar o upload do avatar.\nfalta de permissão {0}",
       "flags": [
         "google-translated"
       ]
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+        "message": "Failed to initialize avatar upload.\nError: {0}"
       },
-      "translated": "Falha ao inicializar o upload do avatar.{:br:}Erro: {0}",
+      "translated": "Falha ao inicializar o upload do avatar.\nErro: {0}",
       "flags": [
         "google-translated"
       ]
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       },
-      "translated": "Falha ao inicializar o upload do avatar.{:br:}Consulte a consola para obter mais detalhes",
+      "translated": "Falha ao inicializar o upload do avatar.\nConsulte a consola para obter mais detalhes",
       "flags": [
         "google-translated"
       ]
@@ -5239,18 +5239,18 @@
     },
     {
       "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
+        "message": "Failed to upload avatar.\nError: {0}"
       },
-      "translated": "Falha ao fazer upload do avatar.{:br:}Erro: {0}",
+      "translated": "Falha ao fazer upload do avatar.\nErro: {0}",
       "flags": [
         "google-translated"
       ]
     },
     {
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       },
-      "translated": "Falha ao inicializar o upload do avatar.{:br:}Consulte o console para obter mais detalhes",
+      "translated": "Falha ao inicializar o upload do avatar.\nConsulte o console para obter mais detalhes",
       "flags": [
         "google-translated"
       ]
@@ -5277,9 +5277,9 @@
     },
     {
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       },
-      "translated": "Falha ao atualizar o sinalizador de avatar.{:br:}Erro: {0}",
+      "translated": "Falha ao atualizar o sinalizador de avatar.\nErro: {0}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -5287,9 +5287,9 @@
     },
     {
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       },
-      "translated": "Falha ao atualizar o sinalizador de avatar.{:br:} Consulte o console para obter mais detalhes",
+      "translated": "Falha ao atualizar o sinalizador de avatar.\n Consulte o console para obter mais detalhes",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -6198,9 +6198,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       },
-      "translated": "Falha ao excluir ban. {:br:}Erro: {}",
+      "translated": "Falha ao excluir ban. \nErro: {}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -6463,9 +6463,9 @@
     },
     {
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       },
-      "translated": "Falha ao editar o banimento. {:br:}Erro: {}",
+      "translated": "Falha ao editar o banimento. \nErro: {}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -6513,9 +6513,9 @@
     },
     {
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       },
-      "translated": "Falha ao adicionar ban. {:br:}Erro: {}",
+      "translated": "Falha ao adicionar ban. \nErro: {}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -6724,9 +6724,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       },
-      "translated": "Falha ao excluir a conta{:br:}Mensagem: {}",
+      "translated": "Falha ao excluir a conta\nMensagem: {}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -6784,9 +6784,9 @@
     },
     {
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       },
-      "translated": "Falha ao renomear a conta{:br:}Mensagem: {}",
+      "translated": "Falha ao renomear a conta\nMensagem: {}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -6824,9 +6824,9 @@
     },
     {
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       },
-      "translated": "Falha ao alterar a senha{:br:}Mensagem: {}",
+      "translated": "Falha ao alterar a senha\nMensagem: {}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -7086,9 +7086,9 @@
     },
     {
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       },
-      "translated": "Falha ao alterar o dispositivo do altifalante para o altifalante de destino{:br:}{}",
+      "translated": "Falha ao alterar o dispositivo do altifalante para o altifalante de destino\n{}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -8122,9 +8122,9 @@
     },
     {
       "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
+        "message": "Failed to change the microphone to the target microphone\n{}"
       },
-      "translated": "Falha ao alterar o microfone para o microfone de destino{:br:}{}",
+      "translated": "Falha ao alterar o microfone para o microfone de destino\n{}",
       "flags": [
         "google-translated"
       ]
@@ -8179,9 +8179,9 @@
     },
     {
       "key": {
-        "message": "Failed to change vad type{:br:}{}"
+        "message": "Failed to change vad type\n{}"
       },
-      "translated": "Falha ao alterar o tipo de vad{:br:}{}",
+      "translated": "Falha ao alterar o tipo de vad\n{}",
       "flags": [
         "google-translated"
       ]
@@ -8236,9 +8236,9 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
+        "message": "Failed to change PPT key:\n{}"
       },
-      "translated": "Falha ao alterar a chave PPT:{:br:}{}",
+      "translated": "Falha ao alterar a chave PPT:\n{}",
       "flags": [
         "google-translated"
       ]
@@ -8273,9 +8273,9 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
+        "message": "Failed to change PPT delay state:\n{}"
       },
-      "translated": "Falha ao alterar o estado de atraso do PPT:{:br:}{}",
+      "translated": "Falha ao alterar o estado de atraso do PPT:\n{}",
       "flags": [
         "google-translated"
       ]
@@ -8310,9 +8310,9 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
+        "message": "Failed to change PPT delay:\n{}"
       },
-      "translated": "Falha ao alterar o atraso do PPT:{:br:}{}",
+      "translated": "Falha ao alterar o atraso do PPT:\n{}",
       "flags": [
         "google-translated"
       ]
@@ -8468,9 +8468,9 @@
     },
     {
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       },
-      "translated": "Falha ao sair da conta do fórum.{:br:}Erro: {}",
+      "translated": "Falha ao sair da conta do fórum.\nErro: {}",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -9231,9 +9231,9 @@
     },
     {
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       },
-      "translated": "Falha ao criar o grupo:{:br:}",
+      "translated": "Falha ao criar o grupo:\n",
       "flags": [
         "google-translated"
       ]
@@ -9298,9 +9298,9 @@
     },
     {
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       },
-      "translated": "Falha ao renomear o grupo:{:br:}",
+      "translated": "Falha ao renomear o grupo:\n",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -9384,9 +9384,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       },
-      "translated": "Falha ao excluir o grupo:{:br:}",
+      "translated": "Falha ao excluir o grupo:\n",
       "flags": [
         "google-translated"
       ]
@@ -9477,9 +9477,9 @@
     },
     {
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       },
-      "translated": "Falha ao criar o grupo:{:br:}",
+      "translated": "Falha ao criar o grupo:\n",
       "flags": [
         "google-translated"
       ]
@@ -9544,9 +9544,9 @@
     },
     {
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       },
-      "translated": "Falha ao renomear o grupo:{:br:}",
+      "translated": "Falha ao renomear o grupo:\n",
       "flags": [
         "google-translated",
         "in-use-system"
@@ -9629,9 +9629,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       },
-      "translated": "Falha ao excluir o grupo:{:br:}",
+      "translated": "Falha ao excluir o grupo:\n",
       "flags": [
         "google-translated"
       ]
@@ -13937,9 +13937,9 @@
     },
     {
       "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
+        "message": "Failed to delete conversation message\nError: {}"
       },
-      "translated": "Falha ao excluir a mensagem de conversa{:br:}Erro: {}",
+      "translated": "Falha ao excluir a mensagem de conversa\nErro: {}",
       "flags": [
         "google-translated"
       ]
@@ -15349,9 +15349,9 @@
     },
     {
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       },
-      "translated": "Falha ao atualizar as propriedades do servidor.{:br:}Erro: {}",
+      "translated": "Falha ao atualizar as propriedades do servidor.\nErro: {}",
       "flags": [
         "google-translated",
         "in-use-system"
diff --git a/shared/i18n/ru_google_translate.translation b/shared/i18n/ru_google_translate.translation
index f2f0a2b4..f464d16f 100644
--- a/shared/i18n/ru_google_translate.translation
+++ b/shared/i18n/ru_google_translate.translation
@@ -10106,7 +10106,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
       }
     },
     {
@@ -10126,7 +10126,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       }
     },
     {
@@ -10144,7 +10144,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been banned from this server.{:br:}{0}"
+        "message": "You've been banned from this server.\n{0}"
       }
     },
     {
@@ -10933,7 +10933,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       }
     },
     {
@@ -11002,7 +11002,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       }
     },
     {
@@ -12080,7 +12080,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
+        "message": "Failed to change the microphone to the target microphone\n{}"
       }
     },
     {
@@ -12147,7 +12147,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       }
     },
     {
@@ -12366,7 +12366,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       }
     },
     {
@@ -12536,7 +12536,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       }
     },
     {
@@ -12728,7 +12728,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       }
     },
     {
@@ -12768,7 +12768,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       }
     },
     {
@@ -12837,7 +12837,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "You've been kicked from this server.{:br:}{0}"
+        "message": "You've been kicked from this server.\n{0}"
       }
     },
     {
@@ -12876,7 +12876,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
+        "message": "Microphone start failed.\nError: {}"
       }
     },
     {
@@ -12926,7 +12926,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       }
     },
     {
@@ -12936,7 +12936,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       }
     },
     {
@@ -12974,7 +12974,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+        "message": "Failed to initialize avatar upload.\nMissing permission {0}"
       }
     },
     {
@@ -12983,7 +12983,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+        "message": "Failed to initialize avatar upload.\nError: {0}"
       }
     },
     {
@@ -12992,7 +12992,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       }
     },
     {
@@ -13020,7 +13020,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
+        "message": "Failed to upload avatar.\nError: {0}"
       }
     },
     {
@@ -13040,7 +13040,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       }
     },
     {
@@ -13050,7 +13050,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       }
     },
     {
@@ -14197,7 +14197,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
+        "message": "Failed to delete conversation message\nError: {}"
       }
     },
     {
@@ -15158,7 +15158,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       }
     },
     {
@@ -15178,7 +15178,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       }
     },
     {
@@ -15198,7 +15198,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       }
     },
     {
@@ -15238,7 +15238,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       }
     },
     {
@@ -15432,7 +15432,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       }
     },
     {
@@ -15500,7 +15500,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       }
     },
     {
@@ -15575,7 +15575,7 @@
         "google-translate"
       ],
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       }
     },
     {
@@ -20347,7 +20347,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
       "translated": "Вас выгнали с сервера {0}: {: br:} {1}",
       "flags": [
@@ -20357,7 +20357,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
       "translated": "Вас выгнали с сервера: {: br:} {1}",
       "flags": [
@@ -21172,7 +21172,7 @@
     },
     {
       "key": {
-        "message": "Failed to change vad type{:br:}{}"
+        "message": "Failed to change vad type\n{}"
       },
       "translated": "Не удалось изменить тип vad {: br:} {}",
       "flags": [
@@ -21219,7 +21219,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
+        "message": "Failed to change PPT key:\n{}"
       },
       "translated": "Не удалось изменить ключ PPT: {: br:} {}",
       "flags": [
@@ -21246,7 +21246,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
+        "message": "Failed to change PPT delay state:\n{}"
       },
       "translated": "Не удалось изменить состояние задержки PPT: {: br:} {}",
       "flags": [
@@ -21273,7 +21273,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
+        "message": "Failed to change PPT delay:\n{}"
       },
       "translated": "Не удалось изменить задержку PPT: {: br:} {}",
       "flags": [
diff --git a/shared/i18n/tr_translate.translation b/shared/i18n/tr_translate.translation
index 2eefbdd5..258a7ecd 100644
--- a/shared/i18n/tr_translate.translation
+++ b/shared/i18n/tr_translate.translation
@@ -10533,7 +10533,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.{:br}Please select another profile or change the identify type."
       }
     },
     {
@@ -10553,7 +10553,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"
+        "message": "You've been disconnected, because your Identity level is too low.\nYou need at least a level of {0}"
       }
     },
     {
@@ -10571,7 +10571,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "You've been banned from this server.{:br:}{0}"
+        "message": "You've been banned from this server.\n{0}"
       }
     },
     {
@@ -11360,7 +11360,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."
+        "message": "The target server is a TeamSpeak 3 server!\nOnly TeamSpeak 3 based identities are able to connect.\nPlease select another profile or change the identify type."
       }
     },
     {
@@ -11429,7 +11429,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "The profile data is invalid.{:br:}This might cause data loss."
+        "message": "The profile data is invalid.\nThis might cause data loss."
       }
     },
     {
@@ -12507,7 +12507,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to change the microphone to the target microphone{:br:}{}"
+        "message": "Failed to change the microphone to the target microphone\n{}"
       }
     },
     {
@@ -12574,7 +12574,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change the speaker device to the target speaker{:br:}{}"
+        "message": "Failed to change the speaker device to the target speaker\n{}"
       }
     },
     {
@@ -12793,7 +12793,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to logout from forum account.{:br:}Error: {}"
+        "message": "Failed to logout from forum account.\nError: {}"
       }
     },
     {
@@ -12963,7 +12963,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete ban. {:br:}Error: {}"
+        "message": "Failed to delete ban. \nError: {}"
       }
     },
     {
@@ -13155,7 +13155,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to edited ban. {:br:}Error: {}"
+        "message": "Failed to edited ban. \nError: {}"
       }
     },
     {
@@ -13195,7 +13195,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to add ban. {:br:}Error: {}"
+        "message": "Failed to add ban. \nError: {}"
       }
     },
     {
@@ -13264,7 +13264,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "You've been kicked from this server.{:br:}{0}"
+        "message": "You've been kicked from this server.\n{0}"
       }
     },
     {
@@ -13303,7 +13303,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Microphone start failed.{:br:}Error: {}"
+        "message": "Microphone start failed.\nError: {}"
       }
     },
     {
@@ -13353,7 +13353,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Error: {0}"
+        "message": "Failed to delete avatar.\nError: {0}"
       }
     },
     {
@@ -13363,7 +13363,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete avatar.{:br:}Lookup the console for more details"
+        "message": "Failed to delete avatar.\nLookup the console for more details"
       }
     },
     {
@@ -13401,7 +13401,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Missing permission {0}"
+        "message": "Failed to initialize avatar upload.\nMissing permission {0}"
       }
     },
     {
@@ -13410,7 +13410,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Error: {0}"
+        "message": "Failed to initialize avatar upload.\nError: {0}"
       }
     },
     {
@@ -13419,7 +13419,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to initialize avatar upload.{:br:}Lookup the console for more details"
+        "message": "Failed to initialize avatar upload.\nLookup the console for more details"
       }
     },
     {
@@ -13447,7 +13447,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to upload avatar.{:br:}Error: {0}"
+        "message": "Failed to upload avatar.\nError: {0}"
       }
     },
     {
@@ -13467,7 +13467,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Error: {0}"
+        "message": "Failed to update avatar flag.\nError: {0}"
       }
     },
     {
@@ -13477,7 +13477,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to update avatar flag.{:br:}Lookup the console for more details"
+        "message": "Failed to update avatar flag.\nLookup the console for more details"
       }
     },
     {
@@ -14624,7 +14624,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to delete conversation message{:br:}Error: {}"
+        "message": "Failed to delete conversation message\nError: {}"
       }
     },
     {
@@ -15585,7 +15585,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to delete account{:br:}Message: {}"
+        "message": "Failed to delete account\nMessage: {}"
       }
     },
     {
@@ -15605,7 +15605,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename account{:br:}Message: {}"
+        "message": "Failed to rename account\nMessage: {}"
       }
     },
     {
@@ -15625,7 +15625,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to change password{:br:}Message: {}"
+        "message": "Failed to change password\nMessage: {}"
       }
     },
     {
@@ -15665,7 +15665,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to refresh server properties.{:br:}Error: {}"
+        "message": "Failed to refresh server properties.\nError: {}"
       }
     },
     {
@@ -15859,7 +15859,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to create group:{:br:}"
+        "message": "Failed to create group:\n"
       }
     },
     {
@@ -15927,7 +15927,7 @@
         "in-use-system"
       ],
       "key": {
-        "message": "Failed to rename group:{:br:}"
+        "message": "Failed to rename group:\n"
       }
     },
     {
@@ -16002,7 +16002,7 @@
         "human-modified"
       ],
       "key": {
-        "message": "Failed to delete group:{:br:}"
+        "message": "Failed to delete group:\n"
       }
     },
     {
@@ -20752,7 +20752,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server by {0}:{:br:}{1}"
+        "message": "You've been kicked from the server by {0}:\n{1}"
       },
       "translated": "{0} tarafından sunucudan atıldınız: {: br:} {1}",
       "flags": [
@@ -20762,7 +20762,7 @@
     },
     {
       "key": {
-        "message": "You've been kicked from the server:{:br:}{1}"
+        "message": "You've been kicked from the server:\n{1}"
       },
       "translated": "Sunucudan atıldınız: {: br:} {1}",
       "flags": [
@@ -21577,7 +21577,7 @@
     },
     {
       "key": {
-        "message": "Failed to change vad type{:br:}{}"
+        "message": "Failed to change vad type\n{}"
       },
       "translated": "Vad türü {: br:} {} değiştirilemedi",
       "flags": [
@@ -21624,7 +21624,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT key:{:br:}{}"
+        "message": "Failed to change PPT key:\n{}"
       },
       "translated": "PPT anahtarı değiştirilemedi: {: br:} {}",
       "flags": [
@@ -21651,7 +21651,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay state:{:br:}{}"
+        "message": "Failed to change PPT delay state:\n{}"
       },
       "translated": "PPT gecikme durumu değiştirilemedi: {: br:} {}",
       "flags": [
@@ -21678,7 +21678,7 @@
     },
     {
       "key": {
-        "message": "Failed to change PPT delay:{:br:}{}"
+        "message": "Failed to change PPT delay:\n{}"
       },
       "translated": "PPT gecikmesi değiştirilemedi: {: br:} {}",
       "flags": [

From a414caef42a5f71072f0d6fc6613e451746cde38 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 14:52:08 +0200
Subject: [PATCH 093/128] Using a React modal for the YesNo prompt and ensured
 that only string will be passed

---
 shared/js/main.tsx                            | 22 ++---
 shared/js/tree/ChannelTree.tsx                | 44 +++++----
 shared/js/tree/Client.ts                      | 21 +++--
 shared/js/ui/modal/ModalAvatarList.ts         |  7 +-
 shared/js/ui/modal/ModalNewcomer.tsx          |  7 +-
 shared/js/ui/modal/ModalQueryManage.ts        | 12 ++-
 shared/js/ui/modal/ModalSettings.tsx          | 22 ++++-
 shared/js/ui/modal/ModalYesNo.ts              |  4 +-
 .../js/ui/modal/avatar-upload/Controller.ts   |  4 +-
 shared/js/ui/modal/bookmarks/Renderer.tsx     | 19 ++--
 .../js/ui/modal/permission/ModalController.ts |  9 +-
 .../transfer/FileBrowserControllerRemote.ts   | 20 ++--
 shared/js/ui/modal/yes-no/Controller.ts       | 50 +++++++++-
 shared/js/ui/modal/yes-no/Definitions.ts      | 11 +++
 shared/js/ui/modal/yes-no/Renderer.scss       | 23 +++++
 shared/js/ui/modal/yes-no/Renderer.tsx        | 92 +++++++++++++++++++
 .../js/ui/react-elements/modal/Definitions.ts |  7 +-
 shared/js/ui/react-elements/modal/Registry.ts |  6 ++
 shared/js/ui/tree/RendererTreeEntry.tsx       |  4 +-
 web/app/WebWindowManager.ts                   | 21 ++---
 20 files changed, 316 insertions(+), 89 deletions(-)
 create mode 100644 shared/js/ui/modal/yes-no/Definitions.ts
 create mode 100644 shared/js/ui/modal/yes-no/Renderer.scss
 create mode 100644 shared/js/ui/modal/yes-no/Renderer.tsx

diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index b60ebc05..ff935fe0 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -7,7 +7,6 @@ import {LogCategory, logDebug, logError, logInfo, logWarn} from "tc-shared/log";
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {RecorderProfile, setDefaultRecorder} from "tc-shared/voice/RecorderProfile";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
 import {formatMessage} from "tc-shared/ui/frames/chat";
 import {openModalNewcomer} from "tc-shared/ui/modal/ModalNewcomer";
 import {global_client_actions} from "tc-shared/events/GlobalEvents";
@@ -53,6 +52,7 @@ import "./text/bbcode/InviteController";
 import "./text/bbcode/YoutubeController";
 import {initializeSounds, setSoundMasterVolume} from "./audio/Sounds";
 import {getInstanceConnectHandler, setupIpcHandler} from "./ipc/BrowserIPC";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 assertMainApplication();
 
@@ -203,11 +203,12 @@ async function doHandleConnectRequest(serverAddress: string, serverUniqueId: str
 
     if(!getAudioBackend().isInitialized()) {
         /* Trick the client into clicking somewhere on the site to initialize audio */
-        const resultPromise = new Promise<boolean>(resolve => {
-            spawnYesNo(tra("Connect to {}", serverAddress), tra("Would you like to connect to {}?", serverAddress), resolve).open();
+        const result = await promptYesNo({
+            title: tra("Connect to {}", serverAddress),
+            question: tra("Would you like to connect to {}?", serverAddress)
         });
 
-        if(!(await resultPromise)) {
+        if(!result) {
             /* Well... the client don't want to... */
             return { status: "client-aborted" };
         }
@@ -441,13 +442,12 @@ const task_connect_handler: loader.Task = {
         const chandler = getInstanceConnectHandler();
         if(chandler && AppParameters.getValue(AppParameters.KEY_CONNECT_NO_SINGLE_INSTANCE)) {
             try {
-                await chandler.post_connect_request(connectData, () => new Promise<boolean>(resolve => {
-                    spawnYesNo(tr("Another TeaWeb instance is already running"), tra("Another TeaWeb instance is already running.\nWould you like to connect there?"), response => {
-                        resolve(response);
-                    }, {
-                        closeable: false
-                    }).open();
-                }));
+                await chandler.post_connect_request(connectData, async () => {
+                    return await promptYesNo({
+                        title: tr("Another TeaWeb instance is already running"),
+                        question: tra("Another TeaWeb instance is already running.\nWould you like to connect there?")
+                    });
+                });
                 logInfo(LogCategory.CLIENT, tr("Executed connect successfully in another browser window. Closing this window"));
 
                 createInfoModal(
diff --git a/shared/js/tree/ChannelTree.tsx b/shared/js/tree/ChannelTree.tsx
index 45e35ca4..89ca353e 100644
--- a/shared/js/tree/ChannelTree.tsx
+++ b/shared/js/tree/ChannelTree.tsx
@@ -10,13 +10,10 @@ import {ClientEntry, LocalClientEntry, MusicClientEntry} from "./Client";
 import {ChannelTreeEntry} from "./ChannelTreeEntry";
 import {ConnectionHandler, ViewReasonId} from "tc-shared/ConnectionHandler";
 import {Registry} from "tc-shared/events";
-import * as React from "react";
-
 import {batch_updates, BatchUpdateType, flush_batched_updates} from "tc-shared/ui/react-elements/ReactComponentBase";
 import {createInputModal} from "tc-shared/ui/elements/Modal";
 import {spawnBanClient} from "tc-shared/ui/modal/ModalBanClient";
-import {formatMessage} from "tc-shared/ui/frames/chat";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
+import {formatMessageString} from "tc-shared/ui/frames/chat";
 import {tr, tra} from "tc-shared/i18n/localize";
 import {initializeChannelTreeUiEvents} from "tc-shared/ui/tree/Controller";
 import {ChannelTreePopoutController} from "tc-shared/ui/tree/popout/Controller";
@@ -26,6 +23,7 @@ import {ClientIcon} from "svg-sprites/client-icons";
 import "./EntryTagsHandler";
 import {spawnChannelEditNew} from "tc-shared/ui/modal/channel-edit/Controller";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 export interface ChannelTreeEvents {
     /* general tree notified */
@@ -694,16 +692,19 @@ export class ChannelTree {
                         disabled: false,
                         callback: () => {
                             const param_string = clients.map((_, index) => "{" + index + "}").join(', ');
-                            const param_values = clients.map(client => client.createChatTag(true));
-                            const tag = $.spawn("div").append(...formatMessage(tr("Do you really want to delete ") + param_string, ...param_values));
-                            const tag_container = $.spawn("div").append(tag);
-                            spawnYesNo(tr("Are you sure?"), tag_container, result => {
-                                if(result) {
-                                    for(const client of clients) {
-                                        this.client.serverConnection.send_command("musicbotdelete", {
-                                            botid: client.properties.client_database_id
-                                        });
-                                    }
+                            const param_values = clients.map(client => client.clientNickName());
+                            promptYesNo({
+                                title: tr("Are you sure?"),
+                                question: formatMessageString(tr("Do you really want to delete ") + param_string, ...param_values)
+                            }).then(result => {
+                                if(!result) {
+                                    return;
+                                }
+
+                                for(const client of clients) {
+                                    this.client.serverConnection.send_command("musicbotdelete", {
+                                        botid: client.properties.client_database_id
+                                    });
                                 }
                             });
                         },
@@ -797,11 +798,16 @@ export class ChannelTree {
                 name: tr("Delete all channels"),
                 icon_class: "client-delete",
                 callback: () => {
-                    spawnYesNo(tr("Are you sure?"), tra("Do you really want to delete {0} channels?", channels.length), result => {
-                        if(typeof result === "boolean" && result) {
-                            for(const channel of channels) {
-                                this.client.serverConnection.send_command("channeldelete", { cid: channel.channelId });
-                            }
+                    promptYesNo({
+                        title: tr("Are you sure?"),
+                        question: tra("Do you really want to delete {0} channels?", channels.length)
+                    }).then(result => {
+                        if(!result) {
+                            return;
+                        }
+
+                        for(const channel of channels) {
+                            this.client.serverConnection.send_command("channeldelete", { cid: channel.channelId });
                         }
                     });
                 }
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index 45278e5d..8e69dde9 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -15,8 +15,6 @@ import {ConnectionHandler, ViewReasonId} from "../ConnectionHandler";
 import {openClientInfo} from "../ui/modal/ModalClientInfo";
 import {spawnBanClient} from "../ui/modal/ModalBanClient";
 import {spawnChangeLatency} from "../ui/modal/ModalChangeLatency";
-import {formatMessage} from "../ui/frames/chat";
-import {spawnYesNo} from "../ui/modal/ModalYesNo";
 import * as hex from "../crypto/hex";
 import {ChannelTreeEntry, ChannelTreeEntryEvents} from "./ChannelTreeEntry";
 import {spawnClientVolumeChange, spawnMusicBotVolumeChange} from "../ui/modal/ModalChangeVolumeNew";
@@ -27,10 +25,11 @@ import {VoiceClient} from "../voice/VoiceClient";
 import {VoicePlayerEvents, VoicePlayerState} from "../voice/VoicePlayer";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 import {VideoClient} from "tc-shared/connection/VideoConnection";
-import { tr } from "tc-shared/i18n/localize";
+import {tr, tra} from "tc-shared/i18n/localize";
 import {EventClient} from "tc-shared/connectionlog/Definitions";
 import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
 import {spawnServerGroupAssignments} from "tc-shared/ui/modal/group-assignment/Controller";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 export enum ClientType {
     CLIENT_VOICE,
@@ -1236,13 +1235,17 @@ export class MusicClientEntry extends ClientEntry<MusicClientEvents> {
                 icon_class: "client-delete",
                 disabled: false,
                 callback: () => {
-                    const tag = $.spawn("div").append(formatMessage(tr("Do you really want to delete {0}"), this.createChatTag(false)));
-                    spawnYesNo(tr("Are you sure?"), $.spawn("div").append(tag), result => {
-                        if(result) {
-                            this.channelTree.client.serverConnection.send_command("musicbotdelete", {
-                                bot_id: this.properties.client_database_id
-                            }).then(() => {});
+                    promptYesNo({
+                        title: tr("Are you sure?"),
+                        question: tra("Do you really want to delete {0}", this.clientNickName())
+                    }).then(result => {
+                        if(!result) {
+                            return;
                         }
+
+                        this.channelTree.client.serverConnection.send_command("musicbotdelete", {
+                            bot_id: this.properties.client_database_id
+                        }).then(() => {});
                     });
                 },
                 type: contextmenu.MenuEntryType.ENTRY
diff --git a/shared/js/ui/modal/ModalAvatarList.ts b/shared/js/ui/modal/ModalAvatarList.ts
index a091d98c..5a71251a 100644
--- a/shared/js/ui/modal/ModalAvatarList.ts
+++ b/shared/js/ui/modal/ModalAvatarList.ts
@@ -2,10 +2,10 @@ import {createErrorModal, createModal} from "../../ui/elements/Modal";
 import {LogCategory, logError} from "../../log";
 import {ConnectionHandler} from "../../ConnectionHandler";
 import {base64_encode_ab} from "../../utils/buffers";
-import {spawnYesNo} from "../../ui/modal/ModalYesNo";
 import {ClientEntry} from "../../tree/Client";
 import moment from "moment";
 import {tr} from "tc-shared/i18n/localize";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 const avatar_to_uid = (id: string) => {
     const buffer = new Uint8Array(id.length / 2);
@@ -90,7 +90,10 @@ export function spawnAvatarList(client: ConnectionHandler) {
          */
 
         callback_delete = () => {
-            spawnYesNo(tr("Are you sure?"), tr("Do you really want to delete this avatar?"), result => {
+            promptYesNo({
+                title: tr("Are you sure?"),
+                question: tr("Do you really want to delete this avatar?"),
+            }).then(result => {
                 if (result) {
                     createErrorModal(tr("Not implemented"), tr("Avatar delete hasn't implemented yet")).open();
                     //TODO Implement avatar delete
diff --git a/shared/js/ui/modal/ModalNewcomer.tsx b/shared/js/ui/modal/ModalNewcomer.tsx
index 0cf2e6e8..86eb5a38 100644
--- a/shared/js/ui/modal/ModalNewcomer.tsx
+++ b/shared/js/ui/modal/ModalNewcomer.tsx
@@ -2,12 +2,12 @@ import {createModal, Modal} from "tc-shared/ui/elements/Modal";
 import {tra} from "tc-shared/i18n/localize";
 import {Registry} from "tc-shared/events";
 import {modal_settings, SettingProfileEvents} from "tc-shared/ui/modal/ModalSettings";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
 import {initialize_audio_microphone_controller} from "tc-shared/ui/modal/settings/Microphone";
 import {MicrophoneSettings} from "tc-shared/ui/modal/settings/MicrophoneRenderer";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import {MicrophoneSettingsEvents} from "tc-shared/ui/modal/settings/MicrophoneDefinitions";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 export interface EventModalNewcomer {
     "show_step": {
@@ -65,7 +65,10 @@ export function openModalNewcomer(): Modal {
 
     event_registry.on("exit_guide", event => {
         if (event.ask_yesno) {
-            spawnYesNo(tr("Are you sure?"), tr("Do you really want to skip the basic setup guide?"), result => {
+            promptYesNo({
+                title: tr("Are you sure?"),
+                question: tr("Do you really want to skip the basic setup guide?"),
+            }).then(result => {
                 if (result)
                     event_registry.fire("exit_guide", {ask_yesno: false});
             });
diff --git a/shared/js/ui/modal/ModalQueryManage.ts b/shared/js/ui/modal/ModalQueryManage.ts
index bed4ad4c..8b59dc90 100644
--- a/shared/js/ui/modal/ModalQueryManage.ts
+++ b/shared/js/ui/modal/ModalQueryManage.ts
@@ -116,7 +116,10 @@ export function spawnQueryManage(client: ConnectionHandler) {
             template.find(".button-query-delete").on('click', () => {
                 if(!selected_query) return;
 
-                Modals.spawnYesNo(tr("Are you sure?"), tr("Do you really want to delete this account?"), result => {
+                Modals.promptYesNo({
+                    title: tr("Are you sure?"),
+                    question:  tr("Do you really want to delete this account?"),
+                }).then(result => {
                     if(result) {
                         client.serverConnection.send_command("querydelete", {
                             client_login_name: selected_query.username
@@ -161,7 +164,6 @@ import {createErrorModal, createInfoModal, createInputModal, createModal, Modal}
 import {CommandResult, QueryListEntry} from "../../connection/ServerConnectionDeclaration";
 import {SingleCommandHandler} from "../../connection/ConnectionBase";
 import {copyToClipboard} from "../../utils/helpers";
-import {spawnYesNo} from "../../ui/modal/ModalYesNo";
 import {LogCategory, logError} from "../../log";
 import PermissionType from "../../permission/PermissionType";
 import {ConnectionHandler} from "../../ConnectionHandler";
@@ -169,6 +171,7 @@ import {spawnQueryCreate, spawnQueryCreated} from "../../ui/modal/ModalQuery";
 import {formatMessage} from "../../ui/frames/chat";
 import {ErrorCode} from "../../connection/ErrorCode";
 import {tr} from "tc-shared/i18n/localize";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 export function spawnQueryManage(client: ConnectionHandler) {
     let modal: Modal;
@@ -336,7 +339,10 @@ export function spawnQueryManage(client: ConnectionHandler) {
                 button_delete.on('click', event => {
                     if (!selected_query) return;
 
-                    spawnYesNo(tr("Are you sure?"), tr("Do you really want to delete this account?"), result => {
+                    promptYesNo({
+                        title: tr("Are you sure?"),
+                        question: tr("Do you really want to delete this account?"),
+                    }).then(result => {
                         if (result) {
                             client.serverConnection.send_command("querydelete", {
                                 client_login_name: selected_query.username
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index 4cb7b5aa..d61d9db7 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -13,7 +13,6 @@ import {LogCategory, logDebug, logError, logTrace, logWarn} from "tc-shared/log"
 import * as i18n from "tc-shared/i18n/localize";
 import {RepositoryTranslation, TranslationRepository} from "tc-shared/i18n/localize";
 import {Registry} from "tc-shared/events";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
 import * as i18nc from "tc-shared/i18n/country";
 import * as forum from "tc-shared/profiles/identities/teaspeak-forum";
 import {formatMessage, set_icon_size} from "tc-shared/ui/frames/chat";
@@ -27,6 +26,7 @@ import {initialize_audio_microphone_controller} from "tc-shared/ui/modal/setting
 import {MicrophoneSettings} from "tc-shared/ui/modal/settings/MicrophoneRenderer";
 import {getBackend} from "tc-shared/backend";
 import {MicrophoneSettingsEvents} from "tc-shared/ui/modal/settings/MicrophoneDefinitions";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 type ProfileInfoEvent = {
     id: string,
@@ -411,7 +411,10 @@ function settings_general_language(container: JQuery, modal: Modal) {
                     repo_tag.find(".button-delete").on('click', e => {
                         e.preventDefault();
 
-                        spawnYesNo(tr("Are you sure?"), tr("Do you really want to delete this repository?"), answer => {
+                        promptYesNo({
+                            title: tr("Are you sure?"),
+                            question: tr("Do you really want to delete this repository?"),
+                        }).then(answer => {
                             if (answer) {
                                 i18n.delete_repository(repo);
                                 update_list();
@@ -1323,7 +1326,10 @@ export namespace modal_settings {
                 button.on('click', event => {
                     if (!current_profile || current_profile === "default") return;
 
-                    spawnYesNo(tr("Are you sure?"), tr("Do you really want to delete this profile?"), result => {
+                    promptYesNo({
+                        title: tr("Are you sure?"),
+                        question: tr("Do you really want to delete this profile?"),
+                    }).then(result => {
                         if (result)
                             event_registry.fire("delete-profile", {profile_id: current_profile});
                     });
@@ -1646,7 +1652,10 @@ export namespace modal_settings {
                 {
                     button_new.on('click', event => {
                         if (is_profile_generated) {
-                            spawnYesNo(tr("Are you sure"), tr("Do you really want to generate a new identity and override the old identity?"), result => {
+                            promptYesNo({
+                                title: tr("Are you sure"),
+                                question: tr("Do you really want to generate a new identity and override the old identity?"),
+                            }).then(result => {
                                 if (result) event_registry.fire("generate-identity-teamspeak", {profile_id: current_profile});
                             });
                         } else {
@@ -1671,7 +1680,10 @@ export namespace modal_settings {
                 {
                     button_import.on('click', event => {
                         if (is_profile_generated) {
-                            spawnYesNo(tr("Are you sure"), tr("Do you really want to import a new identity and override the old identity?"), result => {
+                            promptYesNo({
+                                title: tr("Are you sure"),
+                                question: tr("Do you really want to import a new identity and override the old identity?"),
+                            }).then(result => {
                                 if (result) event_registry.fire("import-identity-teamspeak", {profile_id: current_profile});
                             });
                         } else {
diff --git a/shared/js/ui/modal/ModalYesNo.ts b/shared/js/ui/modal/ModalYesNo.ts
index 6ecaeee7..1e5ca829 100644
--- a/shared/js/ui/modal/ModalYesNo.ts
+++ b/shared/js/ui/modal/ModalYesNo.ts
@@ -1,11 +1,11 @@
-import {BodyCreator, createModal, ModalFunctions} from "../../ui/elements/Modal";
+import {BodyCreator, createModal, Modal, ModalFunctions} from "../../ui/elements/Modal";
 
 export function spawnYesNo(header: BodyCreator, body: BodyCreator, callback: (_: boolean) => any, properties?: {
     text_yes?: string,
     text_no?: string,
 
     closeable?: boolean;
-}) {
+}) : Modal {
     properties = properties || {};
 
     const props = ModalFunctions.warpProperties({});
diff --git a/shared/js/ui/modal/avatar-upload/Controller.ts b/shared/js/ui/modal/avatar-upload/Controller.ts
index d8753be7..103bcc92 100644
--- a/shared/js/ui/modal/avatar-upload/Controller.ts
+++ b/shared/js/ui/modal/avatar-upload/Controller.ts
@@ -8,7 +8,7 @@ import PermissionType from "tc-shared/permission/PermissionType";
 import {getOwnAvatarStorage, LocalAvatarInfo} from "tc-shared/file/OwnAvatarStorage";
 import {LogCategory, logError, logInfo, logWarn} from "tc-shared/log";
 import {Mutex} from "tc-shared/Mutex";
-import {tr, trJQuery} from "tc-shared/i18n/localize";
+import {tr, tra, trJQuery} from "tc-shared/i18n/localize";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {formatMessage} from "tc-shared/ui/frames/chat";
@@ -262,7 +262,7 @@ class Controller {
                 if (transfer.transferState() !== FileTransferState.FINISHED) {
                     if (transfer.transferState() === FileTransferState.ERRORED) {
                         logWarn(LogCategory.FILE_TRANSFER, tr("Failed to upload clients avatar: %o"), transfer.currentError());
-                        createErrorModal(tr("Failed to upload avatar"), tr("Failed to upload avatar:\n{0}", transfer.currentErrorMessage())).open();
+                        createErrorModal(tr("Failed to upload avatar"), tra("Failed to upload avatar:\n{0}", transfer.currentErrorMessage())).open();
                         return;
                     } else if (transfer.transferState() === FileTransferState.CANCELED) {
                         createErrorModal(tr("Failed to upload avatar"), tr("Your avatar upload has been canceled.")).open();
diff --git a/shared/js/ui/modal/bookmarks/Renderer.tsx b/shared/js/ui/modal/bookmarks/Renderer.tsx
index d77d3bb2..7fb6a4f8 100644
--- a/shared/js/ui/modal/bookmarks/Renderer.tsx
+++ b/shared/js/ui/modal/bookmarks/Renderer.tsx
@@ -19,7 +19,6 @@ import {getIconManager} from "tc-shared/file/Icons";
 import {ClientIcon} from "svg-sprites/client-icons";
 import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
 import {formatMessage} from "tc-shared/ui/frames/chat";
 import {createErrorModal, createInfoModal, createInputModal} from "tc-shared/ui/elements/Modal";
 import {HostBannerRenderer} from "tc-shared/ui/frames/HostBannerRenderer";
@@ -32,6 +31,8 @@ import ServerInfoImage from "./serverinfo.png";
 import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
 import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
 import {downloadTextAsFile, requestFileAsText} from "tc-shared/file/Utils";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
+import {tra} from "tc-shared/i18n/localize";
 
 const EventContext = React.createContext<Registry<ModalBookmarkEvents>>(undefined);
 const VariableContext = React.createContext<UiVariableConsumer<ModalBookmarkVariables>>(undefined);
@@ -54,14 +55,16 @@ const BookmarkListEntryRenderer = React.memo((props: { entry: BookmarkListEntry
 
     const tryDelete = () => {
         if(props.entry.type === "directory" && props.entry.childCount > 0) {
-            spawnYesNo(tr("Are you sure?"), formatMessage(
-                tr("Do you really want to delete the directory \"{0}\"?{:br:}The directory contains {1} entries."),
-                props.entry.displayName, props.entry.childCount
-            ), result => {
-                if(result) {
-                    events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId });
+            promptYesNo({
+                title: tr("Are you sure?"),
+                question: tra("Do you really want to delete the directory \"{0}\"?\nThe directory contains {1} entries.", props.entry.displayName, props.entry.childCount)
+            }).then(result => {
+                if(!result) {
+                    return;
                 }
-            }).open();
+
+                events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId });
+            });
         } else {
             events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId });
         }
diff --git a/shared/js/ui/modal/permission/ModalController.ts b/shared/js/ui/modal/permission/ModalController.ts
index f4d70387..525c37c9 100644
--- a/shared/js/ui/modal/permission/ModalController.ts
+++ b/shared/js/ui/modal/permission/ModalController.ts
@@ -5,8 +5,7 @@ import {DefaultTabValues} from "tc-shared/ui/modal/permission/ModalRenderer";
 import {Group, GroupTarget, GroupType} from "tc-shared/permission/GroupManager";
 import {createErrorModal, createInfoModal} from "tc-shared/ui/elements/Modal";
 import {ClientNameInfo, CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
-import {formatMessage} from "tc-shared/ui/frames/chat";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
+import {formatMessage, formatMessageString} from "tc-shared/ui/frames/chat";
 import {tra} from "tc-shared/i18n/localize";
 import {PermissionType} from "tc-shared/permission/PermissionType";
 import {GroupedPermissions, PermissionValue} from "tc-shared/permission/PermissionManager";
@@ -32,6 +31,7 @@ import {
     PermissionModalEvents
 } from "tc-shared/ui/modal/permission/ModalDefinitions";
 import {EditorGroupedPermissions, PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefinitions";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 export function spawnPermissionEditorModal(connection: ConnectionHandler, defaultTab: PermissionEditorTab = "groups-server", defaultTabValues?: DefaultTabValues) {
     const modalEvents = new Registry<PermissionModalEvents>();
@@ -96,7 +96,10 @@ function initializePermissionModalResultHandlers(events: Registry<PermissionModa
         if (event.mode === "force")
             return;
 
-        spawnYesNo(tr("Are you sure?"), formatMessage(tr("Do you really want to delete this group?")), result => {
+        promptYesNo({
+            title: tr("Are you sure?"),
+            question: formatMessageString(tr("Do you really want to delete this group?")),
+        }).then(result => {
             if (result !== true)
                 return;
 
diff --git a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
index dff92f5e..6dd9d5bf 100644
--- a/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
+++ b/shared/js/ui/modal/transfer/FileBrowserControllerRemote.ts
@@ -6,7 +6,6 @@ import PermissionType from "../../../permission/PermissionType";
 import {LogCategory, logError, logTrace} from "../../../log";
 import {Entry, MenuEntry, MenuEntryType, spawn_context_menu} from "../../../ui/elements/ContextMenu";
 import {getKeyBoard, SpecialKey} from "../../../PPTListener";
-import {spawnYesNo} from "../../../ui/modal/ModalYesNo";
 import {tr, tra} from "../../../i18n/localize";
 import {
     FileTransfer,
@@ -25,6 +24,7 @@ import {
     ListedFileInfo,
     PathInfo
 } from "tc-shared/ui/modal/transfer/FileDefinitions";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 function parsePath(path: string, connection: ConnectionHandler): PathInfo {
     if (path === "/" || !path) {
@@ -508,12 +508,18 @@ export function initializeRemoteFileBrowserController(connection: ConnectionHand
         }) : event.files;
 
         if (event.mode === "ask") {
-            spawnYesNo(tr("Are you sure?"), tra("Do you really want to delete {0} {1}?", files.length, files.length === 1 ? tr("files") : tr("files")), result => {
-                if (result)
-                    events.fire("action_delete_file", {
-                        files: files,
-                        mode: "force"
-                    });
+            promptYesNo({
+                title: tr("Are you sure?"),
+                question: tra("Do you really want to delete {0} {1}?", files.length, files.length === 1 ? tr("files") : tr("files")),
+            }).then(result => {
+                if(!result) {
+                    return;
+                }
+
+                events.fire("action_delete_file", {
+                    files: files,
+                    mode: "force"
+                });
             });
             return;
         }
diff --git a/shared/js/ui/modal/yes-no/Controller.ts b/shared/js/ui/modal/yes-no/Controller.ts
index 32cacbf2..bdabbffc 100644
--- a/shared/js/ui/modal/yes-no/Controller.ts
+++ b/shared/js/ui/modal/yes-no/Controller.ts
@@ -1,3 +1,33 @@
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {Registry} from "tc-events";
+import {ModalYesNoEvents, ModalYesNoVariables} from "tc-shared/ui/modal/yes-no/Definitions";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+
+class Controller {
+    readonly properties: YesNoParameters;
+    readonly events: Registry<ModalYesNoEvents>;
+    readonly variables: IpcUiVariableProvider<ModalYesNoVariables>;
+
+    constructor(properties: YesNoParameters) {
+        this.properties = properties;
+        this.events = new Registry<ModalYesNoEvents>();
+        this.variables = new IpcUiVariableProvider<ModalYesNoVariables>();
+
+        this.variables.setVariableProvider("title", () => this.properties.title);
+        this.variables.setVariableProvider("question", () => this.properties.question);
+
+        this.variables.setVariableProvider("textYes", () => this.properties.textYes);
+        this.variables.setVariableProvider("textNo", () => this.properties.textNo);
+    }
+
+    @CallOnce
+    destroy() {
+        this.events.destroy();
+        this.variables.destroy();
+    }
+}
+
 export interface YesNoParameters {
     title: string,
     question: string,
@@ -20,5 +50,23 @@ export async function promptYesNo(properties: YesNoParameters) : Promise<boolean
         throw "yes-no question isn't a string";
     }
 
-    return false;
+    const controller = new Controller(properties);
+    const modal = spawnModal("modal-yes-no", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription()
+    ], {
+        popoutable: false,
+        destroyOnClose: true
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+    ignorePromise(modal.show());
+
+    return await new Promise<boolean | undefined>(resolve => {
+        modal.getEvents().on("destroy", () => resolve());
+        controller.events.on("action_submit", event => {
+            resolve(event.status);
+            modal.destroy();
+        });
+    });
 }
\ No newline at end of file
diff --git a/shared/js/ui/modal/yes-no/Definitions.ts b/shared/js/ui/modal/yes-no/Definitions.ts
new file mode 100644
index 00000000..067f0cec
--- /dev/null
+++ b/shared/js/ui/modal/yes-no/Definitions.ts
@@ -0,0 +1,11 @@
+export interface ModalYesNoVariables {
+    readonly title: string,
+    readonly question: string,
+
+    readonly textYes: string | undefined,
+    readonly textNo: string | undefined,
+}
+
+export interface ModalYesNoEvents {
+    action_submit: { status: boolean }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/yes-no/Renderer.scss b/shared/js/ui/modal/yes-no/Renderer.scss
new file mode 100644
index 00000000..d1082e95
--- /dev/null
+++ b/shared/js/ui/modal/yes-no/Renderer.scss
@@ -0,0 +1,23 @@
+.container {
+    padding: 1em;
+}
+
+.question {
+    min-height: 1.6em;
+}
+
+.buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+
+    margin-top: 2em;
+
+    button {
+        min-width: 6em;
+
+        &:not(:last-of-type) {
+            margin-right: 1em;
+        }
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/yes-no/Renderer.tsx b/shared/js/ui/modal/yes-no/Renderer.tsx
new file mode 100644
index 00000000..1d741011
--- /dev/null
+++ b/shared/js/ui/modal/yes-no/Renderer.tsx
@@ -0,0 +1,92 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {ModalYesNoEvents, ModalYesNoVariables} from "tc-shared/ui/modal/yes-no/Definitions";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableConsumer} from "tc-shared/ui/utils/IpcVariable";
+import React from "react";
+import {Translatable} from "tc-shared/ui/react-elements/i18n";
+import {Button} from "tc-shared/ui/react-elements/Button";
+const cssStyle = require("./Renderer.scss");
+
+const QuestionRenderer = React.memo((props: { variables: UiVariableConsumer<ModalYesNoVariables> }) => {
+    const question = props.variables.useReadOnly("question", undefined, undefined);
+    return (
+        <div className={cssStyle.question}>
+            {question}
+        </div>
+    );
+});
+
+const TitleRenderer = React.memo((props: { variables: UiVariableConsumer<ModalYesNoVariables> }) => {
+    const title = props.variables.useReadOnly("title", undefined, undefined);
+    if(typeof title !== "undefined") {
+        return <React.Fragment key={"loaded"}>{title}</React.Fragment>;
+    } else {
+        return <Translatable key={"loading"}>loading</Translatable>;
+    }
+});
+
+const TextYes = React.memo((props: { variables: UiVariableConsumer<ModalYesNoVariables> }) => {
+    const text = props.variables.useReadOnly("textYes", undefined, undefined);
+    if(typeof text !== "undefined") {
+        return <React.Fragment key={"custom"}>{text}</React.Fragment>;
+    } else {
+        return <Translatable key={"default"}>Yes</Translatable>;
+    }
+});
+
+const TextNo = React.memo((props: { variables: UiVariableConsumer<ModalYesNoVariables> }) => {
+    const text = props.variables.useReadOnly("textNo", undefined, undefined);
+    if(typeof text !== "undefined") {
+        return <React.Fragment key={"custom"}>{text}</React.Fragment>;
+    } else {
+        return <Translatable key={"default"}>No</Translatable>;
+    }
+});
+
+class Modal extends AbstractModal {
+    private readonly events: Registry<ModalYesNoEvents>;
+    private readonly variables: UiVariableConsumer<ModalYesNoVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalYesNoEvents>, variables: IpcRegistryDescription<ModalYesNoVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    color(): "none" | "blue" | "red" {
+        return "red";
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <div className={cssStyle.container}>
+                <QuestionRenderer variables={this.variables} />
+                <div className={cssStyle.buttons}>
+                    <Button color={"red"} onClick={() => this.events.fire("action_submit", { status: false })}>
+                        <TextNo variables={this.variables} />
+                    </Button>
+                    <Button color={"green"} onClick={() => this.events.fire("action_submit", { status: true })}>
+                        <TextYes variables={this.variables} />
+                    </Button>
+                </div>
+            </div>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return (
+            <TitleRenderer variables={this.variables} />
+        );
+    }
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 05f08888..edfedb82 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -24,6 +24,7 @@ import {ModalInputProcessorEvents, ModalInputProcessorVariables} from "tc-shared
 import {ModalServerInfoEvents, ModalServerInfoVariables} from "tc-shared/ui/modal/server-info/Definitions";
 import {ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
 import {ModalServerBandwidthEvents} from "tc-shared/ui/modal/server-bandwidth/Definitions";
+import {ModalYesNoEvents, ModalYesNoVariables} from "tc-shared/ui/modal/yes-no/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -138,7 +139,7 @@ export abstract class AbstractModal {
 
     /* only valid for the "inline" modals */
     type() : ModalType { return "none"; }
-    color() : "none" | "blue" { return "none"; }
+    color() : "none" | "blue" | "red" { return "none"; }
     verticalAlignment() : "top" | "center" | "bottom" { return "center"; }
 
     /** @deprecated */
@@ -165,6 +166,10 @@ export function constructAbstractModalClass<T extends keyof ModalConstructorArgu
 
 export interface ModalConstructorArguments {
     "__internal__modal__": any[],
+    "modal-yes-no": [
+        /* events */ IpcRegistryDescription<ModalYesNoEvents>,
+        /* variables */ IpcVariableDescriptor<ModalYesNoVariables>,
+    ],
 
     "video-viewer": [
         /* events */ IpcRegistryDescription<VideoViewerEvents>,
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index f8f2437e..0015d20e 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -19,6 +19,12 @@ function registerModal<T extends keyof ModalConstructorArguments>(modal: Registe
     registeredModals[modal.modalId] = modal as any;
 }
 
+registerModal({
+    modalId: "modal-yes-no",
+    classLoader: async () => await import("tc-shared/ui/modal/yes-no/Renderer"),
+    popoutSupported: true
+})
+
 registerModal({
     modalId: "video-viewer",
     classLoader: async () => await import("tc-shared/ui/modal/video-viewer/Renderer"),
diff --git a/shared/js/ui/tree/RendererTreeEntry.tsx b/shared/js/ui/tree/RendererTreeEntry.tsx
index bc117b20..f6052aca 100644
--- a/shared/js/ui/tree/RendererTreeEntry.tsx
+++ b/shared/js/ui/tree/RendererTreeEntry.tsx
@@ -12,6 +12,4 @@ export class UnreadMarkerRenderer extends React.Component<{ entry: RDPEntry }, {
             return null;
         }
     }
-}
-
-export class RendererTreeEntry<Props, State> extends ReactComponentBase<Props, State> { }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/web/app/WebWindowManager.ts b/web/app/WebWindowManager.ts
index a2a0de57..f946a50f 100644
--- a/web/app/WebWindowManager.ts
+++ b/web/app/WebWindowManager.ts
@@ -8,10 +8,10 @@ import {
 import {assertMainApplication} from "tc-shared/ui/utils";
 import {Registry} from "tc-events";
 import {getIpcInstance} from "tc-shared/ipc/BrowserIPC";
-import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
 import {tr, tra} from "tc-shared/i18n/localize";
 import {guid} from "tc-shared/crypto/uid";
 import _ from "lodash";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
 assertMainApplication();
 
@@ -64,17 +64,16 @@ export class WebWindowManager implements WindowManager {
         let windowInstance = this.tryCreateWindow(options, windowUniqueId);
         if(!windowInstance) {
             try {
-                await new Promise((resolve, reject) => {
-                    spawnYesNo(tr("Would you like to open the popup?"), tra("Would you like to open window {}?", options.windowName), callback => {
-                        if(!callback) {
-                            reject();
-                            return;
-                        }
-
-                        windowInstance = this.tryCreateWindow(options, windowUniqueId);
-                        resolve();
-                    });
+                const result = await promptYesNo({
+                    title: tr("Would you like to open the popup?"),
+                    question: tra("Would you like to open window {}?", options.windowName)
                 });
+
+                if(!result) {
+                    return { status: "error-user-rejected" };
+                }
+
+                windowInstance = this.tryCreateWindow(options, windowUniqueId);
             } catch (_) {
                 return { status: "error-user-rejected" };
             }

From feeb086cb8d1f138459bde2c093e905ea9ddd98a Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 15:28:33 +0200
Subject: [PATCH 094/128] Reworked the project structure to be able to be used
 a module

---
 vendor/xbbcode | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vendor/xbbcode b/vendor/xbbcode
index 88c187a7..d75b0292 160000
--- a/vendor/xbbcode
+++ b/vendor/xbbcode
@@ -1 +1 @@
-Subproject commit 88c187a7d3e163bbc64477b4eec81a680c69a6c4
+Subproject commit d75b0292e8726646867967c8b35cbb52c1580769

From eebe7aa6b9bec6b9f69afa04d7a2af6266f35350 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 22:56:52 +0200
Subject: [PATCH 095/128] Reworked the channel info modal with React

---
 shared/css/load-css.tsx                       |   1 -
 shared/css/static/modal-channelinfo.scss      | 163 ----------
 shared/js/text/bbcode.tsx                     |   2 +-
 shared/js/text/bbcode/YoutubeRenderer.tsx     |   6 +-
 shared/js/text/bbcode/emoji.tsx               |   6 +-
 shared/js/text/bbcode/highlight.tsx           |   6 +-
 shared/js/text/bbcode/image.tsx               |   6 +-
 shared/js/text/bbcode/renderer.tsx            |   2 +-
 shared/js/text/bbcode/url.tsx                 |   6 +-
 shared/js/text/chat.ts                        |   6 +-
 shared/js/tree/Channel.ts                     | 123 ++++---
 shared/js/tree/ChannelDefinitions.ts          |  13 +
 shared/js/tree/Server.ts                      |  16 +-
 shared/js/tree/ServerDefinitions.ts           |   2 +
 .../side/ChannelDescriptionController.ts      |  53 ++-
 shared/js/ui/modal/ModalChannelInfo.ts        | 161 ---------
 shared/js/ui/modal/ModalYesNo.ts              |  45 ---
 .../channel-edit/ControllerProperties.ts      |   7 +-
 shared/js/ui/modal/channel-info/Controller.ts | 172 ++++++++++
 .../js/ui/modal/channel-info/Definitions.ts   |  19 ++
 shared/js/ui/modal/channel-info/Renderer.scss | 173 ++++++++++
 shared/js/ui/modal/channel-info/Renderer.tsx  | 305 ++++++++++++++++++
 .../js/ui/react-elements/modal/Definitions.ts |   5 +
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 vendor/xbbcode                                |   2 +-
 25 files changed, 841 insertions(+), 465 deletions(-)
 delete mode 100644 shared/css/static/modal-channelinfo.scss
 create mode 100644 shared/js/tree/ChannelDefinitions.ts
 delete mode 100644 shared/js/ui/modal/ModalChannelInfo.ts
 delete mode 100644 shared/js/ui/modal/ModalYesNo.ts
 create mode 100644 shared/js/ui/modal/channel-info/Controller.ts
 create mode 100644 shared/js/ui/modal/channel-info/Definitions.ts
 create mode 100644 shared/js/ui/modal/channel-info/Renderer.scss
 create mode 100644 shared/js/ui/modal/channel-info/Renderer.tsx

diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index b5a7c7a9..089744ea 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -8,7 +8,6 @@ import "./static/modal.scss"
 import "./static/modals.scss"
 import "./static/modal-banclient.scss"
 import "./static/modal-banlist.scss"
-import "./static/modal-channelinfo.scss"
 import "./static/modal-clientinfo.scss"
 import "./static/modal-group-assignment.scss"
 import "./static/modal-icons.scss"
diff --git a/shared/css/static/modal-channelinfo.scss b/shared/css/static/modal-channelinfo.scss
deleted file mode 100644
index 92c7b36b..00000000
--- a/shared/css/static/modal-channelinfo.scss
+++ /dev/null
@@ -1,163 +0,0 @@
-@import "mixin";
-@import "properties";
-
-:global {
-	.modal-body.modal-channel-info {
-		display: flex!important;
-		flex-direction: column!important;
-		justify-content: stretch!important;
-
-		min-width: 30em!important;
-		max-height: calc(100vh - 10em)!important;
-		padding: 0 !important;
-
-		.row {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			padding-top: 1em;
-			padding-left: .5em;
-			padding-right: .5em;
-
-			.column {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				min-width: 6em;
-				width: 10em;
-
-				margin-right: .5em;
-				margin-left: .5em;
-
-				.title {
-					text-transform: uppercase;
-					color: #557edc;
-
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
-
-				.value {
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
-
-				&.audio-encrypted {
-					/* looks better */
-					.value {
-						height: 1.6em;
-						overflow: visible;
-					}
-				}
-			}
-		}
-
-		.container-description {
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			min-height: 8em; /* description plus title */
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			padding-top: 1em;
-			padding-left: 1em;
-			padding-right: 1em;
-
-			.title {
-				display: flex;
-				flex-direction: row;
-				justify-content: flex-start;
-
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				text-transform: uppercase;
-				color: #557edc;
-
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-
-				.button-copy {
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					margin-top: .1em; /* looks a bit better */
-					margin-left: .5em;
-					border-radius: .2em;
-
-					width: 1.3em;
-					height: 1.3em;
-
-					cursor: pointer;
-
-					div {
-						align-self: center;
-					}
-
-					&:hover {
-						background-color: #313135;
-					}
-
-					@include transition($button_hover_animation_time ease-in-out);
-				}
-			}
-
-			.value {
-				display: block;
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				border-radius: 0.2em;
-				border: 1px solid #212324;
-				background-color: #3a3b3f;
-
-				padding: .5em;
-
-				height: max-content;
-				min-height: 6em;
-				max-height: 40em;
-
-				overflow-y: auto;
-				overflow-x: hidden;
-				@include chat-scrollbar-vertical();
-			}
-
-			.no-value {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				font-size: 1.25em;
-				height: (6em / 1.25); /* min value height and a bit more */
-
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-
-				text-align: center;
-				color: #666666;
-			}
-		}
-
-		.container-buttons {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-end;
-
-			padding: 1em;
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/js/text/bbcode.tsx b/shared/js/text/bbcode.tsx
index 10994f3f..9e1b4008 100644
--- a/shared/js/text/bbcode.tsx
+++ b/shared/js/text/bbcode.tsx
@@ -1,7 +1,7 @@
 import {XBBCodeRenderer} from "vendor/xbbcode/react";
 import * as React from "react";
 import {rendererHTML, rendererReact, rendererText, BBCodeHandlerContext} from "tc-shared/text/bbcode/renderer";
-import {parse as parseBBCode} from "vendor/xbbcode/parser";
+import {parseBBCode as parseBBCode} from "vendor/xbbcode/parser";
 import {fixupJQueryUrlTags} from "tc-shared/text/bbcode/url";
 import {fixupJQueryImageTags} from "tc-shared/text/bbcode/image";
 import "./bbcode.scss";
diff --git a/shared/js/text/bbcode/YoutubeRenderer.tsx b/shared/js/text/bbcode/YoutubeRenderer.tsx
index fcf674f0..85531a70 100644
--- a/shared/js/text/bbcode/YoutubeRenderer.tsx
+++ b/shared/js/text/bbcode/YoutubeRenderer.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import * as loader from "tc-loader";
 import {BBCodeHandlerContext, rendererReact, rendererText} from "tc-shared/text/bbcode/renderer";
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
-import {TagElement} from "vendor/xbbcode/elements";
+import {BBCodeTagElement} from "vendor/xbbcode/elements";
 import {BBCodeRenderer} from "tc-shared/text/bbcode";
 import {spawn_context_menu} from "tc-shared/ui/elements/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
@@ -78,8 +78,8 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     name: "XBBCode code tag init",
     function: async () => {
         ipcChannel = getIpcInstance().createCoreControlChannel("bbcode-youtube");
-        rendererReact.registerCustomRenderer(new class extends ElementRenderer<TagElement, React.ReactNode> {
-            render(element: TagElement): React.ReactNode {
+        rendererReact.registerCustomRenderer(new class extends ElementRenderer<BBCodeTagElement, React.ReactNode> {
+            render(element: BBCodeTagElement): React.ReactNode {
                 const text = rendererText.render(element);
                 return <YoutubeRenderer url={text} />;
             }
diff --git a/shared/js/text/bbcode/emoji.tsx b/shared/js/text/bbcode/emoji.tsx
index 000f45e7..39142448 100644
--- a/shared/js/text/bbcode/emoji.tsx
+++ b/shared/js/text/bbcode/emoji.tsx
@@ -2,7 +2,7 @@ import * as loader from "tc-loader";
 import * as React from "react";
 import { rendererReact } from "tc-shared/text/bbcode/renderer";
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
-import {TextElement} from "vendor/xbbcode/elements";
+import {BBCodeTextElement} from "vendor/xbbcode/elements";
 import ReactRenderer from "vendor/xbbcode/renderer/react";
 import {Settings, settings} from "tc-shared/settings";
 
@@ -16,8 +16,8 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     function: async () => {
         let reactId = 0;
 
-        rendererReact.setTextRenderer(new class extends ElementRenderer<TextElement, React.ReactNode> {
-            render(element: TextElement, renderer: ReactRenderer): React.ReactNode {
+        rendererReact.setTextRenderer(new class extends ElementRenderer<BBCodeTextElement, React.ReactNode> {
+            render(element: BBCodeTextElement, renderer: ReactRenderer): React.ReactNode {
                 if(!settings.getValue(Settings.KEY_CHAT_COLORED_EMOJIES)) {
                     return element.text();
                 }
diff --git a/shared/js/text/bbcode/highlight.tsx b/shared/js/text/bbcode/highlight.tsx
index 167d099e..2df8bb95 100644
--- a/shared/js/text/bbcode/highlight.tsx
+++ b/shared/js/text/bbcode/highlight.tsx
@@ -2,7 +2,7 @@ import * as hljs from "highlight.js/lib/core";
 
 import * as loader from "tc-loader";
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
-import {TagElement} from "vendor/xbbcode/elements";
+import {BBCodeTagElement} from "vendor/xbbcode/elements";
 import * as React from "react";
 import {tra} from "tc-shared/i18n/localize";
 import * as DOMPurify from "dompurify";
@@ -92,12 +92,12 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
             return;
         }
         /* override default parser */
-        rendererReact.registerCustomRenderer(new class extends ElementRenderer<TagElement, React.ReactNode> {
+        rendererReact.registerCustomRenderer(new class extends ElementRenderer<BBCodeTagElement, React.ReactNode> {
             tags(): string | string[] {
                 return ["code", "icode", "i-code"];
             }
 
-            render(element: TagElement): React.ReactNode {
+            render(element: BBCodeTagElement): React.ReactNode {
                 const klass = element.tagNormalized != 'code' ? cssStyle.inlineCode : cssStyle.code;
                 const language = (element.options || "").replace("\"", "'").toLowerCase();
 
diff --git a/shared/js/text/bbcode/image.tsx b/shared/js/text/bbcode/image.tsx
index bfb12332..22a6f9bf 100644
--- a/shared/js/text/bbcode/image.tsx
+++ b/shared/js/text/bbcode/image.tsx
@@ -1,5 +1,5 @@
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
-import {TagElement} from "vendor/xbbcode/elements";
+import {BBCodeTagElement} from "vendor/xbbcode/elements";
 import * as React from "react";
 import * as loader from "tc-loader";
 import {rendererReact, rendererText} from "tc-shared/text/bbcode/renderer";
@@ -57,12 +57,12 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     function: async () => {
         let reactId = 0;
 
-        rendererReact.registerCustomRenderer(new class extends ElementRenderer<TagElement, React.ReactNode> {
+        rendererReact.registerCustomRenderer(new class extends ElementRenderer<BBCodeTagElement, React.ReactNode> {
             tags(): string | string[] {
                 return ["img", "image"];
             }
 
-            render(element: TagElement): React.ReactNode {
+            render(element: BBCodeTagElement): React.ReactNode {
                 let target;
                 let content = rendererText.render(element);
                 if (!element.options) {
diff --git a/shared/js/text/bbcode/renderer.tsx b/shared/js/text/bbcode/renderer.tsx
index 087aa8ab..8fd0c467 100644
--- a/shared/js/text/bbcode/renderer.tsx
+++ b/shared/js/text/bbcode/renderer.tsx
@@ -10,7 +10,7 @@ import HTMLRenderer from "vendor/xbbcode/renderer/html";
 
 import "./emoji";
 import "./highlight";
-import "./YoutubeController";
+import "./YoutubeRenderer";
 import "./url";
 import "./image";
 
diff --git a/shared/js/text/bbcode/url.tsx b/shared/js/text/bbcode/url.tsx
index 16e32b66..ec4a8b4d 100644
--- a/shared/js/text/bbcode/url.tsx
+++ b/shared/js/text/bbcode/url.tsx
@@ -2,7 +2,7 @@ import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
 import {copyToClipboard} from "tc-shared/utils/helpers";
 import * as loader from "tc-loader";
 import {ElementRenderer} from "vendor/xbbcode/renderer/base";
-import {TagElement} from "vendor/xbbcode/elements";
+import {BBCodeTagElement} from "vendor/xbbcode/elements";
 import * as React from "react";
 import ReactRenderer from "vendor/xbbcode/renderer/react";
 import {rendererReact, rendererText, BBCodeHandlerContext} from "tc-shared/text/bbcode/renderer";
@@ -53,8 +53,8 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
         let reactId = 0;
 
         const regexUrl = /^(?:[a-zA-Z]{1,16}):(?:\/{1,3}|\\)[-a-zA-Z0-9:;,@#%&()~_?+=\/\\.]*$/g;
-        rendererReact.registerCustomRenderer(new class extends ElementRenderer<TagElement, React.ReactNode> {
-            render(element: TagElement, renderer: ReactRenderer): React.ReactNode {
+        rendererReact.registerCustomRenderer(new class extends ElementRenderer<BBCodeTagElement, React.ReactNode> {
+            render(element: BBCodeTagElement, renderer: ReactRenderer): React.ReactNode {
                 let target: string;
                 if (!element.options) {
                     target = rendererText.render(element);
diff --git a/shared/js/text/chat.ts b/shared/js/text/chat.ts
index 3367c752..84a67808 100644
--- a/shared/js/text/chat.ts
+++ b/shared/js/text/chat.ts
@@ -2,8 +2,8 @@ import UrlKnife from 'url-knife';
 import {Settings, settings} from "../settings";
 import {renderMarkdownAsBBCode} from "../text/markdown";
 import {escapeBBCode} from "../text/bbcode";
-import {parse as parseBBCode} from "vendor/xbbcode/parser";
-import {TagElement} from "vendor/xbbcode/elements";
+import {parseBBCode as parseBBCode} from "vendor/xbbcode/parser";
+import {BBCodeTagElement} from "vendor/xbbcode/elements";
 import {regexImage} from "tc-shared/text/bbcode/image";
 
 interface UrlKnifeUrl {
@@ -88,7 +88,7 @@ export function preprocessChatMessageForSend(message: string) : string {
                 break;
             }
 
-            if(!(element instanceof TagElement)) {
+            if(!(element instanceof BBCodeTagElement)) {
                 continue;
             }
 
diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index c8fd34aa..ec1c8029 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -1,7 +1,7 @@
 import {ChannelTree} from "./ChannelTree";
 import {ClientEntry, ClientEvents} from "./Client";
 import * as log from "../log";
-import {LogCategory, logInfo, LogType, logWarn} from "../log";
+import {LogCategory, logError, logInfo, LogType, logWarn} from "../log";
 import {PermissionType} from "../permission/PermissionType";
 import {settings, Settings} from "../settings";
 import * as contextmenu from "../ui/elements/ContextMenu";
@@ -10,7 +10,6 @@ import {Sound} from "../audio/Sounds";
 import {createErrorModal, createInfoModal, createInputModal} from "../ui/elements/Modal";
 import {CommandResult} from "../connection/ServerConnectionDeclaration";
 import {hashPassword} from "../utils/helpers";
-import {openChannelInfo} from "../ui/modal/ModalChannelInfo";
 import {formatMessage} from "../ui/frames/chat";
 
 import {Registry} from "../events";
@@ -18,10 +17,13 @@ import {ChannelTreeEntry, ChannelTreeEntryEvents} from "./ChannelTreeEntry";
 import {spawnFileTransferModal} from "../ui/modal/transfer/ModalFileTransfer";
 import {ErrorCode} from "../connection/ErrorCode";
 import {ClientIcon} from "svg-sprites/client-icons";
-import { tr } from "tc-shared/i18n/localize";
+import {tr} from "tc-shared/i18n/localize";
 import {EventChannelData} from "tc-shared/connectionlog/Definitions";
 import {spawnChannelEditNew} from "tc-shared/ui/modal/channel-edit/Controller";
 import {spawnInviteGenerator} from "tc-shared/ui/modal/invite/Controller";
+import {NoThrow} from "tc-shared/proto";
+import {ChannelDescriptionResult} from "tc-shared/tree/ChannelDefinitions";
+import {spawnChannelInfo} from "tc-shared/ui/modal/channel-info/Controller";
 
 export enum ChannelType {
     PERMANENT,
@@ -203,9 +205,9 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
     private _destroyed = false;
 
     private cachedPasswordHash: string;
-    private channelDescriptionCached: boolean;
+    private channelDescriptionCacheTimestamp: number;
     private channelDescriptionCallback: ((success: boolean) => void)[];
-    private channelDescriptionPromise: Promise<string>;
+    private channelDescriptionPromise: Promise<ChannelDescriptionResult>;
 
     private collapsed: boolean;
     private subscribed: boolean;
@@ -243,7 +245,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
         this.collapsed = this.channelTree.client.settings.getValue(Settings.FN_SERVER_CHANNEL_COLLAPSED(this.channelId));
         this.subscriptionMode = this.channelTree.client.settings.getValue(Settings.FN_SERVER_CHANNEL_SUBSCRIBE_MODE(this.channelId), ChannelSubscribeMode.INHERITED);
 
-        this.channelDescriptionCached = false;
+        this.channelDescriptionCacheTimestamp = 0;
         this.channelDescriptionCallback = [];
     }
 
@@ -280,45 +282,78 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
         return this.parsed_channel_name.text;
     }
 
-    async getChannelDescription() : Promise<string> {
-        if(this.channelDescriptionPromise) {
-            return this.channelDescriptionPromise;
+    clearDescriptionCache() {
+        this.channelDescriptionPromise = undefined;
+        this.channelDescriptionCacheTimestamp = 0;
+    }
+
+    @NoThrow
+    async getChannelDescription(ignoreCache: boolean) : Promise<ChannelDescriptionResult> {
+        if(ignoreCache || Date.now() - 120 * 1000 > this.channelDescriptionCacheTimestamp) {
+            this.channelDescriptionPromise = this.doGetChannelDescriptionNew();
         }
 
-        const promise = this.doGetChannelDescription();
-        this.channelDescriptionPromise = promise;
-        promise
-            .then(() => this.channelDescriptionPromise = undefined)
-            .catch(() => this.channelDescriptionPromise = undefined);
-        return promise;
+        return await this.channelDescriptionPromise;
     }
 
-    isDescriptionCached() {
-        return this.channelDescriptionCached;
-    }
-
-    private async doGetChannelDescription() {
-        if(!this.channelDescriptionCached) {
+    @NoThrow
+    private async doGetChannelDescriptionNew() : Promise<ChannelDescriptionResult> {
+        try {
             await this.channelTree.client.serverConnection.send_command("channelgetdescription", {
                 cid: this.channelId
             }, {
                 process_result: false
             });
-
-            if(!this.channelDescriptionCached) {
-                /* since the channel description is a low command it will not be processed in sync */
-                await new Promise((resolve, reject) => {
-                    this.channelDescriptionCallback.push(succeeded => {
-                        if(succeeded) {
-                            resolve();
-                        } else {
-                            reject(tr("failed to receive description"));
-                        }
-                    })
-                });
+        } catch (error) {
+            if(error instanceof CommandResult) {
+                if(error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
+                    return {
+                        status: "no-permissions",
+                        failedPermission: this.channelTree.client.permissions.getFailedPermission(error)
+                    }
+                } else {
+                    return {
+                        status: "error",
+                        message: error.formattedMessage()
+                    }
+                }
+            } else if(typeof error === "string") {
+                return {
+                    status: "error",
+                    message: error
+                }
+            } else {
+                logError(LogCategory.CHANNEL, tr("Failed to query channel description for channel %d: %o"), this.channelId, error);
+                return {
+                    status: "error",
+                    message: tr("lookup the console")
+                };
             }
         }
-        return this.properties.channel_description;
+
+        if(!this.channelDescriptionCacheTimestamp) {
+            /* since the channel description is a low command it will not be processed later */
+            const result = await new Promise(resolve => {
+                this.channelDescriptionCallback.push(resolve);
+                setTimeout(() => {
+                    this.channelDescriptionCallback.remove(resolve);
+                    resolve(false);
+                }, 5000);
+            });
+
+            if(!result) {
+                return { status: "error", message: tr("description query failed") };
+            }
+        }
+
+        return {
+            status: "success",
+            description: this.properties.channel_description
+        }
+    }
+
+    isDescriptionCached() {
+        return this.channelDescriptionCacheTimestamp > Date.now() - 120 * 1000;
     }
 
     registerClient(client: ClientEntry) {
@@ -481,7 +516,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
                 name: tr("Show channel info"),
                 callback: () => {
                     trigger_close = false;
-                    openChannelInfo(this);
+                    spawnChannelInfo(this);
                 },
                 icon_class: "client-about"
             }, {
@@ -646,7 +681,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
             const hasUpdate = JSON.map_field_to(this.properties, value, variable.key);
 
             if(key == "channel_description") {
-                this.channelDescriptionCached = true;
+                this.channelDescriptionCacheTimestamp = Date.now();
                 this.channelDescriptionCallback.forEach(callback => callback(true));
                 this.channelDescriptionCallback = [];
             }
@@ -681,10 +716,14 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
         return "[url=channel://" + this.channelId + "/" + encodeURIComponent(this.properties.channel_name) + "]" + this.formattedChannelName() + "[/url]";
     }
 
-    channelType() : ChannelType {
-        if(this.properties.channel_flag_permanent == true) return ChannelType.PERMANENT;
-        if(this.properties.channel_flag_semi_permanent == true) return ChannelType.SEMI_PERMANENT;
-        return ChannelType.TEMPORARY;
+    getChannelType() : ChannelType {
+        if(this.properties.channel_flag_permanent == true) {
+            return ChannelType.PERMANENT;
+        } else if(this.properties.channel_flag_semi_permanent == true) {
+            return ChannelType.SEMI_PERMANENT;
+        } else {
+            return ChannelType.TEMPORARY;
+        }
     }
 
     async joinChannel(ignorePasswordFlag?: boolean) : Promise<boolean> {
@@ -870,11 +909,11 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
     }
 
     handleDescriptionChanged() {
-        if(!this.channelDescriptionCached) {
+        if(!this.channelDescriptionCacheTimestamp) {
             return;
         }
 
-        this.channelDescriptionCached = false;
+        this.channelDescriptionCacheTimestamp = 0;
         this.properties.channel_description = undefined;
         this.events.fire("notify_description_changed");
     }
diff --git a/shared/js/tree/ChannelDefinitions.ts b/shared/js/tree/ChannelDefinitions.ts
new file mode 100644
index 00000000..841295f9
--- /dev/null
+++ b/shared/js/tree/ChannelDefinitions.ts
@@ -0,0 +1,13 @@
+export type ChannelDescriptionResult = {
+    status: "success",
+    description: string,
+    handlerId: string
+} | {
+    status: "empty"
+} | {
+    status: "no-permissions",
+    failedPermission: string
+} | {
+    status: "error",
+    message: string
+};
\ No newline at end of file
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index 577edf1b..a7f567e4 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -16,7 +16,7 @@ import {spawnServerInfoNew} from "tc-shared/ui/modal/server-info/Controller";
 import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
 import {
-    kServerConnectionInfoFields,
+    kServerConnectionInfoFields, ServerAudioEncryptionMode,
     ServerConnectionInfo,
     ServerConnectionInfoResult,
     ServerProperties
@@ -401,4 +401,18 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
             updateInterval: this.properties.virtualserver_hostbanner_gfx_interval,
         };
     }
+
+    getAudioEncryptionMode() : ServerAudioEncryptionMode {
+        switch (this.properties.virtualserver_codec_encryption_mode) {
+            case 0:
+                return "globally-off";
+
+            default:
+            case 1:
+                return "individual";
+
+            case 2:
+                return "globally-on";
+        }
+    }
 }
\ No newline at end of file
diff --git a/shared/js/tree/ServerDefinitions.ts b/shared/js/tree/ServerDefinitions.ts
index c56053db..bcb23ae6 100644
--- a/shared/js/tree/ServerDefinitions.ts
+++ b/shared/js/tree/ServerDefinitions.ts
@@ -1,3 +1,5 @@
+export type ServerAudioEncryptionMode = "globally-on" | "globally-off" | "individual";
+
 export class ServerProperties {
     virtualserver_host: string = "";
     virtualserver_port: number = 0;
diff --git a/shared/js/ui/frames/side/ChannelDescriptionController.ts b/shared/js/ui/frames/side/ChannelDescriptionController.ts
index 4048eed2..93bc17d1 100644
--- a/shared/js/ui/frames/side/ChannelDescriptionController.ts
+++ b/shared/js/ui/frames/side/ChannelDescriptionController.ts
@@ -80,40 +80,39 @@ export class ChannelDescriptionController {
     }
 
     private async updateCachedDescriptionStatus() {
-        try {
-            let description;
-            if(this.currentChannel) {
-                description = await new Promise<any>((resolve, reject) => {
-                    this.currentChannel.getChannelDescription().then(resolve).catch(reject);
-                    setTimeout(() => reject(tr("timeout")), 5000);
-                });
-            }
+        if(this.currentChannel) {
+            const handlerId = this.currentChannel.channelTree.client.handlerId;
+            const result = await this.currentChannel.getChannelDescription(false);
+            switch (result.status) {
+                case "success":
+                case "empty":
+                    this.cachedDescriptionStatus = {
+                        status: "success",
+                        description: result.status === "success" ? result.description : undefined,
+                        handlerId: handlerId
+                    };
+                    break;
 
-            this.cachedDescriptionStatus = {
-                status: "success",
-                description: description,
-                handlerId: this.currentChannel?.channelTree.client.handlerId || "unknown"
-            };
-        } catch (error) {
-            if(error instanceof CommandResult) {
-                if(error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
-                    const permission = this.currentChannel?.channelTree.client.permissions.resolveInfo(parseInt(error.json["failed_permid"]));
+                case "no-permissions":
                     this.cachedDescriptionStatus = {
                         status: "no-permissions",
-                        failedPermission: permission ? permission.name : "unknown"
+                        failedPermission: result.failedPermission
                     };
-                    return;
-                }
+                    break;
 
-                error = error.formattedMessage();
-            } else if(typeof error !== "string") {
-                logError(LogCategory.GENERAL, tr("Failed to get channel descriptions: %o"), error);
-                error = tr("lookup the console");
+                case "error":
+                default:
+                    this.cachedDescriptionStatus = {
+                        status: "error",
+                        reason: result.message || tr("unknown query result"),
+                    };
+                    break;
             }
-
+        } else {
             this.cachedDescriptionStatus = {
-                status: "error",
-                reason: error
+                status: "success",
+                description: undefined,
+                handlerId: "unknown"
             };
         }
         this.cachedDescriptionAge = Date.now();
diff --git a/shared/js/ui/modal/ModalChannelInfo.ts b/shared/js/ui/modal/ModalChannelInfo.ts
deleted file mode 100644
index 86466e71..00000000
--- a/shared/js/ui/modal/ModalChannelInfo.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import {createInfoModal, createModal, Modal} from "../../ui/elements/Modal";
-import {ChannelEntry} from "../../tree/Channel";
-import {copyToClipboard} from "../../utils/helpers";
-import * as tooltip from "../../ui/elements/Tooltip";
-import {formatMessage} from "../../ui/frames/chat";
-import {renderBBCodeAsJQuery} from "tc-shared/text/bbcode";
-import {tr} from "tc-shared/i18n/localize";
-
-export function openChannelInfo(channel: ChannelEntry) {
-    let modal: Modal;
-
-    modal = createModal({
-        header: tr("Channel information: ") + channel.channelName(),
-        body: () => {
-            const template = $("#tmpl_channel_info").renderTag();
-
-            const update_values = (container) => {
-
-                apply_channel_description(container.find(".container-description"), channel);
-                apply_general(container, channel);
-            };
-
-            template.find(".button-copy").on('click', event => {
-                copyToClipboard(channel.properties.channel_description);
-                createInfoModal(tr("Description copied"), tr("The channel description has been copied to your clipboard!")).open();
-            });
-
-            const button_update = template.find(".button-update");
-            button_update.on('click', event => update_values(modal.htmlTag));
-
-            update_values(template);
-            tooltip.initialize(template);
-            return template.children();
-        },
-        footer: null,
-        width: "65em"
-    });
-    modal.htmlTag.find(".button-close").on('click', event => modal.close());
-    modal.htmlTag.find(".modal-body").addClass("modal-channel-info");
-    modal.open();
-}
-
-function apply_channel_description(container: JQuery, channel: ChannelEntry) {
-    const container_value = container.find(".value");
-    const container_no_value = container.find(".no-value");
-
-    channel.getChannelDescription().then(description => {
-        container_value.empty();
-        if (description) {
-            renderBBCodeAsJQuery(description, { convertSingleUrls: true }).forEach(element => container_value.append(element));
-            container_no_value.hide();
-            container_value.show();
-        } else {
-            container_no_value.text(tr("Channel has no description"));
-        }
-    });
-
-    container_value.hide();
-    container_no_value.text(tr("loading...")).show();
-}
-
-const codec_names = [
-    tr("Speex Narrowband"),
-    tr("Speex Wideband"),
-    tr("Speex Ultra-Wideband"),
-    tr("CELT Mono"),
-    tr("Opus Voice"),
-    tr("Opus Music")
-];
-
-function apply_general(container: JQuery, channel: ChannelEntry) {
-    /* channel type */
-    {
-        const tag = container.find(".channel-type .value").empty();
-        if (channel.properties.channel_flag_permanent)
-            tag.text(tr("Permanent"));
-        else if (channel.properties.channel_flag_semi_permanent)
-            tag.text(tr("Semi permanent"));
-        else
-            //TODO: Channel delete delay!
-            tag.text(tr("Temporary"));
-    }
-
-    /* chat mode */
-    {
-        const tag = container.find(".chat-mode .value").empty();
-        if(channel.properties.channel_conversation_mode === 0 || channel.properties.channel_flag_password) {
-            tag.text(tr("Private"));
-        } else if(channel.properties.channel_conversation_mode === 1) {
-            if (channel.properties.channel_conversation_history_length == -1) {
-                tag.text(tr("Public; Semi permanent message saving"));
-            } else if (channel.properties.channel_conversation_history_length == 0) {
-                tag.text(tr("Public; Permanent message saving"));
-            } else {
-                tag.append(formatMessage(tr("Public; Saving last {} messages"), channel.properties.channel_conversation_history_length));
-            }
-        } else {
-            tag.text(tr("No chatting"));
-        }
-    }
-
-    /* current clients */
-    {
-        const tag = container.find(".current-clients .value").empty();
-
-        if (channel.isSubscribed()) {
-            const current = channel.clients().length;
-            let channel_limit = tr("Unlimited");
-            if (!channel.properties.channel_flag_maxclients_unlimited)
-                channel_limit = "" + channel.properties.channel_maxclients;
-            else if (!channel.properties.channel_flag_maxfamilyclients_unlimited) {
-                if (channel.properties.channel_maxfamilyclients >= 0)
-                    channel_limit = "" + channel.properties.channel_maxfamilyclients;
-            }
-
-            tag.text(current + " / " + channel_limit);
-        } else {
-            tag.text(tr("Channel not subscribed"));
-        }
-    }
-
-    /* audio codec */
-    {
-        const tag = container.find(".audio-codec .value").empty();
-        tag.text((codec_names[channel.properties.channel_codec] || tr("Unknown")) + " (" + channel.properties.channel_codec_quality + ")")
-    }
-
-    /* audio encrypted */
-    {
-        const tag = container.find(".audio-encrypted .value").empty();
-        const mode = channel.channelTree.server.properties.virtualserver_codec_encryption_mode;
-        let appendix;
-        if (mode == 1)
-            appendix = tr("Overridden by the server with Unencrypted!");
-        else if (mode == 2)
-            appendix = tr("Overridden by the server with Encrypted!");
-
-        tag.html((channel.properties.channel_codec_is_unencrypted ? tr("Unencrypted") : tr("Encrypted")) + (appendix ? "<br>" + appendix : ""))
-    }
-
-    /* flag password */
-    {
-        const tag = container.find(".flag-password .value").empty();
-        if (channel.properties.channel_flag_password)
-            tag.text(tr("Yes"));
-        else
-            tag.text(tr("No"));
-    }
-
-    /* topic */
-    {
-        const container_tag = container.find(".topic");
-        const tag = container_tag.find(".value").empty();
-        if (channel.properties.channel_topic) {
-            container_tag.show();
-            tag.text(channel.properties.channel_topic);
-        } else {
-            container_tag.hide();
-        }
-    }
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/ModalYesNo.ts b/shared/js/ui/modal/ModalYesNo.ts
deleted file mode 100644
index 1e5ca829..00000000
--- a/shared/js/ui/modal/ModalYesNo.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import {BodyCreator, createModal, Modal, ModalFunctions} from "../../ui/elements/Modal";
-
-export function spawnYesNo(header: BodyCreator, body: BodyCreator, callback: (_: boolean) => any, properties?: {
-    text_yes?: string,
-    text_no?: string,
-
-    closeable?: boolean;
-}) : Modal {
-    properties = properties || {};
-
-    const props = ModalFunctions.warpProperties({});
-    props.template_properties || (props.template_properties = {});
-    props.template_properties.text_yes = properties.text_yes || tr("Yes");
-    props.template_properties.text_no = properties.text_no || tr("No");
-    props.template = "#tmpl_modal_yesno";
-
-    props.header = header;
-    props.template_properties.question = ModalFunctions.jqueriefy(body);
-
-    props.closeable = typeof (properties.closeable) !== "boolean" || properties.closeable;
-    const modal = createModal(props);
-    let submited = false;
-    const button_yes = modal.htmlTag.find(".button-yes");
-    const button_no = modal.htmlTag.find(".button-no");
-
-    button_yes.on('click', event => {
-        if (!submited) {
-            submited = true;
-            callback(true);
-        }
-        modal.close();
-    });
-
-    button_no.on('click', event => {
-        if (!submited) {
-            submited = true;
-            callback(false);
-        }
-        modal.close();
-    });
-
-    modal.close_listener.push(() => button_no.trigger('click'));
-    modal.open();
-    return modal;
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/channel-edit/ControllerProperties.ts b/shared/js/ui/modal/channel-edit/ControllerProperties.ts
index a57ccf40..970d6e90 100644
--- a/shared/js/ui/modal/channel-edit/ControllerProperties.ts
+++ b/shared/js/ui/modal/channel-edit/ControllerProperties.ts
@@ -176,10 +176,9 @@ ChannelPropertyProviders["sortingOrder"] = {
 ChannelPropertyProviders["topic"] = SimplePropertyProvider("channel_topic", "");
 ChannelPropertyProviders["description"] = {
     provider: async (properties, channel) => {
-        if(typeof properties.channel_description !== "undefined" && (properties.channel_description.length !== 0 || channel?.isDescriptionCached())) {
-            return properties.channel_description;
-        } else if(channel) {
-            return await channel.getChannelDescription();
+        const description = await channel.getChannelDescription(false);
+        if(description.status === "success") {
+            return description.description;
         } else {
             return "";
         }
diff --git a/shared/js/ui/modal/channel-info/Controller.ts b/shared/js/ui/modal/channel-info/Controller.ts
new file mode 100644
index 00000000..358b1d62
--- /dev/null
+++ b/shared/js/ui/modal/channel-info/Controller.ts
@@ -0,0 +1,172 @@
+import {Registry} from "tc-events";
+import {ModalChannelInfoEvents, ModalChannelInfoVariables} from "tc-shared/ui/modal/channel-info/Definitions";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {ChannelEntry, ChannelProperties, ChannelType} from "tc-shared/tree/Channel";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import _ from "lodash";
+
+const kChannelUpdateMapping: {[key in keyof ChannelProperties]?: (keyof ModalChannelInfoVariables)[] } = {
+    channel_name: [ "name" ],
+    channel_description: [ "description" ],
+    channel_topic: [ "topic" ],
+    channel_conversation_history_length: [ "chatMode" ],
+    channel_conversation_mode: [ "chatMode" ],
+    channel_maxclients: [ "currentClients" ],
+    channel_maxfamilyclients: [ "currentClients" ],
+    channel_flag_maxclients_unlimited: [ "currentClients" ],
+    channel_flag_maxfamilyclients_unlimited: [ "currentClients" ],
+    channel_flag_maxfamilyclients_inherited: [ "currentClients" ],
+    channel_codec_quality: [ "audioCodec" ],
+    channel_codec: [ "audioCodec" ],
+    channel_codec_is_unencrypted: [ "audioEncrypted" ],
+    channel_flag_password: [ "password" ],
+    channel_flag_semi_permanent: [ "type" ],
+    channel_flag_permanent: [ "type" ],
+    channel_delete_delay: [ "type" ],
+    channel_flag_default: [ "type" ],
+}
+
+class Controller {
+    readonly channel: ChannelEntry;
+    readonly events: Registry<ModalChannelInfoEvents>;
+    readonly variables: IpcUiVariableProvider<ModalChannelInfoVariables>;
+
+    private channelEvents: (() => void)[];
+
+    constructor(channel: ChannelEntry) {
+        this.channel = channel;
+        this.events = new Registry<ModalChannelInfoEvents>();
+        this.variables = new IpcUiVariableProvider<ModalChannelInfoVariables>();
+
+        this.initialize();
+    }
+
+    @CallOnce
+    destroy() {
+        this.channelEvents?.forEach(callback => callback());
+        this.channelEvents = undefined;
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    @CallOnce
+    initialize() {
+        this.variables.setVariableProvider("name", () => this.channel.properties.channel_name);
+        this.variables.setVariableProvider("type", () => {
+            switch (this.channel.getChannelType()) {
+                case ChannelType.PERMANENT:
+                    return "permanent";
+
+                case ChannelType.SEMI_PERMANENT:
+                    return "semi-permanent";
+
+                case ChannelType.TEMPORARY:
+                    return "temporary";
+
+                default:
+                    return "unknown";
+            }
+        });
+        this.variables.setVariableProvider("chatMode", () => {
+            if(this.channel.properties.channel_conversation_mode === 0 || this.channel.properties.channel_flag_password) {
+                return { mode: "private" };
+            } else if(this.channel.properties.channel_conversation_mode === 1) {
+                return { mode: "public", history: this.channel.properties.channel_conversation_history_length };
+            } else {
+                return { mode: "none" };
+            }
+        });
+        this.variables.setVariableProvider("currentClients", () => {
+            if(!this.channel.isSubscribed()) {
+                return { status: "unsubscribed" };
+            }
+
+            let limit;
+            if(!this.channel.properties.channel_flag_maxclients_unlimited) {
+                limit = this.channel.properties.channel_maxclients;
+            } else if(!this.channel.properties.channel_flag_maxfamilyclients_unlimited) {
+                if(this.channel.properties.channel_flag_maxfamilyclients_inherited) {
+                    limit = "inherited";
+                } else {
+                    limit = this.channel.properties.channel_maxfamilyclients;
+                }
+            } else {
+                limit = "unlimited";
+            }
+
+            return {
+                status: "subscribed",
+                online: this.channel.clients().length,
+                limit: limit
+            };
+        });
+        this.variables.setVariableProvider("audioCodec", () => ({
+            codec: this.channel.properties.channel_codec,
+            quality: this.channel.properties.channel_codec_quality
+        }));
+        this.variables.setVariableProvider("audioEncrypted", () => ({
+            channel: this.channel.properties.channel_codec_is_unencrypted,
+            server: this.channel.channelTree.server.getAudioEncryptionMode()
+        }));
+        this.variables.setVariableProvider("password", () => this.channel.properties.channel_flag_password);
+        this.variables.setVariableProvider("topic", () => this.channel.properties.channel_topic);
+        this.variables.setVariableProvider("description", async () => {
+            const result = _.cloneDeep(await this.channel.getChannelDescription(false));
+            if(result.status === "success") {
+                result.handlerId = this.channel.channelTree.client.handlerId;
+                return result;
+            }
+            return result;
+        });
+
+        this.events.on("action_reload_description", () => {
+            this.channel.clearDescriptionCache();
+            this.variables.sendVariable("description");
+        })
+
+        this.channelEvents = [];
+        this.channelEvents.push(this.channel.events.on("notify_properties_updated", event => {
+            const updatedVariables = new Set<keyof ModalChannelInfoVariables>();
+            for(const key of Object.keys(event.updated_properties)) {
+                kChannelUpdateMapping[key]?.forEach(update => updatedVariables.add(update));
+            }
+
+            updatedVariables.forEach(entry => this.variables.sendVariable(entry));
+        }));
+        this.channelEvents.push(this.channel.events.on("notify_subscribe_state_changed", () => {
+            this.variables.sendVariable("currentClients");
+        }));
+        this.channelEvents.push(this.channel.channelTree.events.on("notify_client_enter_view", event => {
+            if(event.targetChannel === this.channel) {
+                this.variables.sendVariable("currentClients");
+            }
+        }));
+        this.channelEvents.push(this.channel.channelTree.events.on("notify_client_moved", event => {
+            if(event.oldChannel === this.channel || event.newChannel === this.channel) {
+                this.variables.sendVariable("currentClients");
+            }
+        }));
+        this.channelEvents.push(this.channel.channelTree.events.on("notify_client_leave_view", event => {
+            if(event.sourceChannel === this.channel) {
+                this.variables.sendVariable("currentClients");
+            }
+        }));
+    }
+}
+
+export function spawnChannelInfo(channel: ChannelEntry) {
+    const controller = new Controller(channel);
+    controller.initialize();
+
+    const modal = spawnModal("channel-info", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription(),
+    ], {
+        popoutable: true
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+    ignorePromise(modal.show());
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/channel-info/Definitions.ts b/shared/js/ui/modal/channel-info/Definitions.ts
new file mode 100644
index 00000000..48aa4057
--- /dev/null
+++ b/shared/js/ui/modal/channel-info/Definitions.ts
@@ -0,0 +1,19 @@
+/* TODO: If channel is temporary: delete delay! */
+import {ServerAudioEncryptionMode} from "tc-shared/tree/ServerDefinitions";
+import {ChannelDescriptionResult} from "tc-shared/tree/ChannelDefinitions";
+
+export interface ModalChannelInfoVariables {
+    readonly name: string,
+    readonly type: "default" | "permanent" | "semi-permanent" | "temporary" | "unknown";
+    readonly chatMode: { mode: "private" | "none" } | { mode: "public", history: number | 0 | -1 }
+    readonly currentClients: { status: "subscribed", online: number, limit: number | "unlimited" | "inherited" } | { status: "unsubscribed" },
+    readonly audioCodec: { codec: number, quality: number },
+    readonly audioEncrypted: { channel: boolean, server: ServerAudioEncryptionMode },
+    readonly password: boolean,
+    readonly topic: string,
+    readonly description: ChannelDescriptionResult,
+}
+
+export interface ModalChannelInfoEvents {
+    action_reload_description: {}
+}
diff --git a/shared/js/ui/modal/channel-info/Renderer.scss b/shared/js/ui/modal/channel-info/Renderer.scss
new file mode 100644
index 00000000..7b70f480
--- /dev/null
+++ b/shared/js/ui/modal/channel-info/Renderer.scss
@@ -0,0 +1,173 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    padding: 0;
+
+    &.windowed {
+        width: 100%;
+        height: 100%;
+    }
+
+    &:not(.windowed) {
+        min-width: 30em;
+        max-height: calc(100vh - 10em);
+    }
+}
+
+.row {
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    padding-top: 1em;
+    padding-left: .5em;
+    padding-right: .5em;
+
+    .column {
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        min-width: 6em;
+        width: 10em;
+
+        margin-right: .5em;
+        margin-left: .5em;
+
+        .title {
+            text-transform: uppercase;
+            color: #557edc;
+
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .value {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        &.audioEncrypted {
+            /* looks better */
+            .value {
+                height: 1.6em;
+                overflow: visible;
+            }
+        }
+    }
+}
+
+.description {
+    flex-grow: 1;
+    flex-shrink: 1;
+
+    min-height: 8em; /* description plus title */
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    padding-top: 1em;
+    padding-left: 1em;
+    padding-right: 1em;
+
+    .title {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        text-transform: uppercase;
+        color: #557edc;
+
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        .buttonCopy {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+
+            margin-top: .1em; /* looks a bit better */
+            margin-left: .5em;
+            border-radius: .2em;
+
+            width: 1.3em;
+            height: 1.3em;
+
+            cursor: pointer;
+
+            div {
+                align-self: center;
+            }
+
+            &:hover {
+                background-color: #313135;
+            }
+
+            @include transition($button_hover_animation_time ease-in-out);
+        }
+    }
+
+    .value {
+        display: block;
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        border-radius: 0.2em;
+        border: 1px solid #212324;
+        background-color: #3a3b3f;
+
+        padding: .5em;
+
+        height: max-content;
+        min-height: 6em;
+        max-height: 40em;
+
+        overflow-y: auto;
+        overflow-x: hidden;
+        @include chat-scrollbar-vertical();
+    }
+
+    .overlay {
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        font-size: 1.25em;
+        height: (6em / 1.25); /* min value height and a bit more */
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        text-align: center;
+        color: #666666;
+
+        &.hidden {
+            display: none;
+        }
+    }
+}
+
+.buttons {
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+
+    padding: 1em;
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/channel-info/Renderer.tsx b/shared/js/ui/modal/channel-info/Renderer.tsx
new file mode 100644
index 00000000..358eddd6
--- /dev/null
+++ b/shared/js/ui/modal/channel-info/Renderer.tsx
@@ -0,0 +1,305 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext} from "react";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {ModalChannelInfoEvents, ModalChannelInfoVariables} from "tc-shared/ui/modal/channel-info/Definitions";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {tr} from "tc-shared/i18n/localize";
+import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
+import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import {BBCodeRenderer} from "tc-shared/text/bbcode";
+const cssStyle = require("./Renderer.scss");
+
+const VariablesContext = React.createContext<UiVariableConsumer<ModalChannelInfoVariables>>(undefined);
+const EventContext = React.createContext<Registry<ModalChannelInfoEvents>>(undefined);
+
+const kCodecNames = [
+    () => useTr("Speex Narrowband"),
+    () => useTr("Speex Wideband"),
+    () => useTr("Speex Ultra-Wideband"),
+    () => useTr("CELT Mono"),
+    () => useTr("Opus Voice"),
+    () => useTr("Opus Music")
+];
+
+const TitleRenderer = React.memo(() => {
+    const title = useContext(VariablesContext).useReadOnly("name");
+    if(title.status === "loaded") {
+        return (
+            <VariadicTranslatable text={"Channel information: {}"} key={"channel"}>
+                {title.value}
+            </VariadicTranslatable>
+        );
+    } else {
+        return (
+            <Translatable key={"general"}>Channel information</Translatable>
+        );
+    }
+});
+
+const TopicRenderer = React.memo(() => {
+    const topic = useContext(VariablesContext).useReadOnly("topic");
+    if(topic.status !== "loaded" || !topic.value) {
+        return null;
+    }
+
+    return (
+        <div className={cssStyle.row}>
+            <div className={cssStyle.title}>
+                <Translatable>Topic</Translatable>
+            </div>
+            <div className={cssStyle.value}>
+                {topic.value}
+            </div>
+        </div>
+    )
+});
+
+const DescriptionRenderer = React.memo(() => {
+    const description = useContext(VariablesContext).useReadOnly("description");
+
+    let overlay;
+    let descriptionBody;
+    if(description.status === "loaded") {
+        switch(description.value.status) {
+            case "success":
+                descriptionBody = (
+                    <BBCodeRenderer
+                        message={description.value.description}
+                        settings={{ convertSingleUrls: true }}
+                        handlerId={description.value.handlerId}
+                    />
+                );
+                break;
+
+            case "empty":
+                overlay = <Translatable key={"no-description"}>Channel has no description</Translatable>;
+                break;
+
+            case "no-permissions":
+                overlay = (
+                    <VariadicTranslatable key={"no-permissions"} text={"No permissions to view the channel description:\n{}"}>
+                        {description.value.failedPermission}
+                    </VariadicTranslatable>
+                );
+                break;
+
+            case "error":
+            default:
+                overlay = (
+                    <VariadicTranslatable key={"error"} text={"Failed to query channel description:\n{}"}>
+                        {description.value.status === "error" ? description.value.message : tr("Unknown error")}
+                    </VariadicTranslatable>
+                );
+                break;
+
+        }
+    } else {
+        overlay = <React.Fragment><Translatable>Loading</Translatable> <LoadingDots /></React.Fragment>;
+    }
+    return (
+        <div className={cssStyle.description}>
+            <div className={cssStyle.title}>
+                <Translatable>Description</Translatable>
+            </div>
+            <div className={cssStyle.value} style={{ display: descriptionBody ? undefined : "none" }}>
+                {descriptionBody}
+            </div>
+            <div className={joinClassList(cssStyle.overlay, descriptionBody && cssStyle.hidden)}>
+                {overlay}
+            </div>
+        </div>
+    );
+});
+
+const kVariablePropertyName: {[T in keyof ModalChannelInfoVariables]?: () => React.ReactElement } = {
+    name: () => <Translatable>Channel Name</Translatable>,
+    type: () => <Translatable>Channel Type</Translatable>,
+    chatMode: () => <Translatable>Chat Mode</Translatable>,
+    currentClients: () => <Translatable>Current Clients</Translatable>,
+    audioCodec: () => <Translatable>Audio Codec</Translatable>,
+    audioEncrypted: () => <Translatable>Audio Encrypted</Translatable>,
+    password: () => <Translatable>Password protected</Translatable>,
+    topic: () => <Translatable>Topic</Translatable>,
+    description: () => <Translatable>Description</Translatable>
+};
+
+const PropertyRenderer = <T extends keyof ModalChannelInfoVariables>(props: {
+    property: T,
+    children: (value: ModalChannelInfoVariables[T]) => React.ReactNode | React.ReactNode[],
+    className?: string,
+}) => {
+    const value = useContext(VariablesContext).useReadOnly(props.property);
+
+    return (
+        <div className={cssStyle.column + " " + props.className}>
+            <div className={cssStyle.title}>
+                {kVariablePropertyName[props.property]()}
+            </div>
+            <div className={cssStyle.value}>
+                {value.status === "loaded" ? props.children(value.value) : undefined}
+            </div>
+        </div>
+    );
+};
+
+class Modal extends AbstractModal {
+    private readonly events: Registry<ModalChannelInfoEvents>;
+    private readonly variables: UiVariableConsumer<ModalChannelInfoVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalChannelInfoEvents>, variables: IpcVariableDescriptor<ModalChannelInfoVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <EventContext.Provider value={this.events}>
+                <VariablesContext.Provider value={this.variables}>
+                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                        <div className={cssStyle.row}>
+                            <PropertyRenderer property={"type"}>
+                                {value => {
+                                    switch (value) {
+                                        case "default":
+                                            return <Translatable key={value}>Default Channel</Translatable>;
+
+                                        case "permanent":
+                                            return <Translatable key={value}>Permanent</Translatable>;
+
+                                        case "semi-permanent":
+                                            return <Translatable key={value}>Semi-Permanent</Translatable>;
+
+                                        case "temporary":
+                                            return <Translatable key={value}>Temporary</Translatable>;
+
+                                        case "unknown":
+                                        default:
+                                            return <Translatable key={value}>Unknown</Translatable>;
+                                    }
+                                }}
+                            </PropertyRenderer>
+                            <PropertyRenderer property={"chatMode"}>
+                                {value => {
+                                    switch (value.mode) {
+                                        case "private":
+                                            return <Translatable key={"private"}>Private</Translatable>;
+
+                                        case "none":
+                                            return <Translatable key={"disabled"}>disabled</Translatable>;
+
+                                        case "public":
+                                            if(value.history === -1) {
+                                                return <Translatable key={"semi-permanent"}>Semi-Permanent</Translatable>;
+                                            } else if(value.history === 0) {
+                                                return <Translatable key={"permanent"}>Permanent</Translatable>;
+                                            } else {
+                                                return (
+                                                    <VariadicTranslatable key={"public"} text={"Public; Saving last {} messages"}>
+                                                        {value.history}
+                                                    </VariadicTranslatable>
+                                                );
+                                            }
+                                        default:
+                                            return <Translatable key={"unknown"}>Unknown</Translatable>;
+                                    }
+                                }}
+                            </PropertyRenderer>
+                            <PropertyRenderer property={"currentClients"}>
+                                {value => {
+                                    if(value.status === "subscribed") {
+                                        let limit;
+                                        if(value.limit === "unlimited") {
+                                            limit = <Translatable key={"unlimited"}>Unlimited</Translatable>;
+                                        } else if(value.limit === "inherited") {
+                                            limit = <Translatable key={"inherited"}>Inherited</Translatable>;
+                                        } else {
+                                            limit = value.limit.toString();
+                                        }
+
+                                        return (
+                                            <React.Fragment>
+                                                {value.online} / {limit}
+                                            </React.Fragment>
+                                        );
+                                    } else if(value.status === "unsubscribed") {
+                                        return <Translatable key={"unsubscribed"}>Not subscribed</Translatable>;
+                                    } else {
+                                        return <Translatable key={"unknown"}>Unknown</Translatable>;
+                                    }
+                                }}
+                            </PropertyRenderer>
+                        </div>
+                        <div className={cssStyle.row}>
+                            <PropertyRenderer property={"audioCodec"}>
+                                {value => (
+                                    <React.Fragment>
+                                        {kCodecNames[value.codec]() || tr("Unknown")} ({value.quality})
+                                    </React.Fragment>
+                                )}
+                            </PropertyRenderer>
+                            <PropertyRenderer property={"audioEncrypted"} className={cssStyle.audioEncrypted}>
+                                {value => {
+                                    let textValue = value.channel ? "Encrypted" : "Unencrypted";
+                                    switch(value.server) {
+                                        case "globally-on":
+                                            return (
+                                                <VariadicTranslatable text={"{}\nOverridden by the server with encrypted!"} key={"global-on"}>
+                                                    {textValue}
+                                                </VariadicTranslatable>
+                                            );
+
+                                        case "globally-off":
+                                            return (
+                                                <VariadicTranslatable text={"{}\nOverridden by the server with unencrypted!"} key={"global-off"}>
+                                                    {textValue}
+                                                </VariadicTranslatable>
+                                            );
+
+                                        default:
+                                            return textValue;
+                                    }
+                                }}
+                            </PropertyRenderer>
+                            <PropertyRenderer property={"password"}>
+                                {value => value ? (
+                                    <Translatable key={"enabled"}>Yes</Translatable>
+                                ) : (
+                                    <Translatable key={"disabled"}>No</Translatable>
+                                )}
+                            </PropertyRenderer>
+                        </div>
+                        <TopicRenderer />
+                        <DescriptionRenderer />
+                        <div className={cssStyle.buttons}>
+                            <Button color={"green"} onClick={() => this.events.fire("action_reload_description")}>
+                                <Translatable>Refresh</Translatable>
+                            </Button>
+                        </div>
+                    </div>
+                </VariablesContext.Provider>
+            </EventContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return (
+            <VariablesContext.Provider value={this.variables}>
+                <TitleRenderer />
+            </VariablesContext.Provider>
+        );
+    }
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index edfedb82..2e9b7cca 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -25,6 +25,7 @@ import {ModalServerInfoEvents, ModalServerInfoVariables} from "tc-shared/ui/moda
 import {ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
 import {ModalServerBandwidthEvents} from "tc-shared/ui/modal/server-bandwidth/Definitions";
 import {ModalYesNoEvents, ModalYesNoVariables} from "tc-shared/ui/modal/yes-no/Definitions";
+import {ModalChannelInfoEvents, ModalChannelInfoVariables} from "tc-shared/ui/modal/channel-info/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -179,6 +180,10 @@ export interface ModalConstructorArguments {
         /* events */ IpcRegistryDescription<ChannelEditEvents>,
         /* isChannelCreate */ boolean
     ],
+    "channel-info": [
+        /* events */ IpcRegistryDescription<ModalChannelInfoEvents>,
+        /* variables */ IpcVariableDescriptor<ModalChannelInfoVariables>
+    ],
     "echo-test": [
         /* events */ IpcRegistryDescription<EchoTestEvents>
     ],
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 0015d20e..45bfbdc4 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -37,6 +37,12 @@ registerModal({
     popoutSupported: false /* TODO: Needs style fixing */
 });
 
+registerModal({
+    modalId: "channel-info",
+    classLoader: async () => await import("tc-shared/ui/modal/channel-info/Renderer"),
+    popoutSupported: true
+});
+
 registerModal({
     modalId: "echo-test",
     classLoader: async () => await import("tc-shared/ui/modal/echo-test/Renderer"),
diff --git a/vendor/xbbcode b/vendor/xbbcode
index d75b0292..e61434dc 160000
--- a/vendor/xbbcode
+++ b/vendor/xbbcode
@@ -1 +1 @@
-Subproject commit d75b0292e8726646867967c8b35cbb52c1580769
+Subproject commit e61434dc048c5de71c31ca3a11f7db97217b0231

From 5ec0b5c9430d83efa9dbc43d92f39523ce86051f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 24 Apr 2021 23:08:40 +0200
Subject: [PATCH 096/128] A small style fix for the popout windows

---
 shared/js/ui/modal/channel-info/Renderer.scss | 10 ++++++
 shared/js/ui/modal/channel-info/Renderer.tsx  | 31 +++++++++++++------
 2 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/shared/js/ui/modal/channel-info/Renderer.scss b/shared/js/ui/modal/channel-info/Renderer.scss
index 7b70f480..42ae3821 100644
--- a/shared/js/ui/modal/channel-info/Renderer.scss
+++ b/shared/js/ui/modal/channel-info/Renderer.scss
@@ -8,9 +8,19 @@
 
     padding: 0;
 
+    width: 60em;
+    max-width: 100%;
+
+    flex-shrink: 1;
+    user-select: none;
+
     &.windowed {
         width: 100%;
         height: 100%;
+
+        .description .value {
+            max-height: unset;
+        }
     }
 
     &:not(.windowed) {
diff --git a/shared/js/ui/modal/channel-info/Renderer.tsx b/shared/js/ui/modal/channel-info/Renderer.tsx
index 358eddd6..63e60220 100644
--- a/shared/js/ui/modal/channel-info/Renderer.tsx
+++ b/shared/js/ui/modal/channel-info/Renderer.tsx
@@ -10,6 +10,9 @@ import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
 import {Button} from "tc-shared/ui/react-elements/Button";
 import {BBCodeRenderer} from "tc-shared/text/bbcode";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
+import {copyToClipboard} from "tc-shared/utils/helpers";
 const cssStyle = require("./Renderer.scss");
 
 const VariablesContext = React.createContext<UiVariableConsumer<ModalChannelInfoVariables>>(undefined);
@@ -47,11 +50,13 @@ const TopicRenderer = React.memo(() => {
 
     return (
         <div className={cssStyle.row}>
-            <div className={cssStyle.title}>
-                <Translatable>Topic</Translatable>
-            </div>
-            <div className={cssStyle.value}>
-                {topic.value}
+            <div className={cssStyle.column}>
+                <div className={cssStyle.title}>
+                    <Translatable>Topic</Translatable>
+                </div>
+                <div className={cssStyle.value}>
+                    {topic.value}
+                </div>
             </div>
         </div>
     )
@@ -60,18 +65,26 @@ const TopicRenderer = React.memo(() => {
 const DescriptionRenderer = React.memo(() => {
     const description = useContext(VariablesContext).useReadOnly("description");
 
-    let overlay;
+    let overlay, copyButton;
     let descriptionBody;
     if(description.status === "loaded") {
         switch(description.value.status) {
             case "success":
+                const descriptionText = description.value.description;
                 descriptionBody = (
                     <BBCodeRenderer
-                        message={description.value.description}
+                        message={descriptionText}
                         settings={{ convertSingleUrls: true }}
                         handlerId={description.value.handlerId}
                     />
                 );
+                copyButton = (
+                    <div className={cssStyle.buttonCopy} onClick={() => {
+                        copyToClipboard(descriptionText);
+                    }}>
+                        <ClientIconRenderer icon={ClientIcon.Copy} />
+                    </div>
+                )
                 break;
 
             case "empty":
@@ -102,7 +115,7 @@ const DescriptionRenderer = React.memo(() => {
     return (
         <div className={cssStyle.description}>
             <div className={cssStyle.title}>
-                <Translatable>Description</Translatable>
+                <Translatable>Description</Translatable> {copyButton}
             </div>
             <div className={cssStyle.value} style={{ display: descriptionBody ? undefined : "none" }}>
                 {descriptionBody}
@@ -167,7 +180,7 @@ class Modal extends AbstractModal {
         return (
             <EventContext.Provider value={this.events}>
                 <VariablesContext.Provider value={this.variables}>
-                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)} draggable={false}>
                         <div className={cssStyle.row}>
                             <PropertyRenderer property={"type"}>
                                 {value => {

From 4b6ff14fb2da49e8fdf12de40961df538de521d1 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 25 Apr 2021 11:35:16 +0200
Subject: [PATCH 097/128] Fixed the host banner resize modes

---
 shared/js/ui/frames/HostBannerRenderer.scss | 35 ++++++++++-----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/shared/js/ui/frames/HostBannerRenderer.scss b/shared/js/ui/frames/HostBannerRenderer.scss
index f1f224d4..c8ac0ca3 100644
--- a/shared/js/ui/frames/HostBannerRenderer.scss
+++ b/shared/js/ui/frames/HostBannerRenderer.scss
@@ -56,24 +56,6 @@
     }
 
     &.mode-resize {
-        /* do adjust and ignore ration */
-        display: flex;
-
-        height: 100%;
-        width: 100%;
-
-        > img {
-            object-fit: contain;
-
-            max-height: 100%;
-            max-width: 100%;
-
-            min-width: 100%;
-            min-height: 100%;
-        }
-    }
-
-    &.mode-resize-ratio {
         display: flex;
         flex-direction: row;
         justify-content: space-around;
@@ -89,4 +71,21 @@
             width: min-content;
         }
     }
+
+    &.mode-resize-ratio {
+        display: flex;
+
+        height: 100%;
+        width: 100%;
+
+        > img {
+            object-fit: contain;
+
+            max-height: 100%;
+            max-width: 100%;
+
+            min-width: 100%;
+            min-height: 100%;
+        }
+    }
 }
\ No newline at end of file

From b54c564151c8a93703d5c5b13cff5204c2519603 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 25 Apr 2021 11:37:37 +0200
Subject: [PATCH 098/128] Removed some unneeded code

---
 loader/app/loader/ScriptLoader.ts             |   2 +-
 loader/app/loader/StyleLoader.ts              |   2 +-
 loader/app/loader/loader.ts                   |   5 ++
 .../images/favicon_teacup.png                 | Bin
 loader/index.ejs                              |  10 +--
 shared/html/templates.html                    |  80 ------------------
 shared/js/ui/frames/chat.ts                   |   2 +-
 web/app/ui/FaviconRenderer.tsx                |  22 ++++-
 8 files changed, 32 insertions(+), 91 deletions(-)
 rename shared/img/favicon/teacup.png => loader/images/favicon_teacup.png (100%)

diff --git a/loader/app/loader/ScriptLoader.ts b/loader/app/loader/ScriptLoader.ts
index 6271d7e2..6f336c5e 100644
--- a/loader/app/loader/ScriptLoader.ts
+++ b/loader/app/loader/ScriptLoader.ts
@@ -44,7 +44,7 @@ export function loadScript(url: SourcePath) : Promise<void> {
         }
 
         scriptTag.src = config.baseUrl + url;
-        document.getElementById("scripts").appendChild(scriptTag);
+        document.body.appendChild(scriptTag);
         resourceRequest.markExecuting();
     });
 }
diff --git a/loader/app/loader/StyleLoader.ts b/loader/app/loader/StyleLoader.ts
index 3e0b1646..39824e9c 100644
--- a/loader/app/loader/StyleLoader.ts
+++ b/loader/app/loader/StyleLoader.ts
@@ -45,7 +45,7 @@ export function loadStyle(path: SourcePath) : Promise<void> {
             resolve();
         };
 
-        document.getElementById("style").appendChild(linkTag);
+        document.head.appendChild(linkTag);
         resourceRequest.markExecuting();
     });
 }
diff --git a/loader/app/loader/loader.ts b/loader/app/loader/loader.ts
index 4e28f016..535f2df1 100644
--- a/loader/app/loader/loader.ts
+++ b/loader/app/loader/loader.ts
@@ -156,6 +156,11 @@ export async function execute(customLoadingAnimations: boolean) {
         return;
     }
 
+    /* Cleanup <noscript> elements */
+    for(const element of document.getElementsByTagName("noscript")) {
+        element.remove();
+    }
+
     const timestampBegin = Date.now();
 
     let begin: number = 0;
diff --git a/shared/img/favicon/teacup.png b/loader/images/favicon_teacup.png
similarity index 100%
rename from shared/img/favicon/teacup.png
rename to loader/images/favicon_teacup.png
diff --git a/loader/index.ejs b/loader/index.ejs
index 38c04e68..59343f28 100644
--- a/loader/index.ejs
+++ b/loader/index.ejs
@@ -12,7 +12,7 @@
         <% /* TODO: Put in an appropriate image <meta name="og:image" content="https://www.whatsapp.com/img/whatsapp-promo.png"> */ %>
 
         <% /* Using an absolute path here since the manifest.json works only with such. */ %>
-        <link rel="manifest" href="/manifest.json">
+        <% /* <link rel="manifest" href="/manifest.json"> */ %>
 
 <% if(buildTarget === "client") { %>
         <title>TeaClient</title>
@@ -20,7 +20,7 @@
 <% } else { %>
         <title>TeaSpeak-Web</title>
         <meta name='og:title' content='TeaSpeak-Web'>
-        <link rel='shortcut icon' href='img/favicon/teacup.png' type='image/x-icon' id="favicon">
+        <link rel='shortcut icon' href='<%= require("./images/favicon_teacup.png") %>' type='image/x-icon' id="favicon">
         <% /* <link rel="apple-touch-icon" sizes="194x194" href="/apple-touch-icon.png" type="image/png"> */ %>
 <% } %>
 
@@ -53,7 +53,7 @@
             <div id="overlay-no-js">
                 <div class="container">
                     <div class="img">
-                        <%= require("./images/script.svg") %>
+                        <%= require("!!svg-inline-loader!./images/script.svg") %>
                     </div>
                     <h1>Please enable JavaScript</h1>
                     <h3>TeaSpeak web could not run without it!</h3>
@@ -62,10 +62,6 @@
             </div>
         </noscript>
 
-        <!-- loader setup -->
-        <div id="style"></div>
-        <div id="scripts"></div>
-
         <!-- Loading screen -->
         <div class="loader" id="loader-overlay">
             <div class="container">
diff --git a/shared/html/templates.html b/shared/html/templates.html
index 974c4890..be86d147 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -82,32 +82,6 @@
                     </div>
                 </div>
             </script>
-
-            <script class="jsrender-template" id="tmpl_modal_yesno" type="text/html">
-                <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                    <div class="modal-dialog modal-dialog-centered" role="document">
-                        <div class="modal-content">
-                            <div class="modal-header">
-                                <div class="container-icon">
-                                    <img src="img/favicon/teacup.png">
-                                </div>
-                                <node key="modal_header"></node>
-                                <div class="container-close">
-                                    <div class="button-modal-close icon_em client-close_button"></div>
-                                </div>
-                            </div>
-                            <div class="modal-body modal-body-yesno">
-                                <node key="question"></node>
-                                <div class="buttons">
-                                    <button type="button" class="btn btn-danger button-no">{{>text_no}}</button>
-                                    <button type="button" class="btn btn-raised btn-success button-yes">{{>text_yes}}
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </script>
         </div>
 
         <!-- Template for the settings -->
@@ -2277,59 +2251,5 @@
                 </div>
             </div>
         </script>
-
-        <script class="jsrender-template" id="tmpl_channel_info" type="text/html">
-            <div> <!-- Important for the renderer -->
-                <div class="row">
-                    <div class="column channel-type">
-                        <a class="title">{{tr "Channel Type" /}}</a>
-                        <div class="value">error: channel type</div>
-                    </div>
-                    <div class="column chat-mode">
-                        <a class="title">{{tr "Chat mode" /}}</a>
-                        <div class="value">error: chat mode</div>
-                    </div>
-                    <div class="column current-clients">
-                        <a class="title">{{tr "Current clients" /}}</a>
-                        <div class="value">error: current clients</div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="column audio-codec">
-                        <a class="title">{{tr "Audio Codec" /}}</a>
-                        <div class="value">error: audio codec</div>
-                    </div>
-                    <div class="column audio-encrypted">
-                        <a class="title">{{tr "Audio encrypted" /}}</a>
-                        <div class="value">error: audio encrypted</div>
-                    </div>
-                    <div class="column flag-password">
-                        <a class="title">{{tr "Password protected" /}}</a>
-                        <div class="value">error: password protected</div>
-                    </div>
-                </div>
-                <div class="row topic"> <!-- only visible if set! -->
-                    <div class="column">
-                        <a class="title">{{tr "Topic" /}}</a>
-                        <div class="value">error: channel topic</div>
-                    </div>
-                </div>
-                <div class="container-description"> <!-- only visible if set -->
-                    <a class="title">
-                        {{tr "Description" /}}
-                        <div class="button-copy">
-                            <div class="icon client-copy"></div>
-                        </div>
-                    </a>
-                    <div class="value">
-                        error: channel description
-                    </div>
-                    <div class="no-value">{{tr "Channel has no description" /}}</div>
-                </div>
-                <div class="container-buttons">
-                    <button class="btn btn-success button-update">{{tr "Refresh" /}}</button>
-                </div>
-            </div>
-        </script>
     </body>
 </html>
\ No newline at end of file
diff --git a/shared/js/ui/frames/chat.ts b/shared/js/ui/frames/chat.ts
index 6e5122af..b3b8193c 100644
--- a/shared/js/ui/frames/chat.ts
+++ b/shared/js/ui/frames/chat.ts
@@ -339,7 +339,7 @@ export function set_icon_size(size: string) {
         document.head.append(iconStyleSize);
     }
 
-    iconStyleSize.innerText = ("\n" +
+    iconStyleSize.innerHTML = ("\n" +
         ".chat-emoji {\n" +
         "  height: " + size + "!important;\n" +
         "  width: " + size + "!important;\n" +
diff --git a/web/app/ui/FaviconRenderer.tsx b/web/app/ui/FaviconRenderer.tsx
index 6c66027e..23d45d27 100644
--- a/web/app/ui/FaviconRenderer.tsx
+++ b/web/app/ui/FaviconRenderer.tsx
@@ -19,10 +19,21 @@ interface FaviconEvents {
 }
 
 let iconImage: HTMLImageElement;
+let defaultFaviconUrl: string;
 async function initializeFaviconRenderer() {
     const events = new Registry<FaviconEvents>();
     initializeFaviconController(events);
 
+    {
+        const favicon = document.head.getElementsByTagName("link");
+        for(const element of favicon) {
+            if(element.rel === "shortcut icon") {
+                defaultFaviconUrl = element.href;
+                break;
+            }
+        }
+    }
+
     iconImage = new Image();
     iconImage.src = kClientSpriteUrl;
 
@@ -93,7 +104,16 @@ function initializeFaviconController(events: Registry<FaviconEvents>) {
     events.on("query_icon", () => sendFavicon());
 }
 
-const DefaultFaviconRenderer = () => <link key={"normal"} rel={"shortcut icon"} href={"img/favicon/teacup.png"} type={"image/x-icon"} />;
+const DefaultFaviconRenderer = () => {
+    if(!defaultFaviconUrl) {
+        return null;
+    }
+
+    return (
+        <link key={"normal"} rel={"shortcut icon"} href={defaultFaviconUrl} type={"image/x-icon"} />
+    );
+};
+
 const ClientIconFaviconRenderer = (props: { icon: ClientIcon }) => {
     const url = clientIconToDataUrl(props.icon);
     if(!url) {

From 48213e120aee723b7c3b4a7736133bf356589e21 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 25 Apr 2021 11:42:27 +0200
Subject: [PATCH 099/128] Fixed a bug that client video disappears on mute

---
 shared/js/connection/rtc/video/Connection.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/js/connection/rtc/video/Connection.ts b/shared/js/connection/rtc/video/Connection.ts
index d880a06d..f0419eae 100644
--- a/shared/js/connection/rtc/video/Connection.ts
+++ b/shared/js/connection/rtc/video/Connection.ts
@@ -371,7 +371,8 @@ export class RtpVideoConnection implements VideoConnection {
                         /* The server stops broadcasting by default, we've to reenable it */
                         Object.values(this.broadcasts).forEach(broadcast => broadcast.restartBroadcast());
                     }
-                } else if(parseInt("scid") === localClient.currentChannel().channelId) {
+                } else {
+                    /* On a channel switch, every client stops video sharing */
                     const broadcast = this.registeredClients[clientId];
                     broadcast?.setBroadcastId("screen", undefined);
                     broadcast?.setBroadcastId("camera", undefined);
@@ -543,7 +544,6 @@ export class RtpVideoConnection implements VideoConnection {
     private handleVideoAssignmentChanged(type: VideoBroadcastType, event: RTCConnectionEvents["notify_video_assignment_changed"]) {
         const oldClient = Object.values(this.registeredClients).find(client => client.getRtpTrack(type) === event.track);
         if(oldClient) {
-            oldClient.setBroadcastId(type, undefined);
             oldClient.setRtpTrack(type, undefined);
         }
 

From 4c1774a39473d7335b034d6038c9e5aa75817103 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 25 Apr 2021 11:45:57 +0200
Subject: [PATCH 100/128] Some minor style fixes

---
 shared/js/ui/AppRenderer.scss            | 1 +
 shared/js/ui/frames/footer/Renderer.scss | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/shared/js/ui/AppRenderer.scss b/shared/js/ui/AppRenderer.scss
index f7ca0263..6292f70a 100644
--- a/shared/js/ui/AppRenderer.scss
+++ b/shared/js/ui/AppRenderer.scss
@@ -50,6 +50,7 @@
     flex-direction: row;
     justify-content: stretch;
 
+    background: var(--app-background);
     min-height: 27em;
 }
 
diff --git a/shared/js/ui/frames/footer/Renderer.scss b/shared/js/ui/frames/footer/Renderer.scss
index fe9a18a0..f1a93ec7 100644
--- a/shared/js/ui/frames/footer/Renderer.scss
+++ b/shared/js/ui/frames/footer/Renderer.scss
@@ -35,6 +35,10 @@
     a[href], a[href]:visited {
         color: var(--footer-text)!important;
     }
+
+    .source {
+        margin-left: .5em;
+    }
 }
 
 .rtcStatus {

From b9f23ca6cc4b88cd5667d8f827063cd8dcb8221f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 25 Apr 2021 11:52:03 +0200
Subject: [PATCH 101/128] Properly returning no description if the channel
 description is empty

---
 shared/js/tree/Channel.ts                     | 9 +++++++--
 shared/js/tree/ChannelDefinitions.ts          | 2 ++
 shared/js/ui/modal/channel-info/Controller.ts | 9 +--------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index ec1c8029..f64757cf 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -346,10 +346,15 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
             }
         }
 
+        if(!this.properties.channel_description) {
+            return { status: "empty" };
+        }
+
         return {
             status: "success",
-            description: this.properties.channel_description
-        }
+            description: this.properties.channel_description,
+            handlerId: this.channelTree.client.handlerId
+        };
     }
 
     isDescriptionCached() {
diff --git a/shared/js/tree/ChannelDefinitions.ts b/shared/js/tree/ChannelDefinitions.ts
index 841295f9..7aa32fc0 100644
--- a/shared/js/tree/ChannelDefinitions.ts
+++ b/shared/js/tree/ChannelDefinitions.ts
@@ -1,6 +1,8 @@
 export type ChannelDescriptionResult = {
     status: "success",
     description: string,
+
+    /* The handler id is required for BBCode renderers */
     handlerId: string
 } | {
     status: "empty"
diff --git a/shared/js/ui/modal/channel-info/Controller.ts b/shared/js/ui/modal/channel-info/Controller.ts
index 358b1d62..5f745695 100644
--- a/shared/js/ui/modal/channel-info/Controller.ts
+++ b/shared/js/ui/modal/channel-info/Controller.ts
@@ -112,14 +112,7 @@ class Controller {
         }));
         this.variables.setVariableProvider("password", () => this.channel.properties.channel_flag_password);
         this.variables.setVariableProvider("topic", () => this.channel.properties.channel_topic);
-        this.variables.setVariableProvider("description", async () => {
-            const result = _.cloneDeep(await this.channel.getChannelDescription(false));
-            if(result.status === "success") {
-                result.handlerId = this.channel.channelTree.client.handlerId;
-                return result;
-            }
-            return result;
-        });
+        this.variables.setVariableProvider("description", async () => await this.channel.getChannelDescription(false));
 
         this.events.on("action_reload_description", () => {
             this.channel.clearDescriptionCache();

From 81a1380d373efa4772e1aacdcf5fff1d73590034 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 25 Apr 2021 15:37:46 +0200
Subject: [PATCH 102/128] Fixed the update modal dialog poping off for new
 clients

---
 shared/js/settings.ts          | 11 ++++++++---
 shared/js/update/UpdaterWeb.ts |  8 +++++++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index 8cf41ba5..a33b176f 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -1,10 +1,10 @@
-import {LogCategory, logError, logTrace} from "./log";
+import {LogCategory, logError, logInfo, logTrace} from "./log";
+import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {Registry} from "./events";
 import {tr} from "./i18n/localize";
 import {CallOnce, ignorePromise} from "tc-shared/proto";
 import {getStorageAdapter} from "tc-shared/StorageAdapter";
-import * as loader from "tc-loader";
 
 /*
  * TODO: Sync settings across renderer instances
@@ -936,7 +936,12 @@ export class Settings {
         const json = await getStorageAdapter().get("settings.global");
 
         try {
-            this.settingsCache = JSON.parse(json);
+            if(json === null) {
+                logInfo(LogCategory.GENERAL, tr("Found no settings. Creating new client settings."));
+                this.settingsCache = {};
+            } else {
+                this.settingsCache = JSON.parse(json);
+            }
         } catch(error) {
             this.settingsCache = {};
             logError(LogCategory.GENERAL, tr("Failed to load global settings!\nJson: %s\nError: %o"), json, error);
diff --git a/shared/js/update/UpdaterWeb.ts b/shared/js/update/UpdaterWeb.ts
index 08da35c1..bcfc8025 100644
--- a/shared/js/update/UpdaterWeb.ts
+++ b/shared/js/update/UpdaterWeb.ts
@@ -140,7 +140,13 @@ class WebUpdater implements Updater {
     }
 
     getLastUsedVersion(): string {
-        return settings.getValue(Settings.KEY_UPDATER_LAST_USED_UI, undefined);
+        const result = settings.getValue(Settings.KEY_UPDATER_LAST_USED_UI, undefined);
+        if(result === undefined) {
+            this.updateUsedVersion();
+            return this.getCurrentVersion();
+        }
+
+        return result;
     }
 
     updateUsedVersion() {

From 031759cebdaea506088e59991720537ba73c07f1 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 25 Apr 2021 15:39:09 +0200
Subject: [PATCH 103/128] Pushing the old modals behind the new modals

---
 shared/js/ui/elements/Modal.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/shared/js/ui/elements/Modal.ts b/shared/js/ui/elements/Modal.ts
index 4c04cb01..96401b69 100644
--- a/shared/js/ui/elements/Modal.ts
+++ b/shared/js/ui/elements/Modal.ts
@@ -258,7 +258,7 @@ export class Modal {
         _global_modal_last = this.htmlTag[0];
 
         this.shown = true;
-        this.htmlTag.appendTo($("body"));
+        this.htmlTag.prependTo($("body"));
 
         _global_modal_count++;
         this.htmlTag.show();

From e7ff40b0eeabb56b237b100f6f42f468cbe72d70 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 26 Apr 2021 13:51:40 +0200
Subject: [PATCH 104/128] Bumped travis nodejs version

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 183e3706..0c45e923 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,7 +2,7 @@ dist: trusty
 
 language: node_js
 node_js:
-  - "12"
+  - "15"
 
 before_install:
   - sudo apt-get update

From 871231cbd5c8ccb93dfcde7d21cb10a874a87698 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 27 Apr 2021 13:30:33 +0200
Subject: [PATCH 105/128] Some minor changes

---
 shared/CountryIconFixup.ts                    |   2 +-
 shared/js/SelectedClientInfo.ts               |   4 +-
 .../js/connection/AbstractCommandHandler.ts   |  21 +-
 shared/js/connection/ClientInfo.ts            |   4 +-
 shared/js/connection/CommandHandler.ts        |   6 +-
 shared/js/connection/CommandHelper.ts         |  34 +-
 shared/js/connection/ConnectionBase.ts        |  32 +-
 shared/js/connection/PluginCmdHandler.ts      |   4 +-
 shared/js/connection/ServerFeatures.ts        |   8 +-
 shared/js/connection/VideoConnection.ts       |  11 +
 shared/js/connection/rtc/Connection.ts        |  33 +-
 shared/js/connection/rtc/SdpUtils.ts          |  10 +
 shared/js/connection/rtc/video/Connection.ts  | 116 +++++-
 shared/js/connection/rtc/video/VideoClient.ts |   5 -
 .../ChannelConversationManager.ts             |   6 +-
 shared/js/file/FileManager.tsx                |   6 +-
 shared/js/i18n/{country.ts => CountryFlag.ts} |   0
 shared/js/i18n/Repository.ts                  |  51 +++
 shared/js/i18n/Translation.ts                 |  47 +++
 shared/js/media/Stream.ts                     |   2 +-
 shared/js/music/PlaylistManager.ts            |  10 +-
 shared/js/permission/GroupManager.ts          |   4 +-
 shared/js/permission/PermissionManager.ts     |   8 +-
 shared/js/profiles/identities/NameIdentity.ts |   6 +-
 .../profiles/identities/TeaForumIdentity.ts   |   6 +-
 .../profiles/identities/TeamSpeakIdentity.ts  |   6 +-
 shared/js/tree/Client.ts                      |  53 ++-
 shared/js/tree/Server.ts                      |   2 +-
 .../side/ChannelConversationController.ts     |   2 +-
 shared/js/ui/frames/video/Controller.ts       |  83 +++-
 shared/js/ui/frames/video/Definitions.ts      |  11 +-
 shared/js/ui/frames/video/Renderer.scss       |  62 ++-
 shared/js/ui/frames/video/Renderer.tsx        | 382 +++++++++++-------
 .../js/ui/frames/video/RendererSpotlight.tsx  |  12 +-
 shared/js/ui/modal/ModalBanList.ts            |   8 +-
 shared/js/ui/modal/ModalClientInfo.ts         |   2 +-
 shared/js/ui/modal/ModalMusicManage.ts        |   2 +-
 shared/js/ui/modal/ModalQuery.ts              |   4 +-
 shared/js/ui/modal/ModalQueryManage.ts        |   4 +-
 shared/js/ui/modal/ModalSettings.tsx          |   2 +-
 .../ui/modal/group-assignment/Controller.ts   |   2 +-
 shared/js/ui/modal/settings/Keymap.scss       |   2 +-
 shared/js/ui/modal/settings/Keymap.tsx        |   2 +-
 shared/js/ui/react-elements/CountryCode.tsx   |   2 +-
 shared/js/ui/tree/RendererDataProvider.tsx    |  11 +-
 shared/js/ui/tree/RendererTreeEntry.tsx       |   1 -
 web/app/audio/Recorder.ts                     |  47 ++-
 web/app/connection/CommandParser.ts           |  15 +-
 web/app/connection/ServerConnection.ts        |  18 +-
 web/app/voice/Connection.ts                   |   2 +-
 50 files changed, 843 insertions(+), 330 deletions(-)
 rename shared/js/i18n/{country.ts => CountryFlag.ts} (100%)
 create mode 100644 shared/js/i18n/Repository.ts
 create mode 100644 shared/js/i18n/Translation.ts

diff --git a/shared/CountryIconFixup.ts b/shared/CountryIconFixup.ts
index bb3a0044..279a2ce4 100644
--- a/shared/CountryIconFixup.ts
+++ b/shared/CountryIconFixup.ts
@@ -3,7 +3,7 @@
 
 import * as path from "path";
 import * as fs from "fs-extra";
-import {getKnownCountries} from "./js/i18n/country";
+import {getKnownCountries} from "./js/i18n/CountryFlag";
 
 const kIconsPath = path.join(__dirname, "img", "country-flags");
 
diff --git a/shared/js/SelectedClientInfo.ts b/shared/js/SelectedClientInfo.ts
index a33ebafc..9cbde59a 100644
--- a/shared/js/SelectedClientInfo.ts
+++ b/shared/js/SelectedClientInfo.ts
@@ -7,7 +7,7 @@ import {
 } from "tc-shared/ui/frames/side/ClientInfoDefinitions";
 import {ClientEntry, ClientType, LocalClientEntry} from "tc-shared/tree/Client";
 import {Registry} from "tc-shared/events";
-import * as i18nc from "tc-shared/i18n/country";
+import * as i18nc from "./i18n/CountryFlag";
 
 export type CachedClientInfoCategory = "name" | "description" | "online-state" | "country" | "volume" | "status" | "forum-account" | "group-channel" | "groups-server" | "version";
 
@@ -231,7 +231,7 @@ export class SelectedClientInfo {
 
     private initializeClientInfo(client: ClientEntry) {
         this.currentClientStatus = {
-            type: client instanceof LocalClientEntry ? "self" : client.properties.client_type === ClientType.CLIENT_QUERY ? "query" : "voice",
+            type: client instanceof LocalClientEntry ? "self" : client.getClientType() === ClientType.CLIENT_QUERY ? "query" : "voice",
             name: client.properties.client_nickname,
             databaseId: client.properties.client_database_id,
             uniqueId: client.properties.client_unique_identifier,
diff --git a/shared/js/connection/AbstractCommandHandler.ts b/shared/js/connection/AbstractCommandHandler.ts
index 2cf484e4..8eb4e654 100644
--- a/shared/js/connection/AbstractCommandHandler.ts
+++ b/shared/js/connection/AbstractCommandHandler.ts
@@ -20,14 +20,14 @@ export abstract class AbstractCommandHandler {
     abstract handle_command(command: ServerCommand) : boolean;
 }
 
-export type ExplicitCommandHandler = (command: ServerCommand, consumed: boolean) => void | boolean;
+export type CommandHandlerCallback = (command: ServerCommand, consumed: boolean) => void | boolean;
 export abstract class AbstractCommandHandlerBoss {
     readonly connection: AbstractServerConnection;
     protected command_handlers: AbstractCommandHandler[] = [];
     /* TODO: Timeout */
     protected single_command_handler: SingleCommandHandler[] = [];
 
-    protected explicitHandlers: {[key: string]:ExplicitCommandHandler[]} = {};
+    protected explicitHandlers: {[key: string]:CommandHandlerCallback[]} = {};
 
     protected constructor(connection: AbstractServerConnection) {
         this.connection = connection;
@@ -38,14 +38,14 @@ export abstract class AbstractCommandHandlerBoss {
         this.single_command_handler = undefined;
     }
 
-    register_explicit_handler(command: string, callback: ExplicitCommandHandler) : () => void {
+    registerCommandHandler(command: string, callback: CommandHandlerCallback) : () => void {
         this.explicitHandlers[command] = this.explicitHandlers[command] || [];
         this.explicitHandlers[command].push(callback);
 
         return () => this.explicitHandlers[command].remove(callback);
     }
 
-    unregister_explicit_handler(command: string, callback: ExplicitCommandHandler) {
+    unregisterCommandHandler(command: string, callback: CommandHandlerCallback) {
         if(!this.explicitHandlers[command])
             return false;
 
@@ -53,16 +53,17 @@ export abstract class AbstractCommandHandlerBoss {
         return true;
     }
 
-    register_handler(handler: AbstractCommandHandler) {
-        if(!handler.volatile_handler_boss && handler.handler_boss)
+    registerHandler(handler: AbstractCommandHandler) {
+        if(!handler.volatile_handler_boss && handler.handler_boss) {
             throw "handler already registered";
+        }
 
         this.command_handlers.remove(handler); /* just to be sure */
         this.command_handlers.push(handler);
         handler.handler_boss = this;
     }
 
-    unregister_handler(handler: AbstractCommandHandler) {
+    unregisterHandler(handler: AbstractCommandHandler) {
         if(!handler.volatile_handler_boss && handler.handler_boss !== this) {
             logWarn(LogCategory.NETWORKING, tr("Tried to unregister command handler which does not belong to the handler boss"));
             return;
@@ -73,13 +74,13 @@ export abstract class AbstractCommandHandlerBoss {
     }
 
 
-    register_single_handler(handler: SingleCommandHandler) {
+    registerSingleHandler(handler: SingleCommandHandler) {
         if(typeof handler.command === "string")
             handler.command = [handler.command];
         this.single_command_handler.push(handler);
     }
 
-    remove_single_handler(handler: SingleCommandHandler) {
+    removeSingleHandler(handler: SingleCommandHandler) {
         this.single_command_handler.remove(handler);
     }
 
@@ -87,7 +88,7 @@ export abstract class AbstractCommandHandlerBoss {
         return this.command_handlers;
     }
 
-    invoke_handle(command: ServerCommand) : boolean {
+    invokeCommand(command: ServerCommand) : boolean {
         let flag_consumed = false;
 
         for(const handler of this.command_handlers) {
diff --git a/shared/js/connection/ClientInfo.ts b/shared/js/connection/ClientInfo.ts
index 8fd5c4af..3443c3bd 100644
--- a/shared/js/connection/ClientInfo.ts
+++ b/shared/js/connection/ClientInfo.ts
@@ -154,7 +154,7 @@ export class ClientInfoResolver {
         try {
             const requestDatabaseIds = Object.keys(this.requestDatabaseIds);
             if(requestDatabaseIds.length > 0) {
-                handlers.push(this.handler.serverConnection.command_handler_boss().register_explicit_handler("notifyclientgetnamefromdbid", command => {
+                handlers.push(this.handler.serverConnection.getCommandHandler().registerCommandHandler("notifyclientgetnamefromdbid", command => {
                     ClientInfoResolver.parseClientInfo(command.arguments).forEach(info => {
                         if(this.requestDatabaseIds[info.clientDatabaseId].fullFilled) {
                             return;
@@ -197,7 +197,7 @@ export class ClientInfoResolver {
 
             const requestUniqueIds = Object.keys(this.requestUniqueIds);
             if(requestUniqueIds.length > 0) {
-                handlers.push(this.handler.serverConnection.command_handler_boss().register_explicit_handler("notifyclientnamefromuid", command => {
+                handlers.push(this.handler.serverConnection.getCommandHandler().registerCommandHandler("notifyclientnamefromuid", command => {
                     ClientInfoResolver.parseClientInfo(command.arguments).forEach(info => {
                         if(this.requestUniqueIds[info.clientUniqueId].fullFilled) {
                             return;
diff --git a/shared/js/connection/CommandHandler.ts b/shared/js/connection/CommandHandler.ts
index 34589d99..4935c25d 100644
--- a/shared/js/connection/CommandHandler.ts
+++ b/shared/js/connection/CommandHandler.ts
@@ -487,7 +487,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
             client = tree.findClient(parseInt(entry["clid"]));
 
             if(!client) {
-                if(parseInt(entry["client_type_exact"]) == ClientType.CLIENT_MUSIC) {
+                if(parseInt(entry["client_type_exact"]) == 4) {
                     client = new MusicClientEntry(parseInt(entry["clid"]), entry["client_nickname"]) as any;
                 } else {
                     client = new ClientEntry(parseInt(entry["clid"]), entry["client_nickname"]);
@@ -501,7 +501,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
                 tree.moveClient(client, channel);
             }
 
-            if(this.connection_handler.areQueriesShown() || client.properties.client_type != ClientType.CLIENT_QUERY) {
+            if(this.connection_handler.areQueriesShown() || client.getClientType() !== ClientType.CLIENT_QUERY) {
                 const own_channel = this.connection.client.getClient().currentChannel();
                 this.connection_handler.log.log(channel == own_channel ? "client.view.enter.own.channel" : "client.view.enter", {
                     channel_from: old_channel ? old_channel.log_data() : undefined,
@@ -584,7 +584,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
             }
 
             const targetChannelId = parseInt(entry["ctid"]);
-            if(this.connection_handler.areQueriesShown() || client.properties.client_type != ClientType.CLIENT_QUERY) {
+            if(this.connection_handler.areQueriesShown() || client.getClientType() !== ClientType.CLIENT_QUERY) {
                 const own_channel = this.connection.client.getClient().currentChannel();
                 let channel_from = tree.findChannel(entry["cfid"]);
                 let channel_to = tree.findChannel(targetChannelId);
diff --git a/shared/js/connection/CommandHelper.ts b/shared/js/connection/CommandHelper.ts
index e29db03c..1914d178 100644
--- a/shared/js/connection/CommandHelper.ts
+++ b/shared/js/connection/CommandHelper.ts
@@ -24,13 +24,13 @@ export class CommandHelper extends AbstractCommandHandler {
     }
 
     initialize() {
-        this.connection.command_handler_boss().register_handler(this);
+        this.connection.getCommandHandler().registerHandler(this);
     }
 
     destroy() {
         if(this.connection) {
-            const hboss = this.connection.command_handler_boss();
-            hboss?.unregister_handler(this);
+            const hboss = this.connection.getCommandHandler();
+            hboss?.unregisterHandler(this);
         }
 
         this.infoByUniqueIdRequest = undefined;
@@ -173,7 +173,7 @@ export class CommandHelper extends AbstractCommandHandler {
                     return true;
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             let data = {};
             if(server_id !== undefined) {
@@ -189,7 +189,7 @@ export class CommandHelper extends AbstractCommandHandler {
                 }
                 reject(error);
             }).then(() => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
             });
         });
     }
@@ -228,7 +228,7 @@ export class CommandHelper extends AbstractCommandHandler {
                     return true;
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             this.connection.send_command("playlistlist").catch(error => {
                 if(error instanceof CommandResult) {
@@ -239,7 +239,7 @@ export class CommandHelper extends AbstractCommandHandler {
                 }
                 reject(error);
             }).then(() => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
             });
         });
     }
@@ -294,7 +294,7 @@ export class CommandHelper extends AbstractCommandHandler {
                     }
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             this.connection.send_command("playlistsonglist", {playlist_id: playlist_id}, { process_result: process_result }).catch(error => {
                 if(error instanceof CommandResult) {
@@ -305,7 +305,7 @@ export class CommandHelper extends AbstractCommandHandler {
                 }
                 reject(error);
             }).catch(() => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
             });
         });
     }
@@ -332,7 +332,7 @@ export class CommandHelper extends AbstractCommandHandler {
                     return true;
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             this.connection.send_command("playlistclientlist", {playlist_id: playlist_id}).catch(error => {
                 if(error instanceof CommandResult && error.id == ErrorCode.DATABASE_EMPTY_RESULT) {
@@ -341,7 +341,7 @@ export class CommandHelper extends AbstractCommandHandler {
                 }
                 reject(error);
             }).then(() => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
             });
         });
     }
@@ -378,10 +378,10 @@ export class CommandHelper extends AbstractCommandHandler {
                     return true;
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             this.connection.send_command("servergroupclientlist", {sgid: group_id}).catch(reject).then(() => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
             });
         });
     }
@@ -422,10 +422,10 @@ export class CommandHelper extends AbstractCommandHandler {
                     return true;
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             this.connection.send_command("playlistinfo", { playlist_id: playlist_id }).catch(reject).then(() => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
             });
         });
     }
@@ -451,10 +451,10 @@ export class CommandHelper extends AbstractCommandHandler {
                     return true;
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             this.connection.send_command("whoami").catch(error => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
                 reject(error);
             });
         });
diff --git a/shared/js/connection/ConnectionBase.ts b/shared/js/connection/ConnectionBase.ts
index 985b8f2b..39703e41 100644
--- a/shared/js/connection/ConnectionBase.ts
+++ b/shared/js/connection/ConnectionBase.ts
@@ -63,7 +63,7 @@ export abstract class AbstractServerConnection {
     abstract getVoiceConnection() : AbstractVoiceConnection;
     abstract getVideoConnection() : VideoConnection;
 
-    abstract command_handler_boss() : AbstractCommandHandlerBoss;
+    abstract getCommandHandler() : AbstractCommandHandlerBoss;
     abstract send_command(command: string, data?: any | any[], options?: CommandOptions) : Promise<CommandResult>;
 
     abstract remote_address() : ServerAddress; /* only valid when connected */
@@ -89,6 +89,36 @@ export abstract class AbstractServerConnection {
 export class ServerCommand {
     command: string;
     arguments: any[];
+    switches: string[];
+
+    constructor(command: string, payload: any[], switches: string[]) {
+        this.command = command;
+        this.arguments = payload;
+        this.switches = switches;
+    }
+
+    getString(key: string, index?: number) {
+        const value = this.arguments[index || 0][key];
+        if(typeof value !== "string") {
+            throw "missing " + key + " at index " + (index || 0);
+        }
+
+        return value;
+    }
+
+    getInt(key: string, index?: number) {
+        const value = this.getString(key, index);
+        const intValue = parseInt(value);
+        if(isNaN(intValue)) {
+            throw "key " + key + " isn't an integer (value: " + value + ")";
+        }
+
+        return intValue;
+    }
+
+    getUInt(key: string, index?: number) {
+        return this.getInt(key, index) >>> 0;
+    }
 }
 
 export interface SingleCommandHandler {
diff --git a/shared/js/connection/PluginCmdHandler.ts b/shared/js/connection/PluginCmdHandler.ts
index a77371ae..66f520f5 100644
--- a/shared/js/connection/PluginCmdHandler.ts
+++ b/shared/js/connection/PluginCmdHandler.ts
@@ -97,11 +97,11 @@ export class PluginCmdRegistry {
         this.connection = connection;
 
         this.handler = new PluginCmdRegistryCommandHandler(connection.serverConnection, this.handlePluginCommand.bind(this));
-        this.connection.serverConnection.command_handler_boss().register_handler(this.handler);
+        this.connection.serverConnection.getCommandHandler().registerHandler(this.handler);
     }
 
     destroy() {
-        this.connection.serverConnection.command_handler_boss().unregister_handler(this.handler);
+        this.connection.serverConnection.getCommandHandler().unregisterHandler(this.handler);
 
         Object.keys(this.handlerMap).map(e => this.handlerMap[e]).forEach(handler => {
             handler["currentServerConnection"] = undefined;
diff --git a/shared/js/connection/ServerFeatures.ts b/shared/js/connection/ServerFeatures.ts
index be24b1db..e3dd41d1 100644
--- a/shared/js/connection/ServerFeatures.ts
+++ b/shared/js/connection/ServerFeatures.ts
@@ -3,7 +3,7 @@ import {Registry} from "../events";
 import {CommandResult} from "../connection/ServerConnectionDeclaration";
 import {ErrorCode} from "../connection/ErrorCode";
 import {LogCategory, logDebug, logTrace, logWarn} from "../log";
-import {ExplicitCommandHandler} from "../connection/AbstractCommandHandler";
+import {CommandHandlerCallback} from "../connection/AbstractCommandHandler";
 import { tr } from "tc-shared/i18n/localize";
 
 export type ServerFeatureSupport = "unsupported" | "supported" | "experimental" | "deprecated";
@@ -28,7 +28,7 @@ export interface ServerFeatureEvents {
 export class ServerFeatures {
     readonly events: Registry<ServerFeatureEvents>;
     private readonly connection: ConnectionHandler;
-    private readonly explicitCommandHandler: ExplicitCommandHandler;
+    private readonly explicitCommandHandler: CommandHandlerCallback;
     private readonly stateChangeListener: () => void;
 
     private featureAwait: Promise<boolean>;
@@ -41,7 +41,7 @@ export class ServerFeatures {
         this.events = new Registry<ServerFeatureEvents>();
         this.connection = connection;
 
-        this.connection.getServerConnection().command_handler_boss().register_explicit_handler("notifyfeaturesupport", this.explicitCommandHandler = command => {
+        this.connection.getServerConnection().getCommandHandler().registerCommandHandler("notifyfeaturesupport", this.explicitCommandHandler = command => {
             for(const set of command.arguments) {
                 let support: ServerFeatureSupport;
                 switch (parseInt(set["support"])) {
@@ -96,7 +96,7 @@ export class ServerFeatures {
 
     destroy() {
         this.stateChangeListener();
-        this.connection.getServerConnection()?.command_handler_boss()?.unregister_explicit_handler("notifyfeaturesupport", this.explicitCommandHandler);
+        this.connection.getServerConnection()?.getCommandHandler()?.unregisterCommandHandler("notifyfeaturesupport", this.explicitCommandHandler);
 
         if(this.featureAwaitCallback) {
             this.featureAwaitCallback(false);
diff --git a/shared/js/connection/VideoConnection.ts b/shared/js/connection/VideoConnection.ts
index bf9f129d..4c103ff1 100644
--- a/shared/js/connection/VideoConnection.ts
+++ b/shared/js/connection/VideoConnection.ts
@@ -69,8 +69,17 @@ export interface VideoClient {
     showPip(broadcastType: VideoBroadcastType) : Promise<void>;
 }
 
+export type VideoBroadcastViewer = {
+    clientId: number,
+    clientName: string,
+    clientUniqueId: string,
+    clientDatabaseId: number,
+};
+
 export interface LocalVideoBroadcastEvents {
     notify_state_changed: { oldState: LocalVideoBroadcastState, newState: LocalVideoBroadcastState },
+    notify_clients_joined: { clients: VideoBroadcastViewer[] },
+    notify_clients_left: { clientIds: number[] },
 }
 
 export type LocalVideoBroadcastState = {
@@ -148,6 +157,8 @@ export interface LocalVideoBroadcast {
     getConstraints() : VideoBroadcastConfig | undefined;
 
     stopBroadcasting();
+
+    getViewer() : VideoBroadcastViewer[];
 }
 
 export interface VideoConnection {
diff --git a/shared/js/connection/rtc/Connection.ts b/shared/js/connection/rtc/Connection.ts
index 478ea804..45d49150 100644
--- a/shared/js/connection/rtc/Connection.ts
+++ b/shared/js/connection/rtc/Connection.ts
@@ -449,19 +449,6 @@ export type RTCSourceTrackType = "audio" | "audio-whisper" | "video" | "video-sc
 export type RTCBroadcastableTrackType = Exclude<RTCSourceTrackType, "audio-whisper">;
 const kRtcSourceTrackTypes: RTCSourceTrackType[] = ["audio", "audio-whisper", "video", "video-screen"];
 
-function broadcastableTrackTypeToNumber(type: RTCBroadcastableTrackType) : number {
-    switch (type) {
-        case "video-screen":
-            return 3;
-        case "video":
-            return 2;
-        case "audio":
-            return 1;
-        default:
-            throw tr("invalid target type");
-    }
-}
-
 type TemporaryRtpStream = {
     createTimestamp: number,
     timeoutId: number,
@@ -534,16 +521,15 @@ export class RTCConnection {
         this.retryCalculator = new RetryTimeCalculator(5000, 30000, 10000);
         this.audioSupport = audioSupport;
 
-        this.connection.command_handler_boss().register_handler(this.commandHandler);
+        this.connection.getCommandHandler().registerHandler(this.commandHandler);
         this.reset(true);
 
         this.connection.events.on("notify_connection_state_changed", event => this.handleConnectionStateChanged(event));
-
         (window as any).rtp = this;
     }
 
     destroy() {
-        this.connection.command_handler_boss().unregister_handler(this.commandHandler);
+        this.connection.getCommandHandler().unregisterHandler(this.commandHandler);
     }
 
     isAudioEnabled() : boolean {
@@ -680,6 +666,21 @@ export class RTCConnection {
         return result;
     }
 
+    getTrackTypeFromSsrc(ssrc: number) : RTCSourceTrackType | undefined {
+        const mediaId = this.sdpProcessor.getLocalMediaIdFromSsrc(ssrc);
+        if(!mediaId) {
+            return undefined;
+        }
+
+        for(const type of kRtcSourceTrackTypes) {
+            if(this.currentTransceiver[type]?.mid === mediaId) {
+                return type;
+            }
+        }
+
+        return undefined;
+    }
+
     public async startVideoBroadcast(type: VideoBroadcastType, config: VideoBroadcastConfig) {
         let track: RTCBroadcastableTrackType;
         let broadcastType: number;
diff --git a/shared/js/connection/rtc/SdpUtils.ts b/shared/js/connection/rtc/SdpUtils.ts
index 81cfadb5..36efac86 100644
--- a/shared/js/connection/rtc/SdpUtils.ts
+++ b/shared/js/connection/rtc/SdpUtils.ts
@@ -83,6 +83,16 @@ export class SdpProcessor {
         return this.rtpLocalChannelMapping[mediaId];
     }
 
+    getLocalMediaIdFromSsrc(ssrc: number) : string | undefined {
+        for(const key of Object.keys(this.rtpLocalChannelMapping)) {
+            if(this.rtpLocalChannelMapping[key] === ssrc) {
+                return key;
+            }
+        }
+
+        return undefined;
+    }
+
     processIncomingSdp(sdpString: string, _mode: "offer" | "answer") : string {
         /* The server somehow does not encode the level id in hex */
         sdpString = sdpString.replace(/profile-level-id=4325407/g, "profile-level-id=4d0028");
diff --git a/shared/js/connection/rtc/video/Connection.ts b/shared/js/connection/rtc/video/Connection.ts
index f0419eae..ca7b00e6 100644
--- a/shared/js/connection/rtc/video/Connection.ts
+++ b/shared/js/connection/rtc/video/Connection.ts
@@ -5,6 +5,7 @@ import {
     VideoBroadcastConfig,
     VideoBroadcastStatistics,
     VideoBroadcastType,
+    VideoBroadcastViewer,
     VideoClient,
     VideoConnection,
     VideoConnectionEvent,
@@ -33,12 +34,14 @@ class LocalRtpVideoBroadcast implements LocalVideoBroadcast {
     private broadcastStartId: number;
 
     private localStartPromise: Promise<void>;
+    private subscribedClients: VideoBroadcastViewer[];
 
     constructor(handle: RtpVideoConnection, type: VideoBroadcastType) {
         this.handle = handle;
         this.type = type;
         this.broadcastStartId = 0;
 
+        this.subscribedClients = [];
         this.events = new Registry<LocalVideoBroadcastEvents>();
         this.state = { state: "stopped" };
     }
@@ -67,12 +70,31 @@ class LocalRtpVideoBroadcast implements LocalVideoBroadcast {
         const oldState = this.state;
         this.state = newState;
         this.events.fire("notify_state_changed", { oldState: oldState, newState: newState });
+
+        if(this.subscribedClients.length > 0) {
+            switch (newState.state) {
+                case "broadcasting":
+                case "initializing":
+                    break;
+
+                case "failed":
+                case "stopped":
+                default:
+                    const clientIds = this.subscribedClients.map(client => client.clientId);
+                    this.subscribedClients = [];
+                    this.events.fire("notify_clients_left", { clientIds: clientIds });
+            }
+        }
     }
 
     getStatistics(): Promise<VideoBroadcastStatistics | undefined> {
         return Promise.resolve(undefined);
     }
 
+    getViewer(): VideoBroadcastViewer[] {
+        return this.subscribedClients;
+    }
+
     async changeSource(source: VideoSource, constraints: VideoBroadcastConfig): Promise<void> {
         let sourceRef = source.ref();
         try {
@@ -333,6 +355,26 @@ class LocalRtpVideoBroadcast implements LocalVideoBroadcast {
     getConstraints(): VideoBroadcastConfig | undefined {
         return this.currentConfig;
     }
+
+    handleClientJoined(client: VideoBroadcastViewer) {
+        const index = this.subscribedClients.findIndex(client_ => client_.clientId === client.clientId);
+        if(index === -1) {
+            this.subscribedClients.push(client);
+            this.events.fire("notify_clients_joined", { clients: [ client ] });
+        } else {
+            this.subscribedClients[index] = client;
+        }
+    }
+
+    handleClientLeave(clientId: number) {
+        const index = this.subscribedClients.findIndex(client => client.clientId === clientId);
+        if(index === -1) {
+            return;
+        }
+
+        this.subscribedClients.splice(index, 1);
+        this.events.fire("notify_clients_left", { clientIds: [ clientId ] });
+    }
 }
 
 export class RtpVideoConnection implements VideoConnection {
@@ -355,7 +397,7 @@ export class RtpVideoConnection implements VideoConnection {
         this.listener = [];
 
         /* We only have to listen for move events since if the client is leaving the broadcast will be terminated anyways */
-        this.listener.push(this.rtcConnection.getConnection().command_handler_boss().register_explicit_handler("notifyclientmoved", event => {
+        this.listener.push(this.rtcConnection.getConnection().getCommandHandler().registerCommandHandler("notifyclientmoved", event => {
             const localClient = this.rtcConnection.getConnection().client.getClient();
             for(const data of event.arguments) {
                 const clientId = parseInt(data["clid"]);
@@ -380,7 +422,7 @@ export class RtpVideoConnection implements VideoConnection {
             }
         }));
 
-        this.listener.push(this.rtcConnection.getConnection().command_handler_boss().register_explicit_handler("notifybroadcastvideo", event => {
+        this.listener.push(this.rtcConnection.getConnection().getCommandHandler().registerCommandHandler("notifybroadcastvideo", event => {
             const assignedClients: { clientId: number, broadcastType: VideoBroadcastType }[] = [];
             for(const data of event.arguments) {
                 if(!("bid" in data)) {
@@ -428,6 +470,76 @@ export class RtpVideoConnection implements VideoConnection {
             });
         }));
 
+        this.listener.push(this.rtcConnection.getConnection().getCommandHandler().registerCommandHandler("notifystreamjoined", command => {
+            const streamId = command.getUInt("streamid");
+            const clientInfo: VideoBroadcastViewer = {
+                clientId: command.getUInt("clid"),
+                clientName: command.getString("clname"),
+                clientUniqueId: command.getString("cluid"),
+                clientDatabaseId: command.getUInt("cldbid")
+            };
+
+            if(clientInfo.clientId === this.rtcConnection.getConnection().client.getClientId()) {
+                /* Just our local video preview */
+                return;
+            }
+
+            const broadcastType = this.rtcConnection.getTrackTypeFromSsrc(streamId);
+            if(!broadcastType) {
+                logError(LogCategory.NETWORKING, tr("Received stream join notify for invalid stream (ssrc: %o)"), streamId);
+                return;
+            }
+
+            let broadcast: LocalRtpVideoBroadcast;
+            switch (broadcastType) {
+                case "video":
+                    broadcast = this.broadcasts["camera"];
+                    break;
+
+                case "video-screen":
+                    broadcast = this.broadcasts["screen"];
+                    break;
+
+                case "audio":
+                case "audio-whisper":
+                default:
+                    logError(LogCategory.NETWORKING, tr("Received stream join notify for invalid stream type: %s"), broadcastType);
+                    return;
+            }
+
+            broadcast.handleClientJoined(clientInfo);
+        }));
+
+        this.listener.push(this.rtcConnection.getConnection().getCommandHandler().registerCommandHandler("notifystreamleft", command => {
+            const streamId = command.getUInt("streamid");
+            const clientId = command.getUInt("clid");
+
+            const broadcastType = this.rtcConnection.getTrackTypeFromSsrc(streamId);
+            if(!broadcastType) {
+                logError(LogCategory.NETWORKING, tr("Received stream leave notify for invalid stream (ssrc: %o)"), streamId);
+                return;
+            }
+
+            let broadcast: LocalRtpVideoBroadcast;
+            switch (broadcastType) {
+                case "video":
+                    broadcast = this.broadcasts["camera"];
+                    break;
+
+                case "video-screen":
+                    broadcast = this.broadcasts["screen"];
+                    break;
+
+                case "audio":
+                case "audio-whisper":
+                default:
+                    logError(LogCategory.NETWORKING, tr("Received stream leave notify for invalid stream type: %s"), broadcastType);
+                    return;
+            }
+
+            broadcast.handleClientLeave(clientId);
+        }));
+
         this.listener.push(this.rtcConnection.getConnection().events.on("notify_connection_state_changed", event => {
             if(event.newState !== ConnectionState.CONNECTED) {
                 Object.values(this.broadcasts).forEach(broadcast => broadcast.stopBroadcasting(true));
diff --git a/shared/js/connection/rtc/video/VideoClient.ts b/shared/js/connection/rtc/video/VideoClient.ts
index 1876ac26..a4b3e6ca 100644
--- a/shared/js/connection/rtc/video/VideoClient.ts
+++ b/shared/js/connection/rtc/video/VideoClient.ts
@@ -82,11 +82,6 @@ export class RtpVideoClient implements VideoClient {
         await this.handle.getConnection().send_command("broadcastvideojoin", {
             bid: this.broadcastIds[broadcastType],
             bt: broadcastType === "camera" ? 0 : 1
-        }).then(() => {
-            /* the broadcast state should switch automatically to running since we got an RTP stream now */
-            if(this.trackStates[broadcastType] === VideoBroadcastState.Initializing) {
-                throw tr("failed to receive stream");
-            }
         }).catch(error => {
             this.joinedStates[broadcastType] = false;
             this.updateBroadcastState(broadcastType);
diff --git a/shared/js/conversations/ChannelConversationManager.ts b/shared/js/conversations/ChannelConversationManager.ts
index f38beea6..38b29ff6 100644
--- a/shared/js/conversations/ChannelConversationManager.ts
+++ b/shared/js/conversations/ChannelConversationManager.ts
@@ -395,9 +395,9 @@ export class ChannelConversationManager extends AbstractChatManager<ChannelConve
 
         /* TODO: Permission listener for text send power! */
 
-        this.listenerConnection.push(connection.serverConnection.command_handler_boss().register_explicit_handler("notifyconversationhistory", this.handleConversationHistory.bind(this)));
-        this.listenerConnection.push(connection.serverConnection.command_handler_boss().register_explicit_handler("notifyconversationindex", this.handleConversationIndex.bind(this)));
-        this.listenerConnection.push(connection.serverConnection.command_handler_boss().register_explicit_handler("notifyconversationmessagedelete", this.handleConversationMessageDelete.bind(this)));
+        this.listenerConnection.push(connection.serverConnection.getCommandHandler().registerCommandHandler("notifyconversationhistory", this.handleConversationHistory.bind(this)));
+        this.listenerConnection.push(connection.serverConnection.getCommandHandler().registerCommandHandler("notifyconversationindex", this.handleConversationIndex.bind(this)));
+        this.listenerConnection.push(connection.serverConnection.getCommandHandler().registerCommandHandler("notifyconversationmessagedelete", this.handleConversationMessageDelete.bind(this)));
 
         this.listenerConnection.push(this.connection.channelTree.events.on("notify_channel_list_received", () => {
             this.queryUnreadFlags();
diff --git a/shared/js/file/FileManager.tsx b/shared/js/file/FileManager.tsx
index 14a92574..e247b424 100644
--- a/shared/js/file/FileManager.tsx
+++ b/shared/js/file/FileManager.tsx
@@ -64,13 +64,13 @@ class FileCommandHandler extends AbstractCommandHandler {
         super(manager.connectionHandler.serverConnection);
         this.manager = manager;
 
-        this.connection.command_handler_boss().register_handler(this);
+        this.connection.getCommandHandler().registerHandler(this);
     }
 
     destroy() {
         if(this.connection) {
-            const hboss = this.connection.command_handler_boss();
-            if(hboss) hboss.unregister_handler(this);
+            const hboss = this.connection.getCommandHandler();
+            if(hboss) hboss.unregisterHandler(this);
         }
     }
 
diff --git a/shared/js/i18n/country.ts b/shared/js/i18n/CountryFlag.ts
similarity index 100%
rename from shared/js/i18n/country.ts
rename to shared/js/i18n/CountryFlag.ts
diff --git a/shared/js/i18n/Repository.ts b/shared/js/i18n/Repository.ts
new file mode 100644
index 00000000..9c2b45b5
--- /dev/null
+++ b/shared/js/i18n/Repository.ts
@@ -0,0 +1,51 @@
+/*
+"key": "de_gt",
+"country_code": "de",
+"path": "de_google_translate.translation",
+
+"name": "German translation, based on Google Translate",
+"contributors": [
+{
+  "name": "Google Translate, via script by Markus Hadenfeldt",
+  "email": "gtr.i18n.client@teaspeak.de"
+},
+{
+  "name": "Markus Hadenfeldt",
+  "email": "i18n.client@teaspeak.de"
+}
+]
+ */
+
+import {CountryFlag} from "svg-sprites/country-flags";
+import {AbstractTranslationResolver} from "tc-shared/i18n/Translation";
+
+export type I18NContributor = {
+    name: string,
+    email: string
+};
+
+export type TranslationResolverCreateResult = {
+    status: "success",
+    resolver: AbstractTranslationResolver
+} | {
+    status: "error",
+    message: string
+};
+
+export abstract class I18NTranslation {
+    abstract getId() : string;
+    abstract getName() : string;
+
+    abstract getCountry() : CountryFlag;
+    abstract getDescription() : string;
+    abstract getContributors() : I18NContributor[];
+
+    abstract createTranslationResolver() : Promise<TranslationResolverCreateResult>;
+}
+
+export abstract class I18NRepository {
+    abstract getName() : string;
+    abstract getDescription() : string;
+
+    abstract getTranslations() : Promise<I18NTranslation[]>;
+}
\ No newline at end of file
diff --git a/shared/js/i18n/Translation.ts b/shared/js/i18n/Translation.ts
new file mode 100644
index 00000000..e080f2bf
--- /dev/null
+++ b/shared/js/i18n/Translation.ts
@@ -0,0 +1,47 @@
+import {LogCategory, logError} from "tc-shared/log";
+
+export abstract class AbstractTranslationResolver {
+    private translationCache: { [key: string]: string };
+
+    protected constructor() {
+        this.translationCache = {};
+    }
+
+    /**
+     * Translate the target message.
+     * @param message
+     */
+    public translateMessage(message: string) {
+        /* typeof is the fastest method */
+        if(typeof this.translationCache === "string") {
+            return this.translationCache[message];
+        }
+
+        let result;
+        try {
+            result = this.translationCache[message] = this.resolveTranslation(message);
+        } catch (error) {
+            /* Don't translate this message because it could cause an infinite loop */
+            logError(LogCategory.I18N, "Failed to resolve translation message: %o", error);
+            result = this.translationCache[message] = message;
+        }
+
+        return result;
+    }
+
+    protected invalidateCache() {
+        this.translationCache = {};
+    }
+
+    /**
+     * Register a translation into the cache.
+     * @param message
+     * @param translation
+     * @protected
+     */
+    protected registerTranslation(message: string, translation: string) {
+        this.translationCache[message] = translation;
+    }
+
+    protected abstract resolveTranslation(message: string) : string;
+}
\ No newline at end of file
diff --git a/shared/js/media/Stream.ts b/shared/js/media/Stream.ts
index ea1d8878..64e4dad3 100644
--- a/shared/js/media/Stream.ts
+++ b/shared/js/media/Stream.ts
@@ -22,7 +22,7 @@ export async function requestMediaStreamWithConstraints(constraints: MediaTrackC
     const beginTimestamp = Date.now();
     try {
         logInfo(LogCategory.AUDIO, tr("Requesting a %s stream for device %s in group %s"), type, constraints.deviceId, constraints.groupId);
-        return await navigator.mediaDevices.getUserMedia(type === "audio" ? {audio: constraints} : {video: constraints});
+        return await navigator.mediaDevices.getUserMedia(type === "audio" ? { audio: constraints } : { video: constraints });
     } catch(error) {
         if('name' in error) {
             if(error.name === "NotAllowedError") {
diff --git a/shared/js/music/PlaylistManager.ts b/shared/js/music/PlaylistManager.ts
index 1f56c7cf..4cded206 100644
--- a/shared/js/music/PlaylistManager.ts
+++ b/shared/js/music/PlaylistManager.ts
@@ -201,7 +201,7 @@ class InternalSubscribedPlaylist extends SubscribedPlaylist {
         this.listenerConnection = [];
 
         const serverConnection = this.handle.connection.serverConnection;
-        this.listenerConnection.push(serverConnection.command_handler_boss().register_explicit_handler("notifyplaylistsongadd", command => {
+        this.listenerConnection.push(serverConnection.getCommandHandler().registerCommandHandler("notifyplaylistsongadd", command => {
             const playlistId = parseInt(command.arguments[0]["playlist_id"]);
             if(isNaN(playlistId)) {
                 logWarn(LogCategory.NETWORKING, tr("Received a playlist song add notify with an invalid playlist id (%o)"), command.arguments[0]["playlist_id"]);
@@ -220,7 +220,7 @@ class InternalSubscribedPlaylist extends SubscribedPlaylist {
             });
         }));
 
-        this.listenerConnection.push(serverConnection.command_handler_boss().register_explicit_handler("notifyplaylistsongremove", command => {
+        this.listenerConnection.push(serverConnection.getCommandHandler().registerCommandHandler("notifyplaylistsongremove", command => {
             const playlistId = parseInt(command.arguments[0]["playlist_id"]);
             if(isNaN(playlistId)) {
                 logWarn(LogCategory.NETWORKING, tr("Received a playlist song remove notify with an invalid playlist id (%o)"), command.arguments[0]["playlist_id"]);
@@ -243,7 +243,7 @@ class InternalSubscribedPlaylist extends SubscribedPlaylist {
             });
         }));
 
-        this.listenerConnection.push(serverConnection.command_handler_boss().register_explicit_handler("notifyplaylistsongreorder", command => {
+        this.listenerConnection.push(serverConnection.getCommandHandler().registerCommandHandler("notifyplaylistsongreorder", command => {
             const playlistId = parseInt(command.arguments[0]["playlist_id"]);
             if(isNaN(playlistId)) {
                 logWarn(LogCategory.NETWORKING, tr("Received a playlist song reorder notify with an invalid playlist id (%o)"), command.arguments[0]["playlist_id"]);
@@ -283,7 +283,7 @@ class InternalSubscribedPlaylist extends SubscribedPlaylist {
             });
         }));
 
-        this.listenerConnection.push(serverConnection.command_handler_boss().register_explicit_handler("notifyplaylistsongloaded", command => {
+        this.listenerConnection.push(serverConnection.getCommandHandler().registerCommandHandler("notifyplaylistsongloaded", command => {
             const playlistId = parseInt(command.arguments[0]["playlist_id"]);
             if(isNaN(playlistId)) {
                 logWarn(LogCategory.NETWORKING, tr("Received a playlist song loaded notify with an invalid playlist id (%o)"), command.arguments[0]["playlist_id"]);
@@ -470,7 +470,7 @@ export class PlaylistManager {
         this.connection = connection;
         this.listenerConnection = [];
 
-        this.listenerConnection.push(connection.serverConnection.command_handler_boss().register_explicit_handler("notifyplaylistsonglist", command => {
+        this.listenerConnection.push(connection.serverConnection.getCommandHandler().registerCommandHandler("notifyplaylistsonglist", command => {
             const playlistId = parseInt(command.arguments[0]["playlist_id"]);
             if(isNaN(playlistId)) {
                 logWarn(LogCategory.NETWORKING, tr("Received playlist song list notify with an invalid playlist id (%o)"), command.arguments[0]["playlist_id"]);
diff --git a/shared/js/permission/GroupManager.ts b/shared/js/permission/GroupManager.ts
index 388d5dd9..72c84b3b 100644
--- a/shared/js/permission/GroupManager.ts
+++ b/shared/js/permission/GroupManager.ts
@@ -168,7 +168,7 @@ export class GroupManager extends AbstractCommandHandler {
             }
         };
 
-        client.serverConnection.command_handler_boss().register_handler(this);
+        client.serverConnection.getCommandHandler().registerHandler(this);
         client.events().on("notify_connection_state_changed", this.connectionStateListener);
 
         this.reset();
@@ -177,7 +177,7 @@ export class GroupManager extends AbstractCommandHandler {
     destroy() {
         this.reset();
         this.connectionHandler.events().off("notify_connection_state_changed", this.connectionStateListener);
-        this.connectionHandler.serverConnection?.command_handler_boss().unregister_handler(this);
+        this.connectionHandler.serverConnection?.getCommandHandler().unregisterHandler(this);
         this.serverGroups = undefined;
         this.channelGroups = undefined;
     }
diff --git a/shared/js/permission/PermissionManager.ts b/shared/js/permission/PermissionManager.ts
index 2627b13b..345a2956 100644
--- a/shared/js/permission/PermissionManager.ts
+++ b/shared/js/permission/PermissionManager.ts
@@ -260,13 +260,13 @@ export class PermissionManager extends AbstractCommandHandler {
 
         //FIXME? Dont register the handler like this?
         this.volatile_handler_boss = true;
-        client.serverConnection.command_handler_boss().register_handler(this);
+        client.serverConnection.getCommandHandler().registerHandler(this);
 
         this.handle = client;
     }
 
     destroy() {
-        this.handle.serverConnection && this.handle.serverConnection.command_handler_boss().unregister_handler(this);
+        this.handle.serverConnection && this.handle.serverConnection.getCommandHandler().unregisterHandler(this);
         this.needed_permission_change_listener = {};
 
         this.permissionList = undefined;
@@ -712,10 +712,10 @@ export class PermissionManager extends AbstractCommandHandler {
                     return true;
                 }
             };
-            this.handler_boss.register_single_handler(single_handler);
+            this.handler_boss.registerSingleHandler(single_handler);
 
             this.connection.send_command("permfind", permission_ids.map(e => { return {permid: e }})).catch(error => {
-                this.handler_boss.remove_single_handler(single_handler);
+                this.handler_boss.removeSingleHandler(single_handler);
 
                 if(error instanceof CommandResult && error.id == ErrorCode.DATABASE_EMPTY_RESULT) {
                     resolve([]);
diff --git a/shared/js/profiles/identities/NameIdentity.ts b/shared/js/profiles/identities/NameIdentity.ts
index 55200e7e..fb803026 100644
--- a/shared/js/profiles/identities/NameIdentity.ts
+++ b/shared/js/profiles/identities/NameIdentity.ts
@@ -23,7 +23,7 @@ class NameHandshakeHandler extends AbstractHandshakeIdentityHandler {
     }
 
     executeHandshake() {
-        this.connection.command_handler_boss().register_handler(this.handler);
+        this.connection.getCommandHandler().registerHandler(this.handler);
         this.connection.send_command("handshakebegin", {
             intention: 0,
             authentication_method: this.identity.type(),
@@ -37,12 +37,12 @@ class NameHandshakeHandler extends AbstractHandshakeIdentityHandler {
     }
 
     protected trigger_fail(message: string) {
-        this.connection.command_handler_boss().unregister_handler(this.handler);
+        this.connection.getCommandHandler().unregisterHandler(this.handler);
         super.trigger_fail(message);
     }
 
     protected trigger_success() {
-        this.connection.command_handler_boss().unregister_handler(this.handler);
+        this.connection.getCommandHandler().unregisterHandler(this.handler);
         super.trigger_success();
     }
 }
diff --git a/shared/js/profiles/identities/TeaForumIdentity.ts b/shared/js/profiles/identities/TeaForumIdentity.ts
index 74e58633..177dfad7 100644
--- a/shared/js/profiles/identities/TeaForumIdentity.ts
+++ b/shared/js/profiles/identities/TeaForumIdentity.ts
@@ -23,7 +23,7 @@ class TeaForumHandshakeHandler extends AbstractHandshakeIdentityHandler {
     }
 
     executeHandshake() {
-        this.connection.command_handler_boss().register_handler(this.handler);
+        this.connection.getCommandHandler().registerHandler(this.handler);
         this.connection.send_command("handshakebegin", {
             intention: 0,
             authentication_method: this.identity.type(),
@@ -51,12 +51,12 @@ class TeaForumHandshakeHandler extends AbstractHandshakeIdentityHandler {
     }
 
     protected trigger_fail(message: string) {
-        this.connection.command_handler_boss().unregister_handler(this.handler);
+        this.connection.getCommandHandler().unregisterHandler(this.handler);
         super.trigger_fail(message);
     }
 
     protected trigger_success() {
-        this.connection.command_handler_boss().unregister_handler(this.handler);
+        this.connection.getCommandHandler().unregisterHandler(this.handler);
         super.trigger_success();
     }
 }
diff --git a/shared/js/profiles/identities/TeamSpeakIdentity.ts b/shared/js/profiles/identities/TeamSpeakIdentity.ts
index 3e7f808e..2a980a60 100644
--- a/shared/js/profiles/identities/TeamSpeakIdentity.ts
+++ b/shared/js/profiles/identities/TeamSpeakIdentity.ts
@@ -237,7 +237,7 @@ export class TeaSpeakHandshakeHandler extends AbstractHandshakeIdentityHandler {
     }
 
     executeHandshake() {
-        this.connection.command_handler_boss().register_handler(this.handler);
+        this.connection.getCommandHandler().registerHandler(this.handler);
         this.connection.send_command("handshakebegin", {
             intention: 0,
             authentication_method: this.identity.type(),
@@ -271,12 +271,12 @@ export class TeaSpeakHandshakeHandler extends AbstractHandshakeIdentityHandler {
     }
 
     protected trigger_fail(message: string) {
-        this.connection.command_handler_boss().unregister_handler(this.handler);
+        this.connection.getCommandHandler().unregisterHandler(this.handler);
         super.trigger_fail(message);
     }
 
     protected trigger_success() {
-        this.connection.command_handler_boss().unregister_handler(this.handler);
+        this.connection.getCommandHandler().unregisterHandler(this.handler);
         super.trigger_success();
     }
 
diff --git a/shared/js/tree/Client.ts b/shared/js/tree/Client.ts
index 8e69dde9..a5b69d27 100644
--- a/shared/js/tree/Client.ts
+++ b/shared/js/tree/Client.ts
@@ -31,18 +31,19 @@ import {W2GPluginCmdHandler} from "tc-shared/ui/modal/video-viewer/W2GPlugin";
 import {spawnServerGroupAssignments} from "tc-shared/ui/modal/group-assignment/Controller";
 import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
 
+/* Must be the same as the TeaSpeak servers enum values */
 export enum ClientType {
-    CLIENT_VOICE,
-    CLIENT_QUERY,
-    CLIENT_INTERNAL,
-    CLIENT_WEB,
-    CLIENT_MUSIC,
-    CLIENT_UNDEFINED
+    CLIENT_VOICE = 0,
+    CLIENT_QUERY = 1,
+    CLIENT_WEB = 3,
+    CLIENT_MUSIC = 4,
+    CLIENT_TEASPEAK = 5,
+    CLIENT_UNDEFINED = 5
 }
 
 export class ClientProperties {
     client_type: ClientType = ClientType.CLIENT_VOICE; //TeamSpeaks type
-    client_type_exact: ClientType = ClientType.CLIENT_VOICE;
+    client_type_exact: ClientType = ClientType.CLIENT_UNDEFINED;
 
     client_database_id: number = 0;
     client_version: string = "";
@@ -912,6 +913,44 @@ export class ClientEntry<Events extends ClientEvents = ClientEvents> extends Cha
     getAudioVolume() {
         return this.voiceVolume;
     }
+
+    getClientType() : ClientType {
+        if(this.properties.client_type_exact === ClientType.CLIENT_UNDEFINED) {
+            /* We're on a TS3 server */
+            switch(this.properties.client_type) {
+                case 0:
+                    return ClientType.CLIENT_VOICE;
+
+                case 1:
+                    return ClientType.CLIENT_QUERY;
+
+                default:
+                    return ClientType.CLIENT_UNDEFINED;
+            }
+        } else {
+            switch(this.properties.client_type_exact) {
+                case 0:
+                    return ClientType.CLIENT_VOICE;
+
+                case 1:
+                    return ClientType.CLIENT_QUERY;
+
+                case 3:
+                    return ClientType.CLIENT_WEB;
+
+                case 4:
+                    return ClientType.CLIENT_MUSIC;
+
+                case 5:
+                    return ClientType.CLIENT_TEASPEAK;
+
+                case 2:
+                    /* 2 is the internal client type which should never be visible for the target user */
+                default:
+                    return ClientType.CLIENT_UNDEFINED;
+            }
+        }
+    }
 }
 
 export class LocalClientEntry extends ClientEntry {
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index a7f567e4..fc65f2e7 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -307,7 +307,7 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
         const connection = this.channelTree.client.serverConnection;
 
         let result: ServerConnectionInfoResult = { status: "error", message: "missing notify" };
-        const handlerUnregister = connection.command_handler_boss().register_explicit_handler("notifyserverconnectioninfo", command => {
+        const handlerUnregister = connection.getCommandHandler().registerCommandHandler("notifyserverconnectioninfo", command => {
             const payload = command.arguments[0];
 
             const info = {} as any;
diff --git a/shared/js/ui/frames/side/ChannelConversationController.ts b/shared/js/ui/frames/side/ChannelConversationController.ts
index 58a027d4..fec8547e 100644
--- a/shared/js/ui/frames/side/ChannelConversationController.ts
+++ b/shared/js/ui/frames/side/ChannelConversationController.ts
@@ -1,5 +1,5 @@
 import {ConnectionHandler} from "../../../ConnectionHandler";
-import {EventHandler} from "../../../events";
+import {EventHandler} from "tc-events";
 import {LogCategory, logError} from "../../../log";
 import {tr} from "../../../i18n/localize";
 import {AbstractConversationUiEvents} from "./AbstractConversationDefinitions";
diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index a65c81f8..8a011d2e 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -447,6 +447,7 @@ class ChannelVideoController {
         this.events.on("query_videos", () => this.notifyVideoList());
         this.events.on("query_spotlight", () => this.notifySpotlight());
         this.events.on("query_subscribe_info", () => this.notifySubscribeInfo());
+        this.events.on("query_viewer_count", () => this.notifyViewerCount());
 
         this.events.on("query_video_info", event => {
             const controller = this.findVideoById(event.videoId);
@@ -492,6 +493,14 @@ class ChannelVideoController {
             }
         });
 
+        events.push(this.videoConnection.getLocalBroadcast("camera").getEvents().on([ "notify_clients_left", "notify_clients_joined", "notify_state_changed" ], () => {
+            this.notifyViewerCount();
+        }));
+
+        events.push(this.videoConnection.getLocalBroadcast("screen").getEvents().on([ "notify_clients_left", "notify_clients_joined", "notify_state_changed" ], () => {
+            this.notifyViewerCount();
+        }));
+
         const channelTree = this.connection.channelTree;
         events.push(channelTree.events.on("notify_tree_reset", () => {
             this.resetClientVideos();
@@ -512,6 +521,7 @@ class ChannelVideoController {
                         this.notifyVideoList();
                     }
                 }
+
                 if(event.newChannel.channelId === this.currentChannelId) {
                     this.createClientVideo(event.client);
                     this.notifyVideoList();
@@ -527,6 +537,7 @@ class ChannelVideoController {
             if(this.destroyClientVideo(event.client.clientId())) {
                 this.notifyVideoList();
             }
+
             if(event.client instanceof LocalClientEntry) {
                 this.resetClientVideos();
             }
@@ -541,6 +552,7 @@ class ChannelVideoController {
                 this.createClientVideo(event.client);
                 this.notifyVideoList();
             }
+
             if(event.client instanceof LocalClientEntry) {
                 this.updateLocalChannel(event.client);
             }
@@ -572,7 +584,7 @@ class ChannelVideoController {
     }
 
     private static shouldIgnoreClient(client: ClientEntry) {
-        return (client instanceof MusicClientEntry || client.properties.client_type_exact === ClientType.CLIENT_QUERY);
+        return (client instanceof MusicClientEntry || client.getClientType() === ClientType.CLIENT_QUERY);
     }
 
     private updateLocalChannel(localClient: ClientEntry) {
@@ -658,25 +670,41 @@ class ChannelVideoController {
 
         const channel = this.connection.channelTree.findChannel(this.currentChannelId);
         if(channel) {
-            const clients = channel.channelClientsOrdered();
-            for(const client of clients) {
+            const clients = channel.channelClientsOrdered().filter(client => {
                 if(client instanceof LocalClientEntry) {
-                    continue;
+                    return false;
                 }
 
                 if(!this.clientVideos[client.clientId()]) {
                     /* should not be possible (Is only possible for the local client) */
+                    return false;
+                }
+
+                return true;
+            });
+
+            /* Firstly add all clients with video */
+            for(const client of clients) {
+                const controller = this.clientVideos[client.clientId()];
+                if(!controller.isBroadcasting()) {
                     continue;
                 }
 
-                const controller = this.clientVideos[client.clientId()];
-                if(controller.isBroadcasting()) {
-                    videoStreamingCount++;
-                } else if(!settings.getValue(Settings.KEY_VIDEO_SHOW_ALL_CLIENTS)) {
-                    continue;
-                }
+                videoStreamingCount++;
                 videoIds.push(controller.videoId);
             }
+
+            /* Secondly add all other clients (if wanted) */
+            if(settings.getValue(Settings.KEY_VIDEO_SHOW_ALL_CLIENTS)) {
+                for(const client of clients) {
+                    const controller = this.clientVideos[client.clientId()];
+                    if(controller.isBroadcasting()) {
+                        continue;
+                    }
+
+                    videoIds.push(controller.videoId);
+                }
+            }
         }
 
         this.updateVisibility(videoStreamingCount !== 0);
@@ -720,6 +748,41 @@ class ChannelVideoController {
         });
     }
 
+    private notifyViewerCount() {
+        let cameraViewers, screenViewers;
+        {
+            let broadcast = this.videoConnection.getLocalBroadcast("camera");
+            switch (broadcast.getState().state) {
+                case "initializing":
+                case "broadcasting":
+                    cameraViewers = broadcast.getViewer().length;
+                    break;
+
+                case "stopped":
+                case "failed":
+                default:
+                    cameraViewers = undefined;
+                    break;
+            }
+        }
+        {
+            let broadcast = this.videoConnection.getLocalBroadcast("screen");
+            switch (broadcast.getState().state) {
+                case "initializing":
+                case "broadcasting":
+                    screenViewers = broadcast.getViewer().length;
+                    break;
+
+                case "stopped":
+                case "failed":
+                default:
+                    screenViewers = undefined;
+                    break;
+            }
+        }
+        this.events.fire_react("notify_viewer_count", { camera: cameraViewers, screen: screenViewers });
+    }
+
     private updateVisibility(target: boolean) {
         if(this.currentlyVisible === target) { return; }
 
diff --git a/shared/js/ui/frames/video/Definitions.ts b/shared/js/ui/frames/video/Definitions.ts
index b19b2d76..e7a0d6c7 100644
--- a/shared/js/ui/frames/video/Definitions.ts
+++ b/shared/js/ui/frames/video/Definitions.ts
@@ -87,7 +87,8 @@ export interface ChannelVideoEvents {
     query_video_statistics: { videoId: string, broadcastType: VideoBroadcastType },
     query_spotlight: {},
     query_video_stream: { videoId: string, broadcastType: VideoBroadcastType },
-    query_subscribe_info: {}
+    query_subscribe_info: {},
+    query_viewer_count: {},
 
     notify_expended: { expended: boolean },
     notify_videos: {
@@ -107,10 +108,6 @@ export interface ChannelVideoEvents {
         videoId: string,
         statusIcon: ClientIcon
     },
-    notify_video_arrows: {
-        left: boolean,
-        right: boolean
-    },
     notify_spotlight: {
         videoId: string[]
     },
@@ -126,6 +123,10 @@ export interface ChannelVideoEvents {
     },
     notify_subscribe_info: {
         info: VideoSubscribeInfo
+    },
+    notify_viewer_count: {
+        camera: number | undefined,
+        screen: number | undefined,
     }
 }
 
diff --git a/shared/js/ui/frames/video/Renderer.scss b/shared/js/ui/frames/video/Renderer.scss
index 46d4f41c..ef7f3018 100644
--- a/shared/js/ui/frames/video/Renderer.scss
+++ b/shared/js/ui/frames/video/Renderer.scss
@@ -124,7 +124,9 @@ $small_height: 10em;
     position: relative;
 
     height: $small_height;
-    width: 100%;
+
+    max-width: 100%;
+    min-width: 16em;
 
     flex-shrink: 0;
     flex-grow: 0;
@@ -136,9 +138,6 @@ $small_height: 10em;
     margin-left: .5em;
     margin-right: .5em;
 
-    /* TODO: Min with of two video +4em for one of the arrows */
-    min-width: 6em;
-
     .videos {
         display: flex;
         flex-direction: row;
@@ -244,6 +243,7 @@ $small_height: 10em;
     }
 }
 
+/* FIXME: Unify the overlays (Bottom left, Bottom right, and Top right) */
 .videoContainer, :global(.react-grid-item.react-grid-placeholder) {
     /* Note: don't use margin here since it might */
     position: relative;
@@ -401,13 +401,65 @@ $small_height: 10em;
             font-weight: normal!important;
 
             @include text-dotdotdot();
+        }
 
-            &.local {
+        &.local {
+            .name {
                 color: #147114;
             }
         }
     }
 
+    .videoViewerCount {
+        position: absolute;
+
+        top: 0;
+        right: 0;
+
+        display: flex;
+        flex-direction: row;
+
+        border-bottom-left-radius: .2em;
+        background-color: #35353580;
+
+        padding: .1em .3em;
+        cursor: pointer;
+
+        max-width: 70%;
+
+        .entry {
+            flex-shrink: 0;
+            align-self: center;
+
+            color: #999;
+
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start;
+
+            &:not(:last-of-type) {
+                margin-right: .75em;
+            }
+
+            .value {
+                margin-right: .25em;
+            }
+        }
+
+        .icon {
+            flex-shrink: 0;
+            align-self: center;
+        }
+
+        .name {
+            align-self: center;
+            margin-left: .25em;
+            font-weight: normal!important;
+
+            @include text-dotdotdot();
+        }
+    }
+
     .actionIcons {
         position: absolute;
 
diff --git a/shared/js/ui/frames/video/Renderer.tsx b/shared/js/ui/frames/video/Renderer.tsx
index d5f5052b..d645423e 100644
--- a/shared/js/ui/frames/video/Renderer.tsx
+++ b/shared/js/ui/frames/video/Renderer.tsx
@@ -4,30 +4,30 @@ import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
 import {ClientIcon} from "svg-sprites/client-icons";
 import {Registry} from "tc-shared/events";
 import {
-    ChannelVideoEvents,
-    ChannelVideoInfo,
+    ChannelVideoEvents, ChannelVideoInfo,
     ChannelVideoStreamState,
-    kLocalVideoId,
-    makeVideoAutoplay,
+    kLocalVideoId, makeVideoAutoplay,
     VideoStreamState,
     VideoSubscribeInfo
 } from "./Definitions";
 import {Translatable} from "tc-shared/ui/react-elements/i18n";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
-import {ClientTag} from "tc-shared/ui/tree/EntryTags";
 import ResizeObserver from "resize-observer-polyfill";
 import {LogCategory, logTrace, logWarn} from "tc-shared/log";
 import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
 import {VideoBroadcastType} from "tc-shared/connection/VideoConnection";
 import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
-import {useTr} from "tc-shared/ui/react-elements/Helper";
+import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
 import {Spotlight, SpotlightDimensions, SpotlightDimensionsContext} from "./RendererSpotlight";
 import * as _ from "lodash";
+import {ClientTag} from "tc-shared/ui/tree/EntryTags";
+import {tra} from "tc-shared/i18n/localize";
 
 
 const SubscribeContext = React.createContext<VideoSubscribeInfo>(undefined);
 const EventContext = React.createContext<Registry<ChannelVideoEvents>>(undefined);
 const HandlerIdContext = React.createContext<string>(undefined);
+export const VideoIdContext = React.createContext<string>(undefined);
 
 export const RendererVideoEventContext = EventContext;
 
@@ -47,16 +47,64 @@ const ExpendArrow = React.memo(() => {
         <div className={cssStyle.expendArrow} onClick={() => events.fire("action_toggle_expended", { expended: !expended })}>
             <ClientIconRenderer icon={ClientIcon.DoubleArrow} className={cssStyle.icon} />
         </div>
+    );
+});
+
+const VideoViewerCount = React.memo(() => {
+    const videoId = useContext(VideoIdContext);
+    const events = useContext(EventContext);
+    if(videoId !== kLocalVideoId) {
+        /* Currently one we can see our own video viewer */
+        return null;
+    }
+
+    const [ viewer, setViewer ] = useState<{ camera: number | undefined, screen: number | undefined }>(() => {
+        events.fire("query_viewer_count");
+        return { screen: undefined, camera: undefined };
+    });
+
+    events.reactUse("notify_viewer_count", event => setViewer({ camera: event.camera, screen: event.screen }));
+
+    let info = [];
+    if(typeof viewer.camera === "number") {
+        info.push(
+            <div className={cssStyle.entry} key={"camera"} title={tra("{} Camera viewers", viewer.camera)}>
+                <div className={cssStyle.value}>{viewer.camera}</div>
+                <ClientIconRenderer icon={ClientIcon.VideoMuted} className={cssStyle.icon} />
+            </div>
+        );
+    }
+
+    if(typeof viewer.screen === "number") {
+        info.push(
+            <div className={cssStyle.entry} key={"screen"} title={tra("{} Screen viewers", viewer.screen)}>
+                <div className={cssStyle.value}>{viewer.screen}</div>
+                <ClientIconRenderer icon={ClientIcon.ShareScreen} className={cssStyle.icon} />
+            </div>
+        );
+    }
+
+    if(info.length === 0) {
+        /* We're not streaming any video */
+        return null;
+    }
+
+    return (
+        <div
+            className={cssStyle.videoViewerCount}
+            onClick={() => {
+                /* TODO! */
+            }}
+        >
+            {info}
+        </div>
     )
 });
 
-const VideoInfo = React.memo((props: { videoId: string }) => {
+const VideoClientInfo = React.memo((props: { videoId: string }) => {
     const events = useContext(EventContext);
     const handlerId = useContext(HandlerIdContext);
 
-    const localVideo = props.videoId === kLocalVideoId;
-    const nameClassList = cssStyle.name + " " + (localVideo ? cssStyle.local : "");
-
     const [ info, setInfo ] = useState<"loading" | ChannelVideoInfo>(() => {
         events.fire("query_video_info", { videoId: props.videoId });
         return "loading";
@@ -79,59 +127,23 @@ const VideoInfo = React.memo((props: { videoId: string }) => {
 
     let clientName;
     if(info === "loading") {
-        clientName = <div className={nameClassList} key={"loading"}><Translatable>loading</Translatable> {props.videoId} <LoadingDots /></div>;
+        clientName = (
+            <div className={cssStyle.name} key={"loading"}>
+                <Translatable>loading</Translatable> {props.videoId} <LoadingDots />
+            </div>
+        );
     } else {
-        clientName = <ClientTag clientName={info.clientName} clientUniqueId={info.clientUniqueId} clientId={info.clientId} handlerId={handlerId} className={nameClassList} key={"loaded"} />;
+        clientName = <ClientTag clientName={info.clientName} clientUniqueId={info.clientUniqueId} clientId={info.clientId} handlerId={handlerId} className={cssStyle.name} key={"loaded"} />;
     }
 
     return (
-        <div className={cssStyle.info}>
+        <div className={joinClassList(cssStyle.info, props.videoId === kLocalVideoId && cssStyle.local)}>
             <ClientIconRenderer icon={statusIcon} className={cssStyle.icon} />
             {clientName}
         </div>
     );
 });
 
-const VideoStreamReplay = React.memo((props: { stream: MediaStream | undefined, className: string, streamType: VideoBroadcastType }) => {
-    const refVideo = useRef<HTMLVideoElement>();
-
-    useEffect(() => {
-        let cancelAutoplay;
-        const video = refVideo.current;
-        if(props.stream) {
-            video.style.opacity = "1";
-            video.srcObject = props.stream;
-            video.muted = true;
-            cancelAutoplay = makeVideoAutoplay(video);
-        } else {
-            video.style.opacity = "0";
-        }
-
-        return () => {
-            const video = refVideo.current;
-            if(video) {
-                video.onpause = undefined;
-                video.onended = undefined;
-            }
-
-            if(cancelAutoplay) {
-                cancelAutoplay();
-            }
-        }
-    }, [ props.stream ]);
-
-    let title;
-    if(props.streamType === "camera") {
-        title = useTr("Camera");
-    } else {
-        title = useTr("Screen");
-    }
-
-    return (
-        <video ref={refVideo} className={cssStyle.video + " " + props.className} title={title} x-stream-type={props.streamType} />
-    )
-});
-
 const VideoSubscribeContextProvider = (props: { children?: React.ReactElement | React.ReactElement[] }) => {
     const events = useContext(EventContext);
 
@@ -225,13 +237,44 @@ const VideoStreamAvailableRenderer = (props: { videoId: string, mode: VideoBroad
     }
 };
 
-const VideoStreamRenderer = (props: { videoId: string, streamType: VideoBroadcastType, className?: string }) => {
+const MediaStreamVideoRenderer = React.memo((props: { stream: MediaStream | undefined, className: string, title: string }) => {
+    const refVideo = useRef<HTMLVideoElement>();
+
+    useEffect(() => {
+        let cancelAutoplay;
+        const video = refVideo.current;
+        if(props.stream) {
+            video.style.opacity = "1";
+            video.srcObject = props.stream;
+            video.muted = true;
+            cancelAutoplay = makeVideoAutoplay(video);
+        } else {
+            video.style.opacity = "0";
+        }
+
+        return () => {
+            const video = refVideo.current;
+            if(video) {
+                video.onpause = undefined;
+                video.onended = undefined;
+            }
+
+            if(cancelAutoplay) {
+                cancelAutoplay();
+            }
+        }
+    }, [ props.stream ]);
+
+    return (
+        <video ref={refVideo} className={cssStyle.video + " " + props.className} title={props.title} />
+    )
+});
+
+const VideoStreamPlayer = (props: { videoId: string, streamType: VideoBroadcastType, className?: string }) => {
     const events = useContext(EventContext);
     const [ state, setState ] = useState<VideoStreamState>(() => {
         events.fire("query_video_stream", { videoId: props.videoId, broadcastType: props.streamType });
-        return {
-            state: "disconnected",
-        }
+        return { state: "disconnected", }
     });
     events.reactUse("notify_video_stream", event => {
         if(event.videoId === props.videoId && event.broadcastType === props.streamType) {
@@ -243,23 +286,34 @@ const VideoStreamRenderer = (props: { videoId: string, streamType: VideoBroadcas
         case "disconnected":
             return (
                 <div className={cssStyle.text} key={"no-video-stream"}>
-                    <div><Translatable>No video stream</Translatable></div>
+                    <div>
+                        <Translatable>No video stream</Translatable>
+                    </div>
                 </div>
             );
 
         case "connecting":
             return (
                 <div className={cssStyle.text} key={"info-initializing"}>
-                    <div><Translatable>connecting</Translatable> <LoadingDots /></div>
+                    <div>
+                        <Translatable>connecting</Translatable> <LoadingDots />
+                    </div>
                 </div>
             );
 
         case "connected":
-            return <VideoStreamReplay stream={state.stream} className={props.className} streamType={props.streamType} key={"connected"} />;
+            return (
+                <MediaStreamVideoRenderer
+                    stream={state.stream}
+                    className={props.className}
+                    title={props.streamType === "camera" ? tr("Camera") : tr("Screen")}
+                    key={"connected"}
+                />
+            );
 
         case "failed":
             return (
-                <div className={cssStyle.text + " " + cssStyle.error} key={"error"}>
+                <div className={joinClassList(cssStyle.text, cssStyle.error)} key={"error"}>
                     <div><Translatable>Stream replay failed</Translatable></div>
                 </div>
             );
@@ -275,7 +329,7 @@ const VideoStreamRenderer = (props: { videoId: string, streamType: VideoBroadcas
 
 const VideoPlayer = React.memo((props: { videoId: string, cameraState: ChannelVideoStreamState, screenState: ChannelVideoStreamState }) => {
     const streamElements = [];
-    const streamClasses = [cssStyle.videoPrimary, cssStyle.videoSecondary];
+    const streamClasses = [ cssStyle.videoPrimary, cssStyle.videoSecondary ];
 
     if(props.cameraState === "none" && props.screenState === "none") {
         /* No video available. Will be handled bellow */
@@ -302,7 +356,7 @@ const VideoPlayer = React.memo((props: { videoId: string, cameraState: ChannelVi
             );
         } else if(props.screenState === "streaming") {
             streamElements.push(
-                <VideoStreamRenderer key={"stream-screen"} videoId={props.videoId} streamType={"screen"} className={streamClasses.pop_front()} />
+                <VideoStreamPlayer key={"stream-screen"} videoId={props.videoId} streamType={"screen"} className={streamClasses.pop_front()} />
             );
         }
 
@@ -318,7 +372,7 @@ const VideoPlayer = React.memo((props: { videoId: string, cameraState: ChannelVi
             );
         } else if(props.cameraState === "streaming") {
             streamElements.push(
-                <VideoStreamRenderer key={"stream-camera"} videoId={props.videoId} streamType={"camera"} className={streamClasses.pop_front()} />
+                <VideoStreamPlayer key={"stream-camera"} videoId={props.videoId} streamType={"camera"} className={streamClasses.pop_front()} />
             );
         }
     }
@@ -339,6 +393,29 @@ const VideoPlayer = React.memo((props: { videoId: string, cameraState: ChannelVi
     return <>{streamElements}</>;
 });
 
+const VideoToggleButton = React.memo((props: { videoId: string, broadcastType: VideoBroadcastType, target: boolean }) => {
+    const events = useContext(EventContext);
+
+    let title;
+    let icon: ClientIcon;
+    if(props.broadcastType === "camera") {
+        title = props.target ? useTr("Unmute screen video") : useTr("Mute screen video");
+        icon = ClientIcon.ShareScreen;
+    } else {
+        title = props.target ? useTr("Unmute camera video") : useTr("Mute camera video");
+        icon = ClientIcon.VideoMuted;
+    }
+
+    return (
+        <div className={joinClassList(cssStyle.iconContainer, cssStyle.toggle, !props.target && cssStyle.disabled)}
+             onClick={() => events.fire("action_toggle_mute", { videoId: props.videoId, broadcastType: props.broadcastType, muted: props.target })}
+             title={title}
+        >
+            <ClientIconRenderer className={cssStyle.icon} icon={icon} />
+        </div>
+    )
+});
+
 const VideoControlButtons = React.memo((props: {
     videoId: string,
     cameraState: ChannelVideoStreamState,
@@ -348,44 +425,74 @@ const VideoControlButtons = React.memo((props: {
 }) => {
     const events = useContext(EventContext);
 
-    const screenShown = props.screenState !== "none" && props.videoId !== kLocalVideoId;
-    const cameraShown = props.cameraState !== "none" && props.videoId !== kLocalVideoId;
+    let buttons = [];
+    if(props.videoId !== kLocalVideoId) {
+        switch (props.screenState) {
+            case "available":
+            case "ignored":
+                buttons.push(
+                    <VideoToggleButton videoId={props.videoId} target={false} broadcastType={"screen"} key={"screen-disabled"} />
+                );
+                break;
 
-    const screenDisabled = props.screenState === "ignored" || props.screenState === "available";
-    const cameraDisabled = props.cameraState === "ignored" || props.cameraState === "available";
+            case "streaming":
+                buttons.push(
+                    <VideoToggleButton videoId={props.videoId} target={true} broadcastType={"screen"} key={"screen-enabled"} />
+                );
+                break;
+
+            case "none":
+            default:
+                break;
+        }
+
+        switch (props.cameraState) {
+            case "available":
+            case "ignored":
+                buttons.push(
+                    <VideoToggleButton videoId={props.videoId} target={false} broadcastType={"camera"} key={"camera-disabled"} />
+                );
+                break;
+
+            case "streaming":
+                buttons.push(
+                    <VideoToggleButton videoId={props.videoId} target={true} broadcastType={"camera"} key={"camera-enabled"} />
+                );
+                break;
+
+            case "none":
+            default:
+                break;
+        }
+    }
+
+    buttons.push(
+        <div className={cssStyle.iconContainer + " " + (props.fullscreenMode === "unavailable" ? cssStyle.hidden : "")}
+             key={"spotlight"}
+             onClick={() => {
+                 if(props.isSpotlight) {
+                     events.fire("action_set_fullscreen", { videoId: props.fullscreenMode === "set" ? undefined : props.videoId });
+                 } else {
+                     events.fire("action_toggle_spotlight", { videoIds: [ props.videoId ], expend: true, enabled: true });
+                     events.fire("action_focus_spotlight", { });
+                 }
+             }}
+             title={props.isSpotlight ? tr("Toggle fullscreen") : tr("Toggle spotlight")}
+        >
+            <ClientIconRenderer className={cssStyle.icon} icon={ClientIcon.Fullscreen} />
+        </div>
+    );
 
     return (
         <div className={cssStyle.actionIcons}>
-            <div className={cssStyle.iconContainer + " " + cssStyle.toggle + " " + (screenShown ? "" : cssStyle.hidden) + " " + (screenDisabled ? cssStyle.disabled : "")}
-                 onClick={() => events.fire("action_toggle_mute", { videoId: props.videoId, broadcastType: "screen", muted: !screenDisabled })}
-                 title={screenDisabled ? tr("Unmute screen video") : tr("Mute screen video")}
-            >
-                <ClientIconRenderer className={cssStyle.icon} icon={ClientIcon.ShareScreen} />
-            </div>
-            <div className={cssStyle.iconContainer + " " + cssStyle.toggle + " " + (cameraShown ? "" : cssStyle.hidden) + " " + (cameraDisabled ? cssStyle.disabled : "")}
-                 onClick={() => events.fire("action_toggle_mute", { videoId: props.videoId, broadcastType: "camera", muted: !cameraDisabled })}
-                 title={cameraDisabled ? tr("Unmute camera video") : tr("Mute camera video")}
-            >
-                <ClientIconRenderer className={cssStyle.icon} icon={ClientIcon.VideoMuted} />
-            </div>
-            <div className={cssStyle.iconContainer + " " + (props.fullscreenMode === "unavailable" ? cssStyle.hidden : "")}
-                 onClick={() => {
-                     if(props.isSpotlight) {
-                         events.fire("action_set_fullscreen", { videoId: props.fullscreenMode === "set" ? undefined : props.videoId });
-                     } else {
-                         events.fire("action_toggle_spotlight", { videoIds: [ props.videoId ], expend: true, enabled: true });
-                         events.fire("action_focus_spotlight", { });
-                     }
-                 }}
-                 title={props.isSpotlight ? tr("Toggle fullscreen") : tr("Toggle spotlight")}
-            >
-                <ClientIconRenderer className={cssStyle.icon} icon={ClientIcon.Fullscreen} />
-            </div>
+            {buttons}
         </div>
     );
 });
 
-export const VideoContainer = React.memo((props: { videoId: string, isSpotlight: boolean }) => {
+export const VideoContainer = React.memo((props: { isSpotlight: boolean }) => {
+    const videoId = useContext(VideoIdContext);
+
     const events = useContext(EventContext);
     const refContainer = useRef<HTMLDivElement>();
     const fullscreenCapable = "requestFullscreen" in HTMLElement.prototype;
@@ -394,12 +501,12 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
 
     const [ cameraState, setCameraState ] = useState<ChannelVideoStreamState>("none");
     const [ screenState, setScreenState ] = useState<ChannelVideoStreamState>(() => {
-        events.fire("query_video", { videoId: props.videoId });
+        events.fire("query_video", { videoId: videoId });
         return "none";
     });
 
     events.reactUse("notify_video", event => {
-        if(event.videoId === props.videoId) {
+        if(event.videoId === videoId) {
             setCameraState(event.cameraStream);
             setScreenState(event.screenStream);
         }
@@ -424,7 +531,7 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
     }, [ isFullscreen ]);
 
     events.reactUse("action_set_fullscreen", event => {
-        if(event.videoId === props.videoId) {
+        if(event.videoId === videoId) {
             if(!refContainer.current) { return; }
 
             refContainer.current.requestFullscreen().then(() => {
@@ -448,9 +555,9 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
                 if(isFullscreen) {
                     events.fire("action_set_fullscreen", { videoId: undefined });
                 } else if(props.isSpotlight) {
-                    events.fire("action_set_fullscreen", { videoId: props.videoId });
+                    events.fire("action_set_fullscreen", { videoId: videoId });
                 } else {
-                    events.fire("action_toggle_spotlight", { videoIds: [ props.videoId ], expend: true, enabled: true });
+                    events.fire("action_toggle_spotlight", { videoIds: [ videoId ], expend: true, enabled: true });
                     events.fire("action_focus_spotlight", { });
                 }
             }}
@@ -467,7 +574,7 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
                         label: tr("Popout Video"),
                         icon: ClientIcon.Fullscreen,
                         click: () => {
-                            events.fire("action_set_pip", { videoId: props.videoId, broadcastType: streamType as any });
+                            events.fire("action_set_pip", { videoId: videoId, broadcastType: streamType as any });
                         },
                         visible: !!streamType && "requestPictureInPicture" in HTMLVideoElement.prototype
                     },
@@ -476,7 +583,7 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
                         label: isFullscreen ? tr("Release fullscreen") : tr("Show in fullscreen"),
                         icon: ClientIcon.Fullscreen,
                         click: () => {
-                            events.fire("action_set_fullscreen", { videoId: isFullscreen ? undefined : props.videoId });
+                            events.fire("action_set_fullscreen", { videoId: isFullscreen ? undefined : videoId });
                         }
                     },
                     {
@@ -484,7 +591,7 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
                         label: props.isSpotlight ? tr("Release spotlight") : tr("Put client in spotlight"),
                         icon: ClientIcon.Fullscreen,
                         click: () => {
-                            events.fire("action_toggle_spotlight", { videoIds: [ props.videoId ], expend: true, enabled: !props.isSpotlight });
+                            events.fire("action_toggle_spotlight", { videoIds: [ videoId ], expend: true, enabled: !props.isSpotlight });
                             events.fire("action_focus_spotlight", { });
                         }
                     }
@@ -492,10 +599,11 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
             }}
             ref={refContainer}
         >
-            <VideoPlayer videoId={props.videoId} cameraState={cameraState} screenState={screenState} />
-            <VideoInfo videoId={props.videoId} />
+            <VideoPlayer videoId={videoId} cameraState={cameraState} screenState={screenState} />
+            <VideoClientInfo videoId={videoId} />
+            <VideoViewerCount />
             <VideoControlButtons
-                videoId={props.videoId}
+                videoId={videoId}
                 cameraState={cameraState}
                 screenState={screenState}
                 isSpotlight={props.isSpotlight}
@@ -505,13 +613,11 @@ export const VideoContainer = React.memo((props: { videoId: string, isSpotlight:
     );
 });
 
-const VideoBarArrow = React.memo((props: { direction: "left" | "right", containerRef: React.RefObject<HTMLDivElement> }) => {
+const VideoBarArrow = React.memo((props: { direction: "left" | "right", shown: boolean, containerRef: React.RefObject<HTMLDivElement> }) => {
     const events = useContext(EventContext);
-    const [ shown, setShown ] = useState(false);
-    events.reactUse("notify_video_arrows", event => setShown(event[props.direction]));
 
     return (
-        <div className={cssStyle.arrow + " " + cssStyle[props.direction] + " " + (shown ? "" : cssStyle.hidden)} ref={props.containerRef}>
+        <div className={cssStyle.arrow + " " + cssStyle[props.direction] + " " + (props.shown ? "" : cssStyle.hidden)} ref={props.containerRef}>
             <div className={cssStyle.iconContainer} onClick={() => events.fire("action_video_scroll", { direction: props.direction })}>
                 <ClientIconRenderer icon={ClientIcon.SimpleArrow} className={cssStyle.icon} />
             </div>
@@ -525,9 +631,12 @@ const VideoBar = React.memo(() => {
     const refArrowRight = useRef<HTMLDivElement>();
     const refArrowLeft = useRef<HTMLDivElement>();
 
-    const [ videos, setVideos ] = useState<"loading" | string[]>(() => {
+    const [ arrowLeftShown, setArrowLeftShown ] = useState(false);
+    const [ arrowRightShown, setArrowRightShown ] = useState(false);
+
+    const [ videos, setVideos ] = useState<string[]>(() => {
         events.fire("query_videos");
-        return "loading";
+        return [];
     });
     events.reactUse("notify_videos", event => setVideos(event.videoIds));
 
@@ -537,29 +646,32 @@ const VideoBar = React.memo(() => {
 
         const rightEndReached = container.scrollLeft + container.clientWidth + 1 >= container.scrollWidth;
         const leftEndReached = container.scrollLeft <= .9;
-        events.fire("notify_video_arrows", { left: !leftEndReached, right: !rightEndReached });
+        setArrowLeftShown(!leftEndReached);
+        setArrowRightShown(!rightEndReached);
     }, [ refVideos ]);
 
     events.reactUse("action_video_scroll", event => {
         const container = refVideos.current;
         const arrowLeft = refArrowLeft.current;
         const arrowRight = refArrowRight.current;
-        if(container && arrowLeft && arrowRight) {
-            const children = [...container.children] as HTMLElement[];
-            if(event.direction === "left") {
-                const currentCutOff = container.scrollLeft;
-                const element = children.filter(element => element.offsetLeft >= currentCutOff)
-                    .sort((a, b) => a.offsetLeft - b.offsetLeft)[0];
+        if(!container || !arrowLeft || !arrowRight) {
+            return;
+        }
 
-                container.scrollLeft = (element.offsetLeft + element.clientWidth) - (container.clientWidth - arrowRight.clientWidth);
-            } else {
-                const currentCutOff = container.scrollLeft + container.clientWidth;
-                const element = children.filter(element => element.offsetLeft <= currentCutOff)
-                    .sort((a, b) => a.offsetLeft - b.offsetLeft)
-                    .last();
+        const children = [...container.children] as HTMLElement[];
+        if(event.direction === "left") {
+            const currentCutOff = container.scrollLeft;
+            const element = children.filter(element => element.offsetLeft >= currentCutOff)
+                .sort((a, b) => a.offsetLeft - b.offsetLeft)[0];
 
-                container.scrollLeft = element.offsetLeft - arrowLeft.clientWidth;
-            }
+            container.scrollLeft = (element.offsetLeft + element.clientWidth) - (container.clientWidth - arrowRight.clientWidth);
+        } else {
+            const currentCutOff = container.scrollLeft + container.clientWidth;
+            const element = children.filter(element => element.offsetLeft <= currentCutOff)
+                .sort((a, b) => a.offsetLeft - b.offsetLeft)
+                .last();
+
+            container.scrollLeft = element.offsetLeft - arrowLeft.clientWidth;
         }
         updateScrollButtons();
     }, undefined, [ updateScrollButtons ]);
@@ -587,16 +699,16 @@ const VideoBar = React.memo(() => {
     return (
         <div className={cssStyle.videoBar}>
             <div className={cssStyle.videos} ref={refVideos}>
-                {videos === "loading" ? undefined :
-                    videos.map(videoId => (
-                        <ErrorBoundary key={videoId}>
-                            <VideoContainer videoId={videoId} isSpotlight={false} />
-                        </ErrorBoundary>
-                    ))
-                }
+                {videos.map(videoId => (
+                    <ErrorBoundary key={videoId}>
+                        <VideoIdContext.Provider value={videoId}>
+                            <VideoContainer isSpotlight={false} />
+                        </VideoIdContext.Provider>
+                    </ErrorBoundary>
+                ))}
             </div>
-            <VideoBarArrow direction={"left"} containerRef={refArrowLeft} />
-            <VideoBarArrow direction={"right"} containerRef={refArrowRight} />
+            <VideoBarArrow direction={"left"} containerRef={refArrowLeft} shown={arrowLeftShown} />
+            <VideoBarArrow direction={"right"} containerRef={refArrowRight} shown={arrowRightShown} />
         </div>
     )
 });
diff --git a/shared/js/ui/frames/video/RendererSpotlight.tsx b/shared/js/ui/frames/video/RendererSpotlight.tsx
index a42cf624..7411b784 100644
--- a/shared/js/ui/frames/video/RendererSpotlight.tsx
+++ b/shared/js/ui/frames/video/RendererSpotlight.tsx
@@ -6,7 +6,7 @@ import GridLayout from "react-grid-layout";
 import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
 import * as _ from "lodash";
 import {FontSizeObserver} from "tc-shared/ui/react-elements/FontSize";
-import {RendererVideoEventContext, VideoContainer} from "tc-shared/ui/frames/video/Renderer";
+import {RendererVideoEventContext, VideoContainer, VideoIdContext} from "tc-shared/ui/frames/video/Renderer";
 
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!react-resizable/css/styles.css";
 import "!style-loader!css-loader?url=false!sass-loader?sourceMap=true!react-grid-layout/css/styles.css";
@@ -37,7 +37,11 @@ const SpotlightSingle = () => {
 
     let body;
     if(videoId) {
-        body = <VideoContainer videoId={videoId} key={"video-" + videoId} isSpotlight={true} />;
+        body = (
+            <VideoIdContext.Provider value={videoId} key={"video-" + videoId}>
+                <VideoContainer isSpotlight={true} />
+            </VideoIdContext.Provider>
+        );
     } else {
         body = (
             <div className={cssStyle.videoContainer + " " + cssStyle.outlined} key={"no-video"}>
@@ -187,7 +191,9 @@ class SpotlightGridController extends React.PureComponent<{ fontSize: number },
                                         {this.state.layout.map(entry => (
                                             <div className={cssStyle.videoContainer} key={entry.i}>
                                                 <ErrorBoundary>
-                                                    <VideoContainer videoId={entry.i} key={entry.i} isSpotlight={true} />
+                                                    <VideoIdContext.Provider value={entry.i} key={"video-" + entry.i}>
+                                                        <VideoContainer key={entry.i} isSpotlight={true} />
+                                                    </VideoIdContext.Provider>
                                                 </ErrorBoundary>
                                             </div>
                                         ))}
diff --git a/shared/js/ui/modal/ModalBanList.ts b/shared/js/ui/modal/ModalBanList.ts
index e7a22952..41f464ba 100644
--- a/shared/js/ui/modal/ModalBanList.ts
+++ b/shared/js/ui/modal/ModalBanList.ts
@@ -191,11 +191,11 @@ export function openBanList(client: ConnectionHandler) {
         width: '60em'
     });
 
-    client.serverConnection.command_handler_boss().register_single_handler(single_ban_handler);
-    client.serverConnection.command_handler_boss().register_single_handler(single_trigger_handler);
+    client.serverConnection.getCommandHandler().registerSingleHandler(single_ban_handler);
+    client.serverConnection.getCommandHandler().registerSingleHandler(single_trigger_handler);
     modal.close_listener.push(() => {
-        client.serverConnection.command_handler_boss().remove_single_handler(single_ban_handler);
-        client.serverConnection.command_handler_boss().remove_single_handler(single_trigger_handler);
+        client.serverConnection.getCommandHandler().removeSingleHandler(single_ban_handler);
+        client.serverConnection.getCommandHandler().removeSingleHandler(single_trigger_handler);
     });
 
     //TODO: Test without dividerfy!
diff --git a/shared/js/ui/modal/ModalClientInfo.ts b/shared/js/ui/modal/ModalClientInfo.ts
index 4db5abd8..c49fcd4f 100644
--- a/shared/js/ui/modal/ModalClientInfo.ts
+++ b/shared/js/ui/modal/ModalClientInfo.ts
@@ -2,7 +2,7 @@ import {ClientConnectionInfo, ClientEntry} from "../../tree/Client";
 import PermissionType from "../../permission/PermissionType";
 import {createInfoModal, createModal, Modal} from "../../ui/elements/Modal";
 import {copyToClipboard} from "../../utils/helpers";
-import * as i18nc from "../../i18n/country";
+import * as i18nc from "../../i18n/CountryFlag";
 import * as tooltip from "../../ui/elements/Tooltip";
 import moment from "moment";
 import {format_number, network} from "../../ui/frames/chat";
diff --git a/shared/js/ui/modal/ModalMusicManage.ts b/shared/js/ui/modal/ModalMusicManage.ts
index ab25f82f..38be4494 100644
--- a/shared/js/ui/modal/ModalMusicManage.ts
+++ b/shared/js/ui/modal/ModalMusicManage.ts
@@ -6,7 +6,7 @@ import {CommandResult} from "../../connection/ServerConnectionDeclaration";
 import {LogCategory, logError, logWarn} from "../../log";
 import {tr, tra} from "../../i18n/localize";
 import * as tooltip from "../../ui/elements/Tooltip";
-import * as i18nc from "../../i18n/country";
+import * as i18nc from "../../i18n/CountryFlag";
 import {find} from "../../permission/PermissionManager";
 import * as htmltags from "../../ui/htmltags";
 import {ErrorCode} from "../../connection/ErrorCode";
diff --git a/shared/js/ui/modal/ModalQuery.ts b/shared/js/ui/modal/ModalQuery.ts
index 551e893f..bbc3aaef 100644
--- a/shared/js/ui/modal/ModalQuery.ts
+++ b/shared/js/ui/modal/ModalQuery.ts
@@ -35,14 +35,14 @@ export function spawnQueryCreate(connection: ConnectionHandler, callback_created
                     },
                     command: "notifyquerycreated"
                 };
-                connection.serverConnection.command_handler_boss().register_single_handler(single_handler);
+                connection.serverConnection.getCommandHandler().registerSingleHandler(single_handler);
                 connection.serverConnection.send_command("querycreate", {
                     client_login_name: name
                 }).catch(error => {
                     if (error instanceof CommandResult)
                         error = error.extra_message || error.message;
                     createErrorModal(tr("Unable to create account"), tr("Failed to create account<br>Message: ") + error).open();
-                }).then(() => connection.serverConnection.command_handler_boss().remove_single_handler(single_handler));
+                }).then(() => connection.serverConnection.getCommandHandler().removeSingleHandler(single_handler));
 
                 modal.close();
             });
diff --git a/shared/js/ui/modal/ModalQueryManage.ts b/shared/js/ui/modal/ModalQueryManage.ts
index 8b59dc90..91ecb7c2 100644
--- a/shared/js/ui/modal/ModalQueryManage.ts
+++ b/shared/js/ui/modal/ModalQueryManage.ts
@@ -394,13 +394,13 @@ export function spawnQueryManage(client: ConnectionHandler) {
                                     return true;
                                 }
                             };
-                            client.serverConnection.command_handler_boss().register_single_handler(single_handler);
+                            client.serverConnection.getCommandHandler().registerSingleHandler(single_handler);
 
                             client.serverConnection.send_command("querychangepassword", {
                                 client_login_name: selected_query.username,
                                 client_login_password: result
                             }).catch(error => {
-                                client.serverConnection.command_handler_boss().remove_single_handler(single_handler);
+                                client.serverConnection.getCommandHandler().removeSingleHandler(single_handler);
                                 if (error instanceof CommandResult)
                                     error = error.extra_message || error.message;
                                 createErrorModal(tr("Unable to change password"), formatMessage(tr("Failed to change password{:br:}Message: {}"), error)).open();
diff --git a/shared/js/ui/modal/ModalSettings.tsx b/shared/js/ui/modal/ModalSettings.tsx
index d61d9db7..8d837cff 100644
--- a/shared/js/ui/modal/ModalSettings.tsx
+++ b/shared/js/ui/modal/ModalSettings.tsx
@@ -13,7 +13,7 @@ import {LogCategory, logDebug, logError, logTrace, logWarn} from "tc-shared/log"
 import * as i18n from "tc-shared/i18n/localize";
 import {RepositoryTranslation, TranslationRepository} from "tc-shared/i18n/localize";
 import {Registry} from "tc-shared/events";
-import * as i18nc from "tc-shared/i18n/country";
+import * as i18nc from "../../i18n/CountryFlag";
 import * as forum from "tc-shared/profiles/identities/teaspeak-forum";
 import {formatMessage, set_icon_size} from "tc-shared/ui/frames/chat";
 import {spawnTeamSpeakIdentityImport, spawnTeamSpeakIdentityImprove} from "tc-shared/ui/modal/ModalIdentity";
diff --git a/shared/js/ui/modal/group-assignment/Controller.ts b/shared/js/ui/modal/group-assignment/Controller.ts
index 5f41566c..60424151 100644
--- a/shared/js/ui/modal/group-assignment/Controller.ts
+++ b/shared/js/ui/modal/group-assignment/Controller.ts
@@ -291,7 +291,7 @@ class Controller {
             this.assignmentLoadEnqueued = false;
 
             let resultSet = false;
-            const unregisterCallback = this.handler.serverConnection.command_handler_boss().register_explicit_handler("notifyservergroupsbyclientid", command => {
+            const unregisterCallback = this.handler.serverConnection.getCommandHandler().registerCommandHandler("notifyservergroupsbyclientid", command => {
                 const payload = command.arguments;
                 const clientId = parseInt(payload[0].cldbid);
                 if(isNaN(clientId) || clientId !== this.clientDatabaseId) {
diff --git a/shared/js/ui/modal/settings/Keymap.scss b/shared/js/ui/modal/settings/Keymap.scss
index 772b915e..e78df401 100644
--- a/shared/js/ui/modal/settings/Keymap.scss
+++ b/shared/js/ui/modal/settings/Keymap.scss
@@ -68,7 +68,7 @@
             &.entry {
                 padding-left: 2em;
 
-                :global .icon {
+                .icon {
                     align-self: center;
 
                     margin-right: .25em;
diff --git a/shared/js/ui/modal/settings/Keymap.tsx b/shared/js/ui/modal/settings/Keymap.tsx
index 66b3bf36..c3f650c0 100644
--- a/shared/js/ui/modal/settings/Keymap.tsx
+++ b/shared/js/ui/modal/settings/Keymap.tsx
@@ -101,7 +101,7 @@ class KeyActionEntry extends ReactComponentBase<KeyActionEntryProperties, KeyAct
                 hidden={this.props.hidden}
                 onContextMenu={e => this.onContextMenu(e)}
             >
-                <IconRenderer icon={this.props.icon}/>
+                <IconRenderer icon={this.props.icon} className={cssStyle.icon}/>
                 <a><Translatable trIgnore={true}>{this.props.description}</Translatable></a>
                 {rightItem}
             </div>
diff --git a/shared/js/ui/react-elements/CountryCode.tsx b/shared/js/ui/react-elements/CountryCode.tsx
index 0e51fd0a..1b396f8d 100644
--- a/shared/js/ui/react-elements/CountryCode.tsx
+++ b/shared/js/ui/react-elements/CountryCode.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import {joinClassList, useTr} from "tc-shared/ui/react-elements/Helper";
-import {getCountryFlag, getCountryName} from "tc-shared/i18n/country";
+import {getCountryFlag, getCountryName} from "../../i18n/CountryFlag";
 
 const cssStyle = require("./CountryIcon.scss");
 
diff --git a/shared/js/ui/tree/RendererDataProvider.tsx b/shared/js/ui/tree/RendererDataProvider.tsx
index 2fdaf7fe..6e220c05 100644
--- a/shared/js/ui/tree/RendererDataProvider.tsx
+++ b/shared/js/ui/tree/RendererDataProvider.tsx
@@ -31,6 +31,7 @@ import {
     setupDragData
 } from "tc-shared/ui/tree/DragHelper";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {CallOnce} from "tc-shared/proto";
 
 function isEquivalent(a, b) {
     const typeA = typeof a;
@@ -757,25 +758,17 @@ export abstract class RDPEntry {
     unread: boolean = false;
 
     private renderedInstance: React.ReactElement;
-    private destroyed = false;
 
     protected constructor(handle: RDPChannelTree, entryId: number) {
         this.handle = handle;
         this.entryId = entryId;
     }
 
+    @CallOnce
     destroy() {
-        if(this.destroyed) {
-            throw "can not destry an entry twice";
-        }
-
         this.renderedInstance = undefined;
-        this.destroyed = true;
     }
 
-    /* returns true if this element does not longer exists, but it's still rendered */
-    isDestroyed() { return this.destroyed; }
-
     getEvents() : Registry<ChannelTreeUIEvents> { return this.handle.events; }
     getHandlerId() : string { return this.handle.handlerId; }
 
diff --git a/shared/js/ui/tree/RendererTreeEntry.tsx b/shared/js/ui/tree/RendererTreeEntry.tsx
index f6052aca..d76c2c20 100644
--- a/shared/js/ui/tree/RendererTreeEntry.tsx
+++ b/shared/js/ui/tree/RendererTreeEntry.tsx
@@ -1,4 +1,3 @@
-import {ReactComponentBase} from "tc-shared/ui/react-elements/ReactComponentBase";
 import * as React from "react";
 import {RDPEntry} from "tc-shared/ui/tree/RendererDataProvider";
 
diff --git a/web/app/audio/Recorder.ts b/web/app/audio/Recorder.ts
index 9f0f2fa2..85e92f54 100644
--- a/web/app/audio/Recorder.ts
+++ b/web/app/audio/Recorder.ts
@@ -56,7 +56,7 @@ class JavascriptInput implements AbstractInput {
     private currentAudioStream: MediaStreamAudioSourceNode;
 
     private audioContext: AudioContext;
-    private sourceNode: AudioNode; /* last node which could be connected to the target; target might be the _consumer_node */
+    private audioSourceNode: AudioNode; /* last node which could be connected to the target; target might be the _consumer_node */
     private audioNodeCallbackConsumer: ScriptProcessorNode;
     private readonly audioScriptProcessorCallback;
     private audioNodeVolume: GainNode;
@@ -167,8 +167,12 @@ class JavascriptInput implements AbstractInput {
             return InputStartError.EBUSY;
         }
 
-        /* do it async since if the doStart fails on the first iteration, we're setting the start promise, after it's getting cleared */
-        return await (this.startPromise = Promise.resolve().then(() => this.doStart()));
+        try {
+            this.startPromise = this.doStart();
+            return await this.startPromise;
+        } finally {
+            this.startPromise = undefined;
+        }
     }
 
     private async doStart() : Promise<InputStartError | true> {
@@ -231,8 +235,6 @@ class JavascriptInput implements AbstractInput {
             }
 
             throw error;
-        } finally {
-            this.startPromise = undefined;
         }
     }
 
@@ -383,24 +385,24 @@ class JavascriptInput implements AbstractInput {
     async setConsumer(consumer: InputConsumer) {
         if(this.consumer) {
             if(this.consumer.type == InputConsumerType.NODE) {
-                if(this.sourceNode) {
-                    this.consumer.callbackDisconnect(this.sourceNode);
+                if(this.audioSourceNode) {
+                    this.consumer.callbackDisconnect(this.audioSourceNode);
                 }
             } else if(this.consumer.type === InputConsumerType.CALLBACK) {
-                if(this.sourceNode) {
-                    this.sourceNode.disconnect(this.audioNodeCallbackConsumer);
+                if(this.audioSourceNode) {
+                    this.audioSourceNode.disconnect(this.audioNodeCallbackConsumer);
                 }
             }
         }
 
         if(consumer) {
             if(consumer.type == InputConsumerType.CALLBACK) {
-                if(this.sourceNode) {
-                    this.sourceNode.connect(this.audioNodeCallbackConsumer);
+                if(this.audioSourceNode) {
+                    this.audioSourceNode.connect(this.audioNodeCallbackConsumer);
                 }
             } else if(consumer.type == InputConsumerType.NODE) {
-                if(this.sourceNode) {
-                    consumer.callbackNode(this.sourceNode);
+                if(this.audioSourceNode) {
+                    consumer.callbackNode(this.audioSourceNode);
                 }
             } else {
                 throw "native callback consumers are not supported!";
@@ -413,22 +415,22 @@ class JavascriptInput implements AbstractInput {
         if(this.consumer) {
             if(this.consumer.type == InputConsumerType.NODE) {
                 const node_consumer = this.consumer as NodeInputConsumer;
-                if(this.sourceNode) {
-                    node_consumer.callbackDisconnect(this.sourceNode);
+                if(this.audioSourceNode) {
+                    node_consumer.callbackDisconnect(this.audioSourceNode);
                 }
 
                 if(newNode) {
                     node_consumer.callbackNode(newNode);
                 }
             } else if(this.consumer.type == InputConsumerType.CALLBACK) {
-                this.sourceNode.disconnect(this.audioNodeCallbackConsumer);
+                this.audioSourceNode.disconnect(this.audioNodeCallbackConsumer);
                 if(newNode) {
                     newNode.connect(this.audioNodeCallbackConsumer);
                 }
             }
         }
 
-        this.sourceNode = newNode;
+        this.audioSourceNode = newNode;
     }
 
     currentConsumer(): InputConsumer | undefined {
@@ -480,7 +482,7 @@ class JavascriptInput implements AbstractInput {
     }
 
     getInputProcessor(): InputProcessor {
-        return new JavaScriptInputProcessor();
+        return JavaScriptInputProcessor.Instance;
     }
 
     createLevelMeter(): LevelMeter {
@@ -489,6 +491,8 @@ class JavascriptInput implements AbstractInput {
 }
 
 class JavaScriptInputProcessor implements InputProcessor {
+    static readonly Instance = new JavaScriptInputProcessor();
+
     applyProcessorConfig<T extends InputProcessorType>(processor: T, config: InputProcessorConfigMapping[T]) {
         throw tr("target processor is not supported");
     }
@@ -559,8 +563,8 @@ class JavascriptLevelMeter implements LevelMeter {
         /* starting stream */
         const _result = await requestMediaStream(this._device.deviceId, this._device.groupId, "audio");
         if(!(_result instanceof MediaStream)){
-            if(_result === InputStartError.ENOTALLOWED)
-                throw tr("No permissions");
+            if(_result === InputStartError.ENOTALLOWED) {
+                throw tr("No permissions");}
             if(_result === InputStartError.ENOTSUPPORTED)
                 throw tr("Not supported");
             if(_result === InputStartError.EBUSY)
@@ -630,7 +634,8 @@ class JavascriptLevelMeter implements LevelMeter {
         this._analyser_node.getByteTimeDomainData(this._analyse_buffer);
 
         this._current_level = JThresholdFilter.calculateAudioLevel(this._analyse_buffer, this._analyser_node.fftSize, this._current_level, .75);
-        if(this._callback)
+        if(this._callback) {
             this._callback(this._current_level);
+        }
     }
 }
\ No newline at end of file
diff --git a/web/app/connection/CommandParser.ts b/web/app/connection/CommandParser.ts
index 0e8e6bfe..5b5c57fb 100644
--- a/web/app/connection/CommandParser.ts
+++ b/web/app/connection/CommandParser.ts
@@ -1,9 +1,4 @@
-export interface ParsedCommand {
-    command?: string;
-
-    payload: {[key: string]: string}[]
-    switches: string[]
-}
+import {ServerCommand} from "tc-shared/connection/ConnectionBase";
 
 function unescapeCommandValue(value: string) : string {
     let result = "", index = 0, lastIndex = 0;
@@ -55,7 +50,7 @@ const escapeCharacterMap = {
 
 const escapeCommandValue = (value: string) => value.replace(/[\\ \/|\b\f\n\r\t\x07]/g, value => "\\" + escapeCharacterMap[value]);
 
-export function parseCommand(command: string): ParsedCommand {
+export function parseCommand(command: string): ServerCommand {
     const parts = command.split("|").map(element => element.split(" ").map(e => e.trim()).filter(e => !!e));
 
     let cmd;
@@ -84,11 +79,7 @@ export function parseCommand(command: string): ParsedCommand {
         payloads.push(payload)
     });
 
-    return {
-        command: cmd,
-        payload: payloads,
-        switches: switches
-    }
+    return new ServerCommand(cmd, payloads, switches);
 }
 
 export function buildCommand(data: any | any[], switches?: string[], command?: string) {
diff --git a/web/app/connection/ServerConnection.ts b/web/app/connection/ServerConnection.ts
index a12ee2d4..6fe2f4a2 100644
--- a/web/app/connection/ServerConnection.ts
+++ b/web/app/connection/ServerConnection.ts
@@ -2,7 +2,7 @@ import {
     AbstractServerConnection,
     CommandOptionDefaults,
     CommandOptions, ConnectionPing,
-    ConnectionStatistics,
+    ConnectionStatistics, ServerCommand,
 } from "tc-shared/connection/ConnectionBase";
 import {ConnectionHandler, ConnectionState, DisconnectReason} from "tc-shared/ConnectionHandler";
 import {HandshakeHandler} from "tc-shared/connection/HandshakeHandler";
@@ -71,7 +71,7 @@ export class ServerConnection extends AbstractServerConnection {
         this.commandHandlerBoss = new ServerConnectionCommandBoss(this);
         this.defaultCommandHandler = new ConnectionCommandHandler(this);
 
-        this.commandHandlerBoss.register_handler(this.defaultCommandHandler);
+        this.commandHandlerBoss.registerHandler(this.defaultCommandHandler);
         this.command_helper.initialize();
 
         this.rtcConnection = new RTCConnection(this, true);
@@ -101,7 +101,7 @@ export class ServerConnection extends AbstractServerConnection {
             this.rtcConnection.destroy();
             this.command_helper.destroy();
 
-            this.defaultCommandHandler && this.commandHandlerBoss.unregister_handler(this.defaultCommandHandler);
+            this.defaultCommandHandler && this.commandHandlerBoss.unregisterHandler(this.defaultCommandHandler);
             this.defaultCommandHandler = undefined;
 
             this.voiceConnection && this.voiceConnection.destroy();
@@ -330,10 +330,7 @@ export class ServerConnection extends AbstractServerConnection {
                 group.group(log.LogType.TRACE, tr("Json:")).collapsed(true).log("%o", json).end();
                 /* devel-block-end */
 
-                this.commandHandlerBoss.invoke_handle({
-                    command: json["command"],
-                    arguments: json["data"]
-                });
+                this.commandHandlerBoss.invokeCommand(new ServerCommand(json["command"], json["data"], []));
 
                 if(json["command"] === "initserver") {
                     this.handleServerInit();
@@ -344,10 +341,7 @@ export class ServerConnection extends AbstractServerConnection {
             } else if(json["type"] === "command-raw") {
                 const command = parseCommand(json["payload"]);
                 logTrace(LogCategory.NETWORKING, tr("Received command %s"), command.command);
-                this.commandHandlerBoss.invoke_handle({
-                    command: command.command,
-                    arguments: command.payload
-                });
+                this.commandHandlerBoss.invokeCommand(command);
 
                 if(command.command === "initserver") {
                     this.handleServerInit();
@@ -471,7 +465,7 @@ export class ServerConnection extends AbstractServerConnection {
         return this.videoConnection;
     }
 
-    command_handler_boss(): AbstractCommandHandlerBoss {
+    getCommandHandler(): AbstractCommandHandlerBoss {
         return this.commandHandlerBoss;
     }
 
diff --git a/web/app/voice/Connection.ts b/web/app/voice/Connection.ts
index fc8cd349..32d93173 100644
--- a/web/app/voice/Connection.ts
+++ b/web/app/voice/Connection.ts
@@ -75,7 +75,7 @@ export class RtpVoiceConnection extends AbstractVoiceConnection {
         );
 
         this.listenerCallbacks.push(
-            this.rtcConnection.getConnection().command_handler_boss().register_explicit_handler("notifyclientmoved", event => {
+            this.rtcConnection.getConnection().getCommandHandler().registerCommandHandler("notifyclientmoved", event => {
                 const localClientId = this.rtcConnection.getConnection().client.getClientId();
                 for(const data of event.arguments) {
                     if(parseInt(data["clid"]) === localClientId) {

From 357a200e3b6f2669cd1120d7588db23d3c10d812 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 27 Apr 2021 15:52:49 +0200
Subject: [PATCH 106/128] Adding support for viewing who's watching your video
 feed

---
 package-lock.json                             |   6 +-
 package.json                                  |   2 +-
 shared/js/tree/Channel.ts                     |  42 +--
 shared/js/ui/frames/video/Controller.ts       |   3 +
 shared/js/ui/frames/video/Definitions.ts      |   1 +
 shared/js/ui/frames/video/Renderer.tsx        |   5 +-
 .../js/ui/modal/video-viewers/Controller.ts   | 268 ++++++++++++++++++
 .../js/ui/modal/video-viewers/Definitions.ts  |  25 ++
 .../js/ui/modal/video-viewers/Renderer.scss   | 165 +++++++++++
 shared/js/ui/modal/video-viewers/Renderer.tsx | 200 +++++++++++++
 .../js/ui/react-elements/modal/Definitions.ts |   5 +
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 shared/js/ui/utils/Variable.ts                |  60 ++--
 13 files changed, 729 insertions(+), 59 deletions(-)
 create mode 100644 shared/js/ui/modal/video-viewers/Controller.ts
 create mode 100644 shared/js/ui/modal/video-viewers/Definitions.ts
 create mode 100644 shared/js/ui/modal/video-viewers/Renderer.scss
 create mode 100644 shared/js/ui/modal/video-viewers/Renderer.tsx

diff --git a/package-lock.json b/package-lock.json
index a0048f34..465c1262 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19993,9 +19993,9 @@
       }
     },
     "typescript": {
-      "version": "3.8.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.8.3.tgz",
-      "integrity": "sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w==",
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz",
+      "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==",
       "dev": true
     },
     "uglify-js": {
diff --git a/package.json b/package.json
index 1a07673e..4bf9e969 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "terser-webpack-plugin": "4.2.3",
     "ts-loader": "^6.2.2",
     "tsd": "^0.13.1",
-    "typescript": "^3.7.0",
+    "typescript": "^4.2",
     "url-loader": "^4.1.1",
     "wabt": "^1.0.13",
     "webpack": "^5.26.1",
diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts
index f64757cf..d5a6edc8 100644
--- a/shared/js/tree/Channel.ts
+++ b/shared/js/tree/Channel.ts
@@ -213,7 +213,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
     private subscribed: boolean;
     private subscriptionMode: ChannelSubscribeMode;
 
-    private client_list: ClientEntry[] = []; /* this list is sorted correctly! */
+    private clientList: ClientEntry[] = []; /* this list is sorted correctly! */
     private readonly clientPropertyChangedListener;
 
     constructor(channelTree: ChannelTree, channelId: number, channelName: string) {
@@ -255,8 +255,8 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
         this.channelDescriptionCallback.forEach(callback => callback(false));
         this.channelDescriptionCallback = [];
 
-        this.client_list.forEach(e => this.unregisterClient(e, true));
-        this.client_list = [];
+        this.clientList.forEach(e => this.unregisterClient(e, true));
+        this.clientList = [];
 
         this.channel_previous = undefined;
         this.parent = undefined;
@@ -363,38 +363,44 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
 
     registerClient(client: ClientEntry) {
         client.events.on("notify_properties_updated", this.clientPropertyChangedListener);
-        this.client_list.push(client);
+        this.clientList.push(client);
         this.reorderClientList(false);
     }
 
     unregisterClient(client: ClientEntry, noEvent?: boolean) {
         client.events.off("notify_properties_updated", this.clientPropertyChangedListener);
-        if(!this.client_list.remove(client)) {
+        if(!this.clientList.remove(client)) {
             logWarn(LogCategory.CHANNEL, tr("Unregistered unknown client from channel %s"), this.channelName());
         }
     }
 
     private reorderClientList(fire_event: boolean) {
-        const original_list = this.client_list.slice(0);
+        const originalList = this.clientList.slice(0);
 
-        this.client_list.sort((a, b) => {
-            if(a.properties.client_talk_power < b.properties.client_talk_power)
+        this.clientList.sort((a, b) => {
+            if(a.properties.client_talk_power < b.properties.client_talk_power) {
                 return 1;
-            if(a.properties.client_talk_power > b.properties.client_talk_power)
-                return -1;
+            }
 
-            if(a.properties.client_nickname > b.properties.client_nickname)
-                return 1;
-            if(a.properties.client_nickname < b.properties.client_nickname)
+            if(a.properties.client_talk_power > b.properties.client_talk_power) {
                 return -1;
+            }
+
+            if(a.properties.client_nickname > b.properties.client_nickname) {
+                return 1;
+            }
+
+            if(a.properties.client_nickname < b.properties.client_nickname) {
+                return -1;
+            }
 
             return 0;
         });
 
         if(fire_event) {
             /* only fire if really something has changed ;) */
-            for(let index = 0; index < this.client_list.length; index++) {
-                if(this.client_list[index] !== original_list[index]) {
+            for(let index = 0; index < this.clientList.length; index++) {
+                if(this.clientList[index] !== originalList[index]) {
                     this.channelTree.events.fire("notify_channel_client_order_changed", { channel: this });
                     break;
                 }
@@ -420,7 +426,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
     }
 
     clients(deep = false) : ClientEntry[] {
-        const result: ClientEntry[] = this.client_list.slice(0);
+        const result: ClientEntry[] = this.clientList.slice(0);
         if(!deep) return result;
 
         return this.children(true).map(e => e.clients(false)).reduce((prev, cur) => {
@@ -430,7 +436,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
     }
 
     channelClientsOrdered() : ClientEntry[] {
-        return this.client_list;
+        return this.clientList;
     }
 
     calculate_family_index(enforce_recalculate: boolean = false) : number {
@@ -490,7 +496,7 @@ export class ChannelEntry extends ChannelTreeEntry<ChannelEvents> {
 
         let trigger_close = true;
 
-        const collapse_expendable = !!this.child_channel_head || this.client_list.length > 0;
+        const collapse_expendable = !!this.child_channel_head || this.clientList.length > 0;
         const bold = text => contextmenu.get_provider().html_format_enabled() ? "<b>" + text + "</b>" : text;
         contextmenu.spawn_context_menu(x, y, {
                 type: contextmenu.MenuEntryType.ENTRY,
diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index 8a011d2e..20e4fda7 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -23,6 +23,7 @@ import {Settings, settings} from "tc-shared/settings";
 import * as _ from "lodash";
 import PermissionType from "tc-shared/permission/PermissionType";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {spawnVideoViewerInfo} from "tc-shared/ui/modal/video-viewers/Controller";
 
 const cssStyle = require("./Renderer.scss");
 
@@ -443,6 +444,8 @@ class ChannelVideoController {
             controller.dismissVideo(event.broadcastType);
         });
 
+        this.events.on("action_show_viewers", () => spawnVideoViewerInfo(this.connection));
+
         this.events.on("query_expended", () => this.events.fire_react("notify_expended", { expended: this.expended }));
         this.events.on("query_videos", () => this.notifyVideoList());
         this.events.on("query_spotlight", () => this.notifySpotlight());
diff --git a/shared/js/ui/frames/video/Definitions.ts b/shared/js/ui/frames/video/Definitions.ts
index e7a0d6c7..b463fa6c 100644
--- a/shared/js/ui/frames/video/Definitions.ts
+++ b/shared/js/ui/frames/video/Definitions.ts
@@ -79,6 +79,7 @@ export interface ChannelVideoEvents {
     action_set_pip: { videoId: string | undefined, broadcastType: VideoBroadcastType },
     action_toggle_mute: { videoId: string, broadcastType: VideoBroadcastType | undefined, muted: boolean },
     action_dismiss: { videoId: string, broadcastType: VideoBroadcastType },
+    action_show_viewers: {},
 
     query_expended: {},
     query_videos: {},
diff --git a/shared/js/ui/frames/video/Renderer.tsx b/shared/js/ui/frames/video/Renderer.tsx
index d645423e..8a8a6de6 100644
--- a/shared/js/ui/frames/video/Renderer.tsx
+++ b/shared/js/ui/frames/video/Renderer.tsx
@@ -92,9 +92,8 @@ const VideoViewerCount = React.memo(() => {
     return (
         <div
             className={cssStyle.videoViewerCount}
-            onClick={() => {
-                /* TODO! */
-            }}
+            onClick={() => events.fire("action_show_viewers")}
+            onDoubleClick={event => event.preventDefault()}
         >
             {info}
         </div>
diff --git a/shared/js/ui/modal/video-viewers/Controller.ts b/shared/js/ui/modal/video-viewers/Controller.ts
new file mode 100644
index 00000000..10b1fb87
--- /dev/null
+++ b/shared/js/ui/modal/video-viewers/Controller.ts
@@ -0,0 +1,268 @@
+import {Registry} from "tc-events";
+import {
+    ModalVideoViewersEvents,
+    ModalVideoViewersVariables,
+    VideoViewerInfo, VideoViewerList
+} from "tc-shared/ui/modal/video-viewers/Definitions";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {ClientEntry} from "tc-shared/tree/Client";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+import {VideoBroadcastType, VideoBroadcastViewer} from "tc-shared/connection/VideoConnection";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+
+class Controller {
+    readonly handler: ConnectionHandler;
+    readonly events: Registry<ModalVideoViewersEvents>;
+    readonly variables: IpcUiVariableProvider<ModalVideoViewersVariables>;
+
+    private registeredEvents: (() => void)[];
+    private registeredClientEvents: { [key: number]: (() => void)[] } = {};
+
+    /* Active video viewers */
+    private videoViewerInfo: { [key: number]: VideoViewerInfo & { talkPower: number } };
+    private videoViewer: VideoViewerList;
+
+    constructor(handler: ConnectionHandler) {
+        this.handler = handler;
+
+        this.events = new Registry<ModalVideoViewersEvents>();
+        this.variables = new IpcUiVariableProvider<ModalVideoViewersVariables>();
+
+        this.videoViewerInfo = {};
+        this.videoViewer = { __internal_client_order: [] };
+    }
+
+    @CallOnce
+    destroy() {
+        this.videoViewerInfo = {};
+        this.videoViewer = { __internal_client_order: [] };
+
+        this.registeredEvents?.forEach(callback => callback());
+        this.registeredEvents = undefined;
+
+        Object.keys(this.registeredClientEvents).forEach(clientId => this.unregisterClientEvents(parseInt(clientId)));
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    @CallOnce
+    initialize() {
+        this.variables.setVariableProvider("viewerInfo", clientId => this.videoViewerInfo[clientId]);
+        this.variables.setVariableProvider("videoViewers", () => this.videoViewer);
+
+        this.registeredEvents = [];
+        this.registeredEvents.push(this.handler.channelTree.events.on("notify_client_leave_view", event => {
+            this.unregisterClientEvents(event.client.clientId());
+        }));
+        this.registeredEvents.push(this.handler.channelTree.events.on("notify_client_enter_view", event => {
+            if(this.videoViewerInfo[event.client.clientId()]) {
+                this.registerClientEvents(event.client);
+                this.updateViewerInfo(event.client);
+            }
+        }));
+
+        this.registerBroadcastListener("camera");
+        this.registerBroadcastListener("screen");
+        this.updateViewerList();
+    }
+
+    private registerBroadcastListener(broadcastType: VideoBroadcastType) {
+        const videoConnection = this.handler.getServerConnection().getVideoConnection();
+        const broadcast = videoConnection.getLocalBroadcast(broadcastType);
+
+        this.registeredEvents.push(broadcast.getEvents().on("notify_clients_joined", event => {
+            const viewers = this.videoViewer[broadcastType] = this.videoViewer[broadcastType] || [];
+            for(const viewer of event.clients) {
+                viewers.push(viewer.clientId);
+                this.registerNewViewer(viewer);
+            }
+
+            this.updateViewerList();
+        }));
+
+        this.registeredEvents.push(broadcast.getEvents().on("notify_clients_left", event => {
+            /* We can't remove the client listeners here since the client might also be in other broadcasts */
+            for(const clientId of event.clientIds) {
+                this.videoViewer[broadcastType]?.remove(clientId);
+            }
+
+            this.updateViewerList();
+        }));
+
+        this.registeredEvents.push(broadcast.getEvents().on("notify_state_changed", event => {
+            switch (event.newState.state) {
+                case "broadcasting":
+                case "initializing":
+                    this.videoViewer[broadcastType] = this.videoViewer[broadcastType] || [];
+                    break;
+
+                case "failed":
+                case "stopped":
+                default:
+                    delete this.videoViewer[broadcastType];
+                    break;
+            }
+
+            this.updateViewerList();
+        }));
+
+        switch (broadcast.getState().state) {
+            case "initializing":
+            case "broadcasting":
+                const viewers = this.videoViewer[broadcastType] = [];
+                for(const viewer of broadcast.getViewer()) {
+                    this.registerNewViewer(viewer);
+                    viewers.push(viewer.clientId);
+                }
+                break;
+
+            case "failed":
+            case "stopped":
+            default:
+                delete this.videoViewer[broadcastType];
+                break;
+        }
+    }
+
+    private registerNewViewer(viewer: VideoBroadcastViewer) {
+        if(typeof this.registeredClientEvents[viewer.clientId] !== "undefined") {
+            /* We've up2date data for that viewer */
+            return;
+        }
+
+        /* Store newest viewer data */
+        this.videoViewerInfo[viewer.clientId] = {
+            handlerId: this.handler.handlerId,
+            clientName: viewer.clientName,
+            clientUniqueId: viewer.clientUniqueId,
+            clientStatus: undefined,
+            talkPower: 0
+        };
+
+        const client = this.handler.channelTree.findClient(viewer.clientId);
+        if(!client) {
+            /* Target client isn't in our view */
+            return;
+        }
+
+        this.registerClientEvents(client);
+        this.updateViewerInfo(client);
+    }
+
+    private unregisterClientEvents(clientId: number) {
+        this.registeredClientEvents[clientId]?.forEach(callback => callback());
+        delete this.registeredClientEvents[clientId];
+    }
+
+    private registerClientEvents(client: ClientEntry) {
+        const clientId = client.clientId();
+        const events = this.registeredClientEvents[clientId] = [];
+
+        events.push(client.events.on("notify_status_icon_changed", () => this.updateViewerInfo(client)));
+        events.push(client.events.on("notify_properties_updated", event => {
+            if("client_talk_power" in event.updated_properties || "client_nickname" in event.updated_properties) {
+                /* Fill update incl. resort since the client order might has changed */
+                this.updateViewerInfo(client);
+                this.updateViewerList();
+            }
+        }));
+    }
+
+    /**
+     * Update the viewer cache for the target client.
+     * @param client
+     * @private
+     */
+    private updateViewerInfo(client: ClientEntry) {
+        this.videoViewerInfo[client.clientId()] = {
+            handlerId: this.handler.handlerId,
+            clientName: client.clientNickName(),
+            clientStatus: client.getStatusIcon(),
+            clientUniqueId: client.properties.client_unique_identifier,
+            talkPower: client.properties.client_talk_power
+        };
+
+        /* The variables handler will only send an update if the variable really has changed. */
+        this.variables.sendVariable("viewerInfo", client.clientId());
+    }
+
+    private updateViewerList() {
+        const uniqueTotalViewers = new Set<number>();
+        for(const key of Object.keys(this.videoViewer)) {
+            if(key === "__internal_client_order") {
+                continue;
+            }
+
+            for(const clientId of this.videoViewer[key]) {
+                uniqueTotalViewers.add(clientId);
+            }
+        }
+
+        Object.keys(this.registeredClientEvents).forEach(clientIdString => {
+            const clientId = parseInt(clientIdString);
+            if(uniqueTotalViewers.has(clientId)) {
+                return;
+            }
+
+            /* We're not any more subscribed */
+            this.unregisterClientEvents(clientId);
+        });
+
+        Object.keys(this.videoViewerInfo).forEach(clientIdString => {
+            const clientId = parseInt(clientIdString);
+            if(uniqueTotalViewers.has(clientId)) {
+                return;
+            }
+
+            delete this.videoViewerInfo[clientIdString];
+        });
+
+        this.videoViewer["__internal_client_order"] = [...uniqueTotalViewers];
+        this.videoViewer["__internal_client_order"].sort((clientAId, clientBId) => {
+            const clientA = this.videoViewerInfo[clientAId];
+            const clientB = this.videoViewerInfo[clientBId];
+            if(!clientA) {
+                return -1;
+            } else if(!clientB) {
+                return 1;
+            }
+
+            if(clientA.talkPower < clientB.talkPower) {
+                return 1;
+            }
+
+            if(clientA.talkPower > clientB.talkPower) {
+                return -1;
+            }
+
+            if(clientA.clientName > clientB.clientName) {
+                return 1;
+            }
+
+            if(clientA.clientName < clientB.clientName) {
+                return -1;
+            }
+
+            return 0;
+        });
+
+        this.variables.sendVariable("videoViewers");
+    }
+}
+
+export function spawnVideoViewerInfo(handler: ConnectionHandler) {
+    const controller = new Controller(handler);
+    controller.initialize();
+
+    const modal = spawnModal("modal-video-viewers", [
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription()
+    ], {
+        popoutable: true
+    });
+    modal.getEvents().on("destroy", () => controller.destroy());
+
+    ignorePromise(modal.show());
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/video-viewers/Definitions.ts b/shared/js/ui/modal/video-viewers/Definitions.ts
new file mode 100644
index 00000000..f9b6b95d
--- /dev/null
+++ b/shared/js/ui/modal/video-viewers/Definitions.ts
@@ -0,0 +1,25 @@
+import {ClientIcon} from "svg-sprites/client-icons";
+import {VideoBroadcastType} from "tc-shared/connection/VideoConnection";
+
+export type VideoViewerInfo = {
+    handlerId: string,
+    clientName: string,
+    clientUniqueId: string,
+    /* If undefined we don't know the client status */
+    clientStatus: ClientIcon | undefined,
+}
+
+export type VideoViewerList = {
+    [T in VideoBroadcastType ]?: number[]
+} & {
+    __internal_client_order: number[]
+};
+
+export interface ModalVideoViewersVariables {
+    viewerInfo: VideoViewerInfo | undefined,
+    videoViewers: VideoViewerList,
+}
+
+export interface ModalVideoViewersEvents {
+
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/video-viewers/Renderer.scss b/shared/js/ui/modal/video-viewers/Renderer.scss
new file mode 100644
index 00000000..38c9f86b
--- /dev/null
+++ b/shared/js/ui/modal/video-viewers/Renderer.scss
@@ -0,0 +1,165 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    user-select: none;
+    padding: 1em;
+
+    width: 25em;
+    height: 40em;
+
+    min-width: 10em;
+    min-height: 10em;
+
+    &.windowed {
+        height: 100%;
+        width: 100%;
+    }
+}
+
+.viewerSummary {
+    margin-bottom: .25em;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    .left {
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        min-width: 2em;
+
+        color: #557edc;
+        text-transform: uppercase;
+
+        @include text-dotdotdot();
+    }
+
+    .right {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+
+        .entry {
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-end;
+
+            > * {
+                align-self: center;
+            }
+
+            .icon {
+                margin-left: .25em;
+            }
+
+            &:not(:last-of-type) {
+                margin-bottom: .25em;
+            }
+        }
+    }
+}
+
+.viewerList {
+    flex-grow: 1;
+    flex-shrink: 1;
+
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+
+    min-height: 6em;
+
+    background-color: #28292b;
+    border: 1px #161616 solid;
+    border-radius: 0.2em;
+
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    padding: .25em .5em;
+
+    @include chat-scrollbar();
+
+    .overlay {
+        position: absolute;
+
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        .text {
+            text-align: center;
+            font-size: 1.6em;
+            color: var(--modal-permission-loading);
+        }
+    }
+}
+
+.viewerEntry {
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+
+    > * {
+        align-self: center;
+    }
+
+    .statusIcon {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        margin-right: .25em;
+    }
+
+    .nameContainer {
+        flex-shrink: 1;
+        flex-grow: 1;
+
+        min-width: 2em;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+
+        .name {
+            align-self: center;
+
+            color: #999;
+            @include text-dotdotdot();
+        }
+    }
+
+    .videoStatus {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+
+        min-width: 2.5em;
+
+        .subscribeIcon {
+
+            &:not(:last-of-type) {
+                margin-right: .25em;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/video-viewers/Renderer.tsx b/shared/js/ui/modal/video-viewers/Renderer.tsx
new file mode 100644
index 00000000..10750cdf
--- /dev/null
+++ b/shared/js/ui/modal/video-viewers/Renderer.tsx
@@ -0,0 +1,200 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext} from "react";
+import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {ModalVideoViewersEvents, ModalVideoViewersVariables} from "tc-shared/ui/modal/video-viewers/Definitions";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+import {ClientTag} from "tc-shared/ui/tree/EntryTags";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
+import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
+
+const cssStyle = require("./Renderer.scss");
+
+const EventContext = React.createContext<Registry<ModalVideoViewersEvents>>(undefined);
+const VariablesContext = React.createContext<UiVariableConsumer<ModalVideoViewersVariables>>(undefined);
+
+const ViewerRenderer = React.memo((props: { clientId: number, screen: boolean, camera: boolean }) => {
+    const variables = useContext(VariablesContext);
+    const clientInfo = variables.useReadOnly("viewerInfo", props.clientId, undefined);
+
+    let clientName, clientIcon;
+    if(clientInfo) {
+        clientName = (
+            <ClientTag
+                key={"name-loaded"}
+                clientName={clientInfo.clientName}
+                clientUniqueId={clientInfo.clientUniqueId}
+                handlerId={clientInfo.handlerId}
+                className={cssStyle.name}
+            />
+        );
+
+        clientIcon = clientInfo.clientStatus || ClientIcon.PlayerOff;
+    } else {
+        clientName = (
+            <React.Fragment key={"name-loading"}>
+                <Translatable>loading</Translatable> <LoadingDots />
+            </React.Fragment>
+        )
+
+        clientIcon = ClientIcon.PlayerOff;
+    }
+
+    let videoStatus = [];
+    if(props.camera) {
+        videoStatus.push(
+            <ClientIconRenderer
+                icon={ClientIcon.VideoMuted}
+                className={cssStyle.subscribeIcon}
+                title={tr("Client is viewing your camera stream")}
+                key={"camera"}
+            />
+        );
+    }
+
+    if(props.screen) {
+        videoStatus.push(
+            <ClientIconRenderer
+                icon={ClientIcon.ShareScreen}
+                className={cssStyle.subscribeIcon}
+                title={tr("Client is viewing your screen stream")}
+                key={"screen"}
+            />
+        );
+    }
+
+    return (
+        <div className={cssStyle.viewerEntry}>
+            <ClientIconRenderer icon={clientIcon} className={cssStyle.statusIcon} />
+            <div className={cssStyle.nameContainer}>
+                {clientName}
+            </div>
+            <div className={cssStyle.videoStatus}>
+                {videoStatus}
+            </div>
+        </div>
+    )
+});
+
+const ViewerList = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const viewers = variables.useReadOnly("videoViewers", undefined, { __internal_client_order: [ ] });
+
+    let body;
+    if(typeof viewers.screen === "undefined" && typeof viewers.camera === "undefined") {
+        body = (
+            <div className={cssStyle.overlay} key={"not-sharing"}>
+                <div className={cssStyle.text}>
+                    <Translatable>You're not sharing any video</Translatable>
+                </div>
+            </div>
+        );
+    } else if(viewers.__internal_client_order.length) {
+        body = viewers.__internal_client_order.map(clientId => (
+            <ViewerRenderer
+                screen={viewers.screen?.indexOf(clientId) >= 0}
+                camera={viewers.camera?.indexOf(clientId) >= 0}
+                clientId={clientId}
+                key={"viewer-" + clientId}
+            />
+        ));
+    } else {
+        body = (
+            <div className={cssStyle.overlay} key={"nobody-watching"}>
+                <div className={cssStyle.text}>
+                    <Translatable>Nobody is watching your video feed :(</Translatable>
+                </div>
+            </div>
+        );
+    }
+    return (
+        <div className={cssStyle.viewerList}>
+            {body}
+        </div>
+    )
+});
+
+const ViewerCount = React.memo((props: { viewer: number[] | undefined }) => {
+    if(!Array.isArray(props.viewer)) {
+        return (
+            <Translatable key={"not-enabled"}>Not Enabled</Translatable>
+        );
+    }
+
+    if(props.viewer.length === 1) {
+        return (
+            <Translatable key={"one"}>1 Viewer</Translatable>
+        );
+    }
+
+    return (
+        <VariadicTranslatable text={"{} Viewers"} key={"multi"}>
+            {props.viewer.length}
+        </VariadicTranslatable>
+    );
+});
+
+const ViewerSummary = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const viewers = variables.useReadOnly("videoViewers", undefined, { __internal_client_order: [ ] });
+
+    return (
+        <div className={cssStyle.viewerSummary}>
+            <div className={cssStyle.left}>
+                <Translatable>Video viewers</Translatable>
+            </div>
+            <div className={cssStyle.right}>
+                <div className={cssStyle.entry}>
+                    <ViewerCount viewer={viewers?.camera} /> <ClientIconRenderer icon={ClientIcon.VideoMuted} className={cssStyle.icon} />
+                </div>
+
+                <div className={cssStyle.entry}>
+                    <ViewerCount viewer={viewers?.screen} /> <ClientIconRenderer icon={ClientIcon.ShareScreen} className={cssStyle.icon} />
+                </div>
+            </div>
+        </div>
+    );
+})
+
+class Modal extends AbstractModal {
+    private readonly events: Registry<ModalVideoViewersEvents>;
+    private readonly variables: UiVariableConsumer<ModalVideoViewersVariables>;
+
+    constructor(events: IpcRegistryDescription<ModalVideoViewersEvents>, variables: IpcVariableDescriptor<ModalVideoViewersVariables>) {
+        super();
+
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <VariablesContext.Provider value={this.variables}>
+                <EventContext.Provider value={this.events}>
+                    <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                        <ViewerSummary />
+                        <ViewerList />
+                    </div>
+                </EventContext.Provider>
+            </VariablesContext.Provider>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return (
+            <Translatable>Video Viewers</Translatable>
+        );
+    }
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 2e9b7cca..7003f5a7 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -26,6 +26,7 @@ import {ModalAboutVariables} from "tc-shared/ui/modal/about/Definitions";
 import {ModalServerBandwidthEvents} from "tc-shared/ui/modal/server-bandwidth/Definitions";
 import {ModalYesNoEvents, ModalYesNoVariables} from "tc-shared/ui/modal/yes-no/Definitions";
 import {ModalChannelInfoEvents, ModalChannelInfoVariables} from "tc-shared/ui/modal/channel-info/Definitions";
+import {ModalVideoViewersEvents, ModalVideoViewersVariables} from "tc-shared/ui/modal/video-viewers/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -239,5 +240,9 @@ export interface ModalConstructorArguments {
     ],
     "modal-server-bandwidth": [
         /* events */ IpcRegistryDescription<ModalServerBandwidthEvents>
+    ],
+    "modal-video-viewers": [
+        /* events */ IpcRegistryDescription<ModalVideoViewersEvents>,
+        /* variables */ IpcVariableDescriptor<ModalVideoViewersVariables>
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 45bfbdc4..2c6306d4 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -143,4 +143,10 @@ registerModal({
     modalId: "modal-server-bandwidth",
     classLoader: async () => await import("tc-shared/ui/modal/server-bandwidth/Renderer"),
     popoutSupported: true
+});
+
+registerModal({
+    modalId: "modal-video-viewers",
+    classLoader: async () => await import("tc-shared/ui/modal/video-viewers/Renderer"),
+    popoutSupported: true
 });
\ No newline at end of file
diff --git a/shared/js/ui/utils/Variable.ts b/shared/js/ui/utils/Variable.ts
index 7e0edacf..edf4de7a 100644
--- a/shared/js/ui/utils/Variable.ts
+++ b/shared/js/ui/utils/Variable.ts
@@ -97,12 +97,7 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
     }
 
     async getVariable<T extends keyof Variables>(variable: T, customData?: any, ignoreCache?: boolean) : Promise<Variables[T]> {
-        const providers = this.variableProvider[variable as any];
-        if(!providers) {
-            throw tra("missing provider for {}", variable as string);
-        }
-
-        const result = providers(customData);
+        const result = this.resolveVariable(variable as any, customData);
         if(result instanceof Promise) {
             return await result;
         } else {
@@ -111,12 +106,7 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
     }
 
     getVariableSync<T extends keyof Variables>(variable: T, customData?: any, ignoreCache?: boolean) : Variables[T] {
-        const providers = this.variableProvider[variable as any];
-        if(!providers) {
-            throw tr("missing provider");
-        }
-
-        const result = providers(customData);
+        const result = this.resolveVariable(variable as any, customData);
         if(result instanceof Promise) {
             throw tr("tried to get an async variable synchronous");
         }
@@ -139,36 +129,38 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
             throw tr("variable is read only");
         }
 
-        const handleEditResult = result => {
-            if(typeof result === "undefined") {
-                /* change succeeded, no need to notify any variable since the consumer already has the newest value */
-            } else if(result === true || result === false) {
-                /* The new variable has been accepted/rejected and the variable should be updated on the remote side. */
-                /* TODO: Use cached value if the result is `false` */
-                this.sendVariable(variable, customData, true);
-            } else {
-                /* The new value hasn't been accepted. Instead a new value has been returned. */
-                this.doSendVariable(variable, customData, result);
-            }
-        }
-
-        const handleEditError = error => {
-            console.error("Failed to change variable %s: %o", variable, error);
-            this.sendVariable(variable, customData, true);
-        }
-
         try {
             let result = editor(newValue, customData);
             if(result instanceof Promise) {
-                return result.then(handleEditResult).catch(handleEditError);
+                /* Variable editor returns a promise. Await it and return a promise as well. */
+                return result.then(result => this.handleEditResult(variable, customData, result)).catch(error => this.handleEditError(variable, customData, error));
             } else {
-                handleEditResult(result);
+                /* We were able to instantly edit the variable. Handle result. */
+                this.handleEditResult(variable, customData, result);
             }
         } catch (error) {
-            handleEditError(error);
+            this.handleEditError(variable, customData, error);
         }
     }
 
+    private handleEditResult(variable: string, customData: any, result: any) {
+        if(typeof result === "undefined") {
+            /* change succeeded, no need to notify any variable since the consumer already has the newest value */
+        } else if(result === true || result === false) {
+            /* The new variable has been accepted/rejected and the variable should be updated on the remote side. */
+            /* TODO: Use cached value if the result is `false` */
+            this.sendVariable(variable, customData, true);
+        } else {
+            /* The new value hasn't been accepted. Instead a new value has been returned. */
+            this.doSendVariable(variable, customData, result);
+        }
+    }
+
+    private handleEditError(variable: string, customData: any, error: any) {
+        console.error("Failed to change variable %s: %o", variable, error);
+        this.sendVariable(variable, customData, true);
+    }
+
     protected abstract doSendVariable(variable: string, customData: any, value: any);
 }
 
@@ -427,4 +419,4 @@ export abstract class UiVariableConsumer<Variables extends UiVariableMap> {
 
     protected abstract doRequestVariable(variable: string, customData: any | undefined);
     protected abstract doEditVariable(variable: string, customData: any | undefined, value: any) : Promise<void> | void;
-}
+}
\ No newline at end of file

From 2becf800eb66607934d358db700047ec45ad1787 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 27 Apr 2021 16:00:48 +0200
Subject: [PATCH 107/128] Updating the channel tree when the channel client
 order changes

---
 ChangeLog.md                     |  4 ++++
 shared/js/ui/tree/Controller.tsx | 32 +++++++++++++++++++-------------
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 03d2cc41..6bda93dc 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,8 @@
 # Changelog:
+* **27.04.21**
+    - Implemented support for showing the video feed watchers
+    - Updating the channel tree if the channel client order changes
+  
 * **24.04.21**
     - Removed the old server info modal and using the new React based and popoutable modal
     - Using the new React modal for the server info dialog. The modal now also has improved permission and error visualisation
diff --git a/shared/js/ui/tree/Controller.tsx b/shared/js/ui/tree/Controller.tsx
index d6fe58cf..4eafe60a 100644
--- a/shared/js/ui/tree/Controller.tsx
+++ b/shared/js/ui/tree/Controller.tsx
@@ -269,7 +269,7 @@ class ChannelTreeController {
     private handleConnectionStateChanged(event: ConnectionEvents["notify_connection_state_changed"]) {
         if(event.newState !== ConnectionState.CONNECTED) {
             this.channelTree.channelsInitialized = false;
-            this.sendChannelTreeEntriesFull([]);
+            this.sendChannelTreeEntries([]);
         }
         this.sendServerStatus(this.channelTree.server);
     }
@@ -284,7 +284,7 @@ class ChannelTreeController {
         }
 
         /* Quicker than sending info for every client & channel */
-        this.sendChannelTreeEntriesFull(undefined);
+        this.sendChannelTreeEntries(undefined);
     }
 
     private handleGroupsUpdated(event: GroupManagerEvents["notify_groups_updated"]) {
@@ -315,7 +315,7 @@ class ChannelTreeController {
         }
 
         /* Faster than just sending each stuff individual */
-        this.sendChannelTreeEntriesFull(undefined);
+        this.sendChannelTreeEntries(undefined);
     }
 
     /* general channel tree event handlers */
@@ -329,21 +329,27 @@ class ChannelTreeController {
         this.channelTree.channelsInitialized = true;
         this.channelTree.channels.forEach(channel => this.initializeChannelEvents(channel));
         this.channelTree.clients.forEach(channel => this.initializeClientEvents(channel));
-        this.sendChannelTreeEntriesFull(undefined);
+        this.sendChannelTreeEntries(undefined);
         this.sendSelectedEntry();
     }
 
+    @EventHandler<ChannelTreeEvents>("notify_channel_client_order_changed")
+    private handleChannelOrderChanged() {
+        if(!this.channelTree.channelsInitialized) { return; }
+        this.sendChannelTreeEntries([]);
+    }
+
     @EventHandler<ChannelTreeEvents>("notify_channel_created")
     private handleChannelCreated(event: ChannelTreeEvents["notify_channel_created"]) {
         if(!this.channelTree.channelsInitialized) { return; }
         this.initializeChannelEvents(event.channel);
-        this.sendChannelTreeEntriesFull([event.channel.uniqueEntryId]);
+        this.sendChannelTreeEntries([event.channel.uniqueEntryId]);
     }
 
     @EventHandler<ChannelTreeEvents>("notify_channel_moved")
     private handleChannelMoved(event: ChannelTreeEvents["notify_channel_moved"]) {
         if(!this.channelTree.channelsInitialized) { return; }
-        this.sendChannelTreeEntriesFull([]);
+        this.sendChannelTreeEntries([]);
 
         if(event.previousParent && !event.previousParent.child_channel_head) {
             /* the collapsed state arrow changed */
@@ -359,7 +365,7 @@ class ChannelTreeController {
     private handleChannelDeleted(event: ChannelTreeEvents["notify_channel_deleted"]) {
         if(!this.channelTree.channelsInitialized) { return; }
         this.finalizeEvents(event.channel);
-        this.sendChannelTreeEntriesFull([]);
+        this.sendChannelTreeEntries([]);
     }
 
     @EventHandler<ChannelTreeEvents>("notify_client_enter_view")
@@ -369,7 +375,7 @@ class ChannelTreeController {
         this.initializeClientEvents(event.client);
         this.sendChannelInfo(event.targetChannel);
         this.sendChannelStatusIcon(event.targetChannel);
-        this.sendChannelTreeEntriesFull([event.client.uniqueEntryId]);
+        this.sendChannelTreeEntries([ event.client.uniqueEntryId ]);
     }
 
     @EventHandler<ChannelTreeEvents>("notify_client_leave_view")
@@ -379,7 +385,7 @@ class ChannelTreeController {
         this.finalizeEvents(event.client);
         this.sendChannelInfo(event.sourceChannel);
         this.sendChannelStatusIcon(event.sourceChannel);
-        this.sendChannelTreeEntriesFull([]);
+        this.sendChannelTreeEntries([]);
     }
 
     @EventHandler<ChannelTreeEvents>("notify_client_moved")
@@ -391,7 +397,7 @@ class ChannelTreeController {
 
         this.sendChannelInfo(event.newChannel);
         this.sendChannelStatusIcon(event.newChannel);
-        this.sendChannelTreeEntriesFull([]);
+        this.sendChannelTreeEntries([]);
 
         this.sendClientTalkStatus(event.client);
     }
@@ -417,7 +423,7 @@ class ChannelTreeController {
         this.initializeTreeEntryEvents(channel, events);
         events.push(channel.events.on("notify_collapsed_state_changed", () => {
             this.sendChannelInfo(channel);
-            this.sendChannelTreeEntriesFull([]);
+            this.sendChannelTreeEntries([]);
         }));
 
         events.push(channel.events.on("notify_properties_updated", event => {
@@ -544,7 +550,7 @@ class ChannelTreeController {
      * @param fullInfoEntries If `undefined` full entry info will be send.
      *                        Else only infos for entries which are contained within the entry id array will be send.
      */
-    public sendChannelTreeEntriesFull(fullInfoEntries: number[] | undefined) {
+    public sendChannelTreeEntries(fullInfoEntries: number[] | undefined) {
         const entries = [] as FullChannelTreeEntry[];
 
         for(const entry of this.buildFlatChannelTree()) {
@@ -680,7 +686,7 @@ export function initializeChannelTreeController(events: Registry<ChannelTreeUIEv
         events.fire_react("notify_unread_state", { treeEntryId: event.treeEntryId, unread: entry.isUnread() });
     });
 
-    events.on("query_tree_entries", event => controller.sendChannelTreeEntriesFull(event.fullInfo ? undefined : []));
+    events.on("query_tree_entries", event => controller.sendChannelTreeEntries(event.fullInfo ? undefined : []));
     events.on("query_selected_entry", () => controller.sendSelectedEntry());
     events.on("query_channel_info", event => {
         const entry = channelTree.findEntryId(event.treeEntryId);

From a23f426b7bc26444f47a0fad687652a2e36e854c Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 27 Apr 2021 16:23:59 +0200
Subject: [PATCH 108/128] Fixed some compile errors due to the TypeScript
 versions upgrade

---
 file.ts                                       |   6 +-
 package-lock.json                             |   5 +-
 package.json                                  |   2 +-
 shared/img/icon_folder.svg                    |   2 +-
 shared/img/icon_sound_pause.svg               |   2 +-
 shared/img/icon_sound_play.svg                |   2 +-
 shared/img/loading_image.svg                  | 134 ++++--------------
 shared/img/script.svg                         |   2 -
 shared/js/Mutex.ts                            |   2 +-
 shared/js/connection/rtc/RemoteTrack.ts       |   1 -
 shared/js/connectionlog/History.ts            |   4 +-
 .../PrivateConversationHistory.ts             |   4 +-
 shared/js/file/RemoteAvatars.ts               |   2 +-
 shared/js/file/RemoteIcons.ts                 |   2 +-
 shared/js/main.tsx                            |   2 +-
 shared/js/music/PlaylistManager.ts            |   8 +-
 shared/js/ui/modal/yes-no/Controller.ts       |   2 +-
 .../modal/external/Controller.ts              |   2 +-
 .../react-elements/modal/internal/index.tsx   |   6 +-
 19 files changed, 53 insertions(+), 137 deletions(-)

diff --git a/file.ts b/file.ts
index ff084d0e..cecb9766 100644
--- a/file.ts
+++ b/file.ts
@@ -265,7 +265,7 @@ namespace server {
         } else {
             server = http.createServer(handleHTTPRequest);
         }
-        await new Promise((resolve, reject) => {
+        await new Promise<void>((resolve, reject) => {
             server.on('error', reject);
             server.listen(options.port, () => {
                 server.off("error", reject);
@@ -276,7 +276,7 @@ namespace server {
 
     export async function shutdown() {
         if(server) {
-            await new Promise((resolve, reject) => server.close(error => error ? reject(error) : resolve()));
+            await new Promise<void>((resolve, reject) => server.close(error => error ? reject(error) : resolve()));
             server = undefined;
         }
     }
@@ -396,7 +396,7 @@ namespace watcher {
             this._process.addListener("error", this.handle_error.bind(this));
 
             try {
-                await new Promise((resolve, reject) => {
+                await new Promise<void>((resolve, reject) => {
                     const id = setTimeout(reject, 5000, "timeout");
                     this._callback_init = () => {
                         clearTimeout(id);
diff --git a/package-lock.json b/package-lock.json
index 465c1262..cd65c90c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17728,9 +17728,8 @@
       "dev": true
     },
     "resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+      "version": "git+https://github.com/albancreton/resize-observer-polyfill.git#cee973d8e1163201fd535d4b54d3cdd620333deb",
+      "from": "git+https://github.com/albancreton/resize-observer-polyfill.git#patch-1"
     },
     "resolve": {
       "version": "1.15.1",
diff --git a/package.json b/package.json
index 4bf9e969..5c0c465c 100644
--- a/package.json
+++ b/package.json
@@ -116,7 +116,7 @@
     "react-grid-layout": "^1.2.2",
     "react-player": "^2.5.0",
     "remarkable": "^2.0.1",
-    "resize-observer-polyfill": "^1.5.1",
+    "resize-observer-polyfill": "git+https://github.com/albancreton/resize-observer-polyfill.git#patch-1",
     "sdp-transform": "^2.14.0",
     "simple-jsonp-promise": "^1.1.0",
     "stream-browserify": "^3.0.0",
diff --git a/shared/img/icon_folder.svg b/shared/img/icon_folder.svg
index c20bcd50..236c4e91 100644
--- a/shared/img/icon_folder.svg
+++ b/shared/img/icon_folder.svg
@@ -1,4 +1,4 @@
-<svg fill="#7289da" style="enable-background:new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+<svg fill="#7289da" style="enable-background:new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="m13.801 3.864h-5.693v-.752c0-.593-.481-1.074-1.074-1.074h-4.834c-.593 0-1.074.481-1.074 1.074v9.775c0 .593.481 1.074 1.074 1.074h11.602c.593 0 1.074-.481 1.074-1.074v-7.949c-0-.593-.481-1.074-1.074-1.074z" fill="#7289da"/>
  <path d="m11.983 8.3207h-8.0767c-.084487 0-.15592-.04-.21352-.116-.057605-.076-.086791-.167-.086791-.274v-.781c0-.11.029186-.203.086791-.278s.12903-.113.21352-.113h8.0767c.08372 0 .15592.039.21352.113.0576.074.08679.168.08679.278v.781c0 .107-.02919.198-.08679.274s-.1298.116-.21352.116z" fill="#f2f2f2" style="fill:#f9f9f9;stroke-width:.87639"/>
  <path d="m11.983 11.559h-8.0767c-.084487 0-.15592-.04-.21352-.116-.057605-.076-.086791-.167-.086791-.274v-.781c0-.11.029186-.203.086791-.278s.12904-.113.21352-.113h8.0767c.08372 0 .15592.039.21352.113.0576.074.08679.168.08679.278v.781c0 .107-.02919.198-.08679.274s-.1298.116-.21352.116z" fill="#f2f2f2" style="fill:#f9f9f9;stroke-width:.87639"/>
diff --git a/shared/img/icon_sound_pause.svg b/shared/img/icon_sound_pause.svg
index 9789c620..51ff2532 100644
--- a/shared/img/icon_sound_pause.svg
+++ b/shared/img/icon_sound_pause.svg
@@ -1,2 +1,2 @@
 
-<svg id="icon_play" data-name="base" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M395,512a73.14,73.14,0,0,1-73.14-73.14V73.14a73.14,73.14,0,1,1,146.29,0V438.86A73.14,73.14,0,0,1,395,512Z" fill="#673535"/><path d="M117,512a73.14,73.14,0,0,1-73.14-73.14V73.14a73.14,73.14,0,1,1,146.29,0V438.86A73.14,73.14,0,0,1,117,512Z" fill="#673535"/></svg>
\ No newline at end of file
+<svg id="icon_play"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M395,512a73.14,73.14,0,0,1-73.14-73.14V73.14a73.14,73.14,0,1,1,146.29,0V438.86A73.14,73.14,0,0,1,395,512Z" fill="#673535"/><path d="M117,512a73.14,73.14,0,0,1-73.14-73.14V73.14a73.14,73.14,0,1,1,146.29,0V438.86A73.14,73.14,0,0,1,117,512Z" fill="#673535"/></svg>
\ No newline at end of file
diff --git a/shared/img/icon_sound_play.svg b/shared/img/icon_sound_play.svg
index 6b61f0d7..32799749 100644
--- a/shared/img/icon_sound_play.svg
+++ b/shared/img/icon_sound_play.svg
@@ -1,2 +1,2 @@
 
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><title>play-glyph</title><path d="M60.54,512c-17.06,0-30.43-13.86-30.43-31.56V31.55C30.12,13.86,43.48,0,60.55,0A32.94,32.94,0,0,1,77,4.52L465.7,229c10.13,5.85,16.18,16,16.18,27s-6,21.2-16.18,27L77,507.48A32.92,32.92,0,0,1,60.55,512Z" fill="#376736"/></svg>
\ No newline at end of file
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><title>play-glyph</title><path d="M60.54,512c-17.06,0-30.43-13.86-30.43-31.56V31.55C30.12,13.86,43.48,0,60.55,0A32.94,32.94,0,0,1,77,4.52L465.7,229c10.13,5.85,16.18,16,16.18,27s-6,21.2-16.18,27L77,507.48A32.92,32.92,0,0,1,60.55,512Z" fill="#376736"/></svg>
\ No newline at end of file
diff --git a/shared/img/loading_image.svg b/shared/img/loading_image.svg
index 8f33a2b7..fb4114c1 100644
--- a/shared/img/loading_image.svg
+++ b/shared/img/loading_image.svg
@@ -1,107 +1,27 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 128 128"
-   version="1.1"
-   xml:space="preserve"
-   style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"
-   id="svg13635"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="loading_image.svg"><metadata
-     id="metadata13682"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
-     id="defs13680" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     id="namedview13678"
-     showgrid="false"
-     inkscape:zoom="1.84375"
-     inkscape:cx="64"
-     inkscape:cy="64"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg13635" /><g
-     transform="matrix(1,0,0,1,-2688,-480)"
-     id="g13637"><g
-       id="loading_image"
-       transform="matrix(1,0,0,1.37634,2688,294.194)"><rect
-         x="0"
-         y="135"
-         width="128"
-         height="93"
-         style="fill:none;"
-         id="rect13640" /><g
-         transform="matrix(1,0,0,0.726562,0,134.273)"
-         id="g13642"><path
-           d="M9.041,88.646C9.041,84.78 12.175,81.646 16.041,81.646L112.041,81.646C115.907,81.646 119.041,84.78 119.041,88.646L119.041,97.646C119.041,101.512 115.907,104.646 112.041,104.646L16.041,104.646C12.175,104.646 9.041,101.512 9.041,97.646L9.041,88.646L9.041,88.646Z"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="path13644" /></g><g
-         transform="matrix(1,0,0,0.726562,0,134.273)"
-         id="g13646"><path
-           d="M9.041,88.646C9.041,84.78 12.175,81.646 16.041,81.646L78.041,81.646C81.907,81.646 85.041,84.78 85.041,88.646L85.041,97.646C85.041,101.512 81.907,104.646 78.041,104.646L16.041,104.646C12.175,104.646 9.041,101.512 9.041,97.646L9.041,88.646L9.041,88.646Z"
-           style="fill:#7289da;fill-rule:nonzero;fill-opacity:1"
-           id="path13648" /></g><g
-         transform="matrix(1,0,0,0.726562,0,134.273)"
-         id="g13650"><path
-           d="M8.95,25.658L12.516,25.658L12.516,40.274L19.369,40.274L19.369,43.308L8.95,43.308L8.95,25.658Z"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="path13652" /><path
-           d="M29.13,25.354C30.429,25.354 31.6,25.565 32.645,25.986C33.69,26.408 34.579,27.011 35.313,27.795C36.046,28.578 36.611,29.527 37.008,30.639C37.403,31.752 37.602,33.009 37.602,34.407C37.602,35.824 37.395,37.096 36.982,38.225C36.568,39.355 35.987,40.32 35.237,41.121C34.487,41.923 33.576,42.537 32.506,42.967C31.436,43.397 30.243,43.612 28.928,43.612C27.63,43.612 26.449,43.401 25.387,42.98C24.325,42.558 23.423,41.951 22.681,41.159C21.939,40.367 21.366,39.41 20.962,38.289C20.557,37.167 20.355,35.908 20.355,34.509C20.355,31.575 21.123,29.316 22.657,27.731C24.19,26.147 26.349,25.354 29.13,25.354ZM28.915,28.111C28.205,28.111 27.559,28.262 26.976,28.566C26.393,28.87 25.89,29.299 25.467,29.856C25.044,30.412 24.719,31.087 24.49,31.879C24.262,32.671 24.149,33.548 24.149,34.509C24.149,35.469 24.262,36.342 24.49,37.125C24.719,37.909 25.049,38.575 25.479,39.124C25.91,39.671 26.421,40.097 27.013,40.401C27.604,40.705 28.272,40.856 29.016,40.856C29.725,40.856 30.372,40.701 30.956,40.388C31.538,40.076 32.041,39.642 32.464,39.086C32.886,38.529 33.216,37.859 33.453,37.075C33.69,36.291 33.808,35.428 33.808,34.483C33.808,33.505 33.694,32.621 33.465,31.827C33.237,31.035 32.907,30.365 32.476,29.817C32.045,29.269 31.53,28.848 30.93,28.553C30.331,28.258 29.659,28.111 28.915,28.111Z"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="path13654" /><path
-           d="M56.77,43.309L52.901,43.309L51.359,39.238L44,39.238L42.458,43.309L38.79,43.309L45.719,25.659L49.74,25.659L56.77,43.309ZM48.93,32.435C48.829,32.165 48.719,31.85 48.602,31.487C48.483,31.125 48.37,30.754 48.26,30.374C48.15,29.996 48.045,29.638 47.944,29.3C47.843,28.963 47.767,28.676 47.716,28.44L47.666,28.44C47.598,28.676 47.514,28.962 47.413,29.3C47.312,29.638 47.198,29.996 47.071,30.374C46.945,30.754 46.822,31.125 46.705,31.487C46.587,31.849 46.477,32.165 46.376,32.435L44.91,36.557L50.397,36.557L48.93,32.435Z"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="path13656" /><path
-           d="M63.976,25.658C65.459,25.658 66.837,25.814 68.111,26.126C69.383,26.438 70.488,26.947 71.424,27.655C72.36,28.364 73.089,29.283 73.612,30.411C74.134,31.541 74.396,32.924 74.396,34.559C74.396,36.11 74.125,37.438 73.586,38.541C73.047,39.646 72.309,40.552 71.373,41.26C70.438,41.968 69.338,42.486 68.073,42.816C66.808,43.144 65.443,43.309 63.976,43.309L59.146,43.309L59.146,25.659L63.976,25.659L63.976,25.658ZM62.712,40.603L63.647,40.603C64.625,40.603 65.544,40.498 66.403,40.287C67.262,40.076 68.008,39.736 68.641,39.263C69.273,38.791 69.774,38.167 70.146,37.391C70.516,36.616 70.703,35.663 70.703,34.534C70.703,33.355 70.516,32.372 70.146,31.588C69.774,30.804 69.273,30.176 68.641,29.704C68.008,29.232 67.262,28.903 66.403,28.718C65.544,28.532 64.624,28.439 63.647,28.439L62.712,28.439L62.712,40.603Z"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="path13658" /><rect
-           x="77.731"
-           y="25.658"
-           width="3.566"
-           height="17.65"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="rect13660" /><path
-           d="M97.051,25.658L100.264,25.658L100.264,43.308L95.762,43.308L91.236,34.66C91,34.222 90.759,33.745 90.515,33.231C90.271,32.718 90.03,32.211 89.794,31.714C89.558,31.217 89.343,30.749 89.148,30.311C88.955,29.873 88.798,29.51 88.681,29.223L88.63,29.223C88.647,29.493 88.663,29.877 88.681,30.373C88.698,30.871 88.709,31.406 88.719,31.979C88.727,32.552 88.736,33.117 88.743,33.674C88.752,34.229 88.757,34.694 88.757,35.064L88.757,43.308L85.544,43.308L85.544,25.658L90.3,25.658L94.75,34.382C94.919,34.702 95.112,35.09 95.332,35.545C95.551,36.001 95.774,36.472 96.003,36.961C96.23,37.451 96.445,37.927 96.647,38.39C96.85,38.854 97.017,39.237 97.154,39.54L97.204,39.54C97.186,39.22 97.17,38.786 97.154,38.239C97.136,37.69 97.12,37.105 97.103,36.48C97.085,35.857 97.073,35.241 97.065,34.634C97.055,34.028 97.051,33.505 97.051,33.067L97.051,25.658L97.051,25.658Z"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="path13662" /><path
-           d="M118.242,29.324C117.701,29.038 117.013,28.803 116.176,28.616C115.34,28.431 114.465,28.338 113.554,28.338C112.607,28.338 111.754,28.481 110.993,28.767C110.233,29.053 109.587,29.456 109.055,29.978C108.522,30.5 108.109,31.139 107.812,31.896C107.517,32.653 107.369,33.494 107.369,34.42C107.369,35.329 107.505,36.161 107.775,36.919C108.045,37.675 108.439,38.319 108.955,38.849C109.471,39.379 110.109,39.791 110.87,40.086C111.631,40.381 112.502,40.527 113.483,40.527C113.854,40.527 114.222,40.506 114.586,40.464C114.949,40.422 115.275,40.359 115.563,40.275L115.563,35.899L111.795,35.899L111.795,33.067L118.951,33.067L118.951,42.55C117.99,42.887 117.013,43.127 116.017,43.27C115.023,43.413 114.02,43.485 113.008,43.485C111.659,43.485 110.407,43.279 109.252,42.865C108.098,42.452 107.099,41.854 106.256,41.07C105.413,40.286 104.756,39.334 104.283,38.213C103.811,37.092 103.575,35.824 103.575,34.407C103.575,33.042 103.811,31.807 104.283,30.703C104.756,29.599 105.426,28.659 106.294,27.884C107.162,27.108 108.212,26.514 109.442,26.101C110.671,25.688 112.055,25.481 113.588,25.481C114.465,25.481 115.321,25.531 116.155,25.632C116.99,25.734 117.768,25.911 118.494,26.163L118.242,29.324Z"
-           style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-           id="path13664" /><g
-           id="g13666"><rect
-             x="9.05"
-             y="50.073"
-             width="4.968"
-             height="24.584"
-             style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-             id="rect13668" /><path
-             d="M31.734,61.802C32.064,62.835 32.422,64.02 32.809,65.359C33.196,66.698 33.532,67.941 33.812,69.092L33.882,69.092C34.212,67.941 34.576,66.697 34.974,65.359C35.374,64.02 35.738,62.835 36.066,61.802L40.012,50.073L47.725,50.073L47.725,74.657L42.97,74.657L42.97,62.647C42.97,62.06 42.97,61.39 42.97,60.639C42.97,59.888 42.976,59.107 42.988,58.295C42.999,57.486 43.012,56.682 43.023,55.883C43.035,55.085 43.052,54.334 43.076,53.629L43.006,53.629C42.817,54.216 42.618,54.861 42.407,55.567C42.195,56.271 41.978,56.976 41.755,57.679C41.532,58.385 41.321,59.054 41.122,59.688C40.921,60.322 40.752,60.863 40.611,61.309L35.857,74.657L31.418,74.657L26.839,61.449C26.746,61.167 26.592,60.698 26.382,60.04C26.17,59.382 25.942,58.654 25.695,57.855C25.449,57.057 25.214,56.277 24.99,55.513C24.767,54.751 24.585,54.121 24.444,53.629L24.374,53.629C24.397,54.334 24.414,55.085 24.427,55.883C24.439,56.681 24.45,57.486 24.462,58.295C24.474,59.107 24.481,59.888 24.481,60.639L24.481,74.657L19.937,74.657L19.937,50.073L27.898,50.073L31.734,61.802Z"
-             style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-             id="path13670" /><path
-             d="M75.939,74.657L70.549,74.657L68.402,68.987L58.151,68.987L56.003,74.657L50.895,74.657L60.546,50.073L66.147,50.073L75.939,74.657ZM65.02,59.511C64.879,59.136 64.726,58.696 64.563,58.192C64.397,57.688 64.241,57.17 64.087,56.641C63.934,56.113 63.788,55.615 63.647,55.144C63.507,54.674 63.4,54.275 63.33,53.946L63.26,53.946C63.165,54.275 63.048,54.674 62.908,55.144C62.767,55.614 62.608,56.113 62.431,56.641C62.255,57.17 62.084,57.687 61.921,58.192C61.756,58.696 61.604,59.136 61.463,59.511L59.421,65.253L67.064,65.253L65.02,59.511Z"
-             style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-             id="path13672" /><path
-             d="M98.023,55.179C97.269,54.78 96.31,54.452 95.146,54.193C93.98,53.935 92.761,53.806 91.493,53.806C90.175,53.806 88.986,54.005 87.926,54.404C86.868,54.802 85.968,55.364 85.227,56.091C84.485,56.818 83.909,57.708 83.497,58.762C83.085,59.817 82.878,60.988 82.878,62.278C82.878,63.544 83.067,64.703 83.445,65.758C83.82,66.812 84.369,67.708 85.087,68.446C85.806,69.184 86.694,69.759 87.755,70.169C88.816,70.579 90.027,70.784 91.395,70.784C91.914,70.784 92.426,70.754 92.932,70.696C93.438,70.637 93.892,70.55 94.292,70.432L94.292,64.337L89.043,64.337L89.043,60.393L99.011,60.393L99.011,73.601C97.672,74.071 96.311,74.405 94.925,74.604C93.54,74.803 92.143,74.905 90.734,74.905C88.855,74.905 87.112,74.618 85.504,74.042C83.895,73.467 82.504,72.634 81.329,71.541C80.155,70.448 79.24,69.123 78.583,67.561C77.925,66 77.597,64.233 77.597,62.26C77.597,60.358 77.925,58.638 78.583,57.1C79.24,55.562 80.174,54.252 81.383,53.173C82.593,52.092 84.054,51.265 85.77,50.69C87.483,50.115 89.409,49.827 91.545,49.827C92.766,49.827 93.958,49.898 95.121,50.038C96.283,50.18 97.368,50.426 98.379,50.777L98.023,55.179Z"
-             style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-             id="path13674" /><path
-             d="M104.397,50.073L118.944,50.073L118.944,54.193L109.293,54.193L109.293,60.077L118.17,60.077L118.17,64.057L109.293,64.057L109.293,70.538L119.05,70.538L119.05,74.657L104.398,74.657L104.398,50.073L104.397,50.073Z"
-             style="fill:#a9aaac;fill-rule:nonzero;fill-opacity:1"
-             id="path13676" /></g></g></g></g>
-</svg>
\ No newline at end of file
+<svg style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.4142" version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-2688 -480)">
+  <g id="loading_image" transform="matrix(1 0 0 1.3763 2688 294.19)">
+   <rect y="135" width="128" height="93" style="fill:none"/>
+   <g transform="matrix(1 0 0 .72656 0 134.27)">
+    <path d="m9.041 88.646c0-3.866 3.134-7 7-7h96c3.866 0 7 3.134 7 7v9c0 3.866-3.134 7-7 7h-96c-3.866 0-7-3.134-7-7v-9z" style="fill-rule:nonzero;fill:#a9aaac"/>
+   </g>
+   <g transform="matrix(1 0 0 .72656 0 134.27)">
+    <path d="m9.041 88.646c0-3.866 3.134-7 7-7h62c3.866 0 7 3.134 7 7v9c0 3.866-3.134 7-7 7h-62c-3.866 0-7-3.134-7-7v-9z" style="fill-rule:nonzero;fill:#7289da"/>
+   </g>
+   <g transform="matrix(1 0 0 .72656 0 134.27)">
+    <path d="m8.95 25.658h3.566v14.616h6.853v3.034h-10.419v-17.65z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m29.13 25.354c1.299 0 2.47.211 3.515.632 1.045.422 1.934 1.025 2.668 1.809.733.783 1.298 1.732 1.695 2.844.395 1.113.594 2.37.594 3.768 0 1.417-.207 2.689-.62 3.818-.414 1.13-.995 2.095-1.745 2.896-.75.802-1.661 1.416-2.731 1.846s-2.263.645-3.578.645c-1.298 0-2.479-.211-3.541-.632-1.062-.422-1.964-1.029-2.706-1.821s-1.315-1.749-1.719-2.87c-.405-1.122-.607-2.381-.607-3.78 0-2.934.768-5.193 2.302-6.778 1.533-1.584 3.692-2.377 6.473-2.377zm-.215 2.757c-.71 0-1.356.151-1.939.455s-1.086.733-1.509 1.29c-.423.556-.748 1.231-.977 2.023-.228.792-.341 1.669-.341 2.63 0 .96.113 1.833.341 2.616.229.784.559 1.45.989 1.999.431.547.942.973 1.534 1.277.591.304 1.259.455 2.003.455.709 0 1.356-.155 1.94-.468.582-.312 1.085-.746 1.508-1.302.422-.557.752-1.227.989-2.011s.355-1.647.355-2.592c0-.978-.114-1.862-.343-2.656-.228-.792-.558-1.462-.989-2.01s-.946-.969-1.546-1.264c-.599-.295-1.271-.442-2.015-.442z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m56.77 43.309h-3.869l-1.542-4.071h-7.359l-1.542 4.071h-3.668l6.929-17.65h4.021l7.03 17.65zm-7.84-10.874c-.101-.27-.211-.585-.328-.948-.119-.362-.232-.733-.342-1.113-.11-.378-.215-.736-.316-1.074-.101-.337-.177-.624-.228-.86h-.05c-.068.236-.152.522-.253.86s-.215.696-.342 1.074c-.126.38-.249.751-.366 1.113-.118.362-.228.678-.329.948l-1.466 4.122h5.487l-1.467-4.122z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m63.976 25.658c1.483 0 2.861.156 4.135.468 1.272.312 2.377.821 3.313 1.529.936.709 1.665 1.628 2.188 2.756.522 1.13.784 2.513.784 4.148 0 1.551-.271 2.879-.81 3.982-.539 1.105-1.277 2.011-2.213 2.719-.935.708-2.035 1.226-3.3 1.556-1.265.328-2.63.493-4.097.493h-4.83v-17.65h4.83v-.001zm-1.264 14.945h.935c.978 0 1.897-.105 2.756-.316s1.605-.551 2.238-1.024c.632-.472 1.133-1.096 1.505-1.872.37-.775.557-1.728.557-2.857 0-1.179-.187-2.162-.557-2.946-.372-.784-.873-1.412-1.505-1.884-.633-.472-1.379-.801-2.238-.986-.859-.186-1.779-.279-2.756-.279h-.935v12.164z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <rect x="77.731" y="25.658" width="3.566" height="17.65" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m97.051 25.658h3.213v17.65h-4.502l-4.526-8.648c-.236-.438-.477-.915-.721-1.429-.244-.513-.485-1.02-.721-1.517s-.451-.965-.646-1.403c-.193-.438-.35-.801-.467-1.088h-.051c.017.27.033.654.051 1.15.017.498.028 1.033.038 1.606.008.573.017 1.138.024 1.695.009.555.014 1.02.014 1.39v8.244h-3.213v-17.65h4.756l4.45 8.724c.169.32.362.708.582 1.163.219.456.442.927.671 1.416.227.49.442.966.644 1.429.203.464.37.847.507 1.15h.05c-.018-.32-.034-.754-.05-1.301-.018-.549-.034-1.134-.051-1.759-.018-.623-.03-1.239-.038-1.846-.01-.606-.014-1.129-.014-1.567v-7.409z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m118.24 29.324c-.541-.286-1.229-.521-2.066-.708-.836-.185-1.711-.278-2.622-.278-.947 0-1.8.143-2.561.429-.76.286-1.406.689-1.938 1.211-.533.522-.946 1.161-1.243 1.918-.295.757-.443 1.598-.443 2.524 0 .909.136 1.741.406 2.499.27.756.664 1.4 1.18 1.93s1.154.942 1.915 1.237 1.632.441 2.613.441c.371 0 .739-.021 1.103-.063.363-.042.689-.105.977-.189v-4.376h-3.768v-2.832h7.156v9.483c-.961.337-1.938.577-2.934.72-.994.143-1.997.215-3.009.215-1.349 0-2.601-.206-3.756-.62-1.154-.413-2.153-1.011-2.996-1.795s-1.5-1.736-1.973-2.857c-.472-1.121-.708-2.389-.708-3.806 0-1.365.236-2.6.708-3.704.473-1.104 1.143-2.044 2.011-2.819.868-.776 1.918-1.37 3.148-1.783 1.229-.413 2.613-.62 4.146-.62.877 0 1.733.05 2.567.151.835.102 1.613.279 2.339.531l-.252 3.161z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <rect x="9.05" y="50.073" width="4.968" height="24.584" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m31.734 61.802c.33 1.033.688 2.218 1.075 3.557s.723 2.582 1.003 3.733h.07c.33-1.151.694-2.395 1.092-3.733.4-1.339.764-2.524 1.092-3.557l3.946-11.729h7.713v24.584h-4.755v-12.01-2.008c0-.751.006-1.532.018-2.344.011-.809.024-1.613.035-2.412.012-.798.029-1.549.053-2.254h-.07c-.189.587-.388 1.232-.599 1.938-.212.704-.429 1.409-.652 2.112-.223.706-.434 1.375-.633 2.009-.201.634-.37 1.175-.511 1.621l-4.754 13.348h-4.439l-4.579-13.208c-.093-.282-.247-.751-.457-1.409-.212-.658-.44-1.386-.687-2.185-.246-.798-.481-1.578-.705-2.342-.223-.762-.405-1.392-.546-1.884h-.07c.023.705.04 1.456.053 2.254.012.798.023 1.603.035 2.412.012.812.019 1.593.019 2.344v14.018h-4.544v-24.584h7.961l3.836 11.729z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m75.939 74.657h-5.39l-2.147-5.67h-10.251l-2.148 5.67h-5.108l9.651-24.584h5.601l9.792 24.584zm-10.919-15.146c-.141-.375-.294-.815-.457-1.319-.166-.504-.322-1.022-.476-1.551-.153-.528-.299-1.026-.44-1.497-.14-.47-.247-.869-.317-1.198h-.07c-.095.329-.212.728-.352 1.198-.141.47-.3.969-.477 1.497-.176.529-.347 1.046-.51 1.551-.165.504-.317.944-.458 1.319l-2.042 5.742h7.643l-2.044-5.742z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m98.023 55.179c-.754-.399-1.713-.727-2.877-.986-1.166-.258-2.385-.387-3.653-.387-1.318 0-2.507.199-3.567.598-1.058.398-1.958.96-2.699 1.687-.742.727-1.318 1.617-1.73 2.671-.412 1.055-.619 2.226-.619 3.516 0 1.266.189 2.425.567 3.48.375 1.054.924 1.95 1.642 2.688.719.738 1.607 1.313 2.668 1.723s2.272.615 3.64.615c.519 0 1.031-.03 1.537-.088.506-.059.96-.146 1.36-.264v-6.095h-5.249v-3.944h9.968v13.208c-1.339.47-2.7.804-4.086 1.003-1.385.199-2.782.301-4.191.301-1.879 0-3.622-.287-5.23-.863-1.609-.575-3-1.408-4.175-2.501-1.174-1.093-2.089-2.418-2.746-3.98-.658-1.561-.986-3.328-.986-5.301 0-1.902.328-3.622.986-5.16.657-1.538 1.591-2.848 2.8-3.927 1.21-1.081 2.671-1.908 4.387-2.483 1.713-.575 3.639-.863 5.775-.863 1.221 0 2.413.071 3.576.211 1.162.142 2.247.388 3.258.739l-.356 4.402z" style="fill-rule:nonzero;fill:#a9aaac"/>
+    <path d="m104.4 50.073h14.547v4.12h-9.651v5.884h8.877v3.98h-8.877v6.481h9.757v4.119h-14.652v-24.584h-.001z" style="fill-rule:nonzero;fill:#a9aaac"/>
+   </g>
+  </g>
+ </g>
+</svg>
diff --git a/shared/img/script.svg b/shared/img/script.svg
index ea32f4c0..5557a658 100644
--- a/shared/img/script.svg
+++ b/shared/img/script.svg
@@ -1,6 +1,4 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve">
 <g>
diff --git a/shared/js/Mutex.ts b/shared/js/Mutex.ts
index 754d916f..c73447de 100644
--- a/shared/js/Mutex.ts
+++ b/shared/js/Mutex.ts
@@ -19,7 +19,7 @@ export class Mutex<T> {
 
     execute<R>(callback: (value: T, setValue: (newValue: T) => void) => R | Promise<R>) : Promise<R> {
         return new Promise<R>((resolve, reject) => {
-            this.taskQueue.push(() => new Promise(taskResolve => {
+            this.taskQueue.push(() => new Promise<void>(taskResolve => {
                 try {
                     const result = callback(this.value, newValue => this.value = newValue);
                     if(result instanceof Promise) {
diff --git a/shared/js/connection/rtc/RemoteTrack.ts b/shared/js/connection/rtc/RemoteTrack.ts
index 643a93fd..32df32fe 100644
--- a/shared/js/connection/rtc/RemoteTrack.ts
+++ b/shared/js/connection/rtc/RemoteTrack.ts
@@ -141,7 +141,6 @@ export class RemoteRTPAudioTrack extends RemoteRTPTrack {
         this.htmlAudioNode.srcObject = this.mediaStream;
         this.htmlAudioNode.autoplay = true;
         this.htmlAudioNode.muted = true;
-        this.htmlAudioNode.msRealTime = true;
 
         /*
         {
diff --git a/shared/js/connectionlog/History.ts b/shared/js/connectionlog/History.ts
index 1aa4ec1a..31e4ca85 100644
--- a/shared/js/connectionlog/History.ts
+++ b/shared/js/connectionlog/History.ts
@@ -339,9 +339,9 @@ export class ConnectionHistory {
                 break;
             }
 
-            promises.push(new Promise(resolve => {
+            promises.push(new Promise<void>(resolve => {
                 const deleteRequest = entry.delete();
-                deleteRequest.onsuccess = resolve;
+                deleteRequest.onsuccess = () => resolve();
                 deleteRequest.onerror = () => {
                     logWarn(LogCategory.GENERAL, tr("Failed to delete a connection attempt: %o"), deleteRequest.error);
                     resolve();
diff --git a/shared/js/conversations/PrivateConversationHistory.ts b/shared/js/conversations/PrivateConversationHistory.ts
index ef871196..02e05fd3 100644
--- a/shared/js/conversations/PrivateConversationHistory.ts
+++ b/shared/js/conversations/PrivateConversationHistory.ts
@@ -22,7 +22,7 @@ async function requestDatabase() {
         if(databaseMode === "open") {
             return;
         } else if(databaseMode === "opening" || databaseMode === "updating") {
-            await new Promise(resolve => databaseStateChangedCallbacks.push(resolve));
+            await new Promise<void>(resolve => databaseStateChangedCallbacks.push(resolve));
         } else if(databaseMode === "closed") {
             try {
                 await doOpenDatabase(false);
@@ -285,7 +285,7 @@ export async function queryConversationEvents(clientUniqueId: string, query: {
     const events = [];
     let hasMoreEvents = false;
 
-    await new Promise((resolve, reject) => {
+    await new Promise<void>((resolve, reject) => {
         cursor.onsuccess = () => {
             if(!cursor.result) {
                 /* no more results */
diff --git a/shared/js/file/RemoteAvatars.ts b/shared/js/file/RemoteAvatars.ts
index 1dc63aff..ff9ff213 100644
--- a/shared/js/file/RemoteAvatars.ts
+++ b/shared/js/file/RemoteAvatars.ts
@@ -166,7 +166,7 @@ class RemoteAvatarManagerFactory extends AbstractAvatarManagerFactory {
     async initialize() {
         this.ipcChannel.sendMessage("query-handlers", {});
 
-        await new Promise((resolve, reject) => {
+        await new Promise<void>((resolve, reject) => {
             const timeout = setTimeout(() => {
                 this.callbackHandlerQueried = undefined;
                 reject(tr("handler query timeout"));
diff --git a/shared/js/file/RemoteIcons.ts b/shared/js/file/RemoteIcons.ts
index 82ff40e8..2e2bcbff 100644
--- a/shared/js/file/RemoteIcons.ts
+++ b/shared/js/file/RemoteIcons.ts
@@ -39,7 +39,7 @@ class RemoteIconManager extends AbstractIconManager {
     async initialize() {
         this.ipcChannel.sendMessage("initialize", {});
 
-        await new Promise((resolve, reject) => {
+        await new Promise<void>((resolve, reject) => {
             const timeout = setTimeout(() => {
                 this.callbackInitialized = undefined;
                 reject(tr("initialize timeout"));
diff --git a/shared/js/main.tsx b/shared/js/main.tsx
index ff935fe0..9f898c5f 100644
--- a/shared/js/main.tsx
+++ b/shared/js/main.tsx
@@ -213,7 +213,7 @@ async function doHandleConnectRequest(serverAddress: string, serverUniqueId: str
             return { status: "client-aborted" };
         }
 
-        await new Promise(resolve => getAudioBackend().executeWhenInitialized(resolve));
+        await new Promise<void>(resolve => getAudioBackend().executeWhenInitialized(resolve));
     }
 
     const clientNickname = parameters.getValue(AppParameters.KEY_CONNECT_NICKNAME, undefined);
diff --git a/shared/js/music/PlaylistManager.ts b/shared/js/music/PlaylistManager.ts
index 4cded206..2b2ba4a9 100644
--- a/shared/js/music/PlaylistManager.ts
+++ b/shared/js/music/PlaylistManager.ts
@@ -170,11 +170,11 @@ export abstract class SubscribedPlaylist {
      *
      * @param forceQuery Forcibly query even we're subscribed and already aware of all songs.
      */
-    abstract async querySongs(forceQuery: boolean) : Promise<void>;
+    abstract querySongs(forceQuery: boolean) : Promise<void>;
 
-    abstract async addSong(url: string, urlLoader: "any" | "youtube" | "ffmpeg" | "channel", targetSongId: number | 0, mode?: "before" | "after" | "last") : Promise<void>;
-    abstract async deleteEntry(entryId: number) : Promise<void>;
-    abstract async reorderEntry(entryId: number, targetEntryId: number, mode: "before" | "after") : Promise<void>;
+    abstract addSong(url: string, urlLoader: "any" | "youtube" | "ffmpeg" | "channel", targetSongId: number | 0, mode?: "before" | "after" | "last") : Promise<void>;
+    abstract deleteEntry(entryId: number) : Promise<void>;
+    abstract reorderEntry(entryId: number, targetEntryId: number, mode: "before" | "after") : Promise<void>;
 
     getStatus() : Readonly<SubscribedPlaylistStatus> {
         return this.status;
diff --git a/shared/js/ui/modal/yes-no/Controller.ts b/shared/js/ui/modal/yes-no/Controller.ts
index bdabbffc..0e2dbf71 100644
--- a/shared/js/ui/modal/yes-no/Controller.ts
+++ b/shared/js/ui/modal/yes-no/Controller.ts
@@ -63,7 +63,7 @@ export async function promptYesNo(properties: YesNoParameters) : Promise<boolean
     ignorePromise(modal.show());
 
     return await new Promise<boolean | undefined>(resolve => {
-        modal.getEvents().on("destroy", () => resolve());
+        modal.getEvents().on("destroy", () => resolve(undefined));
         controller.events.on("action_submit", event => {
             resolve(event.status);
             modal.destroy();
diff --git a/shared/js/ui/react-elements/modal/external/Controller.ts b/shared/js/ui/react-elements/modal/external/Controller.ts
index 05433506..87f6ea9e 100644
--- a/shared/js/ui/react-elements/modal/external/Controller.ts
+++ b/shared/js/ui/react-elements/modal/external/Controller.ts
@@ -158,7 +158,7 @@ export class ExternalModalController implements ModalInstanceController {
             this.windowId = result.windowId;
             try {
                 if(!this.modalInitialized) {
-                    await new Promise((resolve, reject) => {
+                    await new Promise<void>((resolve, reject) => {
                         const timeoutId = setTimeout(reject, 15000);
                         this.modalInitializeCallback = () => {
                             clearTimeout(timeoutId);
diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
index 5fe61ed9..4b0b5925 100644
--- a/shared/js/ui/react-elements/modal/internal/index.tsx
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -111,7 +111,7 @@ export class InternalModalInstance implements ModalInstanceController {
             throw tr("missing modal hanging container");
         }
 
-        await new Promise(resolve => internalModalContainer.current.addModalInstance(this, resolve));
+        await new Promise<void>(resolve => internalModalContainer.current.addModalInstance(this, resolve));
         if(!this.refRendererInstance.current) {
             this.destructModalInstance();
             throw tr("missing rendered modal reference");
@@ -162,7 +162,7 @@ export class InternalModalInstance implements ModalInstanceController {
 
         this.modalInstance["onOpen"]();
         this.state = ModalState.SHOWN;
-        await new Promise(resolve => this.refRendererInstance.current.setState({ shown: true }, resolve));
+        await new Promise<void>(resolve => this.refRendererInstance.current.setState({ shown: true }, resolve));
         this.events.fire("notify_open");
     }
 
@@ -177,7 +177,7 @@ export class InternalModalInstance implements ModalInstanceController {
 
         this.state = ModalState.HIDDEN;
         this.modalInstance["onClose"]();
-        await new Promise(resolve => this.refRendererInstance.current.setState({ shown: false }, resolve));
+        await new Promise<void>(resolve => this.refRendererInstance.current.setState({ shown: false }, resolve));
 
         /* TODO: Somehow get the real animation finish signal? */
         await new Promise(resolve => setTimeout(resolve, 500));

From 32de3542dfacf55afa329338cbe955a48eec31db Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Tue, 27 Apr 2021 17:00:45 +0200
Subject: [PATCH 109/128] Fixed compilation for TS 4.x

---
 tools/trgen/generator/TypeScript.ts | 45 +++++++++++++++--------------
 vendor/xbbcode                      |  2 +-
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/tools/trgen/generator/TypeScript.ts b/tools/trgen/generator/TypeScript.ts
index 2ce03bb1..b89a0484 100644
--- a/tools/trgen/generator/TypeScript.ts
+++ b/tools/trgen/generator/TypeScript.ts
@@ -121,17 +121,20 @@ export function transform(config: Configuration, context: ts.TransformationConte
     config.variables.declareFiles = config.variables.declareFiles || (config.optimized ? "f" : "declare_files");
     config.variables.declarations = config.variables.declarations || (config.optimized ? "d" : "definitions");
 
+    const nodeFactory = ts.factory;
+
     //Initialize nodes
     const extraNodes = [];
-    {
+    if(config.cacheTranslations) {
+        /* This doesn't yet work with TS 4.X */
         cache.nodes = {} as any;
         if(config.useWindow) {
-            const window = ts.createIdentifier("window");
-            const translationMap = ts.createPropertyAccess(window, ts.createIdentifier(config.variables.base));
-            const newTranslations = ts.createAssignment(translationMap, ts.createObjectLiteral());
+            const window = nodeFactory.createIdentifier("window");
+            const translationMap = nodeFactory.createPropertyAccessExpression(window, nodeFactory.createIdentifier(config.variables.base));
+            const newTranslations = nodeFactory.createAssignment(translationMap, nodeFactory.createObjectLiteralExpression());
 
-            extraNodes.push(ts.createParen(
-                ts.createBinary(translationMap, ts.SyntaxKind.BarBarToken, newTranslations)
+            extraNodes.push(nodeFactory.createParenthesizedExpression(
+                nodeFactory.createBinaryExpression(translationMap, ts.SyntaxKind.BarBarToken, newTranslations)
             ));
 
             cache.nodes = {
@@ -139,24 +142,24 @@ export function transform(config: Configuration, context: ts.TransformationConte
             };
         } else if(config.module) {
             cache.nodes = {
-                translationMap: ts.createIdentifier(config.variables.base)
+                translationMap: nodeFactory.createIdentifier(config.variables.base)
             };
 
             extraNodes.push((
-                ts.createVariableDeclarationList([
-                    ts.createVariableDeclaration(config.variables.base, undefined, ts.createObjectLiteral())
+                nodeFactory.createVariableDeclarationList([
+                    nodeFactory.createVariableDeclaration(config.variables.base, undefined, undefined, nodeFactory.createObjectLiteralExpression())
                 ], ts.NodeFlags.Const)
-            ), ts.createToken(SyntaxKind.SemicolonToken));
+            ), nodeFactory.createToken(SyntaxKind.SemicolonToken));
         } else {
-            const variableMap = ts.createIdentifier(config.variables.base);
-            const inlineIf = ts.createBinary(
-                ts.createBinary(
-                    ts.createTypeOf(variableMap),
+            const variableMap = nodeFactory.createIdentifier(config.variables.base);
+            const inlineIf = nodeFactory.createBinaryExpression(
+                nodeFactory.createBinaryExpression(
+                    nodeFactory.createTypeOfExpression(variableMap),
                     SyntaxKind.ExclamationEqualsEqualsToken,
-                    ts.createLiteral("undefined")
+                    nodeFactory.createStringLiteral("undefined")
                 ),
                 ts.SyntaxKind.BarBarToken,
-                ts.createAssignment(variableMap, ts.createObjectLiteral())
+                nodeFactory.createAssignment(variableMap, nodeFactory.createObjectLiteralExpression())
             );
 
             cache.nodes = {
@@ -277,13 +280,13 @@ export function visitNode(config: Configuration, cache: VolatileTransformConfig,
             return node;
         }
 
-        const variableName = ts.createIdentifier(cache.nameGenerator(config, node, object.text || object.getText(sourceFile)));
-        const variableInit = ts.createPropertyAccess(cache.nodes.translationMap, variableName);
+        const variableName = ts.factory.createIdentifier(cache.nameGenerator(config, node, object.text || object.getText(sourceFile)));
+        const variableInit = ts.factory.createPropertyAccessExpression(cache.nodes.translationMap, variableName);
 
-        const variable = ts.createPropertyAccess(cache.nodes.translationMap, variableName);
-        const newVariable = ts.createAssignment(variable, call);
+        const variable = ts.factory.createPropertyAccessExpression(cache.nodes.translationMap, variableName);
+        const newVariable = ts.factory.createAssignment(variable, call);
 
-        return ts.createBinary(variableInit, ts.SyntaxKind.BarBarToken, newVariable);
+        return ts.factory.createBinaryExpression(variableInit, ts.SyntaxKind.BarBarToken, newVariable);
     } else if(node.kind === SyntaxKind.JsxElement) {
         const element = node as ts.JsxElement;
         const tag = element.openingElement.tagName as ts.Identifier;
diff --git a/vendor/xbbcode b/vendor/xbbcode
index e61434dc..13eb8766 160000
--- a/vendor/xbbcode
+++ b/vendor/xbbcode
@@ -1 +1 @@
-Subproject commit e61434dc048c5de71c31ca3a11f7db97217b0231
+Subproject commit 13eb8766a066694edd40acac2abc1b5847edf50b

From 1cae741b17b6e4e235086abb075cd5daeafa5ca5 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 29 Apr 2021 14:51:30 +0200
Subject: [PATCH 110/128] Adding popout to channel conversations and fixed
 doubling of chat messages

---
 ChangeLog.md                                  |  4 ++
 loader/app/targets/empty.ts                   |  4 +-
 shared/js/ui/frames/SideBarRenderer.tsx       |  1 +
 .../side/AbstractConversationController.ts    | 57 ++++++++++++----
 .../side/AbstractConversationDefinitions.ts   |  1 +
 .../side/AbstractConversationRenderer.scss    |  5 ++
 .../side/AbstractConversationRenderer.tsx     | 44 ++++++++----
 .../js/ui/frames/side/ChannelBarRenderer.tsx  |  1 +
 .../side/ChannelConversationController.ts     | 36 +++++-----
 .../side/ChannelConversationDefinitions.ts    |  2 +-
 .../side/PopoutConversationRenderer.tsx       |  4 +-
 .../side/PrivateConversationController.ts     | 16 +++--
 .../side/PrivateConversationRenderer.tsx      |  2 +-
 shared/js/ui/modal/channel-chat/Controller.ts | 27 ++++++++
 .../js/ui/modal/channel-chat/Definitions.ts   |  9 +++
 shared/js/ui/modal/channel-chat/Renderer.scss | 20 ++++++
 shared/js/ui/modal/channel-chat/Renderer.tsx  | 58 ++++++++++++++++
 shared/js/ui/react-elements/DetachButton.tsx  | 28 ++++++++
 .../js/ui/react-elements/DetachButtons.scss   | 46 +++++++++++++
 .../js/ui/react-elements/modal/Definitions.ts |  4 ++
 shared/js/ui/react-elements/modal/Registry.ts |  6 ++
 shared/js/ui/tree/EntryTags.tsx               | 67 ++++++++++---------
 web/app/audio/Recorder.ts                     |  2 +-
 web/app/connection/ServerConnection.ts        |  4 +-
 24 files changed, 362 insertions(+), 86 deletions(-)
 create mode 100644 shared/js/ui/modal/channel-chat/Controller.ts
 create mode 100644 shared/js/ui/modal/channel-chat/Definitions.ts
 create mode 100644 shared/js/ui/modal/channel-chat/Renderer.scss
 create mode 100644 shared/js/ui/modal/channel-chat/Renderer.tsx
 create mode 100644 shared/js/ui/react-elements/DetachButton.tsx
 create mode 100644 shared/js/ui/react-elements/DetachButtons.scss

diff --git a/ChangeLog.md b/ChangeLog.md
index 6bda93dc..ede28bd1 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,8 @@
 # Changelog:
+* **29.04.21**
+    - Fixed a bug which caused chat messages to appear twice
+    - Adding support for poping out channel conversations
+  
 * **27.04.21**
     - Implemented support for showing the video feed watchers
     - Updating the channel tree if the channel client order changes
diff --git a/loader/app/targets/empty.ts b/loader/app/targets/empty.ts
index a4af40b8..417f5af5 100644
--- a/loader/app/targets/empty.ts
+++ b/loader/app/targets/empty.ts
@@ -11,9 +11,9 @@ export default class implements ApplicationLoader {
                 console.log("Doing nothing");
 
                 for(let index of [1, 2, 3]) {
-                    await new Promise(resolve => {
+                    await new Promise<void>(resolve => {
                         const callback = () => {
-                            document.removeEventListener("click", resolve);
+                            document.removeEventListener("click", callback);
                             resolve();
                         };
 
diff --git a/shared/js/ui/frames/SideBarRenderer.tsx b/shared/js/ui/frames/SideBarRenderer.tsx
index bab53ceb..297a94e6 100644
--- a/shared/js/ui/frames/SideBarRenderer.tsx
+++ b/shared/js/ui/frames/SideBarRenderer.tsx
@@ -50,6 +50,7 @@ const ContentRendererServer = () => {
             handlerId={contentData.handlerId}
             messagesDeletable={true}
             noFirstMessageOverlay={false}
+            popoutable={true}
         />
     );
 };
diff --git a/shared/js/ui/frames/side/AbstractConversationController.ts b/shared/js/ui/frames/side/AbstractConversationController.ts
index e7827452..4786e87b 100644
--- a/shared/js/ui/frames/side/AbstractConversationController.ts
+++ b/shared/js/ui/frames/side/AbstractConversationController.ts
@@ -1,5 +1,5 @@
 import {AbstractConversationUiEvents, ChatHistoryState} from "./AbstractConversationDefinitions";
-import {EventHandler, Registry} from "../../../events";
+import {EventHandler, Registry} from "tc-events";
 import {LogCategory, logError} from "../../../log";
 import {tr, tra} from "../../../i18n/localize";
 import {
@@ -8,9 +8,12 @@ import {
     AbstractChatManagerEvents,
     AbstractConversationEvents
 } from "tc-shared/conversations/AbstractConversion";
+import {ChannelConversation} from "tc-shared/conversations/ChannelConversationManager";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
 
 export const kMaxChatFrameMessageSize = 50; /* max 100 messages, since the server does not support more than 100 messages queried at once */
 
+export type SelectedConversation<ConversationType> = ConversationType | undefined | "conversation-manager-selected";
 export abstract class AbstractConversationController<
     Events extends AbstractConversationUiEvents,
     Manager extends AbstractChatManager<ManagerEvents, ConversationType, ConversationEvents>,
@@ -20,15 +23,17 @@ export abstract class AbstractConversationController<
 > {
     protected readonly uiEvents: Registry<Events>;
     protected conversationManager: Manager | undefined;
-    protected listenerManager: (() => void)[];
+    private listenerManager: (() => void)[];
 
-    protected currentSelectedConversation: ConversationType;
-    protected currentSelectedListener: (() => void)[];
+    private selectedConversation: SelectedConversation<ConversationType>;
+    private currentSelectedConversation: ConversationType;
+    private currentSelectedListener: (() => void)[];
 
     protected constructor() {
         this.uiEvents = new Registry<Events>();
         this.currentSelectedListener = [];
         this.listenerManager = [];
+        this.selectedConversation = "conversation-manager-selected";
     }
 
     destroy() {
@@ -50,27 +55,48 @@ export abstract class AbstractConversationController<
 
         this.listenerManager.forEach(callback => callback());
         this.listenerManager = [];
-        this.conversationManager = manager;
 
-        if(manager) {
-            this.registerConversationManagerEvents(manager);
-            this.setCurrentlySelected(manager.getSelectedConversation());
-        } else {
-            this.setCurrentlySelected(undefined);
+        this.conversationManager = manager;
+        this.selectedConversation = undefined;
+        this.setCurrentlySelected(undefined);
+
+        if(this.conversationManager) {
+            this.registerConversationManagerEvents(this.conversationManager);
         }
     }
 
-    protected registerConversationManagerEvents(manager: Manager) {
-        this.listenerManager.push(manager.events.on("notify_selected_changed", event => this.setCurrentlySelected(event.newConversation)));
+    protected setSelectedConversation(conversation: SelectedConversation<ConversationType>) {
+        if(this.selectedConversation === conversation) {
+            return;
+        }
+
+        /* TODO: Verify that that conversation matches our current handler? */
+        this.selectedConversation = conversation;
+        if(conversation === "conversation-manager-selected") {
+            this.setCurrentlySelected(this.conversationManager?.getSelectedConversation());
+        } else {
+            this.setCurrentlySelected(conversation);
+        }
+    }
+
+    protected registerConversationManagerEvents(manager: Manager) : (() => void)[] {
+        this.listenerManager.push(manager.events.on("notify_selected_changed", event => {
+            if(this.selectedConversation === "conversation-manager-selected") {
+                this.setCurrentlySelected(event.newConversation);
+            }
+        }));
+
         this.listenerManager.push(manager.events.on("notify_cross_conversation_support_changed", () => {
             const currentConversation = this.getCurrentConversation();
             if(currentConversation) {
                 this.reportStateToUI(currentConversation);
             }
         }));
+
+        return this.listenerManager;
     }
 
-    protected registerConversationEvents(conversation: ConversationType) {
+    protected registerConversationEvents(conversation: ConversationType) : (() => void)[] {
         this.currentSelectedListener.push(conversation.events.on("notify_unread_timestamp_changed", event =>
             this.uiEvents.fire_react("notify_unread_timestamp_changed", { chatId: conversation.getChatId(), timestamp: event.timestamp })));
 
@@ -92,9 +118,11 @@ export abstract class AbstractConversationController<
         this.currentSelectedListener.push(conversation.events.on("notify_read_state_changed", () => {
             this.reportStateToUI(conversation);
         }));
+
+        return this.currentSelectedListener;
     }
 
-    protected setCurrentlySelected(conversation: ConversationType | undefined) {
+    private setCurrentlySelected(conversation: ConversationType | undefined) {
         if(this.currentSelectedConversation === conversation) {
             return;
         }
@@ -182,6 +210,7 @@ export abstract class AbstractConversationController<
 
         }
     }
+
     public uiQueryHistory(conversation: AbstractChat<any>, timestamp: number, enforce?: boolean) {
         const localHistoryState = this.conversationManager.historyUiStates[conversation.getChatId()] || (this.conversationManager.historyUiStates[conversation.getChatId()] = {
             executingUIHistoryQuery: false,
diff --git a/shared/js/ui/frames/side/AbstractConversationDefinitions.ts b/shared/js/ui/frames/side/AbstractConversationDefinitions.ts
index 5daf8b25..748a88f6 100644
--- a/shared/js/ui/frames/side/AbstractConversationDefinitions.ts
+++ b/shared/js/ui/frames/side/AbstractConversationDefinitions.ts
@@ -119,6 +119,7 @@ export interface AbstractConversationUiEvents {
     action_send_message: { text: string, chatId: string },
     action_jump_to_present: { chatId: string },
     action_focus_chat: {},
+    action_popout_chat: {},
 
     query_selected_chat: {},
     /* will cause a notify_selected_chat */
diff --git a/shared/js/ui/frames/side/AbstractConversationRenderer.scss b/shared/js/ui/frames/side/AbstractConversationRenderer.scss
index 0f631538..5da96441 100644
--- a/shared/js/ui/frames/side/AbstractConversationRenderer.scss
+++ b/shared/js/ui/frames/side/AbstractConversationRenderer.scss
@@ -52,6 +52,11 @@ html:root {
     width: 100%;
 
     min-width: 250px;
+    min-height: 10em;
+
+    flex-grow: 1;
+    flex-shrink: 1;
+
     background: var(--chat-background);
 
     position: relative;
diff --git a/shared/js/ui/frames/side/AbstractConversationRenderer.tsx b/shared/js/ui/frames/side/AbstractConversationRenderer.tsx
index 114effb5..9af95895 100644
--- a/shared/js/ui/frames/side/AbstractConversationRenderer.tsx
+++ b/shared/js/ui/frames/side/AbstractConversationRenderer.tsx
@@ -24,6 +24,8 @@ import {getGlobalAvatarManagerFactory} from "tc-shared/file/Avatars";
 import {ColloquialFormat, date_format, format_date_general, formatDayTime} from "tc-shared/utils/DateUtils";
 import {ClientTag} from "tc-shared/ui/tree/EntryTags";
 import {ChatBox} from "tc-shared/ui/react-elements/ChatBox";
+import {DetachButton} from "tc-shared/ui/react-elements/DetachButton";
+import {useTr} from "tc-shared/ui/react-elements/Helper";
 
 const cssStyle = require("./AbstractConversationRenderer.scss");
 
@@ -319,12 +321,14 @@ const PartnerTypingIndicator = (props: { events: Registry<AbstractConversationUi
     });
 
     props.events.reactUse("notify_chat_event", event => {
-        if(event.chatId !== props.chatId)
+        if(event.chatId !== props.chatId) {
             return;
+        }
 
         if(event.event.type === "message") {
-            if(!event.event.isOwnMessage)
+            if(!event.event.isOwnMessage) {
                 setTypingTimestamp(0);
+            }
         } else if(event.event.type === "partner-action" || event.event.type === "local-action") {
             setTypingTimestamp(0);
         }
@@ -774,11 +778,13 @@ class ConversationMessages extends React.PureComponent<ConversationMessagesPrope
 
     @EventHandler<AbstractConversationUiEvents>("notify_chat_event")
     private handleChatEvent(event: AbstractConversationUiEvents["notify_chat_event"]) {
-        if(event.chatId !== this.currentChatId || this.state.isBrowsingHistory)
+        if(event.chatId !== this.currentChatId || this.state.isBrowsingHistory) {
             return;
+        }
 
-        if(event.event.type === "local-user-switch" && !this.showSwitchEvents)
+        if(event.event.type === "local-user-switch" && !this.showSwitchEvents) {
             return;
+        }
 
         this.chatEvents.push(event.event);
         this.sortEvents();
@@ -877,7 +883,13 @@ class ConversationMessages extends React.PureComponent<ConversationMessagesPrope
     }
 }
 
-export const ConversationPanel = React.memo((props: { events: Registry<AbstractConversationUiEvents>, handlerId: string, messagesDeletable: boolean, noFirstMessageOverlay: boolean }) => {
+export const ConversationPanel = React.memo((props: {
+    events: Registry<AbstractConversationUiEvents>,
+    handlerId: string,
+    messagesDeletable: boolean,
+    noFirstMessageOverlay: boolean,
+    popoutable: boolean
+}) => {
     const currentChat = useRef({ id: "unselected" });
     const chatEnabled = useRef(false);
 
@@ -910,11 +922,19 @@ export const ConversationPanel = React.memo((props: { events: Registry<AbstractC
         return refChatBox.current.events.on("notify_typing", () => props.events.fire("action_self_typing", { chatId: currentChat.current.id }));
     });
 
-    return <div className={cssStyle.panel}>
-        <ConversationMessages events={props.events} handlerId={props.handlerId} messagesDeletable={props.messagesDeletable} noFirstMessageOverlay={props.noFirstMessageOverlay} />
-        <ChatBox
-            ref={refChatBox}
-            onSubmit={text => props.events.fire("action_send_message", { chatId: currentChat.current.id, text: text }) }
-        />
-    </div>
+    return (
+        <DetachButton
+            disabled={!props.popoutable}
+            detached={false}
+            callbackToggle={() => props.events.fire("action_popout_chat")}
+            detachText={useTr("Open in a new window")}
+            className={cssStyle.panel}
+        >
+            <ConversationMessages events={props.events} handlerId={props.handlerId} messagesDeletable={props.messagesDeletable} noFirstMessageOverlay={props.noFirstMessageOverlay} />
+            <ChatBox
+                ref={refChatBox}
+                onSubmit={text => props.events.fire("action_send_message", { chatId: currentChat.current.id, text: text }) }
+            />
+        </DetachButton>
+    )
 });
diff --git a/shared/js/ui/frames/side/ChannelBarRenderer.tsx b/shared/js/ui/frames/side/ChannelBarRenderer.tsx
index 62f9193f..9103c6ce 100644
--- a/shared/js/ui/frames/side/ChannelBarRenderer.tsx
+++ b/shared/js/ui/frames/side/ChannelBarRenderer.tsx
@@ -58,6 +58,7 @@ const ModeRendererConversation = React.memo(() => {
             handlerId={channelContext.handlerId}
             messagesDeletable={true}
             noFirstMessageOverlay={false}
+            popoutable={true}
         />
     );
 });
diff --git a/shared/js/ui/frames/side/ChannelConversationController.ts b/shared/js/ui/frames/side/ChannelConversationController.ts
index fec8547e..b8c5b6e4 100644
--- a/shared/js/ui/frames/side/ChannelConversationController.ts
+++ b/shared/js/ui/frames/side/ChannelConversationController.ts
@@ -3,7 +3,7 @@ import {EventHandler} from "tc-events";
 import {LogCategory, logError} from "../../../log";
 import {tr} from "../../../i18n/localize";
 import {AbstractConversationUiEvents} from "./AbstractConversationDefinitions";
-import {AbstractConversationController} from "./AbstractConversationController";
+import {AbstractConversationController, SelectedConversation} from "./AbstractConversationController";
 import {
     ChannelConversation,
     ChannelConversationEvents,
@@ -11,6 +11,7 @@ import {
     ChannelConversationManagerEvents
 } from "tc-shared/conversations/ChannelConversationManager";
 import {ChannelConversationUiEvents} from "tc-shared/ui/frames/side/ChannelConversationDefinitions";
+import {spawnModalChannelChat} from "tc-shared/ui/modal/channel-chat/Controller";
 
 export class ChannelConversationController extends AbstractConversationController<
     ChannelConversationUiEvents,
@@ -26,17 +27,15 @@ export class ChannelConversationController extends AbstractConversationControlle
         super();
         this.connectionListener = [];
 
-        /*
-        spawnExternalModal("conversation", this.uiEvents, {
-            handlerId: this.connection.handlerId,
-            noFirstMessageOverlay: false,
-            messagesDeletable: true
-        }).open().then(() => {
-            console.error("Opened");
-        });
-        */
-
         this.uiEvents.registerHandler(this, true);
+        this.uiEvents.on("action_popout_chat", () => {
+            const conversation = this.getCurrentConversation();
+            if(!conversation) {
+                return;
+            }
+
+            spawnModalChannelChat(this.connection, conversation);
+        });
     }
 
     destroy() {
@@ -59,11 +58,16 @@ export class ChannelConversationController extends AbstractConversationControlle
         if(connection) {
             /* FIXME: Update cross channel talk state! */
             this.setConversationManager(connection.getChannelConversations());
+            this.setSelectedConversation("conversation-manager-selected");
         } else {
             this.setConversationManager(undefined);
         }
     }
 
+    setSelectedConversation(conversation: SelectedConversation<ChannelConversation>) {
+        super.setSelectedConversation(conversation);
+    }
+
     @EventHandler<AbstractConversationUiEvents>("action_delete_message")
     private handleMessageDelete(event: AbstractConversationUiEvents["action_delete_message"]) {
         const conversation = this.conversationManager?.findConversationById(event.chatId);
@@ -75,15 +79,17 @@ export class ChannelConversationController extends AbstractConversationControlle
         conversation.deleteMessage(event.uniqueId);
     }
 
-    protected registerConversationEvents(conversation: ChannelConversation) {
-        super.registerConversationEvents(conversation);
+    protected registerConversationEvents(conversation: ChannelConversation): (() => void)[] {
+        const events = super.registerConversationEvents(conversation);
 
-        this.currentSelectedListener.push(conversation.events.on("notify_messages_deleted", event => {
+        events.push(conversation.events.on("notify_messages_deleted", event => {
             this.uiEvents.fire_react("notify_chat_message_delete", { messageIds: event.messages, chatId: conversation.getChatId() });
         }));
 
-        this.currentSelectedListener.push(conversation.events.on("notify_conversation_mode_changed", () => {
+        events.push(conversation.events.on("notify_conversation_mode_changed", () => {
             this.reportStateToUI(conversation);
         }));
+
+        return events;
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/frames/side/ChannelConversationDefinitions.ts b/shared/js/ui/frames/side/ChannelConversationDefinitions.ts
index 7d7908e6..f424b0f6 100644
--- a/shared/js/ui/frames/side/ChannelConversationDefinitions.ts
+++ b/shared/js/ui/frames/side/ChannelConversationDefinitions.ts
@@ -1,3 +1,3 @@
 import {AbstractConversationUiEvents} from "tc-shared/ui/frames/side/AbstractConversationDefinitions";
 
-export interface ChannelConversationUiEvents extends AbstractConversationUiEvents {}
\ No newline at end of file
+export interface ChannelConversationUiEvents extends AbstractConversationUiEvents { }
\ No newline at end of file
diff --git a/shared/js/ui/frames/side/PopoutConversationRenderer.tsx b/shared/js/ui/frames/side/PopoutConversationRenderer.tsx
index b98b92ef..55d7948e 100644
--- a/shared/js/ui/frames/side/PopoutConversationRenderer.tsx
+++ b/shared/js/ui/frames/side/PopoutConversationRenderer.tsx
@@ -20,7 +20,9 @@ class PopoutConversationRenderer extends AbstractModal {
             handlerId={this.userData.handlerId}
             events={this.events}
             messagesDeletable={this.userData.messagesDeletable}
-            noFirstMessageOverlay={this.userData.noFirstMessageOverlay} />;
+            noFirstMessageOverlay={this.userData.noFirstMessageOverlay}
+            popoutable={false}
+        />;
     }
 
     renderTitle() {
diff --git a/shared/js/ui/frames/side/PrivateConversationController.ts b/shared/js/ui/frames/side/PrivateConversationController.ts
index 776d69fb..6295f147 100644
--- a/shared/js/ui/frames/side/PrivateConversationController.ts
+++ b/shared/js/ui/frames/side/PrivateConversationController.ts
@@ -1,5 +1,5 @@
 import {ConnectionHandler} from "../../../ConnectionHandler";
-import {EventHandler} from "../../../events";
+import {EventHandler} from "tc-events";
 import {
     PrivateConversationInfo,
     PrivateConversationUIEvents
@@ -74,16 +74,17 @@ export class PrivateConversationController extends AbstractConversationControlle
         this.connection = connection;
         if(connection) {
             this.setConversationManager(connection.getPrivateConversations());
+            this.setSelectedConversation("conversation-manager-selected");
         } else {
             this.setConversationManager(undefined);
         }
         this.reportConversationList();
     }
 
-    protected registerConversationManagerEvents(manager: PrivateConversationManager) {
-        super.registerConversationManagerEvents(manager);
+    protected registerConversationManagerEvents(manager: PrivateConversationManager): (() => void)[] {
+        const events = super.registerConversationManagerEvents(manager);
 
-        this.listenerManager.push(manager.events.on("notify_conversation_created", event => {
+        events.push(manager.events.on("notify_conversation_created", event => {
             const conversation = event.conversation;
             const events = this.listenerConversation[conversation.getChatId()] = [];
             events.push(conversation.events.on("notify_partner_changed", event => {
@@ -101,17 +102,18 @@ export class PrivateConversationController extends AbstractConversationControlle
 
             this.reportConversationList();
         }));
-        this.listenerManager.push(manager.events.on("notify_conversation_destroyed", event => {
+        events.push(manager.events.on("notify_conversation_destroyed", event => {
             this.listenerConversation[event.conversation.getChatId()]?.forEach(callback => callback());
             delete this.listenerConversation[event.conversation.getChatId()];
 
             this.reportConversationList();
         }));
-        this.listenerManager.push(manager.events.on("notify_selected_changed", () => this.reportConversationList()));
-        this.listenerManager.push(() => {
+        events.push(manager.events.on("notify_selected_changed", () => this.reportConversationList()));
+        events.push(() => {
             Object.values(this.listenerConversation).forEach(callbacks => callbacks.forEach(callback => callback()));
             this.listenerConversation = {};
         });
+        return events;
     }
 
     focusInput() {
diff --git a/shared/js/ui/frames/side/PrivateConversationRenderer.tsx b/shared/js/ui/frames/side/PrivateConversationRenderer.tsx
index d329dcb6..3fbfcb4b 100644
--- a/shared/js/ui/frames/side/PrivateConversationRenderer.tsx
+++ b/shared/js/ui/frames/side/PrivateConversationRenderer.tsx
@@ -220,7 +220,7 @@ export const PrivateConversationsPanel = (props: { events: Registry<PrivateConve
             <div className={cssStyle.dividerContainer}>
                 <OpenConversationsPanel />
                 <ContextDivider id={"seperator-conversation-list-messages"} direction={"horizontal"} defaultValue={25} separatorClassName={cssStyle.divider} />
-                <ConversationPanel events={props.events as any} handlerId={props.handlerId} noFirstMessageOverlay={true} messagesDeletable={false} />
+                <ConversationPanel events={props.events as any} handlerId={props.handlerId} noFirstMessageOverlay={true} messagesDeletable={false} popoutable={false} />
             </div>
         </EventContext.Provider>
     </HandlerIdContext.Provider>
diff --git a/shared/js/ui/modal/channel-chat/Controller.ts b/shared/js/ui/modal/channel-chat/Controller.ts
new file mode 100644
index 00000000..e370d6f3
--- /dev/null
+++ b/shared/js/ui/modal/channel-chat/Controller.ts
@@ -0,0 +1,27 @@
+import {ChannelConversationController} from "tc-shared/ui/frames/side/ChannelConversationController";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {ignorePromise} from "tc-shared/proto";
+import {ChannelConversation} from "tc-shared/conversations/ChannelConversationManager";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+
+export function spawnModalChannelChat(connectionHandler: ConnectionHandler, conversation: ChannelConversation) {
+    const channel = connectionHandler.channelTree.findChannel(conversation.conversationId);
+
+    const controller = new ChannelConversationController();
+    controller.setConnectionHandler(connectionHandler);
+    controller.setSelectedConversation(conversation);
+
+    const modal = spawnModal("channel-chat", [{
+        handlerId: connectionHandler.handlerId,
+        channelId: typeof channel === "undefined" ? 0 : channel.channelId,
+        channelName: typeof channel === "undefined" ? "Unknown channel" : channel.channelName(),
+        events: controller.getUiEvents().generateIpcDescription()
+    }], {
+        popoutable: false,
+        popedOut: true,
+        uniqueId: "chan-conv-" + connectionHandler.handlerId + "-" + conversation.getChatId()
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+    ignorePromise(modal.show());
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/channel-chat/Definitions.ts b/shared/js/ui/modal/channel-chat/Definitions.ts
new file mode 100644
index 00000000..d276188a
--- /dev/null
+++ b/shared/js/ui/modal/channel-chat/Definitions.ts
@@ -0,0 +1,9 @@
+import {IpcRegistryDescription} from "tc-events";
+import {ChannelConversationUiEvents} from "tc-shared/ui/frames/side/ChannelConversationDefinitions";
+
+export interface ModalChannelChatParameters {
+    events: IpcRegistryDescription<ChannelConversationUiEvents>,
+    channelName: string,
+    channelId: number,
+    handlerId: string
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/channel-chat/Renderer.scss b/shared/js/ui/modal/channel-chat/Renderer.scss
new file mode 100644
index 00000000..06a50a29
--- /dev/null
+++ b/shared/js/ui/modal/channel-chat/Renderer.scss
@@ -0,0 +1,20 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    min-width: 20em;
+    min-height: 20em;
+
+    max-width: 100%;
+    max-height: calc(100vh - 10em);
+
+    width: 60em;
+
+    &.windowed {
+        width: 100%;
+        height: 100%;
+
+        max-height: 100%;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/channel-chat/Renderer.tsx b/shared/js/ui/modal/channel-chat/Renderer.tsx
new file mode 100644
index 00000000..7cd44bdb
--- /dev/null
+++ b/shared/js/ui/modal/channel-chat/Renderer.tsx
@@ -0,0 +1,58 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React from "react";
+import {ModalChannelChatParameters} from "tc-shared/ui/modal/channel-chat/Definitions";
+import {Registry} from "tc-events";
+import {ChannelConversationUiEvents} from "tc-shared/ui/frames/side/ChannelConversationDefinitions";
+import {ChannelTag} from "tc-shared/ui/tree/EntryTags";
+import {VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {ConversationPanel} from "tc-shared/ui/frames/side/AbstractConversationRenderer";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+const cssStyle = require("./Renderer.scss");
+
+class Modal extends AbstractModal {
+    private readonly parameters: ModalChannelChatParameters;
+    private readonly events: Registry<ChannelConversationUiEvents>;
+
+    constructor(parameters: ModalChannelChatParameters) {
+        super();
+
+        this.parameters = parameters;
+        this.events = Registry.fromIpcDescription(parameters.events);
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                <ConversationPanel
+                    events={this.events}
+                    handlerId={this.parameters.handlerId}
+                    messagesDeletable={true}
+                    noFirstMessageOverlay={false}
+                    popoutable={false}
+                />
+            </div>
+        );
+    }
+
+    renderTitle(): string | React.ReactElement {
+        return (
+            <VariadicTranslatable text={"Channel Conversation: {}"}>
+                <ChannelTag
+                    channelName={this.parameters.channelName}
+                    channelId={this.parameters.channelId}
+                    handlerId={this.parameters.handlerId}
+                    style={"text-only"}
+                />
+            </VariadicTranslatable>
+        );
+    }
+
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/DetachButton.tsx b/shared/js/ui/react-elements/DetachButton.tsx
new file mode 100644
index 00000000..0c6e063e
--- /dev/null
+++ b/shared/js/ui/react-elements/DetachButton.tsx
@@ -0,0 +1,28 @@
+import * as React from "react";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+const cssStyle = require("./DetachButtons.scss");
+
+export const DetachButton = React.memo((props: {
+    detached: boolean,
+    callbackToggle: () => void,
+
+    detachText?: string,
+    attachText?: string,
+
+    disabled?: boolean,
+    className?: string,
+    children,
+}) => {
+    return (
+        <div className={joinClassList(cssStyle.container, props.className)}>
+            <div className={joinClassList(cssStyle.containerButton, props.disabled && cssStyle.disabled)} onClick={props.callbackToggle} key={"overlay"}>
+                <div className={cssStyle.button} title={props.detached ? props.attachText || tr("Attach element") : props.detachText || tr("Detach element")}>
+                    <ClientIconRenderer icon={props.detached ? ClientIcon.ChannelPopin : ClientIcon.ChannelPopout} />
+                </div>
+            </div>
+            {props.children}
+        </div>
+    );
+});
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/DetachButtons.scss b/shared/js/ui/react-elements/DetachButtons.scss
new file mode 100644
index 00000000..9986ec76
--- /dev/null
+++ b/shared/js/ui/react-elements/DetachButtons.scss
@@ -0,0 +1,46 @@
+@import "../../../css/static/mixin";
+@import "../../../css/static/properties";
+
+.container {
+    position: relative;
+    overflow: hidden;
+
+    &:hover {
+        .containerButton {
+            top: 1em;
+        }
+    }
+}
+
+.containerButton {
+    position: absolute;
+    z-index: 10;
+
+    top: -3em;
+    right: 1em;
+
+    @include transition(all ease-in-out $button_hover_animation_time);
+
+    &.disabled {
+        display: none;
+    }
+}
+
+.button {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    border-radius: 50%;
+    background-color: #0000004f;
+
+    padding: .6em;
+
+    cursor: pointer;
+
+    @include transition(all ease-in-out $button_hover_animation_time);
+
+    &:hover {
+        background-color: #0000008f;
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 7003f5a7..8e4a04e2 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -27,6 +27,7 @@ import {ModalServerBandwidthEvents} from "tc-shared/ui/modal/server-bandwidth/De
 import {ModalYesNoEvents, ModalYesNoVariables} from "tc-shared/ui/modal/yes-no/Definitions";
 import {ModalChannelInfoEvents, ModalChannelInfoVariables} from "tc-shared/ui/modal/channel-info/Definitions";
 import {ModalVideoViewersEvents, ModalVideoViewersVariables} from "tc-shared/ui/modal/video-viewers/Definitions";
+import {ModalChannelChatParameters} from "tc-shared/ui/modal/channel-chat/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -185,6 +186,9 @@ export interface ModalConstructorArguments {
         /* events */ IpcRegistryDescription<ModalChannelInfoEvents>,
         /* variables */ IpcVariableDescriptor<ModalChannelInfoVariables>
     ],
+    "channel-chat": [
+        /* parameters */ ModalChannelChatParameters
+    ],
     "echo-test": [
         /* events */ IpcRegistryDescription<EchoTestEvents>
     ],
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 2c6306d4..74c924a8 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -43,6 +43,12 @@ registerModal({
     popoutSupported: true
 });
 
+registerModal({
+    modalId: "channel-chat",
+    classLoader: async () => await import("tc-shared/ui/modal/channel-chat/Renderer"),
+    popoutSupported: true
+});
+
 registerModal({
     modalId: "echo-test",
     classLoader: async () => await import("tc-shared/ui/modal/echo-test/Renderer"),
diff --git a/shared/js/ui/tree/EntryTags.tsx b/shared/js/ui/tree/EntryTags.tsx
index 26bbe47e..b9ca49d6 100644
--- a/shared/js/ui/tree/EntryTags.tsx
+++ b/shared/js/ui/tree/EntryTags.tsx
@@ -106,38 +106,45 @@ export const ChannelTag = React.memo((props: {
     channelName: string,
     channelId: number,
     handlerId: string,
-    className?: string
-}) => (
-    <div
-        className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
-        onContextMenu={event => {
-            event.preventDefault();
+    className?: string,
 
-            ipcChannel.sendMessage("contextmenu-channel", {
-                handlerId: props.handlerId,
-                channelId: props.channelId,
+    style?: EntryTagStyle
+}) => {
+    if(props.style === "text-only") {
+        return <React.Fragment>{props.channelName}</React.Fragment>;
+    }
+    return (
+        <div
+            className={cssStyle.tag + (props.className ? ` ${props.className}` : ``)}
+            onContextMenu={event => {
+                event.preventDefault();
 
-                pageX: event.pageX,
-                pageY: event.pageY
-            });
-        }}
-        draggable={true}
-        onDragStart={event => {
-            event.dataTransfer.effectAllowed = "all";
-            event.dataTransfer.dropEffect = "move";
-            event.dataTransfer.setDragImage(generateDragElement([{ icon: ClientIcon.ChannelGreen, name: props.channelName }]), 0, 6);
-            setupDragData(event.dataTransfer, props.handlerId, [
-                {
-                    type: "channel",
-                    channelId: props.channelId
-                }
-            ], "channel");
-            event.dataTransfer.setData("text/plain", props.channelName);
-        }}
-    >
-        {props.channelName}
-    </div>
-));
+                ipcChannel.sendMessage("contextmenu-channel", {
+                    handlerId: props.handlerId,
+                    channelId: props.channelId,
+
+                    pageX: event.pageX,
+                    pageY: event.pageY
+                });
+            }}
+            draggable={true}
+            onDragStart={event => {
+                event.dataTransfer.effectAllowed = "all";
+                event.dataTransfer.dropEffect = "move";
+                event.dataTransfer.setDragImage(generateDragElement([{ icon: ClientIcon.ChannelGreen, name: props.channelName }]), 0, 6);
+                setupDragData(event.dataTransfer, props.handlerId, [
+                    {
+                        type: "channel",
+                        channelId: props.channelId
+                    }
+                ], "channel");
+                event.dataTransfer.setData("text/plain", props.channelName);
+            }}
+        >
+            {props.channelName}
+        </div>
+    );
+});
 
 loader.register_task(Stage.JAVASCRIPT_INITIALIZING, {
     name: "entry tags",
diff --git a/web/app/audio/Recorder.ts b/web/app/audio/Recorder.ts
index 85e92f54..c75cd7c3 100644
--- a/web/app/audio/Recorder.ts
+++ b/web/app/audio/Recorder.ts
@@ -535,7 +535,7 @@ class JavascriptLevelMeter implements LevelMeter {
 
     async initialize() {
         try {
-            await new Promise((resolve, reject) => {
+            await new Promise<void>((resolve, reject) => {
                 const timeout = setTimeout(reject, 5000);
                 getAudioBackend().executeWhenInitialized(() => {
                     clearTimeout(timeout);
diff --git a/web/app/connection/ServerConnection.ts b/web/app/connection/ServerConnection.ts
index 6fe2f4a2..05ca9719 100644
--- a/web/app/connection/ServerConnection.ts
+++ b/web/app/connection/ServerConnection.ts
@@ -160,13 +160,13 @@ export class ServerConnection extends AbstractServerConnection {
         }));
 
         let timeoutRaised = false;
-        let timeoutPromise = new Promise(resolve => setTimeout(() => {
+        let timeoutPromise = new Promise<void>(resolve => setTimeout(() => {
             timeoutRaised = true;
             resolve();
         }, timeout));
 
         let cancelRaised = false;
-        let cancelPromise = new Promise(resolve => {
+        let cancelPromise = new Promise<void>(resolve => {
             this.connectCancelCallback = () => {
                 this.connectCancelCallback = undefined;
                 cancelRaised = true;

From a0ba132182c1395ec14dc8ea7ceb0d8fd052ff12 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 29 Apr 2021 20:12:50 +0200
Subject: [PATCH 111/128] Using one global video renderer instead of detached
 HTML elements for each connection

---
 shared/js/ui/AppController.ts            |  7 ++--
 shared/js/ui/AppDefinitions.ts           |  8 +++--
 shared/js/ui/AppRenderer.tsx             | 26 +++++---------
 shared/js/ui/frames/video/Controller.ts  | 43 +++-------------------
 shared/js/ui/frames/video/Definitions.ts |  4 ++-
 shared/js/ui/frames/video/Renderer.scss  | 19 +++++-----
 shared/js/ui/frames/video/Renderer.tsx   | 46 ++++++++++++++++++------
 7 files changed, 70 insertions(+), 83 deletions(-)

diff --git a/shared/js/ui/AppController.ts b/shared/js/ui/AppController.ts
index 4a4a685f..9d0cf7a2 100644
--- a/shared/js/ui/AppController.ts
+++ b/shared/js/ui/AppController.ts
@@ -34,7 +34,7 @@ export class AppController {
     constructor() {
         this.uiEvents = new Registry<AppUiEvents>();
         this.uiEvents.on("query_channel_tree", () => this.notifyChannelTree());
-        this.uiEvents.on("query_video_container", () => this.notifyVideoContainer());
+        this.uiEvents.on("query_video", () => this.notifyVideoContainer());
 
         this.listener = [];
     }
@@ -126,8 +126,9 @@ export class AppController {
     }
 
     private notifyVideoContainer() {
-        this.uiEvents.fire_react("notify_video_container", {
-            container: this.currentConnection?.video_frame.getContainer()
+        this.uiEvents.fire_react("notify_video", {
+            events: this.currentConnection?.video_frame.getEvents(),
+            handlerId: this.currentConnection?.handlerId
         });
     }
 }
diff --git a/shared/js/ui/AppDefinitions.ts b/shared/js/ui/AppDefinitions.ts
index 3a9cdfa7..6db8e80c 100644
--- a/shared/js/ui/AppDefinitions.ts
+++ b/shared/js/ui/AppDefinitions.ts
@@ -1,15 +1,17 @@
 import {Registry} from "tc-shared/events";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
+import {ChannelVideoEvents} from "tc-shared/ui/frames/video/Definitions";
 
 export interface AppUiEvents {
     query_channel_tree: {},
-    query_video_container: {},
+    query_video: {},
 
     notify_channel_tree: {
         events: Registry<ChannelTreeUIEvents> | undefined,
         handlerId: string
     },
-    notify_video_container: {
-        container: HTMLDivElement | undefined
+    notify_video: {
+        events: Registry<ChannelVideoEvents> | undefined,
+        handlerId: string
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/AppRenderer.tsx b/shared/js/ui/AppRenderer.tsx
index ae97c0cc..c77f6a07 100644
--- a/shared/js/ui/AppRenderer.tsx
+++ b/shared/js/ui/AppRenderer.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import {useEffect, useState} from "react";
+import {useState} from "react";
 import {ControlBar2} from "tc-shared/ui/frames/control-bar/Renderer";
 import {Registry} from "tc-shared/events";
 import {ControlBarEvents} from "tc-shared/ui/frames/control-bar/Definitions";
@@ -21,30 +21,22 @@ import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 import {ImagePreviewHook} from "tc-shared/ui/frames/ImagePreview";
 import {InternalModalHook} from "tc-shared/ui/react-elements/modal/internal";
 import {TooltipHook} from "tc-shared/ui/react-elements/Tooltip";
+import {ChannelVideoEvents} from "tc-shared/ui/frames/video/Definitions";
+import {ChannelVideoRenderer} from "tc-shared/ui/frames/video/Renderer";
 
 const cssStyle = require("./AppRenderer.scss");
 const VideoFrame = React.memo((props: { events: Registry<AppUiEvents> }) => {
-    const refElement = React.useRef<HTMLDivElement>();
-    const [ container, setContainer ] = useState<HTMLDivElement | undefined>(() => {
-        props.events.fire("query_video_container");
-        return undefined;
+    const [ data, setData ] = useState<{ events: Registry<ChannelVideoEvents> | undefined, handlerId: string | undefined }>(() => {
+        props.events.fire("query_video");
+        return { events: undefined, handlerId: undefined };
     });
-    props.events.reactUse("notify_video_container", event => setContainer(event.container));
+    props.events.reactUse("notify_video", event => setData({ handlerId: event.handlerId, events: event.events }));
 
-    useEffect(() => {
-        if(!refElement.current || !container) {
-            return;
-        }
-
-        refElement.current.replaceWith(container);
-        return () => container.replaceWith(refElement.current);
-    });
-
-    if(!container) {
+    if(!data.events) {
         return null;
     }
 
-    return <div ref={refElement} />;
+    return <ChannelVideoRenderer handlerId={data.handlerId} events={data.events} key={"video-" + data.handlerId} />;
 });
 
 const ChannelTree = React.memo((props: { events: Registry<AppUiEvents> }) => {
diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index 20e4fda7..395c6721 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -346,8 +346,6 @@ class LocalVideoController extends RemoteClientVideoController {
 }
 
 class ChannelVideoController {
-    callbackVisibilityChanged: (visible: boolean) => void;
-
     private readonly connection: ConnectionHandler;
     private readonly videoConnection: VideoConnection;
     private readonly events: Registry<ChannelVideoEvents>;
@@ -710,13 +708,13 @@ class ChannelVideoController {
             }
         }
 
-        this.updateVisibility(videoStreamingCount !== 0);
         if(this.expended) {
             this.currentSpotlights.forEach(entry => videoIds.remove(entry));
         }
 
         this.events.fire_react("notify_videos", {
-            videoIds: videoIds
+            videoIds: videoIds,
+            videoActiveCount: videoStreamingCount
         });
     }
 
@@ -785,21 +783,11 @@ class ChannelVideoController {
         }
         this.events.fire_react("notify_viewer_count", { camera: cameraViewers, screen: screenViewers });
     }
-
-    private updateVisibility(target: boolean) {
-        if(this.currentlyVisible === target) { return; }
-
-        this.currentlyVisible = target;
-        if(this.callbackVisibilityChanged) {
-            this.callbackVisibilityChanged(target);
-        }
-    }
 }
 
 export class ChannelVideoFrame {
     private readonly handle: ConnectionHandler;
     private readonly events: Registry<ChannelVideoEvents>;
-    private container: HTMLDivElement;
     private controller: ChannelVideoController;
 
     constructor(handle: ConnectionHandler) {
@@ -807,38 +795,15 @@ export class ChannelVideoFrame {
         this.events = new Registry<ChannelVideoEvents>();
         this.controller = new ChannelVideoController(this.events, handle);
         this.controller.initialize();
-
-        this.container = document.createElement("div");
-        this.container.classList.add(cssStyle.container, cssStyle.hidden);
-
-        ReactDOM.render(React.createElement(ChannelVideoRenderer, { handlerId: handle.handlerId, events: this.events }), this.container);
-
-        this.events.on("notify_expended", event => {
-            this.container.classList.toggle(cssStyle.expended, event.expended);
-        });
-        this.controller.callbackVisibilityChanged = flag => {
-            this.container.classList.toggle(cssStyle.hidden, !flag);
-            if(!flag) {
-                this.events.fire("action_toggle_expended", { expended: false })
-            }
-        };
     }
 
     destroy() {
         this.controller?.destroy();
         this.controller = undefined;
-
-        if(this.container) {
-            this.container.remove();
-            ReactDOM.unmountComponentAtNode(this.container);
-
-            this.container = undefined;
-        }
-
         this.events.destroy();
     }
 
-    getContainer() : HTMLDivElement {
-        return this.container;
+    getEvents() : Registry<ChannelVideoEvents> {
+        return this.events;
     }
 }
\ No newline at end of file
diff --git a/shared/js/ui/frames/video/Definitions.ts b/shared/js/ui/frames/video/Definitions.ts
index b463fa6c..9e094bf6 100644
--- a/shared/js/ui/frames/video/Definitions.ts
+++ b/shared/js/ui/frames/video/Definitions.ts
@@ -82,6 +82,7 @@ export interface ChannelVideoEvents {
     action_show_viewers: {},
 
     query_expended: {},
+    query_visible: {},
     query_videos: {},
     query_video: { videoId: string },
     query_video_info: { videoId: string },
@@ -93,7 +94,8 @@ export interface ChannelVideoEvents {
 
     notify_expended: { expended: boolean },
     notify_videos: {
-        videoIds: string[]
+        videoIds: string[],
+        videoActiveCount: number,
     },
     notify_video: {
         videoId: string,
diff --git a/shared/js/ui/frames/video/Renderer.scss b/shared/js/ui/frames/video/Renderer.scss
index ef7f3018..014daa38 100644
--- a/shared/js/ui/frames/video/Renderer.scss
+++ b/shared/js/ui/frames/video/Renderer.scss
@@ -28,15 +28,6 @@ $small_height: 10em;
         }
     }
 
-    .heightProvider {
-        height: 100%; /* the footer size (version etc) */
-
-        .spotlight {
-            margin-left: 0;
-            margin-right: 0;
-        }
-    }
-
     &.expended {
         .panel {
             height: 100%; /* the footer size (version etc) */
@@ -48,6 +39,16 @@ $small_height: 10em;
             @include transform(rotate(90deg)!important);
         }
     }
+
+    /* Needs to be within the .container class else dosn't work */
+    .heightProvider {
+        height: 100%; /* the footer size (version etc) */
+
+        .spotlight {
+            margin-left: 0;
+            margin-right: 0;
+        }
+    }
 }
 
 .panel {
diff --git a/shared/js/ui/frames/video/Renderer.tsx b/shared/js/ui/frames/video/Renderer.tsx
index 8a8a6de6..df60f96e 100644
--- a/shared/js/ui/frames/video/Renderer.tsx
+++ b/shared/js/ui/frames/video/Renderer.tsx
@@ -752,20 +752,44 @@ const PanelContainer = (props: { children }) => {
     );
 }
 
-export const ChannelVideoRenderer = (props: { handlerId: string, events: Registry<ChannelVideoEvents> }) => {
+const VisibilityHandler = React.memo((props: {
+    children
+}) => {
+    const events = useContext(EventContext);
+    const [ streamingCount, setStreamingCount ] = useState<number>(() => {
+        events.fire("query_videos");
+        return 0;
+    });
+    const [ expanded, setExpanded ] = useState<boolean>(() => {
+        events.fire("query_expended");
+        return false;
+    })
+
+    events.reactUse("notify_videos", event => setStreamingCount(event.videoActiveCount));
+    events.reactUse("notify_expended", event => setExpanded(event.expended));
+    return (
+        <div className={joinClassList(cssStyle.container, streamingCount === 0 && cssStyle.hidden, expanded && cssStyle.expended)}>
+            {props.children}
+        </div>
+    )
+});
+
+export const ChannelVideoRenderer = React.memo((props: { handlerId: string, events: Registry<ChannelVideoEvents> }) => {
     return (
         <EventContext.Provider value={props.events}>
             <HandlerIdContext.Provider value={props.handlerId}>
-                <PanelContainer>
-                    <VideoSubscribeContextProvider>
-                        <VideoBar />
-                        <ExpendArrow />
-                        <ErrorBoundary>
-                            <Spotlight />
-                        </ErrorBoundary>
-                    </VideoSubscribeContextProvider>
-                </PanelContainer>
+                <VisibilityHandler>
+                    <PanelContainer>
+                        <VideoSubscribeContextProvider>
+                            <VideoBar />
+                            <ExpendArrow />
+                            <ErrorBoundary>
+                                <Spotlight />
+                            </ErrorBoundary>
+                        </VideoSubscribeContextProvider>
+                    </PanelContainer>
+                </VisibilityHandler>
             </HandlerIdContext.Provider>
         </EventContext.Provider>
     );
-};
\ No newline at end of file
+});
\ No newline at end of file

From f2ab9800d4bd77c1ab8e035e366877402e18a985 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Thu, 29 Apr 2021 22:18:11 +0200
Subject: [PATCH 112/128] Rendering the main UI only via IPC

---
 shared/js/ui/AppController.ts                 |  56 ++++-----
 shared/js/ui/AppDefinitions.ts                |  25 +++-
 shared/js/ui/AppRenderer.tsx                  | 109 +++++++++++-------
 shared/js/ui/frames/SideBarController.ts      |  21 +---
 shared/js/ui/frames/SideBarDefinitions.ts     |  18 ++-
 shared/js/ui/frames/SideBarRenderer.tsx       |  32 +++--
 .../js/ui/frames/side/ChannelBarController.ts |   6 +-
 .../ui/frames/side/ChannelBarDefinitions.ts   |   8 +-
 .../js/ui/frames/side/ChannelBarRenderer.tsx  |  17 +--
 shared/js/ui/frames/video/Controller.ts       |  15 +--
 shared/js/ui/frames/video/Definitions.ts      |  13 ++-
 shared/js/ui/frames/video/Renderer.tsx        |  19 ++-
 shared/js/ui/react-elements/Helper.ts         |   9 ++
 web/app/WebWindowManager.ts                   |   3 +
 14 files changed, 212 insertions(+), 139 deletions(-)

diff --git a/shared/js/ui/AppController.ts b/shared/js/ui/AppController.ts
index 9d0cf7a2..c58eed9f 100644
--- a/shared/js/ui/AppController.ts
+++ b/shared/js/ui/AppController.ts
@@ -9,20 +9,22 @@ import {initializeConnectionListController} from "tc-shared/ui/frames/connection
 import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import {server_connections} from "tc-shared/ConnectionManager";
-import {AppUiEvents} from "tc-shared/ui/AppDefinitions";
+import {AppUiEvents, AppUiVariables} from "tc-shared/ui/AppDefinitions";
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
 import {SideBarController} from "tc-shared/ui/frames/SideBarController";
 import {ServerEventLogController} from "tc-shared/ui/frames/log/Controller";
 import {HostBannerController} from "tc-shared/ui/frames/HostBannerController";
+import {UiVariableProvider} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableProvider, IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
 
 export class AppController {
-    private uiEvents: Registry<AppUiEvents>;
-
     private listener: (() => void)[];
 
     private currentConnection: ConnectionHandler;
     private listenerConnection: (() => void)[];
 
+    private variables: IpcUiVariableProvider<AppUiVariables>;
+
     private container: HTMLDivElement;
     private controlBarEvents: Registry<ControlBarEvents>;
     private connectionListEvents: Registry<ConnectionListUIEvents>;
@@ -32,9 +34,21 @@ export class AppController {
     private hostBannerController: HostBannerController;
 
     constructor() {
-        this.uiEvents = new Registry<AppUiEvents>();
-        this.uiEvents.on("query_channel_tree", () => this.notifyChannelTree());
-        this.uiEvents.on("query_video", () => this.notifyVideoContainer());
+        this.variables = createIpcUiVariableProvider();
+        this.variables.setVariableProvider("connectionList", () => this.connectionListEvents.generateIpcDescription());
+        this.variables.setVariableProvider("controlBar", () => this.controlBarEvents.generateIpcDescription());
+        this.variables.setVariableProvider("hostBanner", () => this.hostBannerController.uiEvents.generateIpcDescription());
+        this.variables.setVariableProvider("log", () => this.serverLogController.events.generateIpcDescription());
+        this.variables.setVariableProvider("sidebar", () => this.sideBarController.uiEvents.generateIpcDescription());
+        this.variables.setVariableProvider("sidebarHeader", () => this.sideBarController.getHeaderController().uiEvents.generateIpcDescription());
+        this.variables.setVariableProvider("channelTree", () => ({
+            events: this.currentConnection?.channelTree.mainTreeUiEvents.generateIpcDescription(),
+            handlerId: this.currentConnection?.handlerId
+        }));
+        this.variables.setVariableProvider("channelVideo", () => ({
+            events: this.currentConnection?.video_frame.getEvents().generateIpcDescription(),
+            handlerId: this.currentConnection?.handlerId
+        }));
 
         this.listener = [];
     }
@@ -64,8 +78,8 @@ export class AppController {
         this.hostBannerController?.destroy();
         this.hostBannerController = undefined;
 
-        this.uiEvents?.destroy();
-        this.uiEvents = undefined;
+        this.variables?.destroy();
+        this.variables = undefined;
     }
 
     initialize() {
@@ -102,35 +116,15 @@ export class AppController {
         this.serverLogController.setConnectionHandler(connection);
         this.hostBannerController.setConnectionHandler(connection);
 
-        this.notifyChannelTree();
-        this.notifyVideoContainer();
+        this.variables.sendVariable("channelTree");
+        this.variables.sendVariable("channelVideo");
     }
 
     renderApp() {
         ReactDOM.render(React.createElement(TeaAppMainView, {
-            controlBar: this.controlBarEvents,
-            connectionList: this.connectionListEvents,
-            sidebar: this.sideBarController.uiEvents,
-            sidebarHeader: this.sideBarController.getHeaderController().uiEvents,
-            log: this.serverLogController.events,
-            events: this.uiEvents,
-            hostBanner: this.hostBannerController.uiEvents
+            variables: this.variables.generateConsumerDescription(),
         }), this.container);
     }
-
-    private notifyChannelTree() {
-        this.uiEvents.fire_react("notify_channel_tree", {
-            handlerId: this.currentConnection?.handlerId,
-            events: this.currentConnection?.channelTree.mainTreeUiEvents
-        });
-    }
-
-    private notifyVideoContainer() {
-        this.uiEvents.fire_react("notify_video", {
-            events: this.currentConnection?.video_frame.getEvents(),
-            handlerId: this.currentConnection?.handlerId
-        });
-    }
 }
 
 export let appViewController: AppController;
diff --git a/shared/js/ui/AppDefinitions.ts b/shared/js/ui/AppDefinitions.ts
index 6db8e80c..a2d352ed 100644
--- a/shared/js/ui/AppDefinitions.ts
+++ b/shared/js/ui/AppDefinitions.ts
@@ -1,6 +1,29 @@
-import {Registry} from "tc-shared/events";
+import {IpcRegistryDescription, Registry} from "tc-shared/events";
 import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 import {ChannelVideoEvents} from "tc-shared/ui/frames/video/Definitions";
+import {ControlBarEvents} from "tc-shared/ui/frames/control-bar/Definitions";
+import {ConnectionListUIEvents} from "tc-shared/ui/frames/connection-handler-list/Definitions";
+import {SideBarEvents} from "tc-shared/ui/frames/SideBarDefinitions";
+import {SideHeaderEvents} from "tc-shared/ui/frames/side/HeaderDefinitions";
+import {ServerEventLogUiEvents} from "tc-shared/ui/frames/log/Definitions";
+import {HostBannerUiEvents} from "tc-shared/ui/frames/HostBannerDefinitions";
+
+export interface AppUiVariables {
+    readonly channelTree: {
+        events: IpcRegistryDescription<ChannelTreeUIEvents> | undefined,
+        handlerId: string
+    },
+    readonly channelVideo: {
+        events: IpcRegistryDescription<ChannelVideoEvents>,
+        handlerId: string
+    },
+    readonly controlBar: IpcRegistryDescription<ControlBarEvents>,
+    readonly connectionList: IpcRegistryDescription<ConnectionListUIEvents>,
+    readonly sidebar: IpcRegistryDescription<SideBarEvents>,
+    readonly sidebarHeader: IpcRegistryDescription<SideHeaderEvents>,
+    readonly log: IpcRegistryDescription<ServerEventLogUiEvents>,
+    readonly hostBanner: IpcRegistryDescription<HostBannerUiEvents>,
+}
 
 export interface AppUiEvents {
     query_channel_tree: {},
diff --git a/shared/js/ui/AppRenderer.tsx b/shared/js/ui/AppRenderer.tsx
index c77f6a07..e05b8e86 100644
--- a/shared/js/ui/AppRenderer.tsx
+++ b/shared/js/ui/AppRenderer.tsx
@@ -1,96 +1,117 @@
 import * as React from "react";
-import {useState} from "react";
+import {useEffect, useMemo} from "react";
 import {ControlBar2} from "tc-shared/ui/frames/control-bar/Renderer";
-import {Registry} from "tc-shared/events";
-import {ControlBarEvents} from "tc-shared/ui/frames/control-bar/Definitions";
-import {ConnectionListUIEvents} from "tc-shared/ui/frames/connection-handler-list/Definitions";
+import {IpcRegistryDescription, Registry} from "tc-shared/events";
 import {ConnectionHandlerList} from "tc-shared/ui/frames/connection-handler-list/Renderer";
 import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
 import {ContextDivider} from "tc-shared/ui/react-elements/ContextDivider";
 import {SideBarRenderer} from "tc-shared/ui/frames/SideBarRenderer";
-import {SideBarEvents} from "tc-shared/ui/frames/SideBarDefinitions";
-import {SideHeaderEvents} from "tc-shared/ui/frames/side/HeaderDefinitions";
 import {ServerLogFrame} from "tc-shared/ui/frames/log/Renderer";
-import {ServerEventLogUiEvents} from "tc-shared/ui/frames/log/Definitions";
 import {FooterRenderer} from "tc-shared/ui/frames/footer/Renderer";
 import {HostBanner} from "tc-shared/ui/frames/HostBannerRenderer";
-import {HostBannerUiEvents} from "tc-shared/ui/frames/HostBannerDefinitions";
-import {AppUiEvents} from "tc-shared/ui/AppDefinitions";
+import {AppUiVariables} from "tc-shared/ui/AppDefinitions";
 import {ChannelTreeRenderer} from "tc-shared/ui/tree/Renderer";
-import {ChannelTreeUIEvents} from "tc-shared/ui/tree/Definitions";
 import {ImagePreviewHook} from "tc-shared/ui/frames/ImagePreview";
 import {InternalModalHook} from "tc-shared/ui/react-elements/modal/internal";
 import {TooltipHook} from "tc-shared/ui/react-elements/Tooltip";
-import {ChannelVideoEvents} from "tc-shared/ui/frames/video/Definitions";
 import {ChannelVideoRenderer} from "tc-shared/ui/frames/video/Renderer";
-
+import {
+    createIpcUiVariableConsumer,
+    IpcVariableDescriptor
+} from "tc-shared/ui/utils/IpcVariable";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {useRegistry} from "tc-shared/ui/react-elements/Helper";
 const cssStyle = require("./AppRenderer.scss");
-const VideoFrame = React.memo((props: { events: Registry<AppUiEvents> }) => {
-    const [ data, setData ] = useState<{ events: Registry<ChannelVideoEvents> | undefined, handlerId: string | undefined }>(() => {
-        props.events.fire("query_video");
-        return { events: undefined, handlerId: undefined };
-    });
-    props.events.reactUse("notify_video", event => setData({ handlerId: event.handlerId, events: event.events }));
+
+const VideoFrame = React.memo((props: { variables: UiVariableConsumer<AppUiVariables> }) => {
+    const data = props.variables.useReadOnly("channelVideo", undefined, { handlerId: undefined, events: undefined });
+    const events = useRegistry(data.events);
 
     if(!data.events) {
         return null;
     }
 
-    return <ChannelVideoRenderer handlerId={data.handlerId} events={data.events} key={"video-" + data.handlerId} />;
+    return <ChannelVideoRenderer handlerId={data.handlerId} events={events} key={"video-" + data.handlerId} />;
 });
 
-const ChannelTree = React.memo((props: { events: Registry<AppUiEvents> }) => {
-    const [ data, setData ] = useState<{ events: Registry<ChannelTreeUIEvents>, handlerId: string }>(() => {
-        props.events.fire("query_channel_tree");
-        return undefined;
-    });
+const ChannelTree = React.memo((props: { variables: UiVariableConsumer<AppUiVariables> }) => {
+    const data = props.variables.useReadOnly("channelTree", undefined, { handlerId: undefined, events: undefined });
+    const events = useRegistry(data.events);
 
-    props.events.reactUse("notify_channel_tree", event => {
-        setData({ events: event.events, handlerId: event.handlerId });
-    }, undefined, []);
-
-    if(!data?.events) {
+    if(!events) {
         return null;
     }
 
-    return <ChannelTreeRenderer handlerId={data.handlerId} events={data.events} />;
+    return <ChannelTreeRenderer handlerId={data.handlerId} events={events} key={"tree-" + data.handlerId} />;
 });
 
+const SideBar = React.memo((props: { variables: UiVariableConsumer<AppUiVariables> }) => (
+    <EventProvider registry={props.variables.useReadOnly("sidebar", undefined, undefined)}>
+        {sidebarRegistry => (
+            <EventProvider registry={props.variables.useReadOnly("sidebarHeader", undefined, undefined)}>
+                {sidebarHeaderRegistry => sidebarRegistry && sidebarHeaderRegistry ? (
+                    <SideBarRenderer events={sidebarRegistry} eventsHeader={sidebarHeaderRegistry} className={cssStyle.sideBar} />
+                ) : null}
+            </EventProvider>
+        )}
+    </EventProvider>
+));
+
+function EventProvider<T>(props: {
+    registry: IpcRegistryDescription<T> | undefined,
+    children: (registry: Registry<T> | undefined) => React.ReactElement
+}) : React.ReactElement {
+    return props.children(useRegistry(props.registry));
+}
+
 export const TeaAppMainView = (props: {
-    events: Registry<AppUiEvents>
-    controlBar: Registry<ControlBarEvents>,
-    connectionList: Registry<ConnectionListUIEvents>,
-    sidebar: Registry<SideBarEvents>,
-    sidebarHeader: Registry<SideHeaderEvents>,
-    log: Registry<ServerEventLogUiEvents>,
-    hostBanner: Registry<HostBannerUiEvents>
+    variables: IpcVariableDescriptor<AppUiVariables>,
 }) => {
+    const variables = useMemo(() => createIpcUiVariableConsumer(props.variables), [ props.variables ]);
+    useEffect(() => () => variables.destroy(), [ props.variables ]);
+
     return (
         <div className={cssStyle.app}>
             <ErrorBoundary>
-                <ControlBar2 events={props.controlBar} className={cssStyle.controlBar} />
+                <EventProvider registry={variables.useReadOnly("controlBar", undefined, undefined)}>
+                    {registry => registry ? (
+                        <ControlBar2 events={registry} className={cssStyle.controlBar} />
+                    ) : null}
+                </EventProvider>
             </ErrorBoundary>
             <ErrorBoundary>
-                <ConnectionHandlerList events={props.connectionList} />
+                <EventProvider registry={variables.useReadOnly("connectionList", undefined, undefined)}>
+                    {registry => registry ? (
+                        <ConnectionHandlerList events={registry} />
+                    ) : null}
+                </EventProvider>
             </ErrorBoundary>
 
             <div className={cssStyle.mainContainer}>
-                <VideoFrame events={props.events} />
+                <VideoFrame variables={variables} />
 
                 <div className={cssStyle.channelTreeAndSidebar}>
                     <div className={cssStyle.channelTree}>
                         <ErrorBoundary>
-                            <HostBanner events={props.hostBanner} />
-                            <ChannelTree events={props.events} />
+                            <EventProvider registry={variables.useReadOnly("hostBanner", undefined, undefined)}>
+                                {registry => registry ? (
+                                    <HostBanner events={registry} />
+                                ) : null}
+                            </EventProvider>
+                            <ChannelTree variables={variables} />
                         </ErrorBoundary>
                     </div>
                     <ContextDivider id={"channel-chat"} direction={"horizontal"} defaultValue={25} />
-                    <SideBarRenderer events={props.sidebar} eventsHeader={props.sidebarHeader} className={cssStyle.sideBar} />
+                    <SideBar variables={variables} />
                 </div>
                 <ContextDivider id={"main-log"} direction={"vertical"} defaultValue={75} />
                 <ErrorBoundary>
                     <div className={cssStyle.containerLog}>
-                        <ServerLogFrame events={props.log} />
+                        <EventProvider registry={variables.useReadOnly("log", undefined, undefined)}>
+                            {registry => registry ? (
+                                <ServerLogFrame events={registry} />
+                            ) : null}
+                        </EventProvider>
                     </div>
                 </ErrorBoundary>
             </div>
diff --git a/shared/js/ui/frames/SideBarController.ts b/shared/js/ui/frames/SideBarController.ts
index 27e5e3f4..9c3fc97a 100644
--- a/shared/js/ui/frames/SideBarController.ts
+++ b/shared/js/ui/frames/SideBarController.ts
@@ -73,15 +73,6 @@ export class SideBarController {
         this.privateConversations = undefined;
     }
 
-    renderInto(container: HTMLDivElement) {
-        /*
-        ReactDOM.render(React.createElement(SideBarRenderer, {
-            events: this.uiEvents,
-            eventsHeader: this.header["uiEvents"],
-        }), container);
-        */
-    }
-
     getMusicController() : MusicBotController {
         return this.musicPanel;
     }
@@ -116,7 +107,7 @@ export class SideBarController {
                 this.uiEvents.fire_react("notify_content_data", {
                     content: "channel",
                     data: {
-                        events: this.channelBar.uiEvents,
+                        events: this.channelBar.uiEvents.generateIpcDescription(),
                     }
                 });
                 break;
@@ -125,7 +116,7 @@ export class SideBarController {
                 this.uiEvents.fire_react("notify_content_data", {
                     content: "server",
                     data: this.currentConnection ? {
-                        chatEvents: this.channelBar.getChannelConversationController().getUiEvents(),
+                        chatEvents: this.channelBar.getChannelConversationController().getUiEvents().generateIpcDescription(),
                         handlerId: this.currentConnection.handlerId
                     } : undefined
                 });
@@ -140,7 +131,7 @@ export class SideBarController {
                 this.uiEvents.fire_react("notify_content_data", {
                     content: "private-chat",
                     data: {
-                        events: this.privateConversations["uiEvents"],
+                        events: this.privateConversations["uiEvents"].generateIpcDescription(),
                         handlerId: this.currentConnection.handlerId
                     }
                 });
@@ -155,7 +146,7 @@ export class SideBarController {
                 this.uiEvents.fire_react("notify_content_data", {
                     content: "client-info",
                     data: {
-                        events: this.clientInfo["uiEvents"],
+                        events: this.clientInfo["uiEvents"].generateIpcDescription(),
                     }
                 });
                 break;
@@ -169,8 +160,8 @@ export class SideBarController {
                 this.uiEvents.fire_react("notify_content_data", {
                     content: "music-manage",
                     data: {
-                        botEvents: this.musicPanel.getBotUiEvents(),
-                        playlistEvents: this.musicPanel.getPlaylistUiEvents()
+                        botEvents: this.musicPanel.getBotUiEvents().generateIpcDescription(),
+                        playlistEvents: this.musicPanel.getPlaylistUiEvents().generateIpcDescription()
                     }
                 });
                 break;
diff --git a/shared/js/ui/frames/SideBarDefinitions.ts b/shared/js/ui/frames/SideBarDefinitions.ts
index 78f4b263..985ffe47 100644
--- a/shared/js/ui/frames/SideBarDefinitions.ts
+++ b/shared/js/ui/frames/SideBarDefinitions.ts
@@ -1,4 +1,4 @@
-import {Registry} from "tc-shared/events";
+import {IpcRegistryDescription, Registry} from "tc-shared/events";
 import {PrivateConversationUIEvents} from "tc-shared/ui/frames/side/PrivateConversationDefinitions";
 import {ClientInfoEvents} from "tc-shared/ui/frames/side/ClientInfoDefinitions";
 import {SideHeaderEvents} from "tc-shared/ui/frames/side/HeaderDefinitions";
@@ -7,28 +7,26 @@ import {MusicBotUiEvents} from "tc-shared/ui/frames/side/MusicBotDefinitions";
 import {MusicPlaylistUiEvents} from "tc-shared/ui/frames/side/MusicPlaylistDefinitions";
 import {ChannelConversationUiEvents} from "tc-shared/ui/frames/side/ChannelConversationDefinitions";
 
-/* TODO: Somehow outsource the event registries to IPC? */
-
 export type SideBarType = "none" | "server" | "channel" | "private-chat" | "client-info" | "music-manage";
 export interface SideBarTypeData {
     "none": {},
     "channel": {
-        events: Registry<ChannelBarUiEvents>
+        events: IpcRegistryDescription<ChannelBarUiEvents>
     },
     "private-chat": {
-        events: Registry<PrivateConversationUIEvents>,
+        events: IpcRegistryDescription<PrivateConversationUIEvents>,
         handlerId: string
     },
     "client-info": {
-        events: Registry<ClientInfoEvents>,
+        events: IpcRegistryDescription<ClientInfoEvents>,
     },
     "music-manage": {
-        botEvents: Registry<MusicBotUiEvents>,
-        playlistEvents: Registry<MusicPlaylistUiEvents>
+        botEvents: IpcRegistryDescription<MusicBotUiEvents>,
+        playlistEvents: IpcRegistryDescription<MusicPlaylistUiEvents>
     },
     "server": {
         handlerId: string,
-        chatEvents: Registry<ChannelConversationUiEvents>
+        chatEvents: IpcRegistryDescription<ChannelConversationUiEvents>
     }
 }
 
@@ -40,9 +38,7 @@ export type SideBarNotifyContentData<T extends SideBarType> = {
 export interface SideBarEvents {
     query_content: {},
     query_content_data: { content: SideBarType },
-    query_header_data: {},
 
     notify_content: { content: SideBarType },
     notify_content_data: SideBarNotifyContentData<SideBarType>,
-    notify_header_data: { events: Registry<SideHeaderEvents> }
 }
\ No newline at end of file
diff --git a/shared/js/ui/frames/SideBarRenderer.tsx b/shared/js/ui/frames/SideBarRenderer.tsx
index 297a94e6..08e0b3ac 100644
--- a/shared/js/ui/frames/SideBarRenderer.tsx
+++ b/shared/js/ui/frames/SideBarRenderer.tsx
@@ -11,6 +11,7 @@ import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
 import {MusicBotRenderer} from "tc-shared/ui/frames/side/MusicBotRenderer";
 import {ConversationPanel} from "tc-shared/ui/frames/side/AbstractConversationRenderer";
 import React = require("react");
+import {useRegistry} from "tc-shared/ui/react-elements/Helper";
 
 const cssStyle = require("./SideBarRenderer.scss");
 
@@ -29,24 +30,28 @@ function useContentData<T extends SideBarType>(type: T) : SideBarTypeData[T] {
 
 const ContentRendererChannel = () => {
     const contentData = useContentData("channel");
-    if(!contentData) { return null; }
+    const events = useRegistry(contentData?.events);
+
+    if(!contentData || !events) { return null; }
 
     return (
         <ChannelBarRenderer
             key={"channel"}
-            events={contentData.events}
+            events={events}
         />
     );
 };
 
 const ContentRendererServer = () => {
     const contentData = useContentData("server");
-    if(!contentData) { return null; }
+    const events = useRegistry(contentData?.chatEvents);
+
+    if(!contentData || !events) { return null; }
 
     return (
         <ConversationPanel
             key={"server"}
-            events={contentData.chatEvents}
+            events={events}
             handlerId={contentData.handlerId}
             messagesDeletable={true}
             noFirstMessageOverlay={false}
@@ -57,11 +62,13 @@ const ContentRendererServer = () => {
 
 const ContentRendererPrivateConversation = () => {
     const contentData = useContentData("private-chat");
-    if(!contentData) { return null; }
+    const events = useRegistry(contentData?.events);
+
+    if(!contentData || !events) { return null; }
 
     return (
         <PrivateConversationsPanel
-            events={contentData.events}
+            events={events}
             handlerId={contentData.handlerId}
         />
     );
@@ -69,23 +76,26 @@ const ContentRendererPrivateConversation = () => {
 
 const ContentRendererClientInfo = () => {
     const contentData = useContentData("client-info");
-    if(!contentData) { return null; }
+    const events = useRegistry(contentData?.events);
+    if(!contentData || !events) { return null; }
 
     return (
         <ClientInfoRenderer
-            events={contentData.events}
+            events={events}
         />
     );
 };
 
 const ContentRendererMusicManage = () => {
     const contentData = useContentData("music-manage");
-    if(!contentData) { return null; }
+    const botEvents = useRegistry(contentData?.botEvents);
+    const playlistEvents = useRegistry(contentData?.playlistEvents);
+    if(!contentData || !botEvents || !playlistEvents) { return null; }
 
     return (
         <MusicBotRenderer
-            botEvents={contentData.botEvents}
-            playlistEvents={contentData.playlistEvents}
+            botEvents={botEvents}
+            playlistEvents={playlistEvents}
         />
     );
 };
diff --git a/shared/js/ui/frames/side/ChannelBarController.ts b/shared/js/ui/frames/side/ChannelBarController.ts
index 75ad6eb5..dd1efe98 100644
--- a/shared/js/ui/frames/side/ChannelBarController.ts
+++ b/shared/js/ui/frames/side/ChannelBarController.ts
@@ -181,7 +181,7 @@ export class ChannelBarController {
                 this.uiEvents.fire_react("notify_data", {
                     content: "conversation",
                     data: {
-                        events: this.channelConversations.getUiEvents()
+                        events: this.channelConversations.getUiEvents().generateIpcDescription()
                     }
                 });
                 break;
@@ -190,7 +190,7 @@ export class ChannelBarController {
                 this.uiEvents.fire_react("notify_data", {
                     content: "description",
                     data: {
-                        events: this.description.uiEvents
+                        events: this.description.uiEvents.generateIpcDescription()
                     }
                 });
                 break;
@@ -199,7 +199,7 @@ export class ChannelBarController {
                 this.uiEvents.fire_react("notify_data", {
                     content: "file-transfer",
                     data: {
-                        events: this.fileBrowser.uiEvents
+                        events: this.fileBrowser.uiEvents.generateIpcDescription()
                     }
                 });
                 break;
diff --git a/shared/js/ui/frames/side/ChannelBarDefinitions.ts b/shared/js/ui/frames/side/ChannelBarDefinitions.ts
index 51d552ed..9ec45cb6 100644
--- a/shared/js/ui/frames/side/ChannelBarDefinitions.ts
+++ b/shared/js/ui/frames/side/ChannelBarDefinitions.ts
@@ -1,4 +1,4 @@
-import {Registry} from "tc-shared/events";
+import {IpcRegistryDescription} from "tc-shared/events";
 import {ChannelConversationUiEvents} from "tc-shared/ui/frames/side/ChannelConversationDefinitions";
 import {ChannelDescriptionUiEvents} from "tc-shared/ui/frames/side/ChannelDescriptionDefinitions";
 import {ChannelFileBrowserUiEvents} from "tc-shared/ui/frames/side/ChannelFileBrowserDefinitions";
@@ -7,13 +7,13 @@ export type ChannelBarMode = "conversation" | "description" | "file-transfer" |
 
 export interface ChannelBarModeData {
     "conversation": {
-        events: Registry<ChannelConversationUiEvents>,
+        events: IpcRegistryDescription<ChannelConversationUiEvents>,
     },
     "description": {
-        events: Registry<ChannelDescriptionUiEvents>
+        events: IpcRegistryDescription<ChannelDescriptionUiEvents>
     },
     "file-transfer": {
-        events: Registry<ChannelFileBrowserUiEvents>
+        events: IpcRegistryDescription<ChannelFileBrowserUiEvents>
     },
     "none": {}
 }
diff --git a/shared/js/ui/frames/side/ChannelBarRenderer.tsx b/shared/js/ui/frames/side/ChannelBarRenderer.tsx
index 9103c6ce..7baa30e3 100644
--- a/shared/js/ui/frames/side/ChannelBarRenderer.tsx
+++ b/shared/js/ui/frames/side/ChannelBarRenderer.tsx
@@ -3,7 +3,7 @@ import {ChannelBarMode, ChannelBarModeData, ChannelBarUiEvents} from "tc-shared/
 import * as React from "react";
 import {useContext, useState} from "react";
 import {ConversationPanel} from "tc-shared/ui/frames/side/AbstractConversationRenderer";
-import {useDependentState} from "tc-shared/ui/react-elements/Helper";
+import {useDependentState, useRegistry} from "tc-shared/ui/react-elements/Helper";
 import {ChannelDescriptionRenderer} from "tc-shared/ui/frames/side/ChannelDescriptionRenderer";
 import {ChannelFileBrowser} from "tc-shared/ui/frames/side/ChannelFileBrowserRenderer";
 
@@ -49,12 +49,13 @@ const ModeRenderer = () => {
 const ModeRendererConversation = React.memo(() => {
     const channelContext = useContext(ChannelContext);
     const data = useModeData("conversation", [ channelContext ]);
-    if(!data) { return null; }
+    const events = useRegistry(data?.events);
+    if(!data || !events) { return null; }
 
     return (
         <ConversationPanel
             key={"conversation"}
-            events={data.events}
+            events={events}
             handlerId={channelContext.handlerId}
             messagesDeletable={true}
             noFirstMessageOverlay={false}
@@ -66,20 +67,22 @@ const ModeRendererConversation = React.memo(() => {
 const ModeRendererDescription = React.memo(() => {
     const channelContext = useContext(ChannelContext);
     const data = useModeData("description", [ channelContext ]);
-    if(!data) { return null; }
+    const events = useRegistry(data?.events);
+    if(!data || !events) { return null; }
 
     return (
-        <ChannelDescriptionRenderer events={data.events} />
+        <ChannelDescriptionRenderer events={events} />
     );
 });
 
 const ModeRendererFileTransfer = React.memo(() => {
     const channelContext = useContext(ChannelContext);
     const data = useModeData("file-transfer", [ channelContext ]);
-    if(!data) { return null; }
+    const events = useRegistry(data?.events);
+    if(!data || !events) { return null; }
 
     return (
-        <ChannelFileBrowser events={data.events} />
+        <ChannelFileBrowser events={events} />
     );
 });
 
diff --git a/shared/js/ui/frames/video/Controller.ts b/shared/js/ui/frames/video/Controller.ts
index 395c6721..17be8abb 100644
--- a/shared/js/ui/frames/video/Controller.ts
+++ b/shared/js/ui/frames/video/Controller.ts
@@ -1,11 +1,8 @@
 import {ConnectionHandler} from "tc-shared/ConnectionHandler";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import {ChannelVideoRenderer} from "tc-shared/ui/frames/video/Renderer";
 import {Registry} from "tc-shared/events";
 import {
     ChannelVideoEvents,
-    ChannelVideoStreamState,
+    ChannelVideoStreamState, getVideoStreamMap,
     kLocalVideoId,
     VideoStreamState
 } from "tc-shared/ui/frames/video/Definitions";
@@ -24,8 +21,7 @@ import * as _ from "lodash";
 import PermissionType from "tc-shared/permission/PermissionType";
 import {createErrorModal} from "tc-shared/ui/elements/Modal";
 import {spawnVideoViewerInfo} from "tc-shared/ui/modal/video-viewers/Controller";
-
-const cssStyle = require("./Renderer.scss");
+import {guid} from "tc-shared/crypto/uid";
 
 let videoIdIndex = 0;
 interface ClientVideoController {
@@ -234,7 +230,12 @@ class RemoteClientVideoController implements ClientVideoController {
             if(!stream) {
                 state = { state: "failed", reason: tr("Missing video stream") };
             } else {
-                state = { state: "connected", stream: stream };
+                const streamUuid = guid();
+                const streamMap = getVideoStreamMap();
+                streamMap[streamUuid] = stream;
+                setTimeout(() => delete streamMap[streamUuid], 60 * 1000);
+
+                state = { state: "connected", streamObjectId: streamUuid };
             }
         }
 
diff --git a/shared/js/ui/frames/video/Definitions.ts b/shared/js/ui/frames/video/Definitions.ts
index 9e094bf6..0a68f5a4 100644
--- a/shared/js/ui/frames/video/Definitions.ts
+++ b/shared/js/ui/frames/video/Definitions.ts
@@ -48,7 +48,7 @@ export type VideoStreamState = {
     reason?: string
 } | {
     state: "connected",
-    stream: MediaStream
+    streamObjectId: string
 };
 
 export type VideoSubscribeInfo = {
@@ -173,4 +173,15 @@ export function makeVideoAutoplay(video: HTMLVideoElement) : () => void {
         video.removeEventListener("pause", listenerPause);
         video.removeEventListener("ended", listenerEnded);
     };
+}
+
+const kVideoStreamMapName = "__teaspeak_video_streams__" + __build.timestamp + "_" + __build.version;
+export function getVideoStreamMap() : { [key: string]: MediaStream } {
+    let windowInstance = window;
+    while(windowInstance.opener) {
+        /* Are we sure about this while loop? */
+        windowInstance = windowInstance.opener;
+    }
+
+    return windowInstance[kVideoStreamMapName] || (windowInstance[kVideoStreamMapName] = {});
 }
\ No newline at end of file
diff --git a/shared/js/ui/frames/video/Renderer.tsx b/shared/js/ui/frames/video/Renderer.tsx
index df60f96e..6658156e 100644
--- a/shared/js/ui/frames/video/Renderer.tsx
+++ b/shared/js/ui/frames/video/Renderer.tsx
@@ -5,7 +5,7 @@ import {ClientIcon} from "svg-sprites/client-icons";
 import {Registry} from "tc-shared/events";
 import {
     ChannelVideoEvents, ChannelVideoInfo,
-    ChannelVideoStreamState,
+    ChannelVideoStreamState, getVideoStreamMap,
     kLocalVideoId, makeVideoAutoplay,
     VideoStreamState,
     VideoSubscribeInfo
@@ -269,7 +269,7 @@ const MediaStreamVideoRenderer = React.memo((props: { stream: MediaStream | unde
     )
 });
 
-const VideoStreamPlayer = (props: { videoId: string, streamType: VideoBroadcastType, className?: string }) => {
+const VideoStreamPlayer = React.memo((props: { videoId: string, streamType: VideoBroadcastType, className?: string }) => {
     const events = useContext(EventContext);
     const [ state, setState ] = useState<VideoStreamState>(() => {
         events.fire("query_video_stream", { videoId: props.videoId, broadcastType: props.streamType });
@@ -301,9 +301,20 @@ const VideoStreamPlayer = (props: { videoId: string, streamType: VideoBroadcastT
             );
 
         case "connected":
+            const streamMap = getVideoStreamMap();
+            if(typeof streamMap[state.streamObjectId] === "undefined") {
+                return (
+                    <div className={cssStyle.text} key={"missing-stream-object"}>
+                        <div>
+                            <Translatable>Missing stream object</Translatable>
+                        </div>
+                    </div>
+                );
+            }
+
             return (
                 <MediaStreamVideoRenderer
-                    stream={state.stream}
+                    stream={streamMap[state.streamObjectId]}
                     className={props.className}
                     title={props.streamType === "camera" ? tr("Camera") : tr("Screen")}
                     key={"connected"}
@@ -324,7 +335,7 @@ const VideoStreamPlayer = (props: { videoId: string, streamType: VideoBroadcastT
                 </div>
             );
     }
-}
+});
 
 const VideoPlayer = React.memo((props: { videoId: string, cameraState: ChannelVideoStreamState, screenState: ChannelVideoStreamState }) => {
     const streamElements = [];
diff --git a/shared/js/ui/react-elements/Helper.ts b/shared/js/ui/react-elements/Helper.ts
index 10c17518..6b09e00a 100644
--- a/shared/js/ui/react-elements/Helper.ts
+++ b/shared/js/ui/react-elements/Helper.ts
@@ -1,5 +1,6 @@
 import {Dispatch, SetStateAction, useEffect, useMemo, useState} from "react";
 import {RegistryKey, RegistryValueType, settings, ValuedRegistryKey} from "tc-shared/settings";
+import {IpcRegistryDescription, Registry} from "tc-events";
 
 export function useDependentState<S>(
     factory: (prevState?: S) => S,
@@ -42,4 +43,12 @@ export function useGlobalSetting(key, defaultValue) {
     useEffect(() => settings.globalChangeListener(key, value => setValue(value)), []);
 
     return value;
+}
+
+export function useRegistry<T>(description: IpcRegistryDescription<T> | undefined) : Registry<T> | undefined;
+export function useRegistry<T>(description: IpcRegistryDescription<T>) : Registry<T>
+export function useRegistry(description) {
+    const events = useMemo(() => description ? Registry.fromIpcDescription(description) : undefined, [ description ]);
+    useEffect(() => () => events?.destroy(), [ description ]);
+    return events;
 }
\ No newline at end of file
diff --git a/web/app/WebWindowManager.ts b/web/app/WebWindowManager.ts
index f946a50f..ef1bc2e1 100644
--- a/web/app/WebWindowManager.ts
+++ b/web/app/WebWindowManager.ts
@@ -150,6 +150,9 @@ export class WebWindowManager implements WindowManager {
         });
 
         const features = {
+            /* TODO: Configureable and enabled by default! */
+            noopener: "no",
+
             status: "no",
             location: "no",
             toolbar: "no",

From 7a351893abcdaf09b7592527aa4043162f170727 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 5 May 2021 16:28:10 +0200
Subject: [PATCH 113/128] Reworked the icon upload and select modal and fixed
 some minor css issues

---
 ChangeLog.md                                  |   5 +
 shared/css/static/general.scss                |   2 +-
 shared/html/templates.html                    |  82 ---
 shared/js/file/FileManager.tsx                |  49 +-
 shared/js/file/ImageCache.ts                  |   2 +-
 shared/js/file/LocalAvatars.ts                |   2 +-
 shared/js/file/LocalIcons.ts                  |   2 +-
 shared/js/file/Transfer.ts                    |   2 +
 shared/js/file/Utils.ts                       |  19 +-
 shared/js/tree/Server.ts                      |   4 +-
 shared/js/ui/modal/ModalIconSelect.ts         | 661 -----------------
 shared/js/ui/modal/ModalServerEdit.ts         |  12 +-
 shared/js/ui/modal/avatar-upload/Renderer.tsx |   4 +-
 shared/js/ui/modal/channel-edit/Controller.ts |   8 +-
 shared/js/ui/modal/icon-viewer/Controller.ts  | 437 +++++++++++
 shared/js/ui/modal/icon-viewer/Definitions.ts |  84 +++
 shared/js/ui/modal/icon-viewer/Renderer.scss  | 236 ++++++
 shared/js/ui/modal/icon-viewer/Renderer.tsx   | 679 ++++++++++++++++++
 .../js/ui/modal/permission/ModalController.ts |  12 +-
 .../js/ui/react-elements/ContextDivider.tsx   |  28 +-
 shared/js/ui/react-elements/Icon.scss         |  19 +
 shared/js/ui/react-elements/Icon.tsx          |  55 +-
 shared/js/ui/react-elements/Tab.scss          |  12 +-
 shared/js/ui/react-elements/Tab.tsx           |  49 +-
 .../js/ui/react-elements/modal/Definitions.ts |  19 +-
 shared/js/ui/react-elements/modal/Registry.ts |   6 +
 .../modal/external/Controller.ts              |   3 +-
 shared/js/ui/utils/IpcVariable.ts             |  70 +-
 shared/js/ui/utils/Variable.ts                |   3 +-
 shared/js/ui/windows/WindowManager.ts         |   3 +
 web/app/WebWindowManager.ts                   |   4 +-
 31 files changed, 1744 insertions(+), 829 deletions(-)
 delete mode 100644 shared/js/ui/modal/ModalIconSelect.ts
 create mode 100644 shared/js/ui/modal/icon-viewer/Controller.ts
 create mode 100644 shared/js/ui/modal/icon-viewer/Definitions.ts
 create mode 100644 shared/js/ui/modal/icon-viewer/Renderer.scss
 create mode 100644 shared/js/ui/modal/icon-viewer/Renderer.tsx

diff --git a/ChangeLog.md b/ChangeLog.md
index ede28bd1..49ba40a8 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,9 @@
 # Changelog:
+* **05.05.21**
+    - Reworked the icon modal
+    - Fixed some minor icon and avatar related issues
+    - Improved icon modal performance
+  
 * **29.04.21**
     - Fixed a bug which caused chat messages to appear twice
     - Adding support for poping out channel conversations
diff --git a/shared/css/static/general.scss b/shared/css/static/general.scss
index 4fbf8662..cce79a0b 100644
--- a/shared/css/static/general.scss
+++ b/shared/css/static/general.scss
@@ -1,7 +1,7 @@
 @import "mixin";
 :global {
 	/* Avatar/Icon loading animations */
-	.icon_loading {
+	.iconLoading, .icon_loading {
 		border: 2px solid #f3f3f3; /* Light grey */
 		border-top: 2px solid #3498db; /* Blue */
 		border-radius: 50%;
diff --git a/shared/html/templates.html b/shared/html/templates.html
index be86d147..a155d27c 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -1823,88 +1823,6 @@
             </div>
         </script>
 
-        <script class="jsrender-template" id="tmpl_icon_select" type="text/html">
-            <div class="container-icons">
-                <div class="left">
-                    <div class="header">{{tr "Remote" /}}</div>
-                    <div class="content">
-                        <div class="container-icons-list">
-                            <div class="container-icons-remote {{if enable_select || enable_delete}}icon-select{{/if}}"></div>
-                            <div class="container-loading">
-                                <a>{{tr "loading..." /}}</a>
-                            </div>
-                            <div class="container-no-permissions">
-                                <a>{{tr "You dont have permissions the view the icons" /}}</a>
-                            </div>
-                            <div class="container-error">
-                                <a class="error-message">{{ŧr "An error occurred" /}}</a>
-                            </div>
-                        </div>
-                        <div class="container-buttons">
-                            {{if enable_upload}}
-                            <button class="btn btn-success button-upload">{{tr "Upload" /}}</button>
-                            {{/if}}
-                            {{if enable_delete}}
-                            <button class="btn btn-danger button-delete">{{tr "Delete" /}}</button>
-                            {{/if}}
-                        </div>
-                    </div>
-                </div>
-                <div class="right">
-                    <div class="header">{{tr "Local" /}}</div>
-                    <div class="content">
-                        <div class="container-icons-list">
-                            <div class="container-icons-local {{if enable_select}}icon-select{{/if}}"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="container-buttons">
-                <button class="btn btn-primary btn-raised button-reload">{{tr "Reload" /}}</button>
-                <div class="spacer"></div>
-                {{if enable_select}}
-                <button class="btn btn-success btn-raised button-select-no-icon">{{tr "Remove icon" /}}</button>
-                <button class="btn btn-success btn-raised button-select"><a>{{tr "Select " /}}</a>
-                    <div class="selected-item-container"></div>
-                </button>
-                {{/if}}
-            </div>
-        </script>
-
-        <script class="jsrender-template" id="tmpl_icon_upload" type="text/html">
-            <div class="container-select">
-                <div class="container-icons"></div>
-                <div class="container-buttons">
-                    <div class="buttons-manage">
-                        <button class="btn btn-primary btn-raised button-add">{{tr "Add icon" /}}</button>
-                        <button class="btn btn-danger button-remove">{{tr "Remove selected" /}}</button>
-                    </div>
-                    <button class="btn btn-primary btn-raised button-upload"></button>
-
-                    <input type="file" class="input-file-upload" accept="image/*" multiple/>
-                </div>
-            </div>
-            <div class="container-upload">
-                <div class="container-error">
-                    <div class="error-message">You're not connected. Failed to upload icons</div>
-                    <button type="button" class="btn btn-danger btn-raised button-upload-abort">{{tr "abort" /}}
-                    </button>
-                </div>
-                <div class="container-process"></div>
-                <div class="container-info">
-                    <div class="container-info-uploaded">{{tr "Uploaded icons (total | successfully | error): "
-                        /}}
-                    </div>
-                    <div class="uploaded-statistics"></div>
-                </div>
-                <div class="container-success">
-                    <div class="message">Uploaded 10 icons successfully</div>
-                    <button type="button" class="btn btn-success btn-raised button-upload-abort">{{tr "okey" /}}
-                    </button>
-                </div>
-            </div>
-        </script>
-
         <script class="jsrender-template" id="tmpl_avatar_list" type="text/html">
             <div class="modal-avatar-list">
                 <div class="container-list">
diff --git a/shared/js/file/FileManager.tsx b/shared/js/file/FileManager.tsx
index e247b424..6054bbcd 100644
--- a/shared/js/file/FileManager.tsx
+++ b/shared/js/file/FileManager.tsx
@@ -373,6 +373,8 @@ export type InitializeUploadOptions = {
     channelPassword?: string;
 
     source: TransferSourceSupplier;
+
+    processCommandResult?: boolean
 };
 
 export type InitializeDownloadOptions = {
@@ -424,12 +426,14 @@ export class FileManager {
         clearInterval(this.transerUpdateIntervalId);
     }
 
-    requestFileList(path: string, channelId?: number, channelPassword?: string) : Promise<FileInfo[]> {
+    requestFileList(path: string, channelId?: number, channelPassword?: string, processResult?: boolean) : Promise<FileInfo[]> {
         return this.commandHandler.registerFileList(path, channelId | 0, (resolve, reject) => {
             this.connectionHandler.serverConnection.send_command("ftgetfilelist", {
                 path: path,
                 cid: channelId || "0",
                 cpw: channelPassword
+            }, {
+                process_result: typeof processResult !== "boolean" || processResult
             }).then(() => {
                 reject(tr("Missing server file list response"));
             }).catch(error => {
@@ -556,7 +560,7 @@ export class FileManager {
                     "clientftfid": transfer.clientTransferId,
                     "seekpos": 0,
                     "proto": 1
-                }, {process_result: false});
+                }, { process_result: false });
 
                 if(transfer.transferState() === FileTransferState.INITIALIZING) {
                     throw tr("missing transfer start notify");
@@ -598,7 +602,7 @@ export class FileManager {
                     "overwrite": true,
                     "resume": false,
                     "proto": 1
-                });
+                }, { process_result: options.processCommandResult });
 
                 if(transfer.transferState() === FileTransferState.INITIALIZING)
                     throw tr("missing transfer start notify");
@@ -718,15 +722,42 @@ export class FileManager {
     }
 
     private updateRegisteredTransfers() {
-        /* drop timeouted transfers */
+        /* drop timed out transfers */
         {
             const timeout = Date.now() - 10 * 1000;
-            const timeouted = this.registeredTransfers_.filter(e => e.transfer.lastStateUpdate < timeout).filter(e => e.transfer.isRunning());
-            timeouted.forEach(e => {
-                e.transfer.setFailed({
+            const timedOutTransfers = this.registeredTransfers_.filter(entry => {
+                if(entry.transfer.lastStateUpdate >= timeout) {
+                    return false;
+                }
+
+                switch (entry.transfer.transferState()) {
+                    case FileTransferState.PENDING:
+                        /* Transfer is locally pending because of some limits */
+                        return false;
+
+                    case FileTransferState.CONNECTING:
+                    case FileTransferState.INITIALIZING:
+                    case FileTransferState.RUNNING:
+                        /* These states can time out */
+                        return true;
+
+                    case FileTransferState.CANCELED:
+                    case FileTransferState.ERRORED:
+                    case FileTransferState.FINISHED:
+                        /* Transfer finished, we can't have a timeout */
+                        return false;
+
+                    default:
+                        /* Should never happen but just in case time it out */
+                        return true;
+                }
+            });
+
+            for(const entry of timedOutTransfers) {
+                entry.transfer.setFailed({
                     error: "timeout"
                 }, tr("Timed out"));
-            });
+            }
         }
 
         /* check if we could start a new transfer */
@@ -743,7 +774,7 @@ export class FileManager {
 
             if(runningTransfers.length !== 0) {
                 /* start a new transfer as soon the old has been finished */
-                Promise.race([runningTransfers.map(e => e.finishPromise)]).then(() => {
+                Promise.race([ runningTransfers.map(e => e.finishPromise) ]).then(() => {
                     this.scheduleTransferUpdate();
                 });
             }
diff --git a/shared/js/file/ImageCache.ts b/shared/js/file/ImageCache.ts
index 0b97756b..46202800 100644
--- a/shared/js/file/ImageCache.ts
+++ b/shared/js/file/ImageCache.ts
@@ -27,7 +27,7 @@ export function imageType2MediaType(type: ImageType, file?: boolean) {
     }
 }
 
-export function responseImageType(encoded_data: string | ArrayBuffer, base64_encoded?: boolean) {
+export function responseImageType(encoded_data: string | ArrayBuffer, base64_encoded?: boolean) : ImageType {
     const ab2str10 = () => {
         const buf = new Uint8Array(encoded_data as ArrayBuffer);
         if(buf.byteLength < 10)
diff --git a/shared/js/file/LocalAvatars.ts b/shared/js/file/LocalAvatars.ts
index cca9d616..6c2bd18f 100644
--- a/shared/js/file/LocalAvatars.ts
+++ b/shared/js/file/LocalAvatars.ts
@@ -427,7 +427,7 @@ class LocalAvatarManagerFactory extends AbstractAvatarManagerFactory {
                 remoteAvatarId: avatarId,
                 unregisterCallback: avatar.events.registerConsumer({
                     handleEvent(mode: EventDispatchType, type: string, payload: any) {
-                        this.ipcChannel.sendMessage("avatar-event", { handlerId: handlerId, avatarId: avatarId, type, payload }, remoteId);
+                        this.ipcChannel?.sendMessage("avatar-event", { handlerId: handlerId, avatarId: avatarId, type, payload }, remoteId);
                     }
                 })
             });
diff --git a/shared/js/file/LocalIcons.ts b/shared/js/file/LocalIcons.ts
index ede65e7e..d895064d 100644
--- a/shared/js/file/LocalIcons.ts
+++ b/shared/js/file/LocalIcons.ts
@@ -207,7 +207,7 @@ class IconManager extends AbstractIconManager {
             if(!handler.connected) {
                 logWarn(LogCategory.FILE_TRANSFER, tr("Received handler id hint for icon download, but handler %s is not connected. Trying others."), handlerIdHint);
                 handler = undefined;
-            } else if(handler.channelTree.server.properties.virtualserver_unique_identifier !== icon.serverUniqueId) {
+            } else if(icon.serverUniqueId && handler.channelTree.server.properties.virtualserver_unique_identifier !== icon.serverUniqueId) {
                 logWarn(LogCategory.FILE_TRANSFER,
                     tr("Received handler id hint for icon download, but handler %s is not connected to the expected server (%s <=> %s). Trying others."),
                     handlerIdHint, handler.channelTree.server.properties.virtualserver_unique_identifier, icon.serverUniqueId);
diff --git a/shared/js/file/Transfer.ts b/shared/js/file/Transfer.ts
index 5e482dc0..16292bff 100644
--- a/shared/js/file/Transfer.ts
+++ b/shared/js/file/Transfer.ts
@@ -2,6 +2,7 @@ import {Registry} from "../events";
 import {CommandResult} from "../connection/ServerConnectionDeclaration";
 import {tr} from "../i18n/localize";
 import {ErrorCode} from "../connection/ErrorCode";
+import {assertMainApplication} from "tc-shared/ui/utils";
 
 /* Transfer source types */
 export enum TransferSourceType {
@@ -420,6 +421,7 @@ export abstract class TransferProvider {
     private static instance_;
     public static provider() : TransferProvider { return this.instance_; }
     public static setProvider(provider: TransferProvider) {
+        assertMainApplication();
         this.instance_ = provider;
     }
 
diff --git a/shared/js/file/Utils.ts b/shared/js/file/Utils.ts
index 49b87cd2..63d1c3c5 100644
--- a/shared/js/file/Utils.ts
+++ b/shared/js/file/Utils.ts
@@ -1,7 +1,4 @@
-export const downloadTextAsFile = (text: string, name: string) => {
-    const payloadBlob = new Blob([ text ], { type: "text/plain" });
-    const payloadUrl = URL.createObjectURL(payloadBlob);
-
+export const downloadUrl = (payloadUrl: string, name: string, cleanupCallback?: () => void) => {
     const element = document.createElement("a");
     element.text = "download";
     element.setAttribute("href", payloadUrl);
@@ -13,11 +10,19 @@ export const downloadTextAsFile = (text: string, name: string) => {
 
     setTimeout(() => {
         element.remove();
-        URL.revokeObjectURL(payloadUrl);
+        if(cleanupCallback) {
+            cleanupCallback();
+        }
     }, 0);
+}
+
+export const downloadTextAsFile = (text: string, name: string) => {
+    const payloadBlob = new Blob([ text ], { type: "text/plain" });
+    const payloadUrl = URL.createObjectURL(payloadBlob);
+    downloadUrl(payloadUrl, name, () => URL.revokeObjectURL(payloadUrl));
 };
 
-export const requestFile = async (options: {
+export const promptFile = async (options: {
     accept?: string,
     multiple?: boolean
 }): Promise<File[]> => {
@@ -49,7 +54,7 @@ export const requestFile = async (options: {
 }
 
 export const requestFileAsText = async (): Promise<string> => {
-    const files = await requestFile({ multiple: false });
+    const files = await promptFile({ multiple: false });
     if(files.length !== 1) {
         return undefined;
     }
diff --git a/shared/js/tree/Server.ts b/shared/js/tree/Server.ts
index fc65f2e7..ccf011f1 100644
--- a/shared/js/tree/Server.ts
+++ b/shared/js/tree/Server.ts
@@ -5,7 +5,6 @@ import * as log from "../log";
 import {LogCategory, logError, logInfo, LogType} from "../log";
 import {Sound} from "../audio/Sounds";
 import {createServerModal} from "../ui/modal/ModalServerEdit";
-import {spawnIconSelect} from "../ui/modal/ModalIconSelect";
 import {spawnAvatarList} from "../ui/modal/ModalAvatarList";
 import {Registry} from "../events";
 import {ChannelTreeEntry, ChannelTreeEntryEvents} from "./ChannelTreeEntry";
@@ -21,6 +20,7 @@ import {
     ServerConnectionInfoResult,
     ServerProperties
 } from "tc-shared/tree/ServerDefinitions";
+import {spawnIconManage} from "tc-shared/ui/modal/icon-viewer/Controller";
 
 /* TODO: Rework all imports */
 export * from "./ServerDefinitions";
@@ -180,7 +180,7 @@ export class ServerEntry extends ChannelTreeEntry<ServerEvents> {
                 type: contextmenu.MenuEntryType.ENTRY,
                 icon_class: "client-iconviewer",
                 name: tr("View icons"),
-                callback: () => spawnIconSelect(this.channelTree.client)
+                callback: () => spawnIconManage(this.channelTree.client, 0, undefined)
             }, {
                 type: contextmenu.MenuEntryType.ENTRY,
                 icon_class: 'client-iconsview',
diff --git a/shared/js/ui/modal/ModalIconSelect.ts b/shared/js/ui/modal/ModalIconSelect.ts
deleted file mode 100644
index a2e05715..00000000
--- a/shared/js/ui/modal/ModalIconSelect.ts
+++ /dev/null
@@ -1,661 +0,0 @@
-import {ConnectionHandler} from "../../ConnectionHandler";
-import PermissionType from "../../permission/PermissionType";
-import {createErrorModal, createModal} from "../../ui/elements/Modal";
-import {LogCategory, logError, logInfo, logWarn} from "../../log";
-import {CommandResult} from "../../connection/ServerConnectionDeclaration";
-import {tra, trJQuery} from "../../i18n/localize";
-import {arrayBufferBase64} from "../../utils/buffers";
-import * as crc32 from "../../crypto/crc32";
-import {FileInfo} from "../../file/FileManager";
-import {FileTransferState, TransferProvider} from "../../file/Transfer";
-import {ErrorCode} from "../../connection/ErrorCode";
-import {generateIconJQueryTag, getIconManager} from "tc-shared/file/Icons";
-
-export function spawnIconSelect(client: ConnectionHandler, callback_icon?: (id: number) => any, selected_icon?: number) {
-    selected_icon = selected_icon || 0;
-    let allow_manage = client.permissions.neededPermission(PermissionType.B_ICON_MANAGE).granted(1);
-
-    const modal = createModal({
-        header: tr("Icons"),
-        footer: undefined,
-        body: () => {
-            return $("#tmpl_icon_select").renderTag({
-                enable_select: !!callback_icon,
-
-                enable_upload: allow_manage,
-                enable_delete: allow_manage
-            });
-        },
-
-        min_width: "20em"
-    });
-
-    modal.htmlTag.find(".modal-body").addClass("modal-icon-select");
-
-    const button_select = modal.htmlTag.find(".button-select");
-    const button_delete = modal.htmlTag.find(".button-delete").prop("disabled", true);
-    const button_upload = modal.htmlTag.find(".button-upload").prop("disabled", !allow_manage);
-
-    const container_loading = modal.htmlTag.find(".container-loading").hide();
-    const container_no_permissions = modal.htmlTag.find(".container-no-permissions").hide();
-    const container_error = modal.htmlTag.find(".container-error").hide();
-
-    const selected_container = modal.htmlTag.find(".selected-item-container");
-
-    const container_icons = modal.htmlTag.find(".container-icons");
-    const container_icons_remote = container_icons.find(".container-icons-remote");
-    const container_icons_local = container_icons.find(".container-icons-local");
-
-    const update_local_icons = (icons: number[]) => {
-        container_icons_local.empty();
-
-        for (const iconId of icons) {
-            const iconTag = generateIconJQueryTag(getIconManager().resolveIcon(iconId, client.channelTree.server.properties.virtualserver_unique_identifier), { animate: false });
-
-            const tag = iconTag.attr('title', "Icon " + iconId);
-            if (callback_icon) {
-                tag.on('click', event => {
-                    container_icons.find(".selected").removeClass("selected");
-                    tag.addClass("selected");
-
-                    selected_container.empty().append(tag.clone());
-                    selected_icon = iconId;
-                    button_select.prop("disabled", false);
-                });
-                tag.on('dblclick', event => {
-                    callback_icon(iconId);
-                    modal.close();
-                });
-                if (iconId == selected_icon)
-                    tag.trigger('click');
-            }
-            tag.appendTo(container_icons_local);
-        }
-    };
-
-    const update_remote_icons = () => {
-        container_no_permissions.hide();
-        container_error.hide();
-        container_loading.show();
-        const display_remote_error = (error?: string) => {
-            if (typeof (error) === "string") {
-                container_error.find(".error-message").text(error);
-                container_error.show();
-            } else {
-                container_error.hide();
-            }
-        };
-
-        client.fileManager.requestFileList("/icons").then(icons => {
-            const container_icons_remote_parent = container_icons_remote.parent();
-            container_icons_remote.detach().empty();
-
-            const chunk_size = 50;
-            const icon_chunks: FileInfo[][] = [];
-            let index = 0;
-            while (icons.length > index) {
-                icon_chunks.push(icons.slice(index, index + chunk_size));
-                index += chunk_size;
-            }
-
-            const process_next_chunk = () => {
-                const chunk = icon_chunks.pop_front();
-                if (!chunk) return;
-
-                for (const icon of chunk) {
-                    const iconId = parseInt((icon.name || "").substr("icon_".length));
-                    if (Number.isNaN(iconId)) {
-                        logWarn(LogCategory.GENERAL, tr("Received an unparsable icon within icon list (%o)"), icon);
-                        continue;
-                    }
-
-                    const iconTag = generateIconJQueryTag(getIconManager().resolveIcon(iconId, client.channelTree.server.properties.virtualserver_unique_identifier), { animate: false });
-                    const tag = iconTag.attr('title', "Icon " + iconId);
-                    if (callback_icon || allow_manage) {
-                        tag.on('click', event => {
-                            container_icons.find(".selected").removeClass("selected");
-                            tag.addClass("selected");
-
-                            selected_container.empty().append(tag.clone());
-                            selected_icon = iconId;
-                            button_select.prop("disabled", false);
-                            button_delete.prop("disabled", !allow_manage);
-                        });
-                        tag.on('dblclick', event => {
-                            if (!callback_icon)
-                                return;
-
-                            callback_icon(iconId);
-                            modal.close();
-                        });
-                        if (iconId == selected_icon)
-                            tag.trigger('click');
-                    }
-                    tag.appendTo(container_icons_remote);
-                }
-                setTimeout(process_next_chunk, 100);
-            };
-            process_next_chunk();
-
-            container_icons_remote_parent.append(container_icons_remote);
-            container_error.hide();
-            container_loading.hide();
-            container_no_permissions.hide();
-        }).catch(error => {
-            if (error instanceof CommandResult && error.id == ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
-                container_no_permissions.show();
-            } else {
-                logError(LogCategory.GENERAL, tr("Failed to fetch icon list. Error: %o"), error);
-                display_remote_error(tr("Failed to fetch icon list"));
-            }
-            container_loading.hide();
-        });
-    };
-
-    button_delete.on('click', event => {
-        if (!selected_icon)
-            return;
-
-        const selected = modal.htmlTag.find(".selected");
-        if (selected.length != 1)
-            logWarn(LogCategory.GENERAL, tr("UI selected icon length does not equal with 1! (%o)"), selected.length);
-
-        if (selected_icon < 1000) return; /* we cant delete local icons */
-
-        client.fileManager.deleteIcon(selected_icon).then(() => {
-            selected.detach();
-        }).catch(error => {
-            if (error instanceof CommandResult && error.id == ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS)
-                return;
-            logWarn(LogCategory.GENERAL, tr("Failed to delete icon %d: %o"), selected_icon, error);
-
-            error = error instanceof CommandResult ? error.extra_message || error.message : error;
-
-            createErrorModal(tr("Failed to delete icon"), tra("Failed to delete icon.<br>Error: ", error)).open();
-        });
-    });
-
-    button_upload.on('click', event => spawnIconUpload(client));
-
-    update_local_icons([100, 200, 300, 500, 600]);
-    update_remote_icons();
-    modal.htmlTag.find('.button-reload').on('click', () => update_remote_icons());
-    button_select.prop("disabled", true).on('click', () => {
-        if (callback_icon) callback_icon(selected_icon);
-        modal.close();
-    });
-    modal.htmlTag.find(".button-select-no-icon").on('click', () => {
-        if (callback_icon) callback_icon(0);
-        modal.close();
-    });
-    modal.open();
-}
-
-interface UploadingIcon {
-    file: File;
-    state: "loading" | "valid" | "error";
-    upload_state: "unset" | "uploading" | "uploaded" | "error";
-
-    html_tag?: JQuery;
-    image_element?: () => HTMLImageElement;
-
-    loader: Promise<void>;
-
-    upload_icon: () => () => Promise<void>;
-    upload_html_tag?: JQuery;
-
-    icon_id: string;
-}
-
-function handle_icon_upload(file: File, client: ConnectionHandler): UploadingIcon {
-    const icon = {} as UploadingIcon;
-    icon.file = file;
-    icon.upload_state = "unset";
-
-    const file_too_big = () => {
-        logError(LogCategory.GENERAL, tr("Failed to load file %s: File is too big!"), file.name);
-        createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.<br>The given file is too big!", file.name)).open();
-        icon.state = "error";
-    };
-    if (file.size > 1024 * 1024 * 512) {
-        file_too_big();
-    } else if ((file.size | 0) <= 0) {
-        logError(LogCategory.GENERAL, tr("Failed to load file %s: Your browser does not support file sizes!"), file.name);
-        createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.<br>Your browser does not support file sizes!", file.name)).open();
-        icon.state = "error";
-        return;
-    } else {
-        icon.state = "loading";
-        icon.loader = (async () => {
-            const reader = new FileReader();
-
-            try {
-                await new Promise((resolve, reject) => {
-                    reader.onload = resolve;
-                    reader.onerror = reject;
-                    reader.readAsDataURL(file);
-                });
-            } catch (error) {
-                logError(LogCategory.CLIENT, tr("Failed to load file %s: Image failed to load: %o"), file.name, error);
-                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.<br>Failed to load image", file.name)).open();
-                icon.state = "error";
-                return;
-            }
-
-            const result = reader.result as string;
-            if (typeof (result) !== "string") {
-                logError(LogCategory.GENERAL, tr("Failed to load file %s: Result is not an media string (%o)"), file.name, result);
-                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.<br>Result is not an media string", file.name)).open();
-                icon.state = "error";
-                return;
-            }
-
-
-            /* get the CRC32 sum */
-            {
-                if (!result.startsWith("data:image/")) {
-                    logError(LogCategory.GENERAL, tr("Failed to load file %s: Invalid data media type (%o)"), file.name, result);
-                    createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.<br>File is not an image", file.name)).open();
-                    icon.state = "error";
-                    return;
-                }
-                const semi = result.indexOf(';');
-                const type = result.substring(11, semi);
-                logInfo(LogCategory.GENERAL, tr("Given image has type %s"), type);
-                if (!result.substr(semi + 1).startsWith("base64,")) {
-                    logError(LogCategory.GENERAL, tr("Failed to load file %s: Mimetype isn't base64 encoded (%o)"), file.name, result.substr(semi + 1));
-                    createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.<br>Decoder returned unknown result", file.name)).open();
-                    icon.state = "error";
-                    return;
-                }
-
-                const crc = new crc32.Crc32();
-                crc.update(arrayBufferBase64(result.substr(semi + 8)));
-                icon.icon_id = crc.digest(10);
-            }
-
-
-            const image = document.createElement("img");
-            try {
-                await new Promise((resolve, reject) => {
-                    image.onload = resolve;
-                    image.onerror = reject;
-                    image.src = result;
-                });
-            } catch (error) {
-                logInfo(LogCategory.GENERAL, "Image failed to load (%o)", error);
-                logError(LogCategory.GENERAL, tr("Failed to load file %s: Image failed to load"), file.name);
-                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.\nFailed to load image", file.name)).open();
-                icon.state = "error";
-            }
-
-            const width_error = message => {
-                logError(LogCategory.GENERAL, tr("Failed to load file %s: Invalid bounds: %s"), file.name, message);
-                createErrorModal(tr("Icon upload failed"), tra("Failed to upload icon {}.\nImage is too large ({})", file.name, message)).open();
-                icon.state = "error";
-            };
-
-            if (!result.startsWith("data:image/svg+xml")) {
-                if (image.naturalWidth > 128 && image.naturalHeight > 128) {
-                    width_error("width and height (max 32px). Given: " + image.naturalWidth + "x" + image.naturalHeight);
-                    return;
-                }
-                if (image.naturalWidth > 128) {
-                    width_error("width (max 32px)");
-                    return;
-                }
-                if (image.naturalHeight > 128) {
-                    width_error("height (max 32px)");
-                    return;
-                }
-            }
-            logInfo(LogCategory.GENERAL, "Image loaded (%dx%d) %s (%s)", image.naturalWidth, image.naturalHeight, image.name, icon.icon_id);
-            icon.image_element = () => {
-                const image = document.createElement("img");
-                image.src = result;
-                return image;
-            };
-            icon.state = "valid";
-        })();
-
-        icon.upload_icon = () => {
-            const create_progress_bar = () => {
-                const html = $.spawn("div").addClass("progress");
-                const indicator = $.spawn("div").addClass("progress-bar bg-success progress-bar-striped progress-bar-animated");
-                const message = $.spawn("div").addClass("progress-message");
-                const set_value = value => {
-                    indicator.stop(true, false).animate({width: value + "%"}, 250);
-                    if (value === 100)
-                        setTimeout(() => indicator.removeClass("progress-bar-striped progress-bar-animated"), 900)
-                };
-
-                return {
-                    html_tag: html.append(indicator).append(message),
-                    set_value: set_value,
-                    set_message: msg => message.text(msg),
-                    set_error: (msg: string) => {
-                        let index = msg.lastIndexOf(':');
-                        message.text(index == -1 ? msg : msg.substring(index + 1));
-                        message.attr('title', msg);
-                        set_value(100);
-                        indicator.removeClass("bg-success").addClass("bg-danger");
-                    }
-                }
-            };
-
-            const container_image = $.spawn("div").addClass("container-icon");
-            const bar = create_progress_bar();
-
-            const set_error = message => {
-                bar.set_value(100);
-                bar.set_message(tr("error: ") + message);
-            };
-
-            const html_tag = $.spawn("div")
-                .addClass("upload-entry")
-                .append(container_image)
-                .append(bar.html_tag);
-
-            icon.upload_html_tag = html_tag;
-
-            let icon_added = false;
-            if (icon.image_element) {
-                container_image.append(icon.image_element());
-                icon_added = true;
-            }
-
-
-            bar.set_value(0);
-            bar.set_value(tr("waiting"));
-
-            return async () => {
-                const time_begin = Date.now();
-
-                if (icon.state === "loading") {
-                    bar.set_message(tr("Awaiting local processing"));
-                    await icon.loader;
-                    // @ts-ignore Could happen because the loader function updates the state
-                    if (icon.state !== "valid") {
-                        set_error(tr("local processing failed"));
-                        icon.upload_state = "error";
-                        return;
-                    }
-                } else if (icon.state === "error") {
-                    set_error(tr("local processing error"));
-                    icon.upload_state = "error";
-                    return;
-                }
-                if (!icon_added)
-                    container_image.append(icon.image_element());
-
-                bar.set_value(25);
-                bar.set_message(tr("initializing"));
-
-                const transfer = client.fileManager.initializeFileUpload({
-                    channel: 0,
-                    channelPassword: undefined,
-
-                    path: "",
-                    name: "/icon_" + icon.icon_id,
-
-                    source: async () => await TransferProvider.provider().createBrowserFileSource(icon.file)
-                });
-
-                transfer.events.on("notify_state_updated", event => {
-                    switch (event.newState) {
-                        case FileTransferState.PENDING:
-                            bar.set_value(10);
-                            bar.set_message(tr("pending"));
-                            break;
-                        case FileTransferState.INITIALIZING:
-                        case FileTransferState.CONNECTING:
-                            bar.set_value(30);
-                            bar.set_message(tr("connecting"));
-                            break;
-                        case FileTransferState.RUNNING:
-                            bar.set_value(50);
-                            bar.set_message(tr("uploading"));
-                            break;
-
-                        case FileTransferState.FINISHED:
-                            bar.set_value(100);
-                            bar.set_message(tr("upload completed"));
-                            icon.upload_state = "uploaded";
-                            break;
-
-                        case FileTransferState.ERRORED:
-                            logWarn(LogCategory.FILE_TRANSFER, tr("Failed to upload icon %s: %o"), icon.file.name, transfer.currentError());
-                            bar.set_value(100);
-                            bar.set_error(tr("upload failed: ") + transfer.currentErrorMessage());
-                            icon.upload_state = "error";
-                            break;
-
-                        case FileTransferState.CANCELED:
-                            bar.set_value(100);
-                            bar.set_error(tr("upload canceled"));
-                            icon.upload_state = "error";
-                            break;
-                    }
-                });
-                await transfer.awaitFinished();
-            };
-        };
-    }
-
-    return icon;
-}
-
-export function spawnIconUpload(client: ConnectionHandler) {
-    const modal = createModal({
-        header: tr("Upload Icons"),
-        footer: undefined,
-        body: () => $("#tmpl_icon_upload").renderTag(),
-        closeable: false,
-
-        min_width: "20em"
-    });
-    modal.htmlTag.find(".modal-body").addClass("modal-icon-upload");
-
-    const button_upload = modal.htmlTag.find(".button-upload");
-    const button_delete = modal.htmlTag.find(".button-remove").prop("disabled", true);
-    const button_add = modal.htmlTag.find(".button-add");
-    const button_upload_abort = modal.htmlTag.find(".button-upload-abort");
-    const input_file = modal.htmlTag.find(".input-file-upload") as JQuery<HTMLInputElement>;
-    const container_icons = modal.htmlTag.find(".container-icons");
-
-    let selected_icon: UploadingIcon;
-    let icons: UploadingIcon[] = [];
-
-    const update_upload_button = () => {
-        const icon_count = icons.filter(e => e.state === "valid").length;
-        button_upload.empty();
-        trJQuery("Upload icons ({})", icon_count).forEach(e => e.appendTo(button_upload));
-        button_upload.prop("disabled", icon_count == 0);
-    };
-    update_upload_button();
-
-    const add_icon = (icon: UploadingIcon) => {
-        icons.push(icon);
-        icon.loader.then(e => {
-            if (icon.state === "valid") {
-                const image = icon.image_element();
-                const element = $.spawn("div")
-                    .addClass("icon-container")
-                    .append(image);
-                container_icons.append(icon.html_tag = element);
-
-                element.on('click', event => {
-                    container_icons.find(".selected").removeClass("selected");
-                    element.addClass("selected");
-
-                    selected_icon = icon;
-                    button_delete.prop("disabled", false);
-                });
-
-                update_upload_button();
-            }
-        });
-    };
-    button_delete.on('click', event => {
-        if (!selected_icon)
-            return;
-        icons = icons.filter(e => e !== selected_icon);
-        if (selected_icon.html_tag)
-            selected_icon.html_tag.detach();
-        button_delete.prop("disabled", true);
-        update_upload_button();
-    });
-
-    button_add.on('click', event => input_file.click());
-    input_file.on('change', event => {
-        if (input_file[0].files.length > 0) {
-            for (let index = 0; index < input_file[0].files.length; index++) {
-                const file = input_file[0].files.item(index);
-                {
-                    let duplicate = false;
-
-                    for (const icon of icons)
-                        if (icon.file.name === file.name && icon.file.lastModified === file.lastModified && icon.state !== "error") {
-                            duplicate = true;
-                            break;
-                        }
-                    if (duplicate)
-                        continue;
-                }
-
-                add_icon(handle_icon_upload(file, client));
-            }
-        }
-    });
-
-    container_icons.on('dragover', ((event: DragEvent) => {
-        event.stopPropagation();
-        event.preventDefault();
-        event.dataTransfer.dropEffect = 'copy';
-    }) as any);
-    container_icons.on('drop', ((event: DragEvent) => {
-        event.stopPropagation();
-        event.preventDefault();
-
-        for (let index = 0; index < event.dataTransfer.files.length; index++) {
-            const file = event.dataTransfer.files.item(index);
-            {
-                let duplicate = false;
-
-                for (const icon of icons)
-                    if (icon.file === file && icon.state !== "error") {
-                        duplicate = true;
-                        break;
-                    }
-                if (duplicate)
-                    continue;
-            }
-
-            add_icon(handle_icon_upload(file, client));
-        }
-    }) as any);
-
-    /* upload process */
-    {
-        const container_upload = modal.htmlTag.find(".container-upload");
-        const container_error = container_upload.find(".container-error");
-        const container_success = container_upload.find(".container-success");
-        const container_process = container_upload.find(".container-process");
-        const container_info = container_upload.find(".container-info");
-        const container_statistics = container_upload.find(".uploaded-statistics");
-
-        const show_critical_error = message => {
-            container_error.find(".error-message").text(message);
-            container_error.removeClass("hidden");
-        };
-
-        const finish_upload = () => {
-            icons = icons.filter(e => {
-                if (e.upload_state === "uploaded") {
-                    e.html_tag.detach();
-                    return false;
-                }
-                return true;
-            });
-            update_upload_button();
-            button_upload.prop("disabled", false);
-            button_upload.prop("disabled", false);
-            container_upload.hide();
-            container_error.addClass("hidden");
-            container_error.addClass("hidden");
-            modal.set_closeable(true);
-        };
-
-
-        const execute_upload = async () => {
-            if (!client || !client.fileManager) {
-                show_critical_error(tr("Invalid client handle"));
-                return;
-            }
-            if (!client.connected) {
-                show_critical_error(tr("Not connected"));
-                return;
-            }
-
-            let invoke_count = 0;
-            let succeed_count = 0;
-            let failed_count = 0;
-
-            const uploads = icons.filter(e => e.state !== "error");
-
-            const executes: { icon: UploadingIcon, task: () => Promise<void> }[] = [];
-            for (const icon of uploads) {
-                executes.push({
-                    icon: icon,
-                    task: icon.upload_icon()
-                });
-
-                if (!icon.upload_html_tag)
-                    continue; /* TODO: error? */
-                icon.upload_html_tag.appendTo(container_process);
-            }
-
-            const update_state = () => container_statistics.text(invoke_count + " | " + succeed_count + " | " + failed_count);
-            for (const execute of executes) {
-                invoke_count++;
-                update_state();
-                try {
-                    await execute.task();
-                    if (execute.icon.upload_state !== "uploaded")
-                        throw "failed";
-                    succeed_count++;
-                } catch (error) {
-                    failed_count++;
-                }
-                update_state();
-            }
-            container_info.css({opacity: 1}).animate({opacity: 0}, 250, () => container_info.css({opacity: undefined}).hide());
-            container_success.find(".message").html(
-                "Total icons: " + invoke_count + "<br>" +
-                "Succeeded icons: " + succeed_count + "<br>" +
-                "Failed icons: " + failed_count
-            );
-
-            container_success.removeClass("hidden");
-        };
-
-        button_upload.on('click', event => {
-            modal.set_closeable(false);
-            button_upload.prop("disabled", true);
-            button_delete.prop("disabled", true);
-            button_add.prop("disabled", true);
-            container_process.empty();
-            container_upload.show();
-            execute_upload();
-        });
-
-        button_upload_abort.on('click', event => finish_upload());
-
-        container_error.addClass("hidden");
-        container_success.addClass("hidden");
-        container_upload.hide();
-    }
-
-    modal.open();
-    modal.set_closeable(true);
-}
\ No newline at end of file
diff --git a/shared/js/ui/modal/ModalServerEdit.ts b/shared/js/ui/modal/ModalServerEdit.ts
index 04b6d923..c93e3a65 100644
--- a/shared/js/ui/modal/ModalServerEdit.ts
+++ b/shared/js/ui/modal/ModalServerEdit.ts
@@ -4,11 +4,11 @@ import PermissionType from "../../permission/PermissionType";
 import {GroupManager} from "../../permission/GroupManager";
 import {hashPassword} from "../../utils/helpers";
 import * as tooltip from "../../ui/elements/Tooltip";
-import {spawnIconSelect} from "../../ui/modal/ModalIconSelect";
 import {network} from "../../ui/frames/chat";
 import {generateIconJQueryTag, getIconManager} from "tc-shared/file/Icons";
 import {tr} from "tc-shared/i18n/localize";
 import {LogCategory, logTrace} from "tc-shared/log";
+import {spawnIconManage} from "tc-shared/ui/modal/icon-viewer/Controller";
 
 export function createServerModal(server: ServerEntry, callback: (properties?: ServerProperties) => Promise<void>) {
     const properties = Object.assign({}, server.properties);
@@ -120,15 +120,15 @@ function apply_general_listener(tag: JQuery, server: ServerEntry, properties: Se
     /* icon */
     {
         tag.find(".button-select-icon").on('click', event => {
-            spawnIconSelect(server.channelTree.client, id => {
+            spawnIconManage(server.channelTree.client, properties.virtualserver_icon_id, newIconId => {
                 const icon_node = tag.find(".icon-preview");
                 icon_node.children().remove();
-                icon_node.append(generateIconJQueryTag(getIconManager().resolveIcon(id, server.properties.virtualserver_unique_identifier, server.channelTree.client.handlerId)));
+                icon_node.append(generateIconJQueryTag(getIconManager().resolveIcon(newIconId, server.properties.virtualserver_unique_identifier, server.channelTree.client.handlerId)));
 
-                logTrace(LogCategory.GENERAL, "Selected icon ID: %d", id);
-                properties.virtualserver_icon_id = id;
+                logTrace(LogCategory.GENERAL, "Selected icon ID: %d", newIconId);
+                properties.virtualserver_icon_id = newIconId;
                 callback_valid(undefined); //Toggle save button update
-            }, properties.virtualserver_icon_id);
+            });
         });
 
         tag.find(".button-icon-remove").on('click', event => {
diff --git a/shared/js/ui/modal/avatar-upload/Renderer.tsx b/shared/js/ui/modal/avatar-upload/Renderer.tsx
index 5cd38d33..4580b2ea 100644
--- a/shared/js/ui/modal/avatar-upload/Renderer.tsx
+++ b/shared/js/ui/modal/avatar-upload/Renderer.tsx
@@ -10,7 +10,7 @@ import {
 import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
 import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
 import {Button} from "tc-shared/ui/react-elements/Button";
-import {requestFile} from "tc-shared/file/Utils";
+import {promptFile} from "tc-shared/file/Utils";
 import {network} from "tc-shared/ui/frames/chat";
 import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
 import {getOwnAvatarStorage} from "tc-shared/file/OwnAvatarStorage";
@@ -277,7 +277,7 @@ class ModalAvatarUpload extends AbstractModal {
 
         this.events.on("action_open_select", async () => {
             this.events.fire("action_file_cache_loading");
-            const files = await requestFile({
+            const files = await promptFile({
                 multiple: false,
                 accept: ".svg, .png, .jpg, .jpeg, gif"
             });
diff --git a/shared/js/ui/modal/channel-edit/Controller.ts b/shared/js/ui/modal/channel-edit/Controller.ts
index 402c87ca..7bdfd9a9 100644
--- a/shared/js/ui/modal/channel-edit/Controller.ts
+++ b/shared/js/ui/modal/channel-edit/Controller.ts
@@ -17,7 +17,7 @@ import PermissionType from "tc-shared/permission/PermissionType";
 import {ChannelPropertyValidators} from "tc-shared/ui/modal/channel-edit/ControllerValidation";
 import {hashPassword} from "tc-shared/utils/helpers";
 import {ErrorCode} from "tc-shared/connection/ErrorCode";
-import {spawnIconSelect} from "tc-shared/ui/modal/ModalIconSelect";
+import {spawnIconManage} from "tc-shared/ui/modal/icon-viewer/Controller";
 
 export type ChannelEditCallback = (properties: Partial<ChannelProperties>, permissions: ChannelEditChangedPermission[]) => void;
 export type ChannelEditChangedPermission = { permission: PermissionType, value: number };
@@ -132,9 +132,9 @@ class ChannelEditController {
             this.notifyPermission(event.permission);
         });
         this.uiEvents.on("action_icon_select", () => {
-            spawnIconSelect(this.connection, id => {
-                this.uiEvents.fire("action_change_property", { property: "icon", value: { iconId: id } });
-            }, this.currentProperties.channel_icon_id);
+            spawnIconManage(this.connection, this.currentProperties.channel_icon_id, newIconId => {
+                this.uiEvents.fire("action_change_property", { property: "icon", value: { iconId: newIconId } });
+            });
         });
 
         this.listenerPermissions = [];
diff --git a/shared/js/ui/modal/icon-viewer/Controller.ts b/shared/js/ui/modal/icon-viewer/Controller.ts
new file mode 100644
index 00000000..ef99889a
--- /dev/null
+++ b/shared/js/ui/modal/icon-viewer/Controller.ts
@@ -0,0 +1,437 @@
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {Registry} from "tc-events";
+import {
+    IconUploadProgress,
+    ModalIconViewerEvents,
+    ModalIconViewerVariables,
+    RemoteIconList,
+    SelectedIconTab
+} from "tc-shared/ui/modal/icon-viewer/Definitions";
+import {IpcUiVariableProvider} from "tc-shared/ui/utils/IpcVariable";
+import {CallOnce, ignorePromise} from "tc-shared/proto";
+import {spawnModal} from "tc-shared/ui/react-elements/modal";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {LogCategory, logError, logWarn} from "tc-shared/log";
+import {ErrorCode} from "tc-shared/connection/ErrorCode";
+import PermissionType from "tc-shared/permission/PermissionType";
+import {FileTransferState, TransferProvider} from "tc-shared/file/Transfer";
+
+type IconUpload = {
+    state: "initializing"
+} | {
+    state: "uploading",
+    iconId: number,
+    buffer: ArrayBuffer,
+    progress: IconUploadProgress
+};
+
+const kUploadingIconPrefix = "uploading-";
+const kRemoteIconPrefix = "remote-";
+
+class Controller {
+    readonly connection: ConnectionHandler;
+    readonly events: Registry<ModalIconViewerEvents>;
+    readonly variables: IpcUiVariableProvider<ModalIconViewerVariables>;
+
+    private connectionListener: (() => void)[];
+    private remoteIconList: RemoteIconList;
+    private selectedIconId: string;
+    private selectedTab: SelectedIconTab;
+
+    private runningUploads: { [key: string]: IconUpload };
+
+    constructor(connection: ConnectionHandler) {
+        this.connection = connection;
+
+        this.events = new Registry<ModalIconViewerEvents>();
+        this.variables = new IpcUiVariableProvider<ModalIconViewerVariables>();
+
+        this.selectedTab = "remote";
+        this.selectedIconId = undefined;
+        this.remoteIconList = { status: "loading" };
+        this.runningUploads = {};
+
+        this.variables.setVariableProvider("remoteIconList", () => this.remoteIconList);
+        this.variables.setVariableProvider("remoteIconInfo", (iconId: string) => {
+            if(iconId.startsWith(kRemoteIconPrefix)) {
+                return { status: "live", iconId: parseInt(iconId.substring(7)) >>> 0 };
+            } else if(iconId.startsWith(kUploadingIconPrefix)) {
+                const uploadId = iconId.substring(kUploadingIconPrefix.length);
+                const upload = this.runningUploads[uploadId];
+                if(!upload) {
+                    return { status: "unknown" };
+                }
+
+                switch (upload.state) {
+                    case "initializing":
+                        return { status: "uploading", process: { state: "pre-process" }};
+
+                    case "uploading":
+                        return { status: "uploading", process: upload.progress };
+
+                    default:
+                        return { status: "uploading", process: { state: "failed", message: tr("unknown state") } };
+                }
+            }
+
+            return { status: "unknown" };
+        });
+        this.variables.setVariableProvider("uploadingIconPayload", (iconId: string) => {
+            if(!iconId.startsWith(kUploadingIconPrefix)) {
+                return undefined;
+            }
+
+            const uploadId = iconId.substring(kUploadingIconPrefix.length);
+            const upload = this.runningUploads[uploadId];
+            if(!upload || upload.state !== "uploading") {
+                return undefined;
+            }
+
+            return upload.buffer;
+        });
+        this.variables.setVariableProvider("selectedIconId", () => this.selectedIconId);
+        this.variables.setVariableEditor("selectedIconId", newValue => this.setSelectedIcon(newValue, false));
+
+        this.variables.setVariableProvider("selectedTab", () => this.selectedTab);
+        this.variables.setVariableEditor("selectedTab", newValue => this.setSelectedTab(newValue, false));
+
+        this.events.on("action_refresh", () => this.updateRemoteIconList());
+        this.events.on("action_delete", event => {
+            if(!event.iconId.startsWith(kRemoteIconPrefix)) {
+                this.events.fire("notify_delete_error", { status: "not-found" });
+                return;
+            }
+
+            const iconId = parseInt(event.iconId.substring(7)) >>> 0;
+            this.connection.fileManager.deleteIcon(iconId).then(() => {
+                if(this.remoteIconList.status !== "loaded") {
+                    return;
+                }
+
+                this.remoteIconList.icons.remove(event.iconId);
+                this.variables.sendVariable("remoteIconList");
+            }).catch(error => {
+                if(error instanceof CommandResult) {
+                    if(error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
+                        this.events.fire("notify_delete_error", { status: "no-permissions", failedPermission: this.connection.permissions.getFailedPermission(error) });
+                    } else {
+                        this.events.fire("notify_delete_error", { status: "error", message: error.formattedMessage() });
+                    }
+                } else if(typeof error === "string") {
+                    this.events.fire("notify_delete_error", { status: "error", message: error });
+                } else {
+                    logError(LogCategory.NETWORKING, tr("Failed to delete icon {}: {}"), iconId, error)
+                    this.events.fire("notify_delete_error", { status: "error", message: tr("lookup the console") });
+                }
+            });
+        });
+        this.events.on("action_initialize_upload", event => {
+            this.runningUploads[event.uploadId] = { state: "initializing" };
+            this.variables.sendVariable("remoteIconInfo", kUploadingIconPrefix + event.uploadId);
+
+            if(this.remoteIconList.status === "loaded") {
+                /* Register icon in the current list (use toggle to only add it once) */
+                this.remoteIconList.icons.toggle(kUploadingIconPrefix + event.uploadId, true);
+            }
+            this.variables.sendVariable("remoteIconList");
+        });
+        this.events.on("action_fail_upload", event => {
+            this.runningUploads[event.uploadId] = { state: "uploading", progress: { state: "failed", message: event.message }, iconId: 0, buffer: undefined };
+            this.variables.sendVariable("remoteIconInfo", kUploadingIconPrefix + event.uploadId);
+        });
+        this.events.on("action_clear_failed", () => {
+            let transferChanged = false;
+            for(const key of Object.keys(this.runningUploads)) {
+                const upload = this.runningUploads[key];
+                if(upload.state !== "uploading") {
+                    continue;
+                }
+
+                if(upload.progress.state !== "failed") {
+                    continue;
+                }
+
+                delete this.runningUploads[key];
+                if(this.remoteIconList.status === "loaded") {
+                    this.remoteIconList.icons.remove(kUploadingIconPrefix + key);
+                    transferChanged = true;
+                }
+            }
+
+            if(transferChanged) {
+                this.variables.sendVariable("remoteIconList");
+            }
+        });
+        this.events.on("action_upload", event => {
+            /* Remove all old uploads with the same icon id or remove this upload since it's a duplicate */
+            {
+                let transferChanged = false;
+                for(const key of Object.keys(this.runningUploads)) {
+                    const upload = this.runningUploads[key];
+                    if(upload.state !== "uploading") {
+                        continue;
+                    }
+
+                    if(upload.iconId !== event.iconId) {
+                        continue;
+                    }
+
+                    if(upload.progress.state === "failed") {
+                        delete this.runningUploads[key];
+                        if(this.remoteIconList.status === "loaded") {
+                            this.remoteIconList.icons.remove(kUploadingIconPrefix + key);
+                            transferChanged = true;
+                        }
+                    } else {
+                        /* We already have a transfer for this icon */
+                        delete this.runningUploads[event.uploadId];
+                        if(this.remoteIconList.status === "loaded") {
+                            this.remoteIconList.icons.remove(kUploadingIconPrefix + event.uploadId);
+                        }
+                        this.variables.sendVariable("remoteIconList");
+                        return;
+                    }
+                }
+
+                if(transferChanged) {
+                    this.variables.sendVariable("remoteIconList");
+                }
+            }
+
+            const uploadId = event.uploadId;
+            const iconInfo = this.runningUploads[uploadId] = {
+                state: "uploading",
+                buffer: event.buffer,
+                iconId: event.iconId,
+                progress: { state: "pending" } as IconUploadProgress
+            };
+            this.variables.sendVariable("uploadingIconPayload", kUploadingIconPrefix + uploadId);
+
+            const transfer = this.connection.fileManager.initializeFileUpload({
+                path: "",
+                name: "/icon_" + iconInfo.iconId,
+                source: () => TransferProvider.provider().createBufferSource(iconInfo.buffer),
+                processCommandResult: false
+            });
+
+            const sendUpdateIconInfo = () => {
+                if(this.runningUploads[uploadId] !== iconInfo) {
+                    return;
+                }
+
+                this.variables.sendVariable("remoteIconInfo", kUploadingIconPrefix + uploadId);
+            }
+
+            const transferListener = [];
+            transferListener.push(transfer.events.on("notify_progress", event => {
+                if(iconInfo.progress.state !== "transferring") {
+                    /* We're not transferring so we don't need any updates */
+                    return;
+                }
+
+                iconInfo.progress.process = event.progress.file_current_offset / event.progress.file_total_size;
+                sendUpdateIconInfo();
+            }));
+            transferListener.push(transfer.events.on("notify_state_updated", event => {
+                switch (event.newState) {
+                    case FileTransferState.CANCELED:
+                        iconInfo.progress = { state: "failed", message: tr("Transfer canceled") };
+                        break;
+
+                    case FileTransferState.ERRORED:
+                        iconInfo.progress = { state: "failed", message: transfer.currentErrorMessage() || tr("Transfer error") };
+                        break;
+
+                    case FileTransferState.PENDING:
+                        iconInfo.progress = { state: "pending" };
+                        break;
+
+                    case FileTransferState.RUNNING:
+                        iconInfo.progress = { state: "transferring", process: 0 };
+                        break;
+
+                    case FileTransferState.FINISHED:
+                        /* TODO: Place icon in local icon cache to avoid redownload */
+                        iconInfo.progress = { state: "transferring", process: 1 };
+                        delete this.runningUploads[uploadId];
+                        if(this.remoteIconList.status === "loaded") {
+                            const remoteIconName = kRemoteIconPrefix + iconInfo.iconId;
+                            const uploadIndex = this.remoteIconList.icons.indexOf(kUploadingIconPrefix + uploadId);
+                            const icons = this.remoteIconList.icons;
+                            if(uploadIndex === -1) {
+                                /* Just add the new icon if not already done so */
+                                icons.toggle(remoteIconName, true);
+                            } else if(icons.indexOf(remoteIconName) === -1) {
+                                /* Replace the uploading icon with a remote icon */
+                                icons.splice(uploadIndex, 1, remoteIconName);
+                            } else {
+                                /* Just delete the upload icon. Nothing to change */
+                                icons.splice(uploadIndex, 1);
+                            }
+                        }
+
+                        /* Clear up the array buffer cache */
+                        this.variables.sendVariable("uploadingIconPayload", uploadId);
+                        this.variables.sendVariable("remoteIconList");
+                        break;
+
+                    case FileTransferState.INITIALIZING:
+                    case FileTransferState.CONNECTING:
+                        iconInfo.progress = { state: "initializing" };
+                }
+
+                sendUpdateIconInfo();
+                if(transfer.isFinished()) {
+                    transferListener.forEach(callback => callback());
+                }
+            }));
+
+            sendUpdateIconInfo();
+        });
+
+        this.connectionListener = [];
+        this.connectionListener.push(this.connection.permissions.register_needed_permission(PermissionType.B_ICON_MANAGE, () => this.updateRemoteIconList()));
+
+        this.events.fire("action_refresh");
+    }
+
+    setSelectedTab(tab: SelectedIconTab, updateVariable: boolean) {
+        if(this.selectedTab === tab) {
+            return;
+        }
+
+        this.selectedTab = tab;
+        if(updateVariable) {
+            this.variables.sendVariable("selectedTab");
+        }
+    }
+
+    setSelectedIcon(iconId: string, updateVariable: boolean) {
+        if(this.selectedIconId === iconId) {
+            return;
+        }
+
+        this.selectedIconId = iconId;
+        if(updateVariable) {
+            this.variables.sendVariable("selectedIconId");
+        }
+    }
+
+    @CallOnce
+    destroy() {
+        this.connectionListener?.forEach(callback => callback());
+        this.connectionListener = undefined;
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    private async updateRemoteIconList() {
+        this.remoteIconList = { status: "loading" };
+        this.variables.sendVariable("remoteIconList");
+
+        try {
+            const iconIds = [];
+            for(const icon of await this.connection.fileManager.requestFileList("/icons", undefined, undefined, false)) {
+                if(!icon.name?.startsWith("icon_")) {
+                    logWarn(LogCategory.NETWORKING, tr("Icon list returned invalid file %s."), icon.name);
+                    continue;
+                }
+
+                const iconId = parseInt(icon.name.substring(5));
+                if(isNaN(iconId)) {
+                    logWarn(LogCategory.NETWORKING, tr("Remote icon list contains invalid icon file: %s"), icon.name);
+                    continue;
+                }
+
+                iconIds.push(iconId >>> 0);
+            }
+
+            this.remoteIconList = {
+                status: "loaded",
+                icons: [
+                    ...iconIds.map(iconId => kRemoteIconPrefix + iconId),
+                    ...Object.keys(this.runningUploads).map(uploadId => kUploadingIconPrefix + uploadId)
+                ],
+                refreshTimestamp: Date.now() + 5 * 1000
+            };
+        } catch (error) {
+            if(error instanceof CommandResult) {
+                if(error.id === ErrorCode.DATABASE_EMPTY_RESULT) {
+                    this.remoteIconList = { status: "loaded", icons: [], refreshTimestamp: Date.now() + 5 * 1000 };
+                } else if(error.id === ErrorCode.SERVER_INSUFFICIENT_PERMISSIONS) {
+                    this.remoteIconList = { status: "no-permission", failedPermission: this.connection.permissions.getFailedPermission(error), refreshTimestamp: Date.now() + 5 * 1000 };
+                } else {
+                    this.remoteIconList = { status: "error", message: error.formattedMessage(), refreshTimestamp: Date.now() + 5 * 1000 };
+                }
+            } else if(typeof error === "string") {
+                this.remoteIconList = { status: "error", message: error, refreshTimestamp: Date.now() + 5 * 1000 };
+            } else {
+                logError(LogCategory.NETWORKING, tr("Failed to query remote icon list: %o"), error);
+                this.remoteIconList = { status: "error", message: tr("lookup the console"), refreshTimestamp: Date.now() + 5 * 1000 };
+            }
+        } finally {
+            this.variables.sendVariable("remoteIconList");
+        }
+    }
+}
+
+export type IconSelectCallback = (iconId: number | 0) => void;
+export function spawnIconManage(connection: ConnectionHandler, preselectedIconId: number | 0, callbackSelect: undefined | IconSelectCallback) {
+    const controller = new Controller(connection);
+    if(preselectedIconId === 0) {
+        /* No icon selected */
+        controller.setSelectedTab("remote", true);
+    } else if(preselectedIconId < 1000) {
+        controller.setSelectedTab("local", true);
+        controller.setSelectedIcon(preselectedIconId.toString(), true);
+    } else {
+        controller.setSelectedTab("remote", true);
+        controller.setSelectedIcon(kRemoteIconPrefix + preselectedIconId, true);
+    }
+
+    if(callbackSelect) {
+        controller.events.on("action_select", event => {
+            if(!event.targetIcon) {
+                callbackSelect(0);
+            } else if(event.targetIcon.startsWith(kUploadingIconPrefix)) {
+                const iconId = parseInt(event.targetIcon.substring(kUploadingIconPrefix.length)) >>> 0;
+                if(isNaN(iconId)) {
+                    return;
+                }
+
+                callbackSelect(iconId);
+            } else if(event.targetIcon.startsWith(kRemoteIconPrefix)) {
+                const iconId = parseInt(event.targetIcon.substring(kRemoteIconPrefix.length)) >>> 0;
+                if(isNaN(iconId)) {
+                    return;
+                }
+
+                callbackSelect(iconId);
+            } else {
+                const iconId = parseInt(event.targetIcon) >>> 0;
+                if(isNaN(iconId)) {
+                    return;
+                }
+
+                callbackSelect(iconId);
+            }
+
+            modal.destroy();
+        });
+    }
+
+    const modal = spawnModal("modal-icon-viewer", [
+        connection.handlerId,
+        controller.events.generateIpcDescription(),
+        controller.variables.generateConsumerDescription(),
+        !!callbackSelect
+    ], {
+        popoutable: true,
+        noOpener: true
+    });
+
+    modal.getEvents().on("destroy", () => controller.destroy());
+
+    ignorePromise(modal.show());
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/icon-viewer/Definitions.ts b/shared/js/ui/modal/icon-viewer/Definitions.ts
new file mode 100644
index 00000000..cab600ac
--- /dev/null
+++ b/shared/js/ui/modal/icon-viewer/Definitions.ts
@@ -0,0 +1,84 @@
+export type IconUploadProgress = {
+    state: "pre-process" | "pending" | "initializing",
+} | {
+    state: "transferring",
+    process: number
+} | {
+    state: "failed",
+    message: string
+};
+
+export type RemoteIconStatus = {
+    status: "uploading",
+    process: IconUploadProgress,
+} | {
+    status: "live",
+    iconId: number
+} | {
+    status: "unknown"
+};
+
+export type RemoteIconList = {
+    status: "loading"
+} | {
+    status: "no-permission",
+    failedPermission: string,
+    refreshTimestamp: number,
+} | {
+    status: "loaded",
+    icons: string[],
+    refreshTimestamp: number,
+} | {
+    status: "error",
+    message: string,
+    refreshTimestamp: number,
+};
+
+export type SelectedIconTab = "remote" | "local";
+
+export type IconDeleteError = {
+    status: "no-permissions",
+    failedPermission: string
+} | {
+    status: "error",
+    message: string
+} | {
+    status: "not-found"
+};
+
+export interface ModalIconViewerVariables {
+    readonly uploadingIconPayload: ArrayBuffer | undefined;
+    readonly remoteIconList: RemoteIconList;
+    readonly remoteIconInfo: RemoteIconStatus;
+    selectedIconId: string;
+    selectedTab: SelectedIconTab;
+}
+
+export interface ModalIconViewerEvents {
+    /* Register a new icon for upload */
+    action_initialize_upload: {
+        uploadId: string
+    },
+    /* Register an upload fail */
+    action_fail_upload: {
+        uploadId: string,
+        message: string
+    },
+    /* Actually upload the icon */
+    action_upload: {
+        uploadId: string,
+        iconId: number,
+        buffer: ArrayBuffer
+    },
+
+    action_clear_failed: {},
+    action_refresh: {},
+    action_delete: {
+        iconId: string
+    },
+    action_select: {
+        targetIcon: string | undefined
+    }
+
+    notify_delete_error: IconDeleteError,
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/icon-viewer/Renderer.scss b/shared/js/ui/modal/icon-viewer/Renderer.scss
new file mode 100644
index 00000000..23b0f363
--- /dev/null
+++ b/shared/js/ui/modal/icon-viewer/Renderer.scss
@@ -0,0 +1,236 @@
+@import "../../../../css/static/mixin";
+@import "../../../../css/static/properties";
+
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    user-select: none;
+
+    width: 40em;
+    height: 40em;
+
+    min-width: 20em;
+    min-height: 20em;
+
+    &.windowed {
+        height: 100%;
+        width: 100%;
+    }
+}
+
+.selectButtons {
+    flex-shrink: 0;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+
+    /* Overlap the tak to prevent the border from being shown */
+    margin-top: -.5em;
+
+    padding: .5em;
+    background-color: #17171a;
+
+    button:not(:last-of-type) {
+        margin-right: .5em;
+    }
+}
+
+.tab {
+    height: 100%;
+    width: 100%;
+
+    flex-shrink: 1;
+    min-height: 8em;
+
+    .tabBody {
+        min-height: 5em!important;
+    }
+}
+
+.tabContent {
+    position: absolute;
+
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+
+    flex-grow: 1;
+    flex-shrink: 1;
+
+    .body {
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        padding: .5em;
+        box-shadow: inset 0 0 .3em rgba(0, 0, 0, .5);
+
+        position: relative;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-content: flex-start;
+        flex-wrap: wrap;
+
+        overflow-y: scroll;
+
+        @include chat-scrollbar();
+
+        .overlay {
+            position: absolute;
+
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+
+            background: #17171a;
+            padding: 1em;
+
+            &.hidden {
+                opacity: 0;
+                pointer-events: none;
+            }
+
+            .text {
+                text-align: center;
+                font-size: 1.5em;
+                color: #666666;
+
+                &.error {
+                    color: #7d3636;
+                }
+            }
+        }
+    }
+
+    .footer {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        display: flex;
+        /* TODO */
+
+        height: 3.2em;
+        padding: .5em;
+
+        .button {
+            margin-top: auto;
+        }
+
+        .buttonUpload {}
+        .buttonDelete {
+            margin-left: .5em;
+        }
+        .buttonRefresh {
+            margin-left: auto;
+        }
+
+        &.buttons {
+            flex-direction: row;
+        }
+
+        .text {
+            display: flex;
+            color: rgb(119, 119, 119);
+            line-height: 1.2em;
+            font-size: .9em;
+        }
+    }
+}
+
+.iconContainer {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    width: 2em;
+    height: 2em;
+
+    padding: .5em;
+    cursor: pointer;
+
+    position: relative;
+
+    border-radius: .2em;
+
+    transition: $button_hover_animation_time ease-in-out;
+
+    &:hover {
+        background: #ffffff17;
+    }
+
+    &.selected {
+        background: #050505;
+    }
+
+    .circle {
+        position: absolute;
+
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+
+        padding: .125em;
+
+        &.hidden {
+            opacity: 0;
+        }
+
+        &.error {
+            circle {
+                stroke: #a82424;
+            }
+        }
+
+        svg {
+            height: 100%;
+            width: 100%;
+        }
+
+        circle {
+            stroke: #389738;
+            transition: stroke-dashoffset 0.35s;
+            transform: rotate(-90deg);
+            transform-origin: 50% 50%;
+        }
+    }
+
+    .icon {
+        align-self: center;
+
+        &.uploading {
+            font-size: .8em;
+        }
+    }
+}
+
+@media all and (max-width: 30em) {
+    .footer {
+        height: 5.25em!important;
+
+        .text {
+            overflow: hidden;
+
+            br {
+                display: none;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/shared/js/ui/modal/icon-viewer/Renderer.tsx b/shared/js/ui/modal/icon-viewer/Renderer.tsx
new file mode 100644
index 00000000..3a7aba13
--- /dev/null
+++ b/shared/js/ui/modal/icon-viewer/Renderer.tsx
@@ -0,0 +1,679 @@
+import {AbstractModal} from "tc-shared/ui/react-elements/modal/Definitions";
+import React, {useContext, useEffect, useMemo, useRef, useState} from "react";
+import {Translatable, VariadicTranslatable} from "tc-shared/ui/react-elements/i18n";
+import {IpcRegistryDescription, Registry} from "tc-events";
+import {
+    IconUploadProgress,
+    ModalIconViewerEvents,
+    ModalIconViewerVariables,
+    RemoteIconList
+} from "tc-shared/ui/modal/icon-viewer/Definitions";
+import {UiVariableConsumer} from "tc-shared/ui/utils/Variable";
+import {createIpcUiVariableConsumer, IpcVariableDescriptor} from "tc-shared/ui/utils/IpcVariable";
+import {Tab, TabEntry} from "tc-shared/ui/react-elements/Tab";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
+import {Button} from "tc-shared/ui/react-elements/Button";
+import {LoadingDots} from "tc-shared/ui/react-elements/LoadingDots";
+import {getIconManager} from "tc-shared/file/Icons";
+import {IconEmpty, IconError, IconLoading, IconUrl} from "tc-shared/ui/react-elements/Icon";
+import {tra} from "tc-shared/i18n/localize";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
+import {spawnContextMenu} from "tc-shared/ui/ContextMenu";
+import {guid} from "tc-shared/crypto/uid";
+import {LogCategory, logError} from "tc-shared/log";
+import {ImageType, imageType2MediaType, responseImageType} from "tc-shared/file/ImageCache";
+import {Crc32} from "tc-shared/crypto/crc32";
+import {downloadUrl, promptFile} from "tc-shared/file/Utils";
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {Tooltip} from "tc-shared/ui/react-elements/Tooltip";
+import {ignorePromise} from "tc-shared/proto";
+
+const cssStyle = require("./Renderer.scss");
+
+const HandlerIdContext = React.createContext<string>(undefined);
+const EventContext = React.createContext<Registry<ModalIconViewerEvents>>(undefined);
+const VariablesContext = React.createContext<UiVariableConsumer<ModalIconViewerVariables>>(undefined);
+
+const kLocalIconIds = [
+    "100",
+    "200",
+    "300",
+    "500",
+    "600"
+];
+
+const LocalIcon = React.memo((props: { iconId: string, selected: boolean }) => {
+    const variables = useContext(VariablesContext);
+    const events = useContext(EventContext);
+
+    return (
+        <div
+            className={joinClassList(cssStyle.iconContainer, props.selected && cssStyle.selected)}
+            title={tra("Local icon {}", props.iconId)}
+            onClick={() => variables.setVariable("selectedIconId", undefined, props.iconId)}
+            onDoubleClick={() => events.fire("action_select", { targetIcon: props.iconId })}
+        >
+            <div className={joinClassList(cssStyle.circle, cssStyle.hidden)}>
+                <ProgressRing progress={74} stroke={25} />
+            </div>
+            <ClientIconRenderer icon={ClientIcon["Group_" + props.iconId] || ClientIcon.About} className={cssStyle.icon} />
+        </div>
+    );
+});
+
+const LocalIconTab = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const selectedIconId = variables.useReadOnly("selectedIconId", undefined, undefined);
+
+    return (
+        <div className={cssStyle.tabContent}>
+            <div className={cssStyle.body}>
+                {kLocalIconIds.map(iconId => (
+                    <LocalIcon iconId={iconId} selected={selectedIconId === iconId} key={iconId} />
+                ))}
+            </div>
+            <div className={cssStyle.footer}>
+                <div className={cssStyle.text}>
+                    <Translatable>
+                        Local icons are icons which are defined by your icon pack. <br />
+                        Everybody has the same set of local icons which only differ in their appearance.
+                    </Translatable>
+                </div>
+            </div>
+        </div>
+    );
+});
+
+const ProgressRing = React.memo((props: { stroke, progress }) => {
+    const radius = 100;
+    const { stroke, progress } = props;
+
+    const normalizedRadius = radius - stroke / 2;
+    const circumference = normalizedRadius * 2 * Math.PI;
+    const strokeDashoffset = circumference - progress / 100 * circumference;
+
+    return (
+        <svg
+            viewBox={"0 0 " + (radius * 2) + " " + (radius * 2)}
+        >
+            <circle
+                stroke="white"
+                fill="transparent"
+                strokeWidth={ stroke }
+                strokeDasharray={ circumference + ' ' + circumference }
+                style={ { strokeDashoffset } }
+                r={ normalizedRadius }
+                cx={ radius }
+                cy={ radius }
+            />
+        </svg>
+    );
+});
+
+const RemoteIconLiveRenderer = React.memo((props: { iconId: string, remoteIconId: number, selected: boolean }) => {
+    const variables = useContext(VariablesContext);
+    const handlerId = useContext(HandlerIdContext);
+    const events = useContext(EventContext);
+    const icon = useMemo(() => getIconManager().resolveIcon(props.remoteIconId, undefined, handlerId), [ props.remoteIconId ]);
+
+    const [ , setRevision ] = useState(0);
+    icon.events.reactUse("notify_state_changed", () => {
+        setRevision(Date.now());
+    });
+
+    let iconBody, iconUrl;
+    switch (icon.getState()) {
+        case "destroyed":
+        case "empty":
+            iconBody = (
+                <IconEmpty key={"empty"} className={cssStyle.icon} />
+            );
+            break;
+
+        case "loading":
+            iconBody = (
+                <IconLoading key={"loading"} className={cssStyle.icon} />
+            );
+            break;
+
+        case "error":
+            iconBody = (
+                <IconError title={tra("Failed to load icon {}:\n{}", props.remoteIconId, icon.getErrorMessage())} className={cssStyle.icon} key={"error"} />
+            );
+            break;
+
+        case "loaded":
+            iconUrl = icon.getImageUrl();
+            iconBody = (
+                <IconUrl iconUrl={icon.getImageUrl()} title={tra("Icon {}", props.remoteIconId)} className={cssStyle.icon} key={"loaded"} />
+            );
+            break;
+    }
+
+    return (
+        <div
+            className={joinClassList(cssStyle.iconContainer, props.selected && cssStyle.selected)}
+            title={tra("Remote icon {}", props.remoteIconId)}
+            onDoubleClick={() => events.fire("action_select", { targetIcon: props.iconId })}
+            onClick={() => variables.setVariable("selectedIconId", undefined, props.iconId)}
+            onContextMenu={event => {
+                event.preventDefault();
+                variables.setVariable("selectedIconId", undefined, props.iconId);
+                spawnContextMenu({ pageY: event.pageY, pageX: event.pageX }, [
+                    {
+                        type: "normal",
+                        icon: ClientIcon.Download,
+                        label: tr("Download"),
+                        click: () => downloadUrl(iconUrl, "icon_" + props.remoteIconId),
+                        visible: !!iconUrl
+                    },
+                    {
+                        type: "normal",
+                        icon: ClientIcon.Delete,
+                        label: tr("Delete"),
+                        click: () => events.fire("action_delete", { iconId: props.iconId })
+                    }
+                ]);
+            }}
+        >
+            {iconBody}
+        </div>
+    );
+});
+
+const UploadingTooltipRenderer = React.memo((props: { process: IconUploadProgress }) => {
+    switch (props.process.state) {
+        case "failed":
+            return (
+                <VariadicTranslatable text={"Icon upload failed:\n{}"} key={props.process.state}>
+                    {props.process.message}
+                </VariadicTranslatable>
+            );
+
+        case "transferring":
+            return (
+                <VariadicTranslatable text={"Uploading icon ({}%)"} key={props.process.state}>
+                    {props.process.process * 100}
+                </VariadicTranslatable>
+            );
+
+        case "pre-process":
+            return (
+                <Translatable key={props.process.state}>
+                    Preprocessing icon for upload
+                </Translatable>
+            );
+
+        case "pending":
+            return (
+                <Translatable key={props.process.state}>
+                    Icon upload pending and will start soon
+                </Translatable>
+            );
+
+        case "initializing":
+            return (
+                <Translatable key={props.process.state}>
+                    Icon upload initializing
+                </Translatable>
+            );
+
+        default:
+            return (
+                <Translatable key={"unknown"}>
+                    Unknown upload state
+                </Translatable>
+            );
+    }
+});
+
+const RemoteIconUploadingRenderer = React.memo((props: { iconId: string, selected: boolean, progress: IconUploadProgress }) => {
+    const events = useContext(EventContext);
+    const variables = useContext(VariablesContext);
+    const iconBuffer = variables.useReadOnly("uploadingIconPayload", props.iconId, undefined);
+
+    const iconUrl = useMemo(() => {
+        if(!iconBuffer) {
+            return undefined;
+        }
+
+        const imageType = responseImageType(iconBuffer);
+        if(imageType === ImageType.UNKNOWN) {
+            return URL.createObjectURL(new Blob([ iconBuffer ]));
+        } else {
+            const media = imageType2MediaType(imageType);
+            return URL.createObjectURL(new Blob([ iconBuffer ], { type: media }));
+        }
+    }, [ iconBuffer ]);
+    useEffect(() => () => URL.revokeObjectURL(iconUrl), [ iconUrl ]);
+
+    let icon;
+    if(iconUrl) {
+        icon = <IconUrl iconUrl={iconUrl} key={"icon"} className={cssStyle.icon + " " + cssStyle.uploading} />;
+    } else if(props.progress.state === "failed") {
+        icon = <IconError key={"error"} className={cssStyle.icon} />;
+    } else {
+        icon = <IconLoading key={"loading"} className={cssStyle.icon + " " + cssStyle.uploading} />;
+    }
+
+    let progress: number;
+    switch (props.progress.state) {
+        default:
+        case "failed":
+            progress = 100;
+            break;
+
+        case "pre-process":
+            progress = 10;
+            break;
+
+        case "pending":
+            progress = 20;
+            break;
+
+        case "initializing":
+            progress = 30;
+            break;
+
+        case "transferring":
+            progress = 30 + 70 * props.progress.process;
+            break;
+    }
+
+    return (
+        <Tooltip tooltip={() => <UploadingTooltipRenderer process={props.progress} />}>
+            <div
+                className={joinClassList(cssStyle.iconContainer, props.selected && cssStyle.selected)}
+                onContextMenu={event => {
+                    event.preventDefault();
+                    if(props.progress.state === "failed") {
+                        spawnContextMenu({ pageX: event.pageX, pageY: event.pageY }, [
+                            {
+                                type: "normal",
+                                label: tr("Clear failed icons"),
+                                icon: ClientIcon.Delete,
+                                click: () => events.fire("action_clear_failed")
+                            }
+                        ])
+                    }
+                }}
+            >
+                <div className={joinClassList(cssStyle.circle, props.progress.state === "failed" && cssStyle.error)}>
+                    <ProgressRing progress={progress} stroke={25} />
+                </div>
+                {icon}
+            </div>
+        </Tooltip>
+    );
+})
+
+const RemoteIcon = React.memo((props: { iconId: string, selected: boolean }) => {
+    const variables = useContext(VariablesContext);
+    const iconInfo = variables.useReadOnly("remoteIconInfo", props.iconId);
+
+    if(iconInfo.status === "loading") {
+        return (
+            <div
+                key={"loading"}
+                className={joinClassList(cssStyle.iconContainer, props.selected && cssStyle.selected)}
+                title={tr("loading icon")}
+            >
+                <IconLoading className={cssStyle.icon} />
+            </div>
+        );
+    }
+
+    switch (iconInfo.value.status) {
+        case "live":
+            return (
+                <RemoteIconLiveRenderer key={"remote-icon"} iconId={props.iconId} selected={props.selected} remoteIconId={iconInfo.value.iconId} />
+            );
+
+        case "uploading":
+            return (
+                <RemoteIconUploadingRenderer key={"uploading"} iconId={props.iconId} selected={props.selected} progress={iconInfo.value.process} />
+            );
+
+        case "unknown":
+        default:
+            return null;
+    }
+});
+
+const RemoteIconListRenderer = React.memo((props: { status: RemoteIconList }) => {
+    const variables = useContext(VariablesContext);
+    const selectedIconId = variables.useReadOnly("selectedIconId", undefined, undefined);
+
+    switch (props.status.status) {
+        case "loading":
+            return (
+                <div className={cssStyle.overlay} key={props.status.status}>
+                    <div className={cssStyle.text}>
+                        <Translatable>Loading</Translatable> <LoadingDots />
+                    </div>
+                </div>
+            );
+
+        case "no-permission":
+            return (
+                <div className={cssStyle.overlay} key={props.status.status}>
+                    <div className={joinClassList(cssStyle.text, cssStyle.error)}>
+                        <VariadicTranslatable text={"You don't have permissions to view icons:\n{}"}>{props.status.failedPermission}</VariadicTranslatable>
+                    </div>
+                </div>
+            );
+
+        case "loaded":
+            return (
+                <React.Fragment key={props.status.status}>
+                    {props.status.icons.map(iconId => (
+                        <RemoteIcon iconId={iconId} selected={selectedIconId === iconId} key={"icon-" + iconId} />
+                    ))}
+                </React.Fragment>
+            );
+
+        case "error":
+        default:
+            return (
+                <div className={cssStyle.overlay} key={props.status.status}>
+                    <div className={joinClassList(cssStyle.text, cssStyle.error)}>
+                        <VariadicTranslatable text={"An error occurred:\n{}"}>{props.status.status === "error" ? props.status.message : tr("Invalid state")}</VariadicTranslatable>
+                    </div>
+                </div>
+            );
+    }
+});
+
+async function doExecuteIconUpload(uploadId: string, file: File, events: Registry<ModalIconViewerEvents>) {
+    /* TODO: Upload */
+    if(file.size > 16 * 1024 * 1024) {
+        throw tr("Icon file too large");
+    }
+
+    /* Only check the type here if given else we'll check the content type later */
+    if(file.type) {
+        if(!file.type.startsWith("image/")) {
+            throw tra("Icon isn't an image ({})", file.type);
+        }
+    }
+
+    let buffer: ArrayBuffer;
+    try {
+        buffer = await file.arrayBuffer();
+    } catch (error) {
+        logError(LogCategory.GENERAL, tr("Failed to read icon file as array buffer: %o"), error);
+        throw tr("Failed to read file");
+    }
+
+    const contentType = responseImageType(buffer);
+    switch (contentType) {
+        case ImageType.BITMAP:
+        case ImageType.GIF:
+        case ImageType.JPEG:
+        case ImageType.PNG:
+        case ImageType.SVG:
+            break;
+
+        case ImageType.UNKNOWN:
+        default:
+            throw tr("File content isn't an image");
+    }
+
+    let iconId: number;
+    {
+        const crc = new Crc32();
+        crc.update(buffer);
+        iconId = parseInt(crc.digest(10)) >>> 0;
+    }
+
+    events.fire("action_upload", {
+        buffer: buffer,
+        iconId: iconId,
+        uploadId: uploadId
+    });
+}
+
+async function executeIconUploads(files: File[], events: Registry<ModalIconViewerEvents>) {
+    const uploads = files.map<[string, File]>(file => [ guid(), file ]);
+    for(const [ uploadId, ] of uploads) {
+        events.fire("action_initialize_upload", { uploadId: uploadId });
+    }
+
+    for(const [ uploadId, file ] of uploads) {
+        await doExecuteIconUpload(uploadId, file, events).catch(error => {
+            let message;
+            if(typeof error === "string") {
+                message = error;
+            } else {
+                logError(LogCategory.GENERAL, tr("Failed to run icon upload: %o"), error);
+                message = tr("lookup the console");
+            }
+            events.fire("action_fail_upload", { uploadId: uploadId, message: message });
+        });
+    }
+}
+
+const ButtonDelete = React.memo(() => {
+    return (
+        <Button color={"red"} className={joinClassList(cssStyle.button, cssStyle.buttonDelete)}>
+            <Translatable>Delete</Translatable>
+        </Button>
+    );
+});
+
+const ButtonRefresh = React.memo(() => {
+    const events = useContext(EventContext);
+    const variables = useContext(VariablesContext);
+    const iconIds = variables.useReadOnly("remoteIconList", undefined, { status: "loading" });
+
+    const [ renderTimestamp, setRenderTimestamp ] = useState(Date.now());
+    useEffect(() => {
+        if(iconIds.status === "loading") {
+            return;
+        }
+
+        if(renderTimestamp >= iconIds.refreshTimestamp) {
+            return;
+        }
+
+        const id = setTimeout(() => setRenderTimestamp(Date.now()), iconIds.refreshTimestamp - Date.now());
+        return () => clearTimeout(id);
+    }, [ iconIds ]);
+
+    return (
+        <Button
+            color={"blue"}
+            className={joinClassList(cssStyle.button, cssStyle.buttonRefresh)}
+            disabled={iconIds.status === "loading" ? true : renderTimestamp < iconIds.refreshTimestamp}
+            onClick={() => events.fire("action_refresh")}
+        >
+            <Translatable>Refresh</Translatable>
+        </Button>
+    );
+});
+
+const RemoteIconTab = React.memo(() => {
+    const events = useContext(EventContext);
+    const variables = useContext(VariablesContext);
+    const iconIds = variables.useReadOnly("remoteIconList", undefined, { status: "loading" });
+    const [ dragOverCount, setDragOverCount ] = useState(0);
+    const dragOverTimeout = useRef(0);
+
+    return (
+        <div className={cssStyle.tabContent}>
+            <div
+                className={cssStyle.body}
+                onDragOver={event => {
+                    clearTimeout(dragOverTimeout.current);
+                    dragOverTimeout.current = 0;
+
+                    const files = [...event.dataTransfer.items].filter(item => item.kind === "file");
+                    if(files.length === 0) {
+                        /* No files */
+                        return;
+                    }
+
+                    /* Allow drop */
+                    event.preventDefault();
+                    setDragOverCount(files.length);
+                }}
+                onDragLeave={() => {
+                    if(dragOverTimeout.current) {
+                        clearTimeout(dragOverTimeout.current);
+                        return;
+                    }
+
+                    dragOverTimeout.current = setTimeout(() => setDragOverCount(0), 250);
+                }}
+                onDrop={event => {
+                    event.preventDefault();
+
+                    clearTimeout(dragOverTimeout.current);
+                    dragOverTimeout.current = 0;
+
+                    setDragOverCount(0);
+
+                    const files = [...event.dataTransfer.items]
+                        .filter(item => item.kind === "file")
+                        .map(file => file.getAsFile())
+                        .filter(file => !!file);
+
+                    if(files.length === 0) {
+                        /* No files */
+                        return;
+                    }
+
+                    ignorePromise(executeIconUploads(files, events));
+                }}
+            >
+                <RemoteIconListRenderer status={iconIds} key={"icons"} />
+                <div className={joinClassList(cssStyle.overlay, !dragOverCount && cssStyle.hidden)} key={"drag-overlay"}>
+                    <div className={joinClassList(cssStyle.text)}>
+                        <VariadicTranslatable text={"Drop {} icons to upload them"}>{dragOverCount}</VariadicTranslatable>
+                    </div>
+                </div>
+            </div>
+            <div className={cssStyle.footer}>
+                <Button
+                    color={"green"}
+                    className={joinClassList(cssStyle.button, cssStyle.buttonUpload)}
+                    onClick={() => {
+                        promptFile({ multiple: true }).then(files => {
+                            ignorePromise(executeIconUploads(files, events));
+                        });
+                    }}
+                >
+                    <Translatable>Upload</Translatable>
+                </Button>
+                <ButtonDelete />
+                <ButtonRefresh />
+            </div>
+        </div>
+    );
+});
+
+const IconTabs = React.memo(() => {
+    const variables = useContext(VariablesContext);
+    const selectedTab = variables.useVariable("selectedTab", undefined, "remote");
+
+    return (
+        <Tab
+            selectedTab={selectedTab.localValue}
+            onChange={newTab => selectedTab.setValue(newTab as any)}
+            className={cssStyle.tab}
+            bodyClassName={cssStyle.tabBody}
+        >
+            <TabEntry id={"remote"}>
+                <Translatable>Remote</Translatable>
+                <RemoteIconTab />
+            </TabEntry>
+            <TabEntry id={"local"}>
+                <Translatable>Local</Translatable>
+                <LocalIconTab />
+            </TabEntry>
+        </Tab>
+    );
+});
+
+const SelectButtons = React.memo(() => {
+    const events = useContext(EventContext);
+    const variables = useContext(VariablesContext);
+    const selectedIcon = variables.useReadOnly("selectedIconId", undefined, undefined);
+
+    return (
+        <div className={cssStyle.selectButtons}>
+            <Button color={"red"} onClick={() => events.fire("action_select", { targetIcon: undefined })}>
+                <Translatable>Remove Icon</Translatable>
+            </Button>
+            <Button color={"green"} disabled={!selectedIcon} onClick={() => events.fire("action_select", { targetIcon: selectedIcon })}>
+                <Translatable>Select Icon</Translatable>
+            </Button>
+        </div>
+    );
+});
+
+class Modal extends AbstractModal {
+    private readonly handlerId: string;
+    private readonly events: Registry<ModalIconViewerEvents>;
+    private readonly variables: UiVariableConsumer<ModalIconViewerVariables>;
+    private readonly isIconSelect: boolean;
+
+    constructor(handlerId: string, events: IpcRegistryDescription<ModalIconViewerEvents>, variables: IpcVariableDescriptor<ModalIconViewerVariables>, isIconSelect: boolean) {
+        super();
+
+        this.handlerId = handlerId;
+        this.events = Registry.fromIpcDescription(events);
+        this.variables = createIpcUiVariableConsumer(variables);
+        this.isIconSelect = isIconSelect;
+
+        this.events.on("notify_delete_error", event => {
+            switch (event.status) {
+                case "no-permissions":
+                    createErrorModal(tr("Failed to delete icon"), tra("Failed to delete icon (No permissions):\n{}", event.failedPermission)).open();
+                    break;
+
+                case "not-found":
+                    createErrorModal(tr("Failed to delete icon"), tra("Failed to delete icon (Icon not found)")).open();
+                    break;
+
+                case "error":
+                default:
+                    createErrorModal(tr("Failed to delete icon"), tra("Failed to delete icon:\n{}", event.message || tr("Unknown/invalid error status"))).open();
+                    break;
+            }
+        });
+    }
+
+    protected onDestroy() {
+        super.onDestroy();
+
+        this.events.destroy();
+        this.variables.destroy();
+    }
+
+    renderBody(): React.ReactElement {
+        return (
+            <HandlerIdContext.Provider value={this.handlerId}>
+                <EventContext.Provider value={this.events}>
+                    <VariablesContext.Provider value={this.variables}>
+                        <div className={joinClassList(cssStyle.container, this.properties.windowed && cssStyle.windowed)}>
+                            <IconTabs />
+                            {this.isIconSelect ? (
+                                <SelectButtons key={"select-buttons"} />
+                            ) : undefined}
+                        </div>
+                    </VariablesContext.Provider>
+                </EventContext.Provider>
+            </HandlerIdContext.Provider>
+        );
+    }
+
+    renderTitle(): React.ReactNode {
+        return (
+            <Translatable>Icon manager</Translatable>
+        );
+    }
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/shared/js/ui/modal/permission/ModalController.ts b/shared/js/ui/modal/permission/ModalController.ts
index 525c37c9..14d5fd56 100644
--- a/shared/js/ui/modal/permission/ModalController.ts
+++ b/shared/js/ui/modal/permission/ModalController.ts
@@ -9,7 +9,6 @@ import {formatMessage, formatMessageString} from "tc-shared/ui/frames/chat";
 import {tra} from "tc-shared/i18n/localize";
 import {PermissionType} from "tc-shared/permission/PermissionType";
 import {GroupedPermissions, PermissionValue} from "tc-shared/permission/PermissionManager";
-import {spawnIconSelect} from "tc-shared/ui/modal/ModalIconSelect";
 import {Settings, settings} from "tc-shared/settings";
 import {
     senseless_channel_group_permissions,
@@ -32,6 +31,7 @@ import {
 } from "tc-shared/ui/modal/permission/ModalDefinitions";
 import {EditorGroupedPermissions, PermissionEditorEvents} from "tc-shared/ui/modal/permission/EditorDefinitions";
 import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
+import {spawnIconManage} from "tc-shared/ui/modal/icon-viewer/Controller";
 
 export function spawnPermissionEditorModal(connection: ConnectionHandler, defaultTab: PermissionEditorTab = "groups-server", defaultTabValues?: DefaultTabValues) {
     const modalEvents = new Registry<PermissionModalEvents>();
@@ -927,17 +927,17 @@ function initializePermissionEditor(connection: ConnectionHandler, modalEvents:
     });
 
     events.on("action_open_icon_select", event => {
-        spawnIconSelect(connection,
-            id => events.fire("action_set_permissions", {
+        spawnIconManage(connection, event.iconId, newIconId => {
+            events.fire("action_set_permissions", {
                 permissions: [{
                     mode: "value",
                     name: PermissionType.I_ICON_ID,
                     flagSkip: false,
                     flagNegate: false,
-                    value: id
+                    value: newIconId
                 }]
-            }),
-            event.iconId);
+            });
+        });
     });
 }
 
diff --git a/shared/js/ui/react-elements/ContextDivider.tsx b/shared/js/ui/react-elements/ContextDivider.tsx
index 3e2f8b15..24d76d56 100644
--- a/shared/js/ui/react-elements/ContextDivider.tsx
+++ b/shared/js/ui/react-elements/ContextDivider.tsx
@@ -1,5 +1,6 @@
 import * as React from "react";
 import {Settings, settings} from "tc-shared/settings";
+import {LogCategory, logWarn} from "tc-shared/log";
 
 const cssStyle = require("./ContextDivider.scss");
 
@@ -19,11 +20,12 @@ export interface ContextDividerState {
     active: boolean;
 }
 
-export class ContextDivider extends React.Component<ContextDividerProperties, ContextDividerState> {
+export class ContextDivider extends React.PureComponent<ContextDividerProperties, ContextDividerState> {
     private readonly refSeparator = React.createRef<HTMLDivElement>();
     private readonly listenerMove;
     private readonly listenerUp;
 
+    private observer: MutationObserver;
     private value;
 
     constructor(props) {
@@ -117,14 +119,25 @@ export class ContextDivider extends React.Component<ContextDividerProperties, Co
     }
 
     componentDidMount(): void {
-        const separator = this.refSeparator.current;
-        if(!separator) return;
+        this.observer = new MutationObserver(() => {
+            this.tryApplySeparator();
+        });
 
-        this.applySeparator(separator.previousSibling as HTMLElement, separator.nextSibling as HTMLElement);
+        this.observer.observe(this.refSeparator.current.parentElement, {
+            attributes: false,
+            childList: true,
+            subtree: false,
+            characterData: false,
+        });
+
+        this.tryApplySeparator();
     }
 
     componentWillUnmount(): void {
         this.stopMovement();
+
+        this.observer.disconnect();
+        this.observer = undefined;
     }
 
     private startMovement(event: React.MouseEvent | React.TouchEvent) {
@@ -156,6 +169,13 @@ export class ContextDivider extends React.Component<ContextDividerProperties, Co
         }));
     }
 
+    private tryApplySeparator() {
+        const separator = this.refSeparator.current;
+        if(!separator) return;
+
+        this.applySeparator(separator.previousSibling as HTMLElement, separator.nextSibling as HTMLElement);
+    }
+
     private applySeparator(previousElement: HTMLElement, nextElement: HTMLElement) {
         if(!this.refSeparator.current || !previousElement || !nextElement) {
             return;
diff --git a/shared/js/ui/react-elements/Icon.scss b/shared/js/ui/react-elements/Icon.scss
index bb696ee0..2e10c1f4 100644
--- a/shared/js/ui/react-elements/Icon.scss
+++ b/shared/js/ui/react-elements/Icon.scss
@@ -9,4 +9,23 @@
     > img {
         flex-grow: 1;
     }
+}
+
+.iconLoading {
+    border: .2em solid #f3f3f3; /* Light grey */
+    border-top: .2em solid #3498db; /* Blue */
+    border-radius: 50%;
+    animation: loading_spin 2s linear infinite;
+
+    width: 1em;
+    height: 1em;
+}
+
+@keyframes loading_spin {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/Icon.tsx b/shared/js/ui/react-elements/Icon.tsx
index acd800ad..08b2968b 100644
--- a/shared/js/ui/react-elements/Icon.tsx
+++ b/shared/js/ui/react-elements/Icon.tsx
@@ -1,12 +1,32 @@
 import * as React from "react";
-import {useState} from "react";
+import {ClientIconRenderer} from "tc-shared/ui/react-elements/Icons";
+import {ClientIcon} from "svg-sprites/client-icons";
 import {getIconManager, RemoteIcon, RemoteIconInfo} from "tc-shared/file/Icons";
+import {useState} from "react";
 
 const cssStyle = require("./Icon.scss");
 
-const EmptyIcon = (props: { className?: string, title?: string }) => <div className={cssStyle.container + " icon-container icon-empty " + props.className} title={props.title} />;
+export const IconEmpty = React.memo((props: { className?: string, title?: string }) => (
+    <div className={cssStyle.container + " icon-container icon-empty " + props.className} title={props.title} />
+));
 
-export const IconRenderer = (props: {
+export const IconLoading = React.memo((props: { className?: string, title?: string }) => (
+    <div className={cssStyle.container + " icon-container " + props.className} title={props.title}>
+        <div className={cssStyle.iconLoading} />
+    </div>
+));
+
+export const IconError = React.memo((props: { className?: string, title?: string }) => (
+    <ClientIconRenderer icon={ClientIcon.Warning} className={props.className} title={props.title} />
+));
+
+export const IconUrl = React.memo((props: { iconUrl: string, className?: string, title?: string }) => (
+    <div className={cssStyle.container + " icon-container " + props.className}>
+        <img style={{ maxWidth: "100%", maxHeight: "100%" }} src={props.iconUrl} alt={props.title} draggable={false} />
+    </div>
+));
+
+export const IconRenderer = React.memo((props: {
     icon: string;
     title?: string;
     className?: string;
@@ -18,9 +38,9 @@ export const IconRenderer = (props: {
     } else {
         throw "JQuery icons are not longer supported";
     }
-}
+});
 
-export const RemoteIconRenderer = (props: { icon: RemoteIcon | undefined, className?: string, title?: string }) => {
+export const RemoteIconRenderer = React.memo((props: { icon: RemoteIcon | undefined, className?: string, title?: string }) => {
     const [ revision, setRevision ] = useState(0);
 
     props.icon.events.reactUse("notify_state_changed", () => setRevision(revision + 1));
@@ -28,36 +48,43 @@ export const RemoteIconRenderer = (props: { icon: RemoteIcon | undefined, classN
     switch (props.icon.getState()) {
         case "empty":
         case "destroyed":
-            return <div key={"empty"} className={cssStyle.container + " icon-container icon-empty " + props.className} title={props.title} />;
+            return (
+                <IconEmpty key={"empty"} className={props.className} title={props.title} />
+            );
 
         case "loaded":
             if(props.icon.iconId >= 0 && props.icon.iconId <= 1000) {
                 if(props.icon.iconId === 0) {
-                    return <div key={"loaded-empty"} className={cssStyle.container + " icon-container icon-empty " + props.className} title={props.title} />;
+                    return (
+                        <IconEmpty key={"loaded-empty"} className={props.className} title={props.title} />
+                    );
                 }
 
                 return <div key={"loaded"} className={cssStyle.container + " icon_em client-group_" + props.icon.iconId + " " + props.className} title={props.title} />;
             }
+
             return (
-                <div key={"icon-" + props.icon.iconId} className={cssStyle.container + " icon-container " + props.className}>
-                    <img style={{ maxWidth: "100%", maxHeight: "100%" }} src={props.icon.getImageUrl()} alt={props.title || ("icon " + props.icon.iconId)} draggable={false} />
-                </div>
+                <IconUrl iconUrl={props.icon.getImageUrl()} title={props.title || ("icon " + props.icon.iconId)} key={"icon-" + props.icon.iconId} />
             );
 
         case "loading":
-            return <div key={"loading"} className={cssStyle.container + " icon-container " + props.className} title={props.title}><div className={"icon_loading"} /></div>;
+            return (
+                <IconLoading className={props.className} title={props.title} key={"loading"} />
+            );
 
         case "error":
-            return <div key={"error"} className={cssStyle.container + " icon client-warning " + props.className} title={props.icon.getErrorMessage() || tr("Failed to load icon")} />;
+            return (
+                <IconError key={"error"} className={props.className} title={props.icon.getErrorMessage()} />
+            );
 
         default:
             throw "invalid icon state";
     }
-};
+});
 
 export const RemoteIconInfoRenderer = React.memo((props: { icon: RemoteIconInfo | undefined, className?: string, title?: string }) => {
     if(!props.icon || props.icon.iconId === 0) {
-        return <EmptyIcon title={props.title} className={props.className} key={"empty-icon"} />;
+        return <IconEmpty title={props.title} className={props.className} key={"empty-icon"} />;
     } else {
         return <RemoteIconRenderer icon={getIconManager().resolveIconInfo(props.icon)} className={props.className} title={props.title} key={"icon"} />;
     }
diff --git a/shared/js/ui/react-elements/Tab.scss b/shared/js/ui/react-elements/Tab.scss
index 7536cf95..261f0cd9 100644
--- a/shared/js/ui/react-elements/Tab.scss
+++ b/shared/js/ui/react-elements/Tab.scss
@@ -21,8 +21,6 @@
         flex-direction: row;
         justify-content: stretch;
 
-        border-bottom: 1px solid #1d1d1d;
-
         .entry {
             padding: .5em;
 
@@ -32,10 +30,8 @@
             flex-shrink: 1;
 
             cursor: pointer;
-
-            &:hover {
-                color: #b6c4d6;
-            }
+            border-bottom: 1px solid #1d1d1d;
+            transition: $button_hover_animation_time;
 
             &.selected {
                 border-bottom: 3px solid #245184;
@@ -44,7 +40,9 @@
                 color: #245184;
             }
 
-            @include transition(color $button_hover_animation_time, border-bottom-color $button_hover_animation_time);
+            &:hover {
+                color: #5f95d3;
+            }
         }
     }
 
diff --git a/shared/js/ui/react-elements/Tab.tsx b/shared/js/ui/react-elements/Tab.tsx
index 9a02e2d9..0b3b227d 100644
--- a/shared/js/ui/react-elements/Tab.tsx
+++ b/shared/js/ui/react-elements/Tab.tsx
@@ -1,5 +1,6 @@
 import * as React from "react";
 import {tra} from "tc-shared/i18n/localize";
+import {joinClassList} from "tc-shared/ui/react-elements/Helper";
 
 const cssStyle = require("./Tab.scss");
 
@@ -20,20 +21,50 @@ export class TabEntry extends React.Component<{
 export class Tab extends React.PureComponent<{
     children: React.ReactElement[],
 
-    defaultTab: string;
-    selectedTab?: string;
-
     /* permanent render all body parts (defaults to true) */
     permanentRender?: boolean,
 
-    className?: string
-}, {
+    className?: string,
+    bodyClassName?: string
+} & ({
+    /* Controlled by the component itself */
+    defaultTab: string,
+    onChange?: (newTab: string) => void
+} | {
+    /* Controlled via the parent */
+    selectedTab: string,
+    onChange: (newTab: string) => void
+}), {
     selectedTab: string
 }> {
     constructor(props) {
         super(props);
 
-        this.state = { selectedTab: this.props.defaultTab };
+        if('defaultTab' in this.props) {
+            this.state = { selectedTab: this.props.defaultTab };
+        }
+    }
+
+    private getSelectedTab() : string {
+        if('defaultTab' in this.props) {
+            return this.state.selectedTab;
+        } else {
+            return this.props.selectedTab;
+        }
+    }
+
+    private setSelectedTab(newTab: string) {
+        if(this.getSelectedTab() === newTab) {
+            return;
+        }
+
+        if('defaultTab' in this.props) {
+            this.setState({ selectedTab: newTab });
+        }
+
+        if(this.props.onChange) {
+            this.props.onChange(newTab);
+        }
     }
 
     render() {
@@ -43,7 +74,7 @@ export class Tab extends React.PureComponent<{
             }
         });
 
-        const selectedTab = this.props.selectedTab || this.state.selectedTab;
+        const selectedTab = this.getSelectedTab();
         return (
             <div className={cssStyle.container + " " + this.props.className}>
                 <div className={cssStyle.categories}>
@@ -52,14 +83,14 @@ export class Tab extends React.PureComponent<{
                             <div
                                 className={cssStyle.entry + " " + (child.props.id === selectedTab ? cssStyle.selected : "")}
                                 key={child.props.id}
-                                onClick={() => !this.props.selectedTab && this.setState({ selectedTab: child.props.id })}
+                                onClick={() => this.setSelectedTab(child.props.id)}
                             >
                                 {child.props.children[0]}
                             </div>
                         )
                     })}
                 </div>
-                <div className={cssStyle.bodies}>
+                <div className={joinClassList(cssStyle.bodies, this.props.bodyClassName)}>
                     {this.props.children?.filter(child => typeof this.props.permanentRender !== "boolean" || this.props.permanentRender || child.props.id === selectedTab).map(child => {
                         return (
                             <div className={cssStyle.body + " " + (child.props.id === selectedTab ? "" : cssStyle.hidden)} key={child.props.id}>
diff --git a/shared/js/ui/react-elements/modal/Definitions.ts b/shared/js/ui/react-elements/modal/Definitions.ts
index 8e4a04e2..a3359b7a 100644
--- a/shared/js/ui/react-elements/modal/Definitions.ts
+++ b/shared/js/ui/react-elements/modal/Definitions.ts
@@ -28,6 +28,7 @@ import {ModalYesNoEvents, ModalYesNoVariables} from "tc-shared/ui/modal/yes-no/D
 import {ModalChannelInfoEvents, ModalChannelInfoVariables} from "tc-shared/ui/modal/channel-info/Definitions";
 import {ModalVideoViewersEvents, ModalVideoViewersVariables} from "tc-shared/ui/modal/video-viewers/Definitions";
 import {ModalChannelChatParameters} from "tc-shared/ui/modal/channel-chat/Definitions";
+import {ModalIconViewerEvents, ModalIconViewerVariables} from "tc-shared/ui/modal/icon-viewer/Definitions";
 
 export type ModalType = "error" | "warning" | "info" | "none";
 export type ModalRenderType = "page" | "dialog";
@@ -68,7 +69,13 @@ export interface ModalOptions {
      * The default popout state.
      * Default: `false`
      */
-    popedOut?: boolean
+    popedOut?: boolean,
+
+    /**
+     * Don't share the same JavaScript environment.
+     * Default: `true`
+     */
+    noOpener?: boolean
 }
 
 export interface ModalEvents {
@@ -137,8 +144,8 @@ export abstract class AbstractModal {
         currentModalProperties = undefined;
     }
 
-    abstract renderBody() : ReactElement;
-    abstract renderTitle() : string | React.ReactElement;
+    abstract renderBody() : React.ReactNode;
+    abstract renderTitle() : React.ReactNode;
 
     /* only valid for the "inline" modals */
     type() : ModalType { return "none"; }
@@ -248,5 +255,11 @@ export interface ModalConstructorArguments {
     "modal-video-viewers": [
         /* events */ IpcRegistryDescription<ModalVideoViewersEvents>,
         /* variables */ IpcVariableDescriptor<ModalVideoViewersVariables>
+    ],
+    "modal-icon-viewer": [
+        /* handlerId */ string,
+        /* events */ IpcRegistryDescription<ModalIconViewerEvents>,
+        /* variables */ IpcVariableDescriptor<ModalIconViewerVariables>,
+        /* select */ boolean
     ]
 }
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/Registry.ts b/shared/js/ui/react-elements/modal/Registry.ts
index 74c924a8..778b183e 100644
--- a/shared/js/ui/react-elements/modal/Registry.ts
+++ b/shared/js/ui/react-elements/modal/Registry.ts
@@ -155,4 +155,10 @@ registerModal({
     modalId: "modal-video-viewers",
     classLoader: async () => await import("tc-shared/ui/modal/video-viewers/Renderer"),
     popoutSupported: true
+});
+
+registerModal({
+    modalId: "modal-icon-viewer",
+    classLoader: async () => await import("tc-shared/ui/modal/icon-viewer/Renderer"),
+    popoutSupported: true
 });
\ No newline at end of file
diff --git a/shared/js/ui/react-elements/modal/external/Controller.ts b/shared/js/ui/react-elements/modal/external/Controller.ts
index 87f6ea9e..311aaa13 100644
--- a/shared/js/ui/react-elements/modal/external/Controller.ts
+++ b/shared/js/ui/react-elements/modal/external/Controller.ts
@@ -137,7 +137,8 @@ export class ExternalModalController implements ModalInstanceController {
                 defaultSize: this.modalOptions.defaultSize,
                 appParameters: {
                     "modal-channel": this.ipcChannel.channelId,
-                }
+                },
+                noOpener: typeof this.modalOptions.noOpener === "boolean" ? this.modalOptions.noOpener : true
             });
 
             if(result.status === "error-user-rejected") {
diff --git a/shared/js/ui/utils/IpcVariable.ts b/shared/js/ui/utils/IpcVariable.ts
index 1ca545d6..5dba20ee 100644
--- a/shared/js/ui/utils/IpcVariable.ts
+++ b/shared/js/ui/utils/IpcVariable.ts
@@ -1,11 +1,14 @@
 import {UiVariableConsumer, UiVariableMap, UiVariableProvider} from "tc-shared/ui/utils/Variable";
 import {guid} from "tc-shared/crypto/uid";
 import {LogCategory, logWarn} from "tc-shared/log";
+import ReactDOM from "react-dom";
 
 export class IpcUiVariableProvider<Variables extends UiVariableMap> extends UiVariableProvider<Variables> {
     readonly ipcChannelId: string;
     private broadcastChannel: BroadcastChannel;
 
+    private enqueuedMessages: any[];
+
     constructor() {
         super();
 
@@ -27,7 +30,7 @@ export class IpcUiVariableProvider<Variables extends UiVariableMap> extends UiVa
     }
 
     protected doSendVariable(variable: string, customData: any, value: any) {
-        this.broadcastChannel.postMessage({
+        this.broadcastIpcMessage({
             type: "notify",
 
             variable,
@@ -48,7 +51,7 @@ export class IpcUiVariableProvider<Variables extends UiVariableMap> extends UiVa
                         error
                     });
                 } else {
-                    this.broadcastChannel.postMessage({
+                    this.broadcastIpcMessage({
                         type: "edit-result",
                         token,
                         error
@@ -73,6 +76,10 @@ export class IpcUiVariableProvider<Variables extends UiVariableMap> extends UiVa
             }
         } else if(message.type === "query") {
             this.sendVariable(message.variable, message.customData, true);
+        } else if(message.type === "bundled") {
+            for(const bundledMessage of message.messages) {
+                this.handleIpcMessage(bundledMessage, source, origin);
+            }
         }
     }
 
@@ -81,6 +88,28 @@ export class IpcUiVariableProvider<Variables extends UiVariableMap> extends UiVa
             ipcChannelId: this.ipcChannelId
         };
     }
+
+    /**
+     * Send an IPC message.
+     * We bundle messages to improve performance when doing a lot of combined requests.
+     * @param message IPC message to send
+     * @private
+     */
+    private broadcastIpcMessage(message: any) {
+        if(Array.isArray(this.enqueuedMessages)) {
+            this.enqueuedMessages.push(message);
+            return;
+        }
+
+        this.enqueuedMessages = [ message ];
+        setImmediate(() => {
+            this.broadcastChannel.postMessage({
+                type: "bundled",
+                messages: this.enqueuedMessages
+            });
+            this.enqueuedMessages = undefined;
+        })
+    }
 }
 
 export type IpcVariableDescriptor<Variables extends UiVariableMap> = {
@@ -93,6 +122,8 @@ class IpcUiVariableConsumer<Variables extends UiVariableMap> extends UiVariableC
     private broadcastChannel: BroadcastChannel;
     private editListener: {[key: string]: { resolve: () => void, reject: (error) => void }};
 
+    private enqueuedMessages: any[];
+
     constructor(description: IpcVariableDescriptor<Variables>) {
         super();
         this.description = description;
@@ -121,7 +152,7 @@ class IpcUiVariableConsumer<Variables extends UiVariableMap> extends UiVariableC
         const token = "t" + ++editTokenIndex;
 
         return new Promise((resolve, reject) => {
-            this.broadcastChannel.postMessage({
+            this.sendIpcMessage({
                 type: "edit",
                 token,
                 variable,
@@ -137,14 +168,14 @@ class IpcUiVariableConsumer<Variables extends UiVariableMap> extends UiVariableC
     }
 
     protected doRequestVariable(variable: string, customData: any) {
-        this.broadcastChannel.postMessage({
+        this.sendIpcMessage({
             type: "query",
             variable,
             customData,
         });
     }
 
-    private handleIpcMessage(message: any, _source: MessageEventSource | null) {
+    private handleIpcMessage(message: any, source: MessageEventSource | null) {
         if(message.type === "notify") {
             this.notifyRemoteVariable(message.variable, message.customData, message.value);
         } else if(message.type === "edit-result") {
@@ -159,8 +190,37 @@ class IpcUiVariableConsumer<Variables extends UiVariableMap> extends UiVariableC
             } else {
                 payload.resolve();
             }
+        } else if(message.type === "bundled") {
+            ReactDOM.unstable_batchedUpdates(() => {
+                for(const bundledMessage of message.messages) {
+                    this.handleIpcMessage(bundledMessage, source);
+                }
+            });
         }
     }
+
+    /**
+     * Send an IPC message.
+     * We bundle messages to improve performance when doing a lot of combined requests.
+     * The response will most likely also be bundled. This means that we're only updating react once.
+     * @param message IPC message to send
+     * @private
+     */
+    private sendIpcMessage(message: any) {
+        if(Array.isArray(this.enqueuedMessages)) {
+            this.enqueuedMessages.push(message);
+            return;
+        }
+
+        this.enqueuedMessages = [ message ];
+        setImmediate(() => {
+            this.broadcastChannel.postMessage({
+                type: "bundled",
+                messages: this.enqueuedMessages
+            });
+            this.enqueuedMessages = undefined;
+        })
+    }
 }
 
 export function createIpcUiVariableProvider<Variables extends UiVariableMap>() : IpcUiVariableProvider<Variables> {
diff --git a/shared/js/ui/utils/Variable.ts b/shared/js/ui/utils/Variable.ts
index edf4de7a..a2dc2ea3 100644
--- a/shared/js/ui/utils/Variable.ts
+++ b/shared/js/ui/utils/Variable.ts
@@ -145,7 +145,8 @@ export abstract class UiVariableProvider<Variables extends UiVariableMap> {
 
     private handleEditResult(variable: string, customData: any, result: any) {
         if(typeof result === "undefined") {
-            /* change succeeded, no need to notify any variable since the consumer already has the newest value */
+            /* Send the new variable since may other listeners needs to be notified */
+            this.sendVariable(variable, customData, true);
         } else if(result === true || result === false) {
             /* The new variable has been accepted/rejected and the variable should be updated on the remote side. */
             /* TODO: Use cached value if the result is `false` */
diff --git a/shared/js/ui/windows/WindowManager.ts b/shared/js/ui/windows/WindowManager.ts
index f847151b..0fcd6973 100644
--- a/shared/js/ui/windows/WindowManager.ts
+++ b/shared/js/ui/windows/WindowManager.ts
@@ -26,6 +26,9 @@ export interface WindowSpawnOptions {
 
     appParameters?: {[key: string]: string},
     defaultSize?: { width: number, height: number },
+
+    /* Don't share the same JavaScript environment (Default behaviour is currently "no" but this will change within the feature! */
+    noOpener?: boolean,
 }
 
 export interface WindowManager {
diff --git a/web/app/WebWindowManager.ts b/web/app/WebWindowManager.ts
index ef1bc2e1..7f093f04 100644
--- a/web/app/WebWindowManager.ts
+++ b/web/app/WebWindowManager.ts
@@ -150,8 +150,8 @@ export class WebWindowManager implements WindowManager {
         });
 
         const features = {
-            /* TODO: Configureable and enabled by default! */
-            noopener: "no",
+            /* We can't enable this yet since we're loosing control over the Window that way. */
+            //noopener: options.noOpener ? "yes" : "no",
 
             status: "no",
             location: "no",

From f5e880b1f1c9a602b60312995be14a8822c2876f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 5 May 2021 16:37:20 +0200
Subject: [PATCH 114/128] Removed some old css and fixed the modal icon for the
 old JQuery modals

---
 shared/css/load-css.tsx                       |   3 -
 shared/css/static/main-layout.scss            |  28 +-
 shared/css/static/modal-group-assignment.scss | 112 ----
 shared/css/static/modal-icons.scss            | 512 ------------------
 shared/css/static/modal-invite.scss           |  75 ---
 shared/html/templates.html                    |   2 +-
 shared/img/modal_icon_old.png                 | Bin 0 -> 65631 bytes
 7 files changed, 2 insertions(+), 730 deletions(-)
 delete mode 100644 shared/css/static/modal-group-assignment.scss
 delete mode 100644 shared/css/static/modal-icons.scss
 delete mode 100644 shared/css/static/modal-invite.scss
 create mode 100644 shared/img/modal_icon_old.png

diff --git a/shared/css/load-css.tsx b/shared/css/load-css.tsx
index 089744ea..ca38b822 100644
--- a/shared/css/load-css.tsx
+++ b/shared/css/load-css.tsx
@@ -9,11 +9,8 @@ import "./static/modals.scss"
 import "./static/modal-banclient.scss"
 import "./static/modal-banlist.scss"
 import "./static/modal-clientinfo.scss"
-import "./static/modal-group-assignment.scss"
-import "./static/modal-icons.scss"
 import "./static/modal-identity.scss"
 import "./static/modal-newcomer.scss"
-import "./static/modal-invite.scss"
 import "./static/modal-keyselect.scss"
 import "./static/modal-query.scss"
 import "./static/modal-server.scss"
diff --git a/shared/css/static/main-layout.scss b/shared/css/static/main-layout.scss
index 09521d9f..6de9de29 100644
--- a/shared/css/static/main-layout.scss
+++ b/shared/css/static/main-layout.scss
@@ -25,18 +25,7 @@ html:root {
 }
 
 :global {
-	.hide-small {
-		opacity: 1;
-		transition: opacity $animation_length linear;
-	}
-
-	.show-small {
-		display: none;
-
-		opacity: 0;
-		transition: opacity $animation_length linear;
-	}
-
+	/* Still in use for the global hang in point */
 	.app-container {
 		right: 0;
 		left: 0;
@@ -46,21 +35,6 @@ html:root {
 		padding: 0;
 	}
 
-	@media only screen and (max-width: $small_device) {
-		.hide-small {
-			display: none;
-			opacity: 0;
-			transition: opacity $animation_length linear;
-		}
-
-		.show-small {
-			display: block !important;
-
-			opacity: 1 !important;
-			transition: opacity $animation_length linear;
-		}
-	}
-
 	$animation_seperator_length: .1s;
 	.container-seperator {
 		@include transition(all $animation_seperator_length ease-in-out);
diff --git a/shared/css/static/modal-group-assignment.scss b/shared/css/static/modal-group-assignment.scss
deleted file mode 100644
index b023b84a..00000000
--- a/shared/css/static/modal-group-assignment.scss
+++ /dev/null
@@ -1,112 +0,0 @@
-@import "mixin";
-@import "properties";
-
-:global {
-	.modal-server-group-assignments {
-		@include user-select(none);
-
-		min-width: 25em!important;
-		max-height: calc(100vh - 10rem)!important;
-		min-height: 10em!important;
-
-		width: 30em!important;
-
-		display: flex!important;
-		flex-direction: column!important;
-		justify-content: stretch!important;
-
-		background-color: #2f2f35;
-		padding: .5em!important;
-
-		.group-assignment-list {
-			flex-grow: 1;
-			flex-shrink: 1;
-			min-height: 6em;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			color: #999999;
-
-			a {
-				flex-shrink: 0;
-				flex-grow: 0;
-
-				.htmltag-client {
-					display: inline;
-					color: #999999;
-				}
-			}
-
-			.group-list {
-				flex-shrink: 1;
-				flex-grow: 1;
-				min-height: 4em;
-
-				padding: 3px;
-				overflow-y: auto;
-
-				border: 1px #161616 solid;
-				border-radius: $border_radius_middle;
-				background-color: #28292b;
-
-				@include chat-scrollbar-vertical();
-
-				.group-entry {
-					flex-shrink: 0;
-					flex-grow: 0;
-
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					height: 1.75em;
-
-					> * {
-						flex-shrink: 0;
-						flex-grow: 0;
-						align-self: center;
-					}
-
-					a {
-						flex-shrink: 1;
-						flex-grow: 1;
-
-						min-width: 6em;
-
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
-					}
-
-					label {
-						margin-right: .25em;
-					}
-				}
-
-				.icon-container {
-					align-self: center;
-					margin-right: 4px;
-					margin-left: 2px;
-					margin-top: -2px;
-				}
-
-				a {
-					align-self: center;
-				}
-			}
-		}
-
-		.container-buttons {
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			padding-top: 1em;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/css/static/modal-icons.scss b/shared/css/static/modal-icons.scss
deleted file mode 100644
index 2db79fc2..00000000
--- a/shared/css/static/modal-icons.scss
+++ /dev/null
@@ -1,512 +0,0 @@
-@import "properties";
-@import "mixin";
-
-:global {
-	.modal-icon-select {
-		@include user-select(none);
-
-		display: flex!important;
-		flex-direction: column!important;
-		justify-content: stretch!important;
-
-		width: 50em!important;
-
-		/*
-        .right, .left {
-            .header {
-                text-transform: uppercase;
-                color: #557edc;
-
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-        */
-
-		.container-icons {
-			flex-grow: 1;
-			flex-shrink: 1;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			> div {
-				width: 50%;
-
-				&:not(:first-of-type) {
-					margin-left: 10px;
-				}
-			}
-
-			.content, .container-icons-list {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				display: flex;
-				flex-direction: column;
-			}
-
-			.container-icons-list {
-				position: relative;
-
-				> div {
-					border-radius: 3px;
-				}
-
-				.container-icons-remote, .container-icons-local {
-					width: 100%;
-					min-height: 300px;
-
-					overflow-x: hidden;
-					overflow-y: auto;
-
-					background-color: $color_list_background;
-					border: 1px $color_list_border solid;
-
-					border-radius: $border_radius_large;
-
-					padding: .5em;
-
-					flex-direction: row;
-					display: flex;
-					flex-wrap: wrap;
-					align-content: baseline;
-
-					&.container-icons-local {
-						font-size: 16px;
-					}
-
-					.icon-container, .icon {
-						margin-left: 1px;
-						margin-right: 1px;
-					}
-
-					&.icon-select {
-						.icon-container, .icon {
-							cursor: pointer;
-
-							&:hover {
-								border-radius: .1em;
-
-								background-color: rgba(0, 0, 0, 0.07);
-								border: 1px solid black;
-							}
-
-							&.selected {
-								border-radius: .1em;
-
-								background-color: rgba(0, 51, 0, 0.07);
-								border: 1px solid red;
-							}
-
-							&:hover, &.selected {
-								width: 18px;
-								height: 18px;
-
-								margin: -1px 0px;
-							}
-						}
-					}
-				}
-
-				.container-loading, .container-no-permissions, .container-error {
-					top: 0;
-					bottom: 0;
-					left: 0;
-					right: 0;
-
-					font-size: 1.1em;
-					color: hsla(0, 0%, 40%, 1);
-
-					position: absolute;
-					background-color: rgba(0, 0, 0, 0.27);
-
-					cursor: not-allowed;
-
-					text-align: center;
-					display: flex;
-					flex-direction: column;
-					justify-content: space-around;
-
-					> a {
-						padding-bottom: 30px;
-					}
-				}
-
-				.container-loading {
-					z-index: 40;
-				}
-
-				.container-error {
-					z-index: 30;
-				}
-				.container-no-permissions {
-					z-index: 20;
-				}
-			}
-		}
-
-		.container-buttons {
-			margin-top: 20px;
-
-			flex-grow: 0;
-			flex-shrink: 0;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			.spacer {
-				min-width: 0;
-
-				flex-grow: 1;
-				flex-shrink: 1;
-			}
-
-			button {
-				flex-grow: 0;
-				flex-shrink: 1;
-
-				width: 8em;
-				min-width: 4em;
-
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-
-				margin-right: 1em;
-			}
-
-			.button-select {
-				margin-left: 10px;
-
-				display: flex;
-				align-items: center;
-				flex-direction: row;
-				justify-content: center;
-
-				a, div {
-					align-self: center;
-				}
-
-				> div {
-					font-size: 16px;
-
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-
-					margin-left: .5rem;
-
-					> div {
-						display: flex;
-					}
-				}
-			}
-
-			.button-select-no-icon {
-				margin-left: 10px;
-			}
-		}
-	}
-
-	.modal-icon-upload {
-		@include user-select(none);
-
-		width: 50em;
-		min-width: 300px;
-
-		padding: 0!important;
-
-		display: flex;
-		flex-direction: column;
-
-		.container-select {
-			padding: 1em;
-			min-height: 130px;
-
-			display: flex;
-			flex-direction: row;
-			justify-content: stretch;
-
-			.container-icons {
-				flex-grow: 1;
-				flex-shrink: 1;
-
-				width: min-content;
-				min-width: 150px;
-				min-height: 130px;
-				overflow-y: auto;
-
-				margin-right: 1em;
-
-				background-color: $color_list_background;
-				border: 1px $color_list_border solid;
-
-				border-radius: $border_radius_large;
-
-				padding: .5em;
-				display: block;
-
-				.icon-container {
-					cursor: pointer;
-
-					&:hover {
-						border-radius: .1em;
-
-						background-color: rgba(0, 0, 0, 0.07);
-						border: 1px solid black;
-					}
-
-					&.selected {
-						border-radius: .1em;
-
-						background-color: rgba(0, 51, 0, 0.07);
-						border: 1px solid red;
-					}
-
-					&:hover, &.selected {
-						width: 18px;
-						height: 18px;
-
-						margin: -1px 0px;
-					}
-
-					> img {
-						height: 16px;
-						width: 16px;
-					}
-				}
-			}
-
-			.container-buttons {
-				flex-grow: 1;
-				flex-shrink: 2;
-
-				min-width: 50px;
-				max-width: 200px;
-
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-
-				.buttons-manage {
-					display: flex;
-					flex-direction: column;
-					justify-content: flex-start;
-
-					> button:not(:first-of-type) {
-						margin-top: .5em;
-					}
-				}
-			}
-		}
-
-		.container-upload {
-			-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.25);
-			-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.25);
-			box-shadow: 0px -5px 2px 0px rgba(0, 0, 0, 0.25);
-
-			display: flex;
-			flex-direction: column;
-
-			padding: .5em 1em 1em;
-
-			.container-error, .container-success {
-				width: 100%;
-				min-height: 60px;
-
-				border: 2px solid;
-				border-radius: $border_radius_middle;
-
-				&.container-error {
-					border-color: rgba(128, 0, 0, 0.5);
-					background-color: rgba(128, 0, 0, 0.25);
-				}
-
-				&.container-success {
-					margin-top: .5em;
-
-					border-color: rgba(50, 143, 51, 0.25);
-					background-color: rgba(50, 143, 51, 0.13);
-				}
-
-				padding: .5em;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-
-				> * {
-					align-self: center;
-					display: inline-block;
-				}
-
-				button {
-					width: 6em;
-				}
-
-				&.hidden {
-					opacity: 0;
-					height: 0;
-					min-height: 0;
-					padding: 0;
-					margin: 0;
-				}
-
-				@include transition(.25s ease-in-out);
-			}
-
-			.container-info {
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-			}
-
-			.container-process {
-				margin-top: .5em;
-
-				width: 100%;
-				min-height: 100px;
-
-				overflow-y: auto;
-
-				background-color: $color_list_background;
-				border: 1px $color_list_border solid;
-
-				border-radius: $border_radius_large;
-
-				.upload-entry {
-					display: flex;
-					flex-direction: row;
-					justify-content: stretch;
-
-					.container-icon {
-						height: 16px;
-						width: 16px;
-						flex-grow: 0;
-						flex-shrink: 0;
-
-						margin: 1px 1px 1px 4px;
-
-						align-self: center;
-
-						display: flex;
-						flex-direction: column;
-						justify-content: center;
-
-						> img {
-							height: 16px;
-							width: 16px;
-						}
-					}
-
-					.progress {
-						position: relative;
-
-						flex-grow: 1;
-						flex-shrink: 1;
-
-						display: flex;
-						flex-direction: row;
-						justify-content: flex-start;
-
-						min-width: 2em;
-
-						margin: 2px 5px 2px 3px;
-						height: 16px;
-
-						overflow: hidden;
-						font-size: .75rem;
-
-						background-color: #222222;
-						border: 1px solid hsla(0, 0%, 10%, 1);
-						border-radius: .25rem;
-
-						.progress-bar {
-							height: 100%;
-
-							&.bg-danger {
-								background-color: rgba(128, 0, 0, 0.5);
-							}
-
-							&.bg-success {
-								background-color: rgba(50, 143, 51, 0.5);
-							}
-
-							@include transition(width 1s ease-in-out, background-color $button_hover_animation_time ease-in-out);
-						}
-
-						.progress-message {
-							position: absolute;
-							width: 100%;
-
-							display: flex;
-							flex-direction: row;
-							justify-content: center;
-
-							flex-grow: 1;
-							flex-shrink: 1;
-
-							min-width: 1em;
-							line-height: normal;
-
-							white-space: nowrap;
-							overflow: hidden;
-							text-overflow: ellipsis;
-						}
-					}
-				}
-			}
-		}
-
-		input[type="file"] {
-			display: none;
-		}
-	}
-}
-
-@media screen and (max-width: 650px) {
-	:global {
-		.modal-icon-upload {
-			.container-select {
-				flex-direction: column;
-
-				.container-icons {
-					width: 100%;
-					margin-right: 0;
-				}
-
-				.container-buttons {
-					max-width: unset;
-					margin-top: 5px;
-
-					> button {
-						width: 100%;
-					}
-
-					.buttons-manage {
-						display: flex;
-						flex-direction: row;
-						justify-content: stretch;
-
-						> button {
-							width: 50%;
-							flex-grow: 1;
-							flex-shrink: 1;
-							min-width: 0;
-						}
-					}
-				}
-			}
-
-			.container-upload {
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-start;
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/css/static/modal-invite.scss b/shared/css/static/modal-invite.scss
deleted file mode 100644
index d9f4f827..00000000
--- a/shared/css/static/modal-invite.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-@import "mixin";
-@import "properties";
-
-:global {
-	.modal-invite {
-		padding: .5em!important;
-		@include user-select(none);
-
-		.general-properties {
-			flex: 0;
-
-			display: flex;
-			flex-direction: column;
-			justify-content: stretch;
-
-			.form-group {
-				flex: 0;
-			}
-
-			.container-settings {
-				flex: 0;
-
-				margin-bottom: .5em;
-
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-
-				label {
-					display: flex;
-					flex-direction: row;
-					justify-content: flex-start;
-
-					> * {
-						align-self: center;
-					}
-
-					a {
-						margin-left: .5em;
-					}
-				}
-			}
-		}
-
-		.text-output {
-			background-color: $color_list_background;
-			border: 1px $color_list_border solid;
-
-			border-radius: $border_radius_large;
-
-			padding: .5em;
-			min-height: 5em;
-
-			width: 100%;
-			resize: none;
-
-			color: #999999;
-
-			@include user-select(text);
-		}
-
-		.buttons {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-
-			margin-top: 5px;
-
-			.icon {
-				vertical-align: middle;
-				margin-right: 5px;
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/shared/html/templates.html b/shared/html/templates.html
index a155d27c..aa514f60 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -12,7 +12,7 @@
                         <div class="modal-content" style="{{if full_size}}flex-grow: 1{{/if}}">
                             <div class="modal-header {{if header_class}}{{:header_class}}{{/if}}">
                                 <div class="container-icon">
-                                    <img src="img/favicon/teacup.png">
+                                    <img src="img/modal_icon_old.png">
                                 </div>
                                 <node key="modal_header"></node>
                                 <div class="container-close">
diff --git a/shared/img/modal_icon_old.png b/shared/img/modal_icon_old.png
new file mode 100644
index 0000000000000000000000000000000000000000..3eda87e537836604e1d144160a9c5ea0166b7749
GIT binary patch
literal 65631
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

literal 0
HcmV?d00001


From b7b4c519049a46b66953b7bf4d957fcd557856c6 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 5 May 2021 17:35:23 +0200
Subject: [PATCH 115/128] Fixed the channel reconnect

---
 shared/js/connection/HandshakeHandler.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/shared/js/connection/HandshakeHandler.ts b/shared/js/connection/HandshakeHandler.ts
index 123dee51..6b90ec6d 100644
--- a/shared/js/connection/HandshakeHandler.ts
+++ b/shared/js/connection/HandshakeHandler.ts
@@ -81,7 +81,7 @@ export class HandshakeHandler {
             client_version: "TeaWeb " + __build.version + " (" + navigator.userAgent + ")",
             client_version_sign: undefined,
 
-            client_default_channel: this.parameters.defaultChannel || "",
+            client_default_channel: typeof this.parameters.defaultChannel === "number" ? "/" + this.parameters.defaultChannel : this.parameters.defaultChannel || "",
             client_default_channel_password: this.parameters.defaultChannelPassword || "",
             client_default_token: this.parameters.token,
 

From 13feceb289f36d0d4fb0d6030309f4c37edfece0 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 16 May 2021 12:22:11 +0200
Subject: [PATCH 116/128] Fixed the legacy modal icon and bring it back to the
 front

---
 shared/js/ConnectionHandler.ts           | 58 ++++++++++++---
 shared/js/connection/HandshakeHandler.ts | 18 ++++-
 shared/js/profiles/ConnectionProfile.ts  |  3 +-
 shared/js/settings.ts                    |  7 ++
 shared/js/tree/ChannelDefinitions.ts     |  9 +++
 shared/js/ui/elements/Modal.ts           |  8 +--
 shared/js/ui/utils/IpcVariable.ts        | 89 ++++++++++++++++++++----
 7 files changed, 159 insertions(+), 33 deletions(-)

diff --git a/shared/js/ConnectionHandler.ts b/shared/js/ConnectionHandler.ts
index cb1df76b..6f2d0862 100644
--- a/shared/js/ConnectionHandler.ts
+++ b/shared/js/ConnectionHandler.ts
@@ -39,6 +39,7 @@ import ipRegex from "ip-regex";
 import * as htmltags from "./ui/htmltags";
 import {ServerSettings} from "tc-shared/ServerSettings";
 import {ignorePromise} from "tc-shared/proto";
+import {InvokerInfo} from "tc-shared/tree/ChannelDefinitions";
 
 assertMainApplication();
 
@@ -68,6 +69,43 @@ export enum DisconnectReason {
     UNKNOWN
 }
 
+export type ClientDisconnectInfo = {
+    reason: "handler-destroy" | "requested"
+} | {
+    reason: "connection-closed" | "connection-ping-timeout"
+} | {
+    reason: "connect-failure" | "connect-dns-fail" | "connect-identity-too-low"
+} | {
+    reason: "connect-identity-unsupported",
+    unsupportedReason: "ts3-server"
+} | {
+    /* Connect fail since client has been banned */
+    reason: "connect-banned",
+    message: string
+} | {
+    /* Connection got closed because the client got kicked */
+    reason: "client-kicked",
+    message: string,
+    invoker: InvokerInfo
+} | {
+    /* Connection got closed because the client got banned */
+    reason: "client-banned",
+    message: string,
+    length: number | 0,
+    invoker?: InvokerInfo,
+} | {
+    reason: "server-shutdown",
+    message: string,
+    /* TODO: Do we have an invoker here? */
+} | {
+    reason: "connect-host-message-disconnect",
+    message: string
+} | {
+    reason: "generic-connection-error",
+    message: string,
+    allowReconnect: boolean
+}
+
 export enum ConnectionState {
     UNCONNECTED, /* no connection is currenting running */
     CONNECTING, /* we try to establish a connection to the target server */
@@ -120,17 +158,6 @@ export interface LocalClientStatus {
     queries_visible: boolean;
 }
 
-export interface ConnectParametersOld {
-    nickname?: string;
-    channel?: {
-        target: string | number;
-        password?: string;
-    };
-    token?: string;
-    password?: {password: string, hashed: boolean};
-    auto_reconnect_attempt?: boolean;
-}
-
 export class ConnectionHandler {
     readonly handlerId: string;
 
@@ -530,6 +557,15 @@ export class ConnectionHandler {
         return tag;
     }
 
+    /**
+     * This method dispatches a connection disconnect.
+     * The method can be called out of every context and will properly terminate
+     * all resources related to the current connection.
+     */
+    handleDisconnectNew(reason: ClientDisconnectInfo) {
+        /* TODO: */
+    }
+
     private _certificate_modal: Modal;
     handleDisconnect(type: DisconnectReason, data: any = {}) {
         this.connectAttemptId++;
diff --git a/shared/js/connection/HandshakeHandler.ts b/shared/js/connection/HandshakeHandler.ts
index 6b90ec6d..552818ce 100644
--- a/shared/js/connection/HandshakeHandler.ts
+++ b/shared/js/connection/HandshakeHandler.ts
@@ -4,6 +4,7 @@ import {AbstractServerConnection} from "../connection/ConnectionBase";
 import {DisconnectReason} from "../ConnectionHandler";
 import {ConnectParameters} from "tc-shared/ui/modal/connect/Controller";
 import {getBackend} from "tc-shared/backend";
+import {ErrorCode} from "tc-shared/connection/ErrorCode";
 
 export interface HandshakeIdentityHandler {
     connection: AbstractServerConnection;
@@ -14,6 +15,18 @@ export interface HandshakeIdentityHandler {
     fillClientInitData(data: any);
 }
 
+export type ServerHandshakeError = {
+    reason: "identity-unsupported",
+}
+
+export type ServerHandshakeResult = {
+    status: "success",
+    /* TODO: May some other variables as well? */
+} | {
+    status: "failed",
+    error: ServerHandshakeError
+};
+
 export class HandshakeHandler {
     private connection: AbstractServerConnection;
     private handshakeImpl: HandshakeIdentityHandler;
@@ -114,7 +127,7 @@ export class HandshakeHandler {
         this.handshakeImpl.fillClientInitData(data);
         this.connection.send_command("clientinit", data).catch(error => {
             if(error instanceof CommandResult) {
-                if(error.id == 1028) {
+                if(error.id == ErrorCode.SERVER_INVALID_PASSWORD) {
                     this.connection.client.handleDisconnect(DisconnectReason.SERVER_REQUIRES_PASSWORD);
                 } else if(error.id == 783 || error.id == 519) {
                     error.extra_message = isNaN(parseInt(error.extra_message)) ? "8" : error.extra_message;
@@ -124,8 +137,9 @@ export class HandshakeHandler {
                 } else {
                     this.connection.client.handleDisconnect(DisconnectReason.CLIENT_KICKED, error);
                 }
-            } else
+            } else {
                 this.connection.disconnect();
+            }
         });
     }
 }
\ No newline at end of file
diff --git a/shared/js/profiles/ConnectionProfile.ts b/shared/js/profiles/ConnectionProfile.ts
index c8b7f14d..4caa5cdf 100644
--- a/shared/js/profiles/ConnectionProfile.ts
+++ b/shared/js/profiles/ConnectionProfile.ts
@@ -71,8 +71,9 @@ export class ConnectionProfile {
 
     spawnIdentityHandshakeHandler(connection: AbstractServerConnection): HandshakeIdentityHandler | undefined {
         const identity = this.selectedIdentity();
-        if (!identity)
+        if (!identity) {
             return undefined;
+        }
         return identity.spawn_identity_handshake_handler(connection);
     }
 
diff --git a/shared/js/settings.ts b/shared/js/settings.ts
index a33b176f..70cf46f0 100644
--- a/shared/js/settings.ts
+++ b/shared/js/settings.ts
@@ -808,6 +808,13 @@ export class Settings {
         description: "Last used TeaSpeak Client version (TeaClient only)",
     }
 
+    /* When using a higher number clients crash due to a bug in NodeJS */
+    static readonly KEY_IPC_EVENT_BUNDLE_MAX_SIZE: ValuedRegistryKey<number> = {
+        key: "ipc_event_bundle_max_size",
+        valueType: "number",
+        defaultValue: 0
+    }
+
     static readonly FN_LOG_ENABLED: (category: string) => RegistryKey<boolean> = category => {
         return {
             key: "log." + category.toLowerCase() + ".enabled",
diff --git a/shared/js/tree/ChannelDefinitions.ts b/shared/js/tree/ChannelDefinitions.ts
index 7aa32fc0..6f92aa7a 100644
--- a/shared/js/tree/ChannelDefinitions.ts
+++ b/shared/js/tree/ChannelDefinitions.ts
@@ -12,4 +12,13 @@ export type ChannelDescriptionResult = {
 } | {
     status: "error",
     message: string
+};
+
+/**
+ * The invoker info the server sends with all notifies if required
+ */
+export type InvokerInfo = {
+    invokerName: string,
+    invokerUniqueId: string,
+    invokerId: number,
 };
\ No newline at end of file
diff --git a/shared/js/ui/elements/Modal.ts b/shared/js/ui/elements/Modal.ts
index 96401b69..bb4033a5 100644
--- a/shared/js/ui/elements/Modal.ts
+++ b/shared/js/ui/elements/Modal.ts
@@ -2,6 +2,7 @@ import * as loader from "tc-loader";
 import {Stage} from "tc-loader";
 import $ from "jquery";
 import {LogCategory, logError} from "tc-shared/log";
+import ModalIcon from "../react-elements/modal/TeaCup.png";
 
 export enum ElementType {
     HEADER,
@@ -88,8 +89,6 @@ export class ModalProperties {
     }
 
     template_properties?: any = {};
-    trigger_tab: boolean = true;
-    full_size?: boolean = false;
 }
 
 namespace modal {
@@ -218,13 +217,14 @@ export class Modal {
             modal_footer: footer,
 
             closeable: this.properties.closeable,
-            full_size: this.properties.full_size
+            full_size: false
         };
 
         if(this.properties.template_properties)
             Object.assign(properties, this.properties.template_properties);
 
         const tag = template.renderTag(properties);
+        tag.find(".modal-header .container-icon img").attr("src", ModalIcon);
         if(typeof(this.properties.width) !== "undefined" && typeof(this.properties.min_width) !== "undefined")
             tag.find(".modal-content")
                 .css("min-width", this.properties.min_width)
@@ -258,7 +258,7 @@ export class Modal {
         _global_modal_last = this.htmlTag[0];
 
         this.shown = true;
-        this.htmlTag.prependTo($("body"));
+        this.htmlTag.appendTo($("body"));
 
         _global_modal_count++;
         this.htmlTag.show();
diff --git a/shared/js/ui/utils/IpcVariable.ts b/shared/js/ui/utils/IpcVariable.ts
index 5dba20ee..e2c8e602 100644
--- a/shared/js/ui/utils/IpcVariable.ts
+++ b/shared/js/ui/utils/IpcVariable.ts
@@ -2,16 +2,43 @@ import {UiVariableConsumer, UiVariableMap, UiVariableProvider} from "tc-shared/u
 import {guid} from "tc-shared/crypto/uid";
 import {LogCategory, logWarn} from "tc-shared/log";
 import ReactDOM from "react-dom";
+import {Settings, settings} from "tc-shared/settings";
+
+/*
+ * We need to globally bundle all IPC invoke events since
+ * calling setImmediate too often will cause a electron crash with
+ * "async hook stack has become corrupted (actual: 88, expected: 0)".
+ *
+ * WolverinDEV has never experience it by himself but @REDOSS had.
+ */
+let ipcInvokeCallbacks: (() => void)[];
+
+function registerInvokeCallback(callback: () => void) {
+    if(Array.isArray(ipcInvokeCallbacks)) {
+        ipcInvokeCallbacks.push(callback);
+    } else {
+        ipcInvokeCallbacks = [ callback ];
+        setImmediate(() => {
+            const callbacks = ipcInvokeCallbacks;
+            ipcInvokeCallbacks = undefined;
+            for(const callback of callbacks) {
+                callback();
+            }
+        });
+    }
+}
 
 export class IpcUiVariableProvider<Variables extends UiVariableMap> extends UiVariableProvider<Variables> {
     readonly ipcChannelId: string;
-    private broadcastChannel: BroadcastChannel;
+    private readonly bundleMaxSize: number;
 
+    private broadcastChannel: BroadcastChannel;
     private enqueuedMessages: any[];
 
     constructor() {
         super();
 
+        this.bundleMaxSize = settings.getValue(Settings.KEY_IPC_EVENT_BUNDLE_MAX_SIZE);
         this.ipcChannelId = "teaspeak-ipc-vars-" + guid();
         this.broadcastChannel = new BroadcastChannel(this.ipcChannelId);
         this.broadcastChannel.onmessage = event => this.handleIpcMessage(event.data, event.source, event.origin);
@@ -96,19 +123,33 @@ export class IpcUiVariableProvider<Variables extends UiVariableMap> extends UiVa
      * @private
      */
     private broadcastIpcMessage(message: any) {
+        if(this.bundleMaxSize <= 0) {
+            this.broadcastChannel.postMessage(message);
+            return;
+        }
+
         if(Array.isArray(this.enqueuedMessages)) {
             this.enqueuedMessages.push(message);
+            if(this.enqueuedMessages.length >= this.bundleMaxSize) {
+                this.sendEnqueuedMessages();
+            }
             return;
         }
 
         this.enqueuedMessages = [ message ];
-        setImmediate(() => {
-            this.broadcastChannel.postMessage({
-                type: "bundled",
-                messages: this.enqueuedMessages
-            });
-            this.enqueuedMessages = undefined;
-        })
+        registerInvokeCallback(() => this.sendEnqueuedMessages());
+    }
+
+    private sendEnqueuedMessages() {
+        if(!this.enqueuedMessages) {
+            return;
+        }
+
+        this.broadcastChannel.postMessage({
+            type: "bundled",
+            messages: this.enqueuedMessages
+        });
+        this.enqueuedMessages = undefined;
     }
 }
 
@@ -117,8 +158,11 @@ export type IpcVariableDescriptor<Variables extends UiVariableMap> = {
 }
 
 let editTokenIndex = 0;
+
 class IpcUiVariableConsumer<Variables extends UiVariableMap> extends UiVariableConsumer<Variables> {
     readonly description: IpcVariableDescriptor<Variables>;
+    private readonly bundleMaxSize: number;
+
     private broadcastChannel: BroadcastChannel;
     private editListener: {[key: string]: { resolve: () => void, reject: (error) => void }};
 
@@ -129,6 +173,7 @@ class IpcUiVariableConsumer<Variables extends UiVariableMap> extends UiVariableC
         this.description = description;
         this.editListener = {};
 
+        this.bundleMaxSize = settings.getValue(Settings.KEY_IPC_EVENT_BUNDLE_MAX_SIZE);
         this.broadcastChannel = new BroadcastChannel(this.description.ipcChannelId);
         this.broadcastChannel.onmessage = event => this.handleIpcMessage(event.data, event.source);
     }
@@ -207,19 +252,33 @@ class IpcUiVariableConsumer<Variables extends UiVariableMap> extends UiVariableC
      * @private
      */
     private sendIpcMessage(message: any) {
+        if(this.bundleMaxSize <= 0) {
+            this.broadcastChannel.postMessage(message);
+            return;
+        }
+
         if(Array.isArray(this.enqueuedMessages)) {
             this.enqueuedMessages.push(message);
+            if(this.enqueuedMessages.length >= this.bundleMaxSize) {
+                this.sendEnqueuedMessages();
+            }
             return;
         }
 
         this.enqueuedMessages = [ message ];
-        setImmediate(() => {
-            this.broadcastChannel.postMessage({
-                type: "bundled",
-                messages: this.enqueuedMessages
-            });
-            this.enqueuedMessages = undefined;
-        })
+        registerInvokeCallback(() => this.sendEnqueuedMessages());
+    }
+
+    private sendEnqueuedMessages() {
+        if(!this.enqueuedMessages) {
+            return;
+        }
+
+        this.broadcastChannel.postMessage({
+            type: "bundled",
+            messages: this.enqueuedMessages
+        });
+        this.enqueuedMessages = undefined;
     }
 }
 

From 256ba92f7e7582315785d5a485822a16dbf15e0f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 16 May 2021 12:27:58 +0200
Subject: [PATCH 117/128] Better solution with the old and new modals

---
 shared/js/ui/react-elements/modal/internal/index.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/shared/js/ui/react-elements/modal/internal/index.tsx b/shared/js/ui/react-elements/modal/internal/index.tsx
index 4b0b5925..4f8a0a15 100644
--- a/shared/js/ui/react-elements/modal/internal/index.tsx
+++ b/shared/js/ui/react-elements/modal/internal/index.tsx
@@ -18,6 +18,7 @@ import {LogCategory, logError} from "tc-shared/log";
 import {Registry} from "tc-events";
 import {guid} from "tc-shared/crypto/uid";
 import {ErrorBoundary} from "tc-shared/ui/react-elements/ErrorBoundary";
+import ReactDOM from "react-dom";
 
 class InternalRendererInstance extends React.PureComponent<{
     instance: InternalModalInstance,
@@ -250,6 +251,15 @@ class InternalModalHookInner extends React.PureComponent<{}, {
     }
 }
 
+/*
 export const InternalModalHook = React.memo(() => (
     <InternalModalHookInner ref={internalModalContainer} />
-));
\ No newline at end of file
+));
+*/
+export const InternalModalHook = React.memo(() => {
+    /* FIXME: This is only a temporary solution but if we don't do like this we'll mess up stacking of modals! */
+    return ReactDOM.createPortal(
+        <InternalModalHookInner ref={internalModalContainer} />,
+        document.body
+    );
+});
\ No newline at end of file

From 3b1153cf5be7d7979d35a115aa70cfaab9dd0a5b Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sun, 16 May 2021 12:32:19 +0200
Subject: [PATCH 118/128] Fixed file creation

---
 webpack.config.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webpack.config.ts b/webpack.config.ts
index 314a6e1d..6d834895 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -46,9 +46,9 @@ const generateLocalBuildInfo = async (target: string): Promise<LocalBuildInfo> =
     {
         const gitRevision = fs.readFileSync(path.join(__dirname, ".git", "HEAD")).toString();
         if(gitRevision.indexOf("/") === -1) {
-            info.gitVersion = (gitRevision || "0000000").substr(0, 7);
+            info.gitVersion = (gitRevision || "00000000").substr(0, 8);
         } else {
-            info.gitVersion = fs.readFileSync(path.join(__dirname, ".git", gitRevision.substr(5).trim())).toString().substr(0, 7);
+            info.gitVersion = fs.readFileSync(path.join(__dirname, ".git", gitRevision.substr(5).trim())).toString().substr(0, 8);
         }
 
         try {

From f064d6f4b1d95b02a5c8ba3ae8a5dea78b465e89 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Mon, 17 May 2021 22:53:03 +0200
Subject: [PATCH 119/128] Fixed the WebRTC connection for Safari

---
 shared/js/connection/rtc/Connection.ts | 8 +++++++-
 webpack.config.ts                      | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/shared/js/connection/rtc/Connection.ts b/shared/js/connection/rtc/Connection.ts
index 45d49150..5f01c0e9 100644
--- a/shared/js/connection/rtc/Connection.ts
+++ b/shared/js/connection/rtc/Connection.ts
@@ -1061,11 +1061,17 @@ export class RTCConnection {
 
     private handleLocalIceCandidate(candidate: RTCIceCandidate | undefined) {
         if(candidate) {
+            /*
+             * Even if we're only offering local candidates we still should count them else we might
+             * get an candidate finish without any candidates (which should never happen).
+             * An example for this would be safari.
+             */
+            this.localCandidateCount++;
+
             if(candidate.address?.endsWith(".local")) {
                 logTrace(LogCategory.WEBRTC, tr("Skipping local fqdn ICE candidate %s"), candidate.toJSON().candidate);
                 return;
             }
-            this.localCandidateCount++;
 
             const json = candidate.toJSON();
             logTrace(LogCategory.WEBRTC, tr("Received local ICE candidate %s"), json.candidate);
diff --git a/webpack.config.ts b/webpack.config.ts
index 6d834895..e7d62180 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -372,6 +372,7 @@ export const config = async (env: any, target: "web" | "client"): Promise<Config
             liveReload: false,
             inline: false,
 
+            host: "0.0.0.0",
             https: process.env["serve_https"] === "1"
         },
     };

From 06df5327d6c23a7d1e9ff79ca4a9fc070e0c11f3 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Sat, 22 May 2021 13:37:33 +0200
Subject: [PATCH 120/128] Removed the APi stuff

---
 .travis.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index 0c45e923..64056eb7 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -5,8 +5,8 @@ node_js:
   - "15"
 
 before_install:
-  - sudo apt-get update
-  - sudo apt-get -y install realpath
+#  - sudo apt-get update
+#  - sudo apt-get -y install realpath
   - chmod +x ./scripts/travis/build.sh
   - chmod +x ./scripts/travis/deploy_server.sh
   - chmod +x ./scripts/travis/deploy_github.sh

From 96274973670bd392ce35bd1b6487f69bb85c9e24 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:01:17 +0200
Subject: [PATCH 121/128] Decreased nodejs version in hopes travis will build
 again

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 64056eb7..9319f065 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,7 +2,7 @@ dist: trusty
 
 language: node_js
 node_js:
-  - "15"
+  - "12"
 
 before_install:
 #  - sudo apt-get update

From a82c9b90b7e71c26efd9678182409be224cd71a9 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:06:50 +0200
Subject: [PATCH 122/128] Fixed rename mistake

---
 ChangeLog.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 49ba40a8..18c7e89a 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -218,7 +218,7 @@
     - Fixed invalid channel tree unique id assignment for the initial server entry ([#F2986](https://forum.teaspeak.de/index.php?threads/2986))
     
 * **27.09.20**
-    - Middle clicking on bookmarksOld now directly connects in a new tab
+    - Middle clicking on bookmarks now directly connects in a new tab
     
 * **26.09.20**
     - Updating group prefix/suffixes when the group naming mode changes
@@ -388,7 +388,7 @@
     - Fixed channel tree deletions
     - Removed layout recalculate bottleneck on connection handler switching
     - Fixed empty channel tree on tab change, if the tree has some scroll offset
-    - Added the ability to duplicate bookmarksOld
+    - Added the ability to duplicate bookmarks
     - Fixed issue [#106](https://github.com/TeaSpeak/TeaWeb/issues/106)
     - Fixed issue [#90](https://github.com/TeaSpeak/TeaWeb/issues/90)
     
@@ -418,7 +418,7 @@
 * **21.04.20**
     - Clicking on the music bot does not longer results in the insufficient permission sound when the client has no permissions
     - Fixed permission editor overflow
-    - Fixed the bookmark edit window (bookmarksOld have failed to save)
+    - Fixed the bookmark edit window (bookmarks have failed to save)
     
 * **18.04.20**
     - Recoded the channel tree using React
@@ -515,7 +515,7 @@
     - Improved the server info modal experience (Correctly showing no permissions)
     - Improved "About" modal overflow behaviour
     - Allow the client to use the scroll bar without closing the modal within modals
-    - Improved bookmarksOld modal for smaller devices
+    - Improved bookmarks modal for smaller devices
     - Fixed invalid white space representation
     
 * **10.12.19**
@@ -705,7 +705,7 @@
     - Added query account management (since server 1.2.32b)
     
 * **18.12.18**
-    - Added bookmarksOld and bookmarksOld management
+    - Added bookmarks and bookmarks management
     - Added query user visibility button and creation (Query management will follow soon)
     - Fixed overflow within the group assignment dialog
     

From a9829f51eed2f49a0da90f4266a9371bab1236cb Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:10:11 +0200
Subject: [PATCH 123/128] Reenabled realpath install

---
 .travis.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index 9319f065..183e3706 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -5,8 +5,8 @@ node_js:
   - "12"
 
 before_install:
-#  - sudo apt-get update
-#  - sudo apt-get -y install realpath
+  - sudo apt-get update
+  - sudo apt-get -y install realpath
   - chmod +x ./scripts/travis/build.sh
   - chmod +x ./scripts/travis/deploy_server.sh
   - chmod +x ./scripts/travis/deploy_github.sh

From 31c5aad507d6681818c86080b7fa9c43827e5952 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:14:53 +0200
Subject: [PATCH 124/128] Updated the ubuntu version

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 183e3706..a56fa19e 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,4 +1,4 @@
-dist: trusty
+dist: bionic
 
 language: node_js
 node_js:

From b7ca101ff8863461f7733598fb5c0db081193fc8 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:18:58 +0200
Subject: [PATCH 125/128] Fixed the realpath installation for bionic

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index a56fa19e..33cee1dd 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -6,7 +6,7 @@ node_js:
 
 before_install:
   - sudo apt-get update
-  - sudo apt-get -y install realpath
+  - sudo apt-get -y install coreutils
   - chmod +x ./scripts/travis/build.sh
   - chmod +x ./scripts/travis/deploy_server.sh
   - chmod +x ./scripts/travis/deploy_github.sh

From 02e773d11efca593af0c07e1f428a2c0575e372f Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:31:06 +0200
Subject: [PATCH 126/128] Set the short length tag fix to 8 characters

---
 scripts/helper.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/helper.sh b/scripts/helper.sh
index 2190a5b8..f2b83cfd 100644
--- a/scripts/helper.sh
+++ b/scripts/helper.sh
@@ -98,7 +98,7 @@ git_version() {
   if [[ -z "$response" || "${ignore_dirty_worktree:=0}" -eq 1 || 1 -eq 1 ]]; then
       case "$1" in
         "short-tag" | "name" | "file-name")
-          git rev-parse --short HEAD
+          git rev-parse --short=8 HEAD
           ;;
         "long-tag")
           git rev-parse HEAD

From 39d4c0ac7e74045e8889a0b9afefd6aec2932728 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:31:29 +0200
Subject: [PATCH 127/128] Changed the short developer tag to 8 characters as
 well

---
 scripts/helper.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/helper.sh b/scripts/helper.sh
index f2b83cfd..ce7e0e4c 100644
--- a/scripts/helper.sh
+++ b/scripts/helper.sh
@@ -113,7 +113,7 @@ git_version() {
       # We're in development
       case "$1" in
         "short-tag" | "name" | "file-name" | "long-tag")
-          echo "0000000"
+          echo "00000000"
           ;;
 
         *)

From 1feed03272490e3b09be63323d55090f8f860a77 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 26 May 2021 13:45:14 +0200
Subject: [PATCH 128/128] Fixed some bookmark related stuff and updated the
 ChangeLog.md

---
 ChangeLog.md                                |  5 ++
 shared/js/Bookmarks.ts                      |  4 ++
 shared/js/ui/modal/bookmarks/Controller.ts  | 34 ++++++++++++--
 shared/js/ui/modal/bookmarks/Definitions.ts |  4 +-
 shared/js/ui/modal/bookmarks/Renderer.tsx   | 51 ++++++++++++---------
 5 files changed, 72 insertions(+), 26 deletions(-)

diff --git a/ChangeLog.md b/ChangeLog.md
index 18c7e89a..242bdba3 100644
--- a/ChangeLog.md
+++ b/ChangeLog.md
@@ -1,4 +1,9 @@
 # Changelog:
+* **26.05.21**
+    - Fixed automated builds
+    - Fixed the bookmark UI popout window
+    - Added a context menu for the general bookmark container
+  
 * **05.05.21**
     - Reworked the icon modal
     - Fixed some minor icon and avatar related issues
diff --git a/shared/js/Bookmarks.ts b/shared/js/Bookmarks.ts
index 55d6e99b..e8bf474e 100644
--- a/shared/js/Bookmarks.ts
+++ b/shared/js/Bookmarks.ts
@@ -300,6 +300,10 @@ export class BookmarkManager {
         this.doEditBookmark(uniqueId, newValues);
     }
 
+    directoryContents(uniqueId: string) : BookmarkEntry[] {
+        return this.registeredBookmarks.filter(bookmark => bookmark.parentEntry === uniqueId);
+    }
+
     deleteEntry(uniqueId: string) {
         const index = this.registeredBookmarks.findIndex(entry => entry.uniqueId === uniqueId);
         if(index === -1) {
diff --git a/shared/js/ui/modal/bookmarks/Controller.ts b/shared/js/ui/modal/bookmarks/Controller.ts
index 8557d6bd..f88cafd7 100644
--- a/shared/js/ui/modal/bookmarks/Controller.ts
+++ b/shared/js/ui/modal/bookmarks/Controller.ts
@@ -17,7 +17,9 @@ import {server_connections} from "tc-shared/ConnectionManager";
 import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
 import {LocalClientEntry} from "tc-shared/tree/Client";
 import _ from "lodash";
-import {LogCategory, logError} from "tc-shared/log";
+import {LogCategory, logError, logWarn} from "tc-shared/log";
+import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
+import {tra} from "tc-shared/i18n/localize";
 
 class BookmarkModalController {
     readonly events: Registry<ModalBookmarkEvents>;
@@ -194,7 +196,30 @@ class BookmarkModalController {
         }));
 
         /* events */
-        this.events.on("action_delete_bookmark", event => bookmarks.deleteEntry(event.uniqueId));
+        this.events.on("action_delete_bookmark", event => {
+            const entry = bookmarks.findBookmark(event.uniqueId);
+            if(!entry) {
+                logWarn(LogCategory.GENERAL, tr("Tried to delete an unknown bookmark entry %s."), event.uniqueId);
+                return;
+            }
+
+            const children = bookmarks.directoryContents(entry.uniqueId);
+            if(!event.force && entry.type === "directory" && children.length > 0) {
+                promptYesNo({
+                    title: tr("Are you sure?"),
+                    question: tra("Do you really want to delete the directory \"{0}\"?\nThe directory contains {1} entries.", entry.displayName, children.length)
+                }).then(result => {
+                    if(!result) {
+                        return;
+                    }
+
+                    this.events.fire("action_delete_bookmark", { uniqueId: entry.uniqueId, force: true });
+                });
+                return;
+            }
+
+            bookmarks.deleteEntry(event.uniqueId);
+        });
         this.events.on("action_create_bookmark", event => {
             if(!event.displayName) {
                 return;
@@ -215,10 +240,13 @@ class BookmarkModalController {
                 }
 
                 case "selected":
-                default:
                     parentBookmark = this.selectedBookmark?.parentEntry;
                     previousBookmark = this.selectedBookmark?.previousEntry;
                     break;
+
+                case "end":
+                default:
+                    break;
             }
 
             if(event.entryType === "bookmark") {
diff --git a/shared/js/ui/modal/bookmarks/Definitions.ts b/shared/js/ui/modal/bookmarks/Definitions.ts
index 4d4ac18e..11151f2b 100644
--- a/shared/js/ui/modal/bookmarks/Definitions.ts
+++ b/shared/js/ui/modal/bookmarks/Definitions.ts
@@ -55,11 +55,13 @@ export interface ModalBookmarkEvents {
             entry: string
         } | {
             type: "selected",
+        } | {
+            type: "end"
         },
         displayName: string | undefined
     },
     action_duplicate_bookmark: { uniqueId: string, displayName: string | undefined, originalName: string },
-    action_delete_bookmark: { uniqueId: string },
+    action_delete_bookmark: { uniqueId: string, force: boolean },
 
     action_connect: { uniqueId: string, newTab: boolean, closeModal: boolean },
 
diff --git a/shared/js/ui/modal/bookmarks/Renderer.tsx b/shared/js/ui/modal/bookmarks/Renderer.tsx
index 7fb6a4f8..58fb5ca5 100644
--- a/shared/js/ui/modal/bookmarks/Renderer.tsx
+++ b/shared/js/ui/modal/bookmarks/Renderer.tsx
@@ -31,8 +31,6 @@ import ServerInfoImage from "./serverinfo.png";
 import {IconTooltip} from "tc-shared/ui/react-elements/Tooltip";
 import {CountryCode} from "tc-shared/ui/react-elements/CountryCode";
 import {downloadTextAsFile, requestFileAsText} from "tc-shared/file/Utils";
-import {promptYesNo} from "tc-shared/ui/modal/yes-no/Controller";
-import {tra} from "tc-shared/i18n/localize";
 
 const EventContext = React.createContext<Registry<ModalBookmarkEvents>>(undefined);
 const VariableContext = React.createContext<UiVariableConsumer<ModalBookmarkVariables>>(undefined);
@@ -53,23 +51,6 @@ const BookmarkListEntryRenderer = React.memo((props: { entry: BookmarkListEntry
     const events = useContext(EventContext);
     const selectedItem = variables.useVariable("bookmarkSelected", undefined, undefined);
 
-    const tryDelete = () => {
-        if(props.entry.type === "directory" && props.entry.childCount > 0) {
-            promptYesNo({
-                title: tr("Are you sure?"),
-                question: tra("Do you really want to delete the directory \"{0}\"?\nThe directory contains {1} entries.", props.entry.displayName, props.entry.childCount)
-            }).then(result => {
-                if(!result) {
-                    return;
-                }
-
-                events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId });
-            });
-        } else {
-            events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId });
-        }
-    };
-
     let icon;
     if(props.entry.icon) {
         icon = <RemoteIconRenderer key={"icon-" + props.entry.icon.iconId} icon={getIconManager().resolveIconInfo(props.entry.icon)} className={cssStyle.icon} />;
@@ -98,7 +79,9 @@ const BookmarkListEntryRenderer = React.memo((props: { entry: BookmarkListEntry
         );
     }
     buttons.push(
-        <div className={cssStyle.button} key={"bookmark-remove"} title={tr("Delete entry")} onClick={tryDelete}>
+        <div className={cssStyle.button} key={"bookmark-remove"} title={tr("Delete entry")} onClick={() => {
+            events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId, force: false });
+        }}>
             <ClientIconRenderer icon={ClientIcon.Delete} />
         </div>
     );
@@ -184,7 +167,7 @@ const BookmarkListEntryRenderer = React.memo((props: { entry: BookmarkListEntry
                         type: "normal",
                         label: props.entry.type === "bookmark" ? tr("Delete bookmark") : tr("Delete directory"),
                         icon: ClientIcon.BookmarkRemove,
-                        click: tryDelete
+                        click: () => events.fire("action_delete_bookmark", { uniqueId: props.entry.uniqueId, force: false })
                     }
                 ]);
             }}
@@ -209,7 +192,31 @@ const BookmarkList = React.memo(() => {
     const bookmarks = bookmarksInfo.status === "loaded" ? bookmarksInfo.value : [];
 
     return (
-        <div className={cssStyle.containerBookmarks}>
+        <div
+            className={cssStyle.containerBookmarks}
+            onContextMenu={event => {
+                event.preventDefault();
+
+                if(bookmarks.length === 0) {
+                    return;
+                }
+
+                spawnContextMenu({ pageX: event.pageX, pageY: event.pageY }, [
+                    {
+                        type: "normal",
+                        label: tr("Add bookmark"),
+                        icon: ClientIcon.BookmarkAdd,
+                        click: () => events.fire("action_create_bookmark", { entryType: "bookmark", order: { type: "end" }, displayName: undefined })
+                    },
+                    {
+                        type: "normal",
+                        label: tr("Add directory"),
+                        icon: ClientIcon.BookmarkAddFolder,
+                        click: () => events.fire("action_create_bookmark", { entryType: "directory", order: { type: "end" }, displayName: undefined })
+                    },
+                ]);
+            }}
+        >
             {bookmarks.map(entry => <BookmarkListEntryRenderer entry={entry} key={"entry-" + entry.uniqueId} />)}
             <div key={"overlay-loading"} className={cssStyle.overlay + " " + (bookmarksInfo.status === "loaded" ? "" : cssStyle.shown)}>
                 <div className={cssStyle.text}><Translatable>loading</Translatable> <LoadingDots /></div>