diff --git a/eslint.config.mjs b/eslint.config.mjs
index c32ca68c..30207df7 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -20,9 +20,8 @@ export default [
             '**/dist/**',
             '**/build/**',
             '**/static/**/*',
-            'packages/server/assets/ingame.js',
-            'packages/server/assets/homepage.js',
-            'packages/server/assets/vue.js',
+            'packages/pages/src/ingame.js',
+            'packages/pages/src/homepage.js',
             'packages/ingame-overlay/renderer/ingame.js'
         ]
     },
diff --git a/packages/server/assets/fonts/Roboto-Bold.ttf b/packages/pages/assets/fonts/Roboto-Bold.ttf
similarity index 100%
rename from packages/server/assets/fonts/Roboto-Bold.ttf
rename to packages/pages/assets/fonts/Roboto-Bold.ttf
diff --git a/packages/server/assets/fonts/Roboto-BoldItalic.ttf b/packages/pages/assets/fonts/Roboto-BoldItalic.ttf
similarity index 100%
rename from packages/server/assets/fonts/Roboto-BoldItalic.ttf
rename to packages/pages/assets/fonts/Roboto-BoldItalic.ttf
diff --git a/packages/server/assets/fonts/Roboto-Italic.ttf b/packages/pages/assets/fonts/Roboto-Italic.ttf
similarity index 100%
rename from packages/server/assets/fonts/Roboto-Italic.ttf
rename to packages/pages/assets/fonts/Roboto-Italic.ttf
diff --git a/packages/server/assets/fonts/Roboto-Regular.ttf b/packages/pages/assets/fonts/Roboto-Regular.ttf
similarity index 100%
rename from packages/server/assets/fonts/Roboto-Regular.ttf
rename to packages/pages/assets/fonts/Roboto-Regular.ttf
diff --git a/packages/server/assets/fonts/style.css b/packages/pages/assets/fonts/style.css
similarity index 70%
rename from packages/server/assets/fonts/style.css
rename to packages/pages/assets/fonts/style.css
index 42917ea3..a88d7af9 100644
--- a/packages/server/assets/fonts/style.css
+++ b/packages/pages/assets/fonts/style.css
@@ -1,7 +1,9 @@
 @font-face {
     font-family: 'Roboto';
     src: url('Roboto-Regular.ttf');
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url('Roboto-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
@@ -10,7 +12,9 @@
 @font-face {
     font-family: 'Roboto';
     src: url('Roboto-Bold.ttf');
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url('Roboto-Bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
@@ -19,7 +23,9 @@
 @font-face {
     font-family: 'Roboto';
     src: url('Roboto-Italic.ttf');
-    src: local('Roboto Italic'), local('Roboto-Italic'),
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
         url('Roboto-Italic.ttf') format('truetype');
     font-weight: 400;
     font-style: italic;
@@ -28,8 +34,10 @@
 @font-face {
     font-family: 'Roboto';
     src: url('Roboto-BoldItalic.ttf');
-    src: local('Roboto Bold Italic'), local('Roboto-Bold-Italic'),
+    src:
+        local('Roboto Bold Italic'),
+        local('Roboto-Bold-Italic'),
         url('Roboto-BoldItalic.ttf') format('truetype');
     font-weight: 700;
     font-style: italic;
-}
\ No newline at end of file
+}
diff --git a/packages/server/assets/icons/fonts/icomoon.eot b/packages/pages/assets/icons/fonts/icomoon.eot
similarity index 100%
rename from packages/server/assets/icons/fonts/icomoon.eot
rename to packages/pages/assets/icons/fonts/icomoon.eot
diff --git a/packages/server/assets/icons/fonts/icomoon.svg b/packages/pages/assets/icons/fonts/icomoon.svg
similarity index 100%
rename from packages/server/assets/icons/fonts/icomoon.svg
rename to packages/pages/assets/icons/fonts/icomoon.svg
diff --git a/packages/server/assets/icons/fonts/icomoon.ttf b/packages/pages/assets/icons/fonts/icomoon.ttf
similarity index 100%
rename from packages/server/assets/icons/fonts/icomoon.ttf
rename to packages/pages/assets/icons/fonts/icomoon.ttf
diff --git a/packages/server/assets/icons/fonts/icomoon.woff b/packages/pages/assets/icons/fonts/icomoon.woff
similarity index 100%
rename from packages/server/assets/icons/fonts/icomoon.woff
rename to packages/pages/assets/icons/fonts/icomoon.woff
diff --git a/packages/pages/assets/icons/style.css b/packages/pages/assets/icons/style.css
new file mode 100644
index 00000000..7ec2f679
--- /dev/null
+++ b/packages/pages/assets/icons/style.css
@@ -0,0 +1,48 @@
+@font-face {
+    font-family: icomoon;
+    src: url(fonts/icomoon.eot?yo4fz7);
+    src:
+        url(fonts/icomoon.eot?yo4fz7#iefix) format('embedded-opentype'),
+        url(fonts/icomoon.ttf?yo4fz7) format('truetype'),
+        url(fonts/icomoon.woff?yo4fz7) format('woff'),
+        url(fonts/icomoon.svg?yo4fz7#icomoon) format('svg');
+    font-weight: 400;
+    font-style: normal;
+    font-display: block;
+}
+[class*=' icon-'],
+[class^='icon-'] {
+    font-family: icomoon !important;
+    speak: never;
+    font-style: normal;
+    font-weight: 400;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.icon-plus:before {
+    content: '\e92a';
+}
+.icon-delete:before {
+    content: '\e92d';
+}
+.icon-folder:before {
+    content: '\e900';
+}
+.icon-settings:before {
+    content: '\e901';
+}
+.icon-link:before {
+    content: '\e902';
+}
+.icon-github:before {
+    content: '\e903';
+}
+.icon-discord:before {
+    content: '\e904';
+}
+.icon-builder:before {
+    content: '\e905';
+}
diff --git a/packages/server/assets/homepage.html b/packages/pages/homepage.html
similarity index 87%
rename from packages/server/assets/homepage.html
rename to packages/pages/homepage.html
index f39a70cd..b2126697 100644
--- a/packages/server/assets/homepage.html
+++ b/packages/pages/homepage.html
@@ -2,10 +2,11 @@
 
 <head>
   <title>tosu dashboard v1.5</title>
-  <link rel="icon" type="image/x-icon" href="/assets/favicon.ico" />
-  <link rel="stylesheet" href="/assets/homepage.min.css" />
-  <link rel="stylesheet" href="/assets/icons/style.css" />
-  <link rel="stylesheet" href="/assets/fonts/style.css" />
+  <meta charset="UTF-8">
+  <link rel="icon" type="image/x-icon" href="./favicon.ico" />
+  <link rel="stylesheet" href="./src/homepage.scss" />
+  <link rel="stylesheet" href="./assets/icons/style.css" />
+  <link rel="stylesheet" href="./assets/fonts/style.css" />
 </head>
 
 <body>
@@ -77,8 +78,7 @@
       <a href="https://github.com/xxCherry" target="_blank">Cherry</a>
     </span>
   </footer>
-  <script src="/assets/vue.js"></script>
-  <script type="module" src="/assets/homepage.js"></script>
+  <script type="module" src="./src/homepage.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/packages/server/assets/ingame.html b/packages/pages/ingame.html
similarity index 90%
rename from packages/server/assets/ingame.html
rename to packages/pages/ingame.html
index e0f74a4e..62bbfe4e 100644
--- a/packages/server/assets/ingame.html
+++ b/packages/pages/ingame.html
@@ -2,16 +2,16 @@
 <html lang="en">
   <head>
     <title>tosu ingame</title>
-    <meta charset="UTF-8" />
+    <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="stylesheet" href="/assets/ingame.css" />
-    <link rel="stylesheet" href="/assets/homepage.min.css" />
-    <link rel="stylesheet" href="/assets/icons/style.css" />
-    <link rel="stylesheet" href="/assets/fonts/style.css" />
+    <link rel="stylesheet" href="./src/ingame.css" />
+    <link rel="stylesheet" href="./src/homepage.scss" />
+    <link rel="stylesheet" href="./assets/icons/style.css" />
+    <link rel="stylesheet" href="./assets/fonts/style.css" />
 
-    <link rel="preload" as="image" href="/assets/images/39979.png" />
+    <link rel="preload" as="image" href="./assets/images/39979.png" />
   </head>
 
   <body class="ingame">
@@ -32,7 +32,7 @@
       <div class="scroll">
         <div v-if="available_overlays.length == 0" class="no-available">
           <span>You have 0 overlays</span><br />
-          <a href="http://127.0.0.1:24050/available?ingame=true" target="_blank">
+          <a href="/available?ingame=true" target="_blank">
             Download more
             <i class="icon-link"></i>
           </a>
@@ -63,7 +63,7 @@
           <a
             v-if="overlays[context_overlay.index]._settings == true"
             class="ctx-button btn-settings"
-            :href="`http://127.0.0.1:24050/settings?overlay=${overlays[context_overlay.index].folderName}&ingame=true`"
+            :href="`/settings?overlay=${overlays[context_overlay.index].folderName}&ingame=true`"
             target="_blank"
             @click.left="notification({
                 text: `Settings opened in separate window`,
@@ -216,7 +216,7 @@
         </div>
       </transition-group>
 
-      <a href="http://127.0.0.1:24050/available?ingame=true" target="_blank" class="ctx-button download-more">
+      <a href="/available?ingame=true" target="_blank" class="ctx-button download-more">
         <i class="icon-link"></i>
         Download more overlays
       </a>
@@ -245,8 +245,7 @@
 
     <div class="copyright">Tosu.app</div>
 
-    <script src="/assets/vue.js"></script>
-    <script type="module" src="/assets/ingame.js"></script>
-    <script type="module" src="/assets/homepage.js"></script>
+    <script type="module" src="./src/ingame.js"></script>
+    <script type="module" src="./src/homepage.js"></script>
   </body>
 </html>
diff --git a/packages/pages/package.json b/packages/pages/package.json
new file mode 100644
index 00000000..b1656c30
--- /dev/null
+++ b/packages/pages/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "@tosu/pages",
+  "version": "0.1.0",
+  "description": "Web pages for tosu",
+  "author": "cyperdark",
+  "type": "module",
+  "exports": {
+    "./*": "./dist/*"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "dependencies": {
+    "vue": "^3.5.27"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.3",
+    "autoprefixer": "^10.4.23",
+    "vite": "^7.3.0",
+    "vite-tsconfig-paths": "^6.0.4"
+  }
+}
\ No newline at end of file
diff --git a/packages/server/assets/images/39979.png b/packages/pages/public/assets/images/39979.png
similarity index 100%
rename from packages/server/assets/images/39979.png
rename to packages/pages/public/assets/images/39979.png
diff --git a/packages/server/assets/images/discord-5865f2.svg b/packages/pages/public/assets/images/discord-5865f2.svg
similarity index 100%
rename from packages/server/assets/images/discord-5865f2.svg
rename to packages/pages/public/assets/images/discord-5865f2.svg
diff --git a/packages/server/assets/images/github-000000.svg b/packages/pages/public/assets/images/github-000000.svg
similarity index 100%
rename from packages/server/assets/images/github-000000.svg
rename to packages/pages/public/assets/images/github-000000.svg
diff --git a/packages/server/assets/images/twitter-1DA1F2.svg b/packages/pages/public/assets/images/twitter-1DA1F2.svg
similarity index 100%
rename from packages/server/assets/images/twitter-1DA1F2.svg
rename to packages/pages/public/assets/images/twitter-1DA1F2.svg
diff --git a/packages/server/assets/images/usdt-qr-code.png b/packages/pages/public/assets/images/usdt-qr-code.png
similarity index 100%
rename from packages/server/assets/images/usdt-qr-code.png
rename to packages/pages/public/assets/images/usdt-qr-code.png
diff --git a/packages/server/assets/favicon.ico b/packages/pages/public/favicon.ico
similarity index 100%
rename from packages/server/assets/favicon.ico
rename to packages/pages/public/favicon.ico
diff --git a/packages/server/assets/report.html b/packages/pages/report.html
similarity index 99%
rename from packages/server/assets/report.html
rename to packages/pages/report.html
index 94d51fe3..c34a5006 100644
--- a/packages/server/assets/report.html
+++ b/packages/pages/report.html
@@ -3,7 +3,7 @@
 
 <head>
   <title>Tosu Report</title>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <style>
diff --git a/packages/pages/src/homepage.js b/packages/pages/src/homepage.js
new file mode 100644
index 00000000..e4dfd0c5
--- /dev/null
+++ b/packages/pages/src/homepage.js
@@ -0,0 +1,1881 @@
+import { createApp, ref } from 'vue';
+
+import loadingImg from '../public/assets/images/39979.png';
+
+const queryParams = new URLSearchParams(window.location.search);
+
+const BACKUP_SERVER_IP = document.querySelector(
+    '*[data-id="SERVER_IP"] input'
+)?.value;
+const BACKUP_SERVER_PORT = document.querySelector(
+    '*[data-id="SERVER_PORT"] input'
+)?.value;
+
+const downloading = [];
+let selected_keys = [];
+
+const search_bar = document.querySelector('.search-bar');
+const available_overlays = document.querySelector('a[href="/available"]');
+const installed_overlays = document.querySelector('a[href="/"]');
+
+const keybind_div = document.querySelector(
+    '[data-id="INGAME_OVERLAY_KEYBIND"]'
+);
+
+let timer;
+
+let isSearching = false;
+let isClosingModal = false;
+let isBuilderModal = false;
+
+const settingsBuilder = {
+    props: {
+        folderName: {
+            type: String,
+            required: true
+        },
+        settings: {
+            type: Array,
+            required: true
+        }
+    },
+    setup(props) {
+        const settings = ref([
+            {
+                uniqueID: '',
+                type: 'text',
+                title: '',
+                description: '',
+                options: [],
+                value: ''
+            }
+        ]);
+
+        for (let i = 0; i < props.settings.length; i++) {
+            const setting = props.settings[i];
+            if (setting.type == 'options') setting.options.push('');
+            else if (setting.type == 'commands') {
+                for (let o = 0; o < setting.options.length; o++) {
+                    const option = setting.options[o];
+                    if (
+                        option.type == 'options' &&
+                        option.values[option.values.length - 1] != ''
+                    )
+                        option.values.push('');
+                }
+
+                setting.options.push({
+                    type: 'text',
+                    name: '',
+                    title: '',
+                    description: '',
+                    values: [],
+                    value: ''
+                });
+
+                if (!Array.isArray(setting.value)) setting.value = [];
+
+                setting.value.push({});
+            }
+
+            settings.value.push(setting);
+        }
+
+        function highlight(element) {
+            element.classList.add('highlight');
+
+            setTimeout(() => {
+                element.classList.remove('highlight');
+            }, 100);
+        }
+
+        async function updateSettings(event) {
+            const confirmed = confirm(`Update settings?`);
+            if (!confirmed) return;
+
+            const element = event.target;
+
+            downloading.push('update-x2-settings');
+            const button_text = element.innerText;
+            startDownload(element);
+
+            try {
+                const _settings = settings.value.slice(1);
+                for (let i = 0; i < _settings.length; i++) {
+                    const setting = _settings[i];
+                    if (setting.type == 'options')
+                        setting.options = setting.options.filter(
+                            (r) => r !== '' && r != null
+                        );
+
+                    if (setting.type == 'commands') {
+                        setting.options = setting.options.filter(
+                            (r) => r.name !== '' && r.name != null
+                        );
+                        setting.options.forEach((r) => {
+                            if (r.values)
+                                r.values = r.values.filter(
+                                    (r) => r !== '' && r != null
+                                );
+                        });
+                        setting.value = (setting.value || []).filter(
+                            (r) => Object.keys(r).length > 0
+                        );
+                    }
+                }
+
+                // update settings in file
+                const request = await fetch(
+                    `/api/counters/settings/${props.folderName}?update=yes`,
+                    {
+                        method: 'POST',
+                        body: JSON.stringify(_settings)
+                    }
+                );
+                const json = await request.json();
+
+                if (json.error != null) {
+                    if (typeof json.error == 'object') {
+                        try {
+                            json.error = JSON.stringify(json.error);
+                        } catch (error) {}
+                    }
+
+                    displayNotification({
+                        element: element,
+                        text: `Error while updating settings: ${json.error}`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+
+                    setTimeout(() => {
+                        endDownload(element, 'update-x2-settings', button_text);
+                        element.classList.remove('disable');
+                    }, 300);
+                    return;
+                }
+
+                displayNotification({
+                    element: element,
+                    text: `Settings saved`,
+                    classes: ['green'],
+                    delay: 3000
+                });
+
+                isBuilderModal = false;
+                closeModal(null);
+            } catch (error) {
+                console.error(error);
+                displayNotification({
+                    element: element,
+                    text: `Error while saving builder settings: ${error.name}`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+            } finally {
+                setTimeout(() => {
+                    endDownload(element, 'update-x2-settings', button_text);
+                    element.classList.remove('disable');
+                }, 400);
+            }
+        }
+
+        function sanitize(event) {
+            event.target.value = event.target.value.replace(/[^a-z0-9]/gim, '');
+        }
+
+        function addCommand(event, ind, ind2) {
+            const item = settings.value[ind2];
+            const value = item.value[ind];
+
+            const find = item.value
+                .slice(0, item.value.length - 1)
+                .find((r) => r[item.uniqueCheck] == value[item.uniqueCheck]);
+            if (find) {
+                displayNotification({
+                    element: event.target,
+                    text: `Command already exists`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            const items = item.options.filter((r) => r.name !== '');
+            const required = items.filter(
+                (r) =>
+                    r.required == true && r.name !== '' && r.type != 'checkbox'
+            );
+            if (required.length > 0) {
+                for (let i = 0; i < required.length; i++) {
+                    const option = required[i];
+                    if (value[option.name]) continue;
+
+                    displayNotification({
+                        element: event.target,
+                        text: `Command «${option.name}» is required`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+
+                    return;
+                }
+            }
+
+            if (items.length == 0) {
+                displayNotification({
+                    element: event.target,
+                    text: 'Add at least one command option',
+                    classes: ['red'],
+                    delay: 3000
+                });
+
+                return;
+            }
+
+            item.value.push({});
+        }
+
+        function pushOption(event, ind, index) {
+            const item = settings.value[index];
+            const value = item.options[ind];
+            if (value == '') {
+                highlight(event.target.parentNode.children[0]);
+                return;
+            }
+
+            const find = item.options
+                .slice(0, ind)
+                .find((r) => r.toLowerCase() == value.toLowerCase());
+            if (find) {
+                highlight(event.target.parentNode.children[0]);
+
+                displayNotification({
+                    element: event.target,
+                    text: `Option already exists`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            item.options.push('');
+
+            const items = event.target.parentNode.parentNode.children;
+            setTimeout(() => items[items.length - 1].children[0].focus(), 100);
+        }
+
+        function pushOptionValue(event, ind, ind2, index) {
+            const item = settings.value[index].options[ind];
+            const value = item.values[ind2];
+            if (value == '') {
+                highlight(event.target.parentNode.children[0]);
+                return;
+            }
+
+            const find = item.values
+                .slice(0, ind2)
+                .find((r) => r.toLowerCase() == value.toLowerCase());
+            if (find) {
+                highlight(event.target.parentNode.children[0]);
+
+                displayNotification({
+                    element: event.target,
+                    text: `Option already exists`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            item.values.push('');
+
+            const items = event.target.parentNode.parentNode.children;
+            setTimeout(() => items[items.length - 1].children[0].focus(), 100);
+        }
+
+        function pushCommandOption(event, ind, index) {
+            const item = settings.value[index];
+            const value = item.options[ind];
+            if (value.name == '') {
+                displayNotification({
+                    element: event.target,
+                    text: `Specify command name`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+
+                return;
+            }
+
+            const find = item.options
+                .slice(0, ind)
+                .find((r) => r.name == value.name);
+            if (find) {
+                displayNotification({
+                    element: event.target,
+                    text: `Command already exists`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+
+                return;
+            }
+
+            if (value.type == 'options') {
+                if (value.values.length <= 0) {
+                    displayNotification({
+                        element: event.target,
+                        text: `Specify at least 2 options`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+                    return;
+                }
+
+                if (value.value == '') {
+                    displayNotification({
+                        element: event.target,
+                        text: `Specify default option`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+                    return;
+                }
+            }
+
+            item.options.push({
+                type: 'text',
+                name: '',
+                title: '',
+                description: '',
+                values: [],
+                value: ''
+            });
+        }
+
+        function updateType(from, event, ind, ind2) {
+            const value = event.target.value;
+            if (from === '') {
+                const item = settings.value[ind];
+
+                if (value == 'checkbox')
+                    item.value =
+                        item.value === false || item.value === true
+                            ? item.value
+                            : false;
+                else if (value == 'options') {
+                    if (item.options[item.options.length - 1] != '')
+                        item.options.push('');
+                    item.options = item.options.filter(
+                        (r) => typeof r == 'string'
+                    );
+
+                    item.value = item.options[0] || '';
+                } else if (value == 'commands') {
+                    if (item.options[item.options.length - 1]?.name != '')
+                        item.options.push({
+                            type: 'text',
+                            name: '',
+                            title: '',
+                            description: '',
+                            values: [],
+                            value: ''
+                        });
+
+                    item.options = item.options.filter(
+                        (r) => typeof r == 'object'
+                    );
+
+                    item.value = [{}];
+                } else item.value = '';
+
+                return;
+            }
+
+            if (from == 'command') {
+                const item = settings.value[ind2].options[ind];
+
+                if (value == 'checkbox')
+                    item.value =
+                        item.value === false || item.value === true
+                            ? item.value
+                            : false;
+                else if (value == 'options') {
+                    if (item.values[item.values.length - 1] != '')
+                        item.values.push('');
+                    item.value = item.values[0] || '';
+                } else item.value = '';
+
+                return;
+            }
+        }
+
+        function deleteOption(ind, index, force) {
+            if (settings.value[index].options[ind] != '' && force != true)
+                return;
+            if (force == true) {
+                const confirmed = confirm(`Delete option?`);
+                if (!confirmed) return;
+            }
+
+            settings.value[index].options.splice(ind, 1);
+        }
+
+        function deleteOptionValue(ind, ind2, index, force) {
+            if (
+                settings.value[index].options[ind].values[ind2] != '' &&
+                force != true
+            )
+                return;
+            settings.value[index].options[ind].values.splice(ind2, 1);
+        }
+
+        function addSetting(event) {
+            const item = settings.value[0];
+            if (item.uniqueID == '') {
+                displayNotification({
+                    element: event.target,
+                    text: `Specify unique id`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            if (item.title == '') {
+                displayNotification({
+                    element: event.target,
+                    text: `Specify title`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            const ignored_types = [
+                'text',
+                'color',
+                'checkbox',
+                'textarea',
+                'password',
+                'header'
+            ];
+            if (item.value == '' && !ignored_types.includes(item.type)) {
+                let text = `Specify default value`;
+                if (item.type == 'button') text = 'Specify url';
+
+                displayNotification({
+                    element: event.target,
+                    text: text,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            if (item.type == 'checkbox' && item.value == '') item.value = false;
+
+            if (item.type == 'options') {
+                const items = item.options.filter((r) => r !== '' && r != null);
+                if (items.length <= 1) {
+                    displayNotification({
+                        element: event.target,
+                        text: `Specify at least two options to choose`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+                    return;
+                }
+            }
+
+            if (item.type == 'commands') {
+                if (item.options.length == 0) {
+                    displayNotification({
+                        element: event.target,
+                        text: `Specify at least 1 default command`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+                    return;
+                }
+            }
+
+            if (item.type == 'button') {
+                try {
+                    new URL(item.value);
+                } catch (error) {
+                    console.log(error);
+
+                    displayNotification({
+                        element: event.target,
+                        text: 'Incorrect url',
+                        classes: ['red'],
+                        delay: 3000
+                    });
+                    return;
+                }
+            }
+
+            const isExists = settings.value
+                .slice(1)
+                .find((r) => r.uniqueID == item.uniqueID);
+            if (isExists) {
+                displayNotification({
+                    element: event.target,
+                    text: `Setting with this unique id already exists`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            downloading.push('add-option');
+
+            const button_text = event.target.innerText;
+            startDownload(event.target);
+
+            settings.value.push({
+                uniqueCheck: item.uniqueCheck,
+                uniqueID: item.uniqueID,
+                type: item.type,
+                title: item.title,
+                description: item.description,
+                options: item.options,
+                value: item.value
+            });
+
+            item.uniqueID = '';
+            item.type = 'text';
+            item.title = '';
+            item.description = '';
+            item.options = [];
+            item.value = '';
+
+            setTimeout(() => {
+                endDownload(event.target, 'add-option', button_text);
+                event.target.classList.remove('disable');
+            }, 500);
+
+            displayNotification({
+                element: event.target,
+                text: `Setting added`,
+                classes: ['green'],
+                delay: 3000
+            });
+        }
+
+        function removeSetting(ind) {
+            const confirmed = confirm(
+                `Delete option «${settings.value[ind].uniqueID}»?`
+            );
+            if (!confirmed) return;
+
+            settings.value.splice(ind, 1);
+        }
+
+        function removeCommand(ind, ind2) {
+            const item = settings.value[ind2];
+            const confirmed = confirm(`Delete command?`);
+            if (!confirmed) return;
+
+            item.value.splice(ind, 1);
+        }
+
+        function closeit() {
+            isBuilderModal = false;
+            closeModal(null, window.builder.unmount);
+        }
+
+        return {
+            settings,
+            folderName: props.folderName,
+
+            updateSettings,
+
+            updateType,
+
+            addSetting,
+            addCommand,
+
+            pushOption,
+            pushOptionValue,
+            pushCommandOption,
+
+            deleteOption,
+            deleteOptionValue,
+
+            removeSetting,
+            removeCommand,
+            sanitize,
+
+            closeit
+        };
+    },
+    template: `<div class="m-content"><h2 class="ms-title"><span>Settings Builder</span><span>«{{folderName}}»</span></h2><div class="m-scroll settings-container"><div v-for="(i, index) in settings" class="settings-item" :class="{'new-item': index == 0}"><div class="ni-row-1"><div class="si flexer ni-type"><select :disabled="index > 0" @change="updateType('', $event, index)" v-model="i.type"><option value="text">Text</option><option value="color">Color</option><option value="number">Number</option><option value="header">Header</option><option value="checkbox">Toggle</option><option value="button">Button link</option><option value="options">Options</option><option value="commands">Commands</option><option value="textarea">Text area</option><option value="password">Secret value</option></select></div><div class="si flexer ni-unique"><input type="text" placeholder="Unique id" @input="sanitize" v-model="i.uniqueID"></div><div class="si flexer ni-title"><input type="text" placeholder="Title" v-model="i.title"></div></div><div v-if="i.type != 'header'" class="si flexer ni-description"><textarea placeholder="Description" rows="2" v-model="i.description"></textarea></div><div class="ni-row-3"><div v-if="i.type == 'color'" class="si flexer ni-value"><input type="color" v-model="i.value"></div><label v-else-if="i.type == 'checkbox'" class="si-checkbox"><input type="checkbox" v-model="i.value"><span class="checkmark"></span><span class="status"></span></label><div v-else-if="i.type == 'options'"><div class="ni-options"><div v-for="(o, ind) in i.options" class="si ni-option flexer"><input type="text" placeholder="option name" v-model="i.options[ind]" @change="ind == i.options.length - 1 ? pushOption($event, ind, index) : deleteOption(ind, index)" @keyup.enter="ind == i.options.length - 1 ? pushOption($event, ind, index) : ''"><i v-if="ind == i.options.length - 1" class="icon-plus" @click="pushOption($event, ind, index)"></i><i v-else class="icon-delete" @click="deleteOption(ind, index, true)"></i></div></div><div class="si flexer nid-value"><span>Select default option</span><select v-model="i.value"><option v-for="v in i.options.filter(r=> r !== '')" :value="v" v-text="v"></option></select></div></div><div v-else-if="i.type == 'commands'"><h3>Commands options</h3><p class="ni-p">Define commands options</p><div class="ni-commands"><div v-for="(o, ind) in i.options" class="nic-container"><div class="si nic-content flexer"><label v-if="o.type != 'checkbox'" class="si-checkbox"><input type="checkbox" v-model="o.required"><span class="checkmark"></span><span>required</span></label><select @change="updateType('command', $event, ind, index)" v-model="o.type"><option value="text">Text</option><option value="number">Number</option><option value="checkbox">Toggle</option><option value="options">Options</option></select><input type="text" placeholder="name" v-model="o.name"> <input type="text" placeholder="title" v-model="o.title"> <input type="text" placeholder="description" v-model="o.description"> <input v-if="o.type == 'text'" type="text" placeholder="default value" v-model="o.value"> <input v-else-if="o.type == 'number'" type="number" placeholder="default value" v-model="o.value"><label v-else-if="o.type == 'checkbox'" class="si-checkbox"><input type="checkbox" v-model="o.value"><span class="checkmark"></span><span class="status"></span></label><button v-if="ind == i.options.length - 1" class="button add-option-button flexer" @click="pushCommandOption($event, ind, index)"><span>+</span></button><button v-else class="button remove-option-button flexer" @click="deleteOption(ind, index, true)"><span>-</span></button></div><div v-if="o.type == 'options'" class="nic-options flexer"><div v-for="(v, ind2) in o.values" class="si ni-option flexer"><input type="text" placeholder="option name" v-model="o.values[ind2]" @change="ind2 == o.values.length - 1 ? pushOptionValue($event, ind, ind2, index) : deleteOptionValue(ind, ind2, index)" @keyup.enter="ind2 == o.values.length - 1 ? pushOptionValue($event, ind, ind2, index) : ''"><i v-if="ind2 == o.values.length - 1" class="icon-plus" @click="pushOptionValue($event, ind, ind2, index)"></i><i v-else class="icon-delete" @click="deleteOptionValue(ind,ind2, index, true)"></i></div></div><div v-if="o.type == 'options'" class="si flexer nid-value"><span>Select default option</span><select v-model="o.value"><option v-for="v in o.values.filter(r=> r !== '')" :value="v" v-text="v"></option></select></div><hr></div></div><div class="mtb-1 g05 flexer"><h3>Unique option</h3><select class="fgrow" v-model="i.uniqueCheck"><option v-for="v in i.options.filter(r=> r.name !== '')" :value="v.name" v-text="v.name"></option></select></div><h3>Default commands</h3><div class="ni-dcommands si block"><div v-for="(v, ind) in i.value" class="sc-commands"><div class="scc-item flexer empty"><div v-for="o in i.options.filter(r=> r.name != '')" class="scci-item"><h4 v-text="o.title"></h4><p v-text="o.description"></p><input v-if="o.type == 'text'" class="fgrow" type="text" v-model="v[o.name]"> <input v-else-if="o.type == 'number'" class="fgrow" type="number" v-model="v[o.name]"><label v-else-if="o.type == 'checkbox'" class="si-checkbox fgrow sic-start"><input type="checkbox" v-model="v[o.name]"><span class="checkmark"></span><span class="status"></span></label><select v-else-if="o.type == 'options'" class="fgrow" v-model="v[o.name]"><option v-for="v in o.values" :value="v" v-text="v"></option></select></div></div><div class="si-btns flexer si-btn"><button v-if="ind == i.value.length-1" class="button add-option-button flexer" @click="addCommand($event, ind, index)"><span>Add new command</span></button><button v-else class="button remove-option-button flexer" @click="removeCommand(ind, index)"><span>Remove command</span></button></div><hr></div></div></div><div v-else-if="i.type == 'textarea'" class="si flexer ni-description"><textarea placeholder="Default value" rows="3" v-model="i.value"></textarea></div><div v-else class="si flexer ni-value"><input v-if="i.type == 'text'" type="text" placeholder="Default value" v-model="i.value"> <input v-else-if="i.type == 'button'" type="text" placeholder="Specify url" v-model="i.value"> <input v-else-if="i.type == 'number'" type="number" placeholder="Default number" v-model="i.value"> <input v-else-if="i.type == 'password'" type="password" placeholder="Default secret value" v-model="i.value"></div></div><div class="si-btns flexer si-btn"><button v-if="index == 0" class="button add-option-button flexer" @click="addSetting($event)"><span>Add new setting</span></button><button v-else class="button remove-option-button flexer" @click="removeSetting(index)"><span>Remove setting</span></button></div></div></div><div class="ms-btns flexer si-btn"><button class="button update-x2-settings-button flexer" @click="updateSettings"><span>Update settings</span></button><button class="button cancel-button flexer" @click="closeit"><span>Cancel</span></button></div></div>`
+};
+
+const showSettings = {
+    props: {
+        folderName: {
+            type: String,
+            required: true
+        },
+        settings: {
+            type: Array,
+            required: true
+        },
+        values: {
+            type: Array,
+            required: true
+        }
+    },
+    setup(props) {
+        const is_ingame = window.location.pathname == '/api/ingame';
+        const settings = ref([]);
+
+        for (let i = 0; i < props.settings.length; i++) {
+            const setting = props.settings[i];
+            let value = props.values[setting.uniqueID] ?? setting.value;
+
+            if (setting.type == 'commands') {
+                setting.options.forEach((r) => {
+                    if (r.values)
+                        r.values = r.values.filter(
+                            (r) => r !== '' && r != null
+                        );
+                });
+
+                setting.value.forEach((command, cmd_ind) => {
+                    setting.options.forEach((option) => {
+                        const original = command[option.name];
+                        const modified = value.find(
+                            (r) =>
+                                r[setting.uniqueCheck] ==
+                                command[setting.uniqueCheck]
+                        )?.[option.name];
+                        if (original == modified) return;
+
+                        setting.value[cmd_ind][option.name] =
+                            modified ?? original;
+                    });
+                });
+
+                value.forEach((command) => {
+                    const find = setting.value.find(
+                        (r) =>
+                            r[setting.uniqueCheck] ==
+                            command[setting.uniqueCheck]
+                    );
+                    if (find) return;
+
+                    setting.value.push(command);
+                });
+
+                if (!Array.isArray(value)) value = [];
+                value.push({});
+            }
+
+            if (setting.type != 'commands') setting.value = value;
+            settings.value.push(setting);
+        }
+
+        function addCommand(event, ind, ind2) {
+            const item = settings.value[ind2];
+            const value = item.value[ind];
+
+            const find = item.value
+                .slice(0, item.value.length - 1)
+                .find((r) => r[item.uniqueCheck] == value[item.uniqueCheck]);
+            if (find) {
+                displayNotification({
+                    element: event.target,
+                    text: `Command already exists1`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+                return;
+            }
+
+            const items = item.options.filter((r) => r.name !== '');
+            const required = items.filter(
+                (r) =>
+                    r.required == true && r.name !== '' && r.type != 'checkbox'
+            );
+            if (required.length > 0) {
+                for (let i = 0; i < required.length; i++) {
+                    const option = required[i];
+                    if (value[option.name]) continue;
+
+                    displayNotification({
+                        element: event.target,
+                        text: `Command «${option.name}» is required`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+
+                    return;
+                }
+            }
+
+            if (items.length == 0) {
+                displayNotification({
+                    element: event.target,
+                    text: 'Add at least one command option',
+                    classes: ['red'],
+                    delay: 3000
+                });
+
+                return;
+            }
+
+            item.value.push({});
+        }
+
+        async function updateSettings(event) {
+            if (!is_ingame) {
+                const confirmed = confirm(`Update settings?`);
+                if (!confirmed) return;
+            }
+
+            const element = event.target;
+
+            downloading.push('update-settings');
+            const button_text = element.innerText;
+            startDownload(element);
+
+            try {
+                const _settings = JSON.parse(JSON.stringify(settings.value));
+                for (let i = 0; i < _settings.length; i++) {
+                    const setting = _settings[i];
+                    if (setting.type == 'commands') {
+                        setting.options = setting.options.filter(
+                            (r) => r.name !== '' && r.name != null
+                        );
+                        setting.options.forEach((r) => {
+                            if (r.values)
+                                r.values = r.values.filter(
+                                    (r) => r !== '' && r != null
+                                );
+                        });
+                        setting.value = (setting.value || []).filter(
+                            (r) => Object.keys(r).length > 0
+                        );
+                    }
+                }
+
+                const values = _settings.map((r) => ({
+                    uniqueID: r.uniqueID,
+                    value: r.value
+                }));
+
+                const request = await fetch(
+                    `/api/counters/settings/${props.folderName}`,
+                    {
+                        method: 'POST',
+                        body: JSON.stringify(values)
+                    }
+                );
+                const json = await request.json();
+
+                if (json.error != null) {
+                    if (typeof json.error == 'object') {
+                        try {
+                            json.error = JSON.stringify(json.error);
+                        } catch (error) {}
+                    }
+
+                    displayNotification({
+                        element: element,
+                        text: `Error while saving: ${json.error}`,
+                        classes: ['red'],
+                        delay: 3000
+                    });
+
+                    setTimeout(() => {
+                        endDownload(element, 'update-settings', button_text);
+                        element.classList.remove('disable');
+                    }, 300);
+                    return;
+                }
+
+                displayNotification({
+                    element: element,
+                    text: `Settings saved`,
+                    classes: ['green'],
+                    delay: 3000
+                });
+            } catch (error) {
+                console.error(error);
+                displayNotification({
+                    element: element,
+                    text: `Error while saving builder settings: ${error.name}`,
+                    classes: ['red'],
+                    delay: 3000
+                });
+            } finally {
+                setTimeout(() => {
+                    endDownload(element, 'update-settings', button_text);
+                    element.classList.remove('disable');
+                }, 400);
+            }
+        }
+
+        function removeCommand(ind, ind2) {
+            const item = settings.value[ind2];
+            if (!is_ingame) {
+                const confirmed = confirm(`Delete command?`);
+                if (!confirmed) return;
+            }
+
+            item.value.splice(ind, 1);
+        }
+
+        function mrkdwn(text) {
+            let markdown = text;
+
+            markdown = markdown.replace(/<[^>]+>.*?<\/[^>]+>/g, '');
+            markdown = markdown.replace(/<[^>]+>|<\/[^>]+>/g, '');
+
+            // Replace bold and italic
+            markdown = markdown.replace(
+                /\*\*(.+?)\*\*/g,
+                '<strong>$1</strong>'
+            );
+            markdown = markdown.replace(/\*(.+?)\*/g, '<em>$1</em>');
+
+            // Replace inline code
+            markdown = markdown.replace(/`(.+?)`/g, '<code>$1</code>');
+
+            // Replace links
+            markdown = markdown.replace(
+                /\[([^\]]+)\]\(([^)]+)\)/g,
+                '<a href="$2" target="_blank">$1</a>'
+            );
+
+            return markdown;
+        }
+
+        function closeit() {
+            isBuilderModal = false;
+            closeModal(null, window.counter_settings.unmount);
+        }
+
+        return {
+            mrkdwn,
+            settings,
+            folderName: props.folderName,
+            updateSettings,
+
+            addCommand,
+            removeCommand,
+
+            closeit
+        };
+    },
+    template: `<div class="m-content"><h2 class="ms-title"><span>Settings</span><span>«{{folderName}}»</span></h2><div class="m-scroll settings-container"><div v-for="(i, index) in settings"><h2 v-if="i.type == 'header'" class="si-header" v-text="i.title"></h2><div v-else class="si flexer" :class="{ 'block txt-area': i.type == 'textarea', block: i.type == 'commands', 'si-header': i.type == 'header' }"><div><h4 v-text="i.title"></h4><p v-html="mrkdwn(i.description)"></p></div><input v-if="i.type == 'text'" class="fgrow" type="text" v-model="i.value"> <input v-else-if="i.type == 'number'" class="fgrow" type="number" v-model="i.value"> <input v-else-if="i.type == 'color'" class="fgrow" type="color" v-model="i.value"> <input v-else-if="i.type == 'password'" class="fgrow" type="password" v-model="i.value"><a v-else-if="i.type == 'button'" class="button open-link-button flexer" :href="i.value" target="_blank"><span>open link</span><i class="icon-link"></i></a><label v-else-if="i.type == 'checkbox'" class="si-checkbox fgrow sic-start"><input type="checkbox" v-model="i.value"><span class="checkmark"></span><span class="status"></span></label><textarea v-else-if="i.type == 'textarea'" v-model="i.value"></textarea><select v-else-if="i.type == 'options'" class="fgrow" v-model="i.value"><option v-for="o in i.options" :value="o" v-text="o"></option></select><div v-else-if="i.type == 'commands'" class="sc-commands"><hr><div v-for="(v, ind) in i.value" class="sc-commands"><div class="scc-item flexer empty"><div v-for="o in i.options.filter(r=> r.name != '')" class="scci-item"><h4 v-text="o.title"></h4><p v-text="o.description"></p><input v-if="o.type == 'text'" class="fgrow" type="text" v-model="v[o.name]"> <input v-else-if="o.type == 'number'" class="fgrow" type="number" v-model="v[o.name]"><label v-else-if="o.type == 'checkbox'" class="si-checkbox fgrow sic-start"><input type="checkbox" v-model="v[o.name]"><span class="checkmark"></span><span class="status"></span></label><select v-else-if="o.type == 'options'" class="fgrow" v-model="v[o.name]"><option v-for="v in o.values" :value="v" v-text="v"></option></select></div></div><div class="si-btns flexer si-btn"><button v-if="ind == i.value.length-1" class="button add-option-button flexer" @click="addCommand($event, ind, index)"><span>Add new command</span></button><button v-else class="button remove-option-button flexer" @click="removeCommand(ind, index)"><span>Remove command</span></button></div><hr></div></div></div></div></div><div class="ms-btns flexer si-btn"><button class="button update-settings-button flexer" @click="updateSettings"><span>Update settings</span></button><button class="button cancel-button flexer" @click="closeit"><span>Cancel</span></button></div></div>`
+};
+
+document.querySelectorAll(`a.tab-item`).forEach((r) => {
+    if (!r.href) return;
+
+    const parse = new URL(r.href);
+    if (parse.pathname != window.location.pathname) return;
+
+    r.classList.add('active');
+});
+
+document
+    .querySelectorAll('.switch input')
+    .forEach((s) => s.addEventListener('change', () => checkSettingsChanges()));
+
+document.querySelectorAll('.number-input button.incr').forEach((b) =>
+    b.addEventListener('click', (event) => {
+        const inputEl = b.parentElement.querySelector('input');
+        const incrVal = event.shiftKey ? 10 : 1;
+
+        if (isNumberValid(inputEl.value) === false) return;
+        const currentValue = Number(inputEl.value);
+        const newValue = currentValue + incrVal;
+
+        const max = Number.isInteger(inputEl.max) ? Number(inputEl.max) : null;
+        inputEl.value = max !== null && newValue > max ? max : newValue;
+
+        checkSettingsChanges();
+    })
+);
+
+document.querySelectorAll('.number-input button.decr').forEach((b) =>
+    b.addEventListener('click', (event) => {
+        const inputEl = b.parentElement.querySelector('input');
+        const decrVal = event.shiftKey ? 10 : 1;
+
+        if (isNumberValid(inputEl.value) === false) return;
+        const currentValue = Number(inputEl.value);
+        const newValue = currentValue - decrVal;
+
+        const min = isNumberValid(inputEl.min) ? Number(inputEl.min) : null;
+        inputEl.value = min !== null && newValue < min ? min : newValue;
+
+        checkSettingsChanges();
+    })
+);
+
+document.querySelectorAll('.number-input input').forEach((i) =>
+    i.addEventListener('change', (e) => {
+        if (isNumberValid(e.target.value) === false) {
+            e.target.value = e.target.defaultValue;
+            return;
+        }
+
+        const newValue = Number(e.target.value);
+        const min = isNumberValid(e.target.min) ? Number(e.target.min) : null;
+        const max = isNumberValid(e.target.max) ? Number(e.target.max) : null;
+
+        if (min !== null && newValue < min) e.target.value = min;
+        if (max !== null && newValue > max) e.target.value = max;
+
+        checkSettingsChanges();
+    })
+);
+
+document.querySelectorAll('.text-input input').forEach((i) =>
+    i.addEventListener('change', (e) => {
+        const settingId = e.target.parentElement.getAttribute('data-id');
+
+        if (settingId === 'SERVER_IP') {
+            const IPv4Regex = /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/g;
+
+            const newIp = e.target.value;
+            const isValidIp = IPv4Regex.test(newIp);
+
+            if (isValidIp === false) e.target.value = e.target.defaultValue;
+        } else if (settingId === 'SERVER_PORT') {
+            const newPort = Number(e.target.value);
+            const isInRange = newPort >= 1024 && newPort <= 65536;
+
+            if (isNaN(newPort) || isInRange === false)
+                e.target.value = e.target.defaultValue;
+        }
+
+        checkSettingsChanges();
+    })
+);
+
+document
+    .querySelectorAll('.textarea-input textarea')
+    .forEach((i) => i.addEventListener('change', () => checkSettingsChanges()));
+
+const isNumberValid = (num) => {
+    if (typeof num === 'number') return num - num === 0;
+    if (typeof num === 'string' && num.trim() !== '')
+        return Number.isFinite ? Number.isFinite(+num) : isFinite(+num);
+
+    return false;
+};
+
+const checkSettingsChanges = () => {
+    const settings = document.querySelectorAll(
+        '.settings input, .settings textarea'
+    );
+
+    const hasChanges = Array.from(settings).some((s) => {
+        const currentValue = s.type === 'checkbox' ? s.checked : s.value;
+        return currentValue !== s.defaultValue;
+    });
+
+    if (hasChanges) {
+        saveSettings();
+    }
+};
+
+function getSizeOfElement(div) {
+    const [oldOpacity, oldPosition] = [div.style.opacity, div.style.position];
+
+    div.style.opacity = 0;
+    div.style.position = 'fixed';
+    document.body.appendChild(div);
+
+    const size = div.getBoundingClientRect();
+    const styles = window.getComputedStyle(div);
+
+    size.width =
+        size.width +
+        +styles.paddingLeft.replace('px', '') +
+        +styles.paddingRight.replace('px', '') +
+        +styles.marginLeft.replace('px', '') +
+        +styles.marginRight.replace('px', '');
+    size.height =
+        size.height +
+        +styles.paddingTop.replace('px', '') +
+        +styles.paddingBottom.replace('px', '') +
+        +styles.marginTop.replace('px', '') +
+        +styles.marginBottom.replace('px', '');
+
+    div.style.opacity = oldOpacity;
+    div.style.position = oldPosition;
+
+    document.body.removeChild(div);
+
+    return size;
+}
+
+function startDownload(element) {
+    const children = element.children[0];
+    const previousImage = element.children[1];
+
+    const id = element.attributes.l?.value;
+    const isDownloading = downloading.includes(id);
+
+    if (isDownloading == false) {
+        const childrenSize = children.getBoundingClientRect();
+        children.style.width = childrenSize.width;
+
+        const loadingDiv = previousImage || document.createElement('img');
+        if (!previousImage) loadingDiv.src = loadingImg;
+        loadingDiv.style.width = 0;
+        loadingDiv.style.opacity = 0;
+
+        element.appendChild(loadingDiv);
+
+        setTimeout(() => {
+            element.classList.add('disable');
+            children.style.opacity = 0;
+            children.style.width = 0;
+
+            setTimeout(() => {
+                loadingDiv.style.opacity = 1;
+                loadingDiv.style.width =
+                    loadingDiv.style.height = `${childrenSize.height}px`;
+            }, 100);
+        }, 10);
+    }
+}
+
+function endDownload(element, id, text) {
+    const span = element.children[0];
+    const image = element.children[1];
+
+    const isDownloading = downloading.includes(id);
+
+    if (isDownloading == true) {
+        const testSpan = document.createElement('span');
+        testSpan.innerText = text;
+        span.innerText = text;
+
+        const spanSize = getSizeOfElement(testSpan);
+
+        image.style.opacity = 0;
+        image.style.width = 0;
+        image.style.height = 0;
+
+        setTimeout(() => {
+            span.style.opacity = 1;
+            span.style.width = `${spanSize.width}px`;
+        }, 100);
+
+        const index = downloading.indexOf(id);
+        if (index == -1) return;
+
+        downloading.splice(index, 1);
+    }
+}
+
+async function downloadCounter(element, id, update) {
+    if (downloading.includes(id)) return;
+
+    downloading.push(id);
+
+    const folderName = element.attributes.l?.value;
+    const name = element.attributes.n?.value;
+    const author = element.attributes.a?.value;
+
+    const url = new URL(
+        `http://${window.location.host}/api/counters/download/${folderName}`
+    );
+    url.searchParams.append('name', `${name} by ${author}`);
+    if (update == true) url.searchParams.append('update', 'true');
+
+    const download = await fetch(url);
+    const json = await download.json();
+
+    if (json.error != null) {
+        if (typeof json.error == 'object') {
+            try {
+                json.error = JSON.stringify(json.error);
+            } catch (error) {}
+        }
+
+        displayNotification({
+            element: element.parentElement.parentElement,
+            text: `Error while downloading: ${json.error}`,
+            classes: ['red'],
+            delay: 3000
+        });
+
+        setTimeout(() => {
+            endDownload(element, id, 'Download');
+            element.classList.remove('disable');
+        }, 101);
+        return;
+    }
+
+    const oldCount = localStorage.getItem('total-installed-overlays');
+    localStorage.setItem('total-installed-overlays', +oldCount + 1);
+
+    let text = `PP Counter downloaded: ${name} by ${author}`;
+    if (update == true)
+        text = `PP Counter updated: ${name} by ${author}<br>Refresh it in obs (if you have one added)`;
+
+    displayNotification({
+        element: element.parentElement.parentElement,
+        text: text,
+        classes: ['green'],
+        delay: 5000
+    });
+
+    endDownload(element, id, 'Downloaded');
+
+    const div_element = element.parentElement?.parentElement?.parentElement;
+
+    if (div_element.classList.contains('result-item'))
+        div_element.classList.add('downloaded');
+    if (div_element.classList.contains('result-item'))
+        div_element.classList.remove('updatable');
+}
+
+function displayNotification({ element, text, classes, delay }) {
+    const div = document.createElement('div');
+    // const size = div.getBoundingClientRect();
+    div.classList.add('notification');
+    div.classList.add('hidden');
+    if (Array.isArray(classes)) div.classList.add(...classes);
+
+    const targetRect = element.getBoundingClientRect();
+    const bodyRect = document.querySelector('main').getBoundingClientRect();
+    const leftOffset = targetRect.left - bodyRect.left;
+    // const topOffset = targetRect.top - bodyRect.top;
+    // const rightOffset = bodyRect.right - targetRect.right;
+    const bottomOffset = bodyRect.bottom - targetRect.bottom;
+
+    const divSize = getSizeOfElement(div);
+
+    div.style.left = leftOffset;
+    div.style.bottom = bottomOffset - divSize.height - 5;
+
+    div.innerHTML = text;
+
+    document.querySelector('main').appendChild(div);
+    setTimeout(() => {
+        div.classList.remove('hidden');
+    }, 10);
+
+    setTimeout(() => {
+        div.classList.add('hidden');
+
+        setTimeout(() => {
+            document.querySelector('main').removeChild(div);
+        }, 310);
+    }, delay);
+}
+
+function copyText(element) {
+    const text = element.attributes.nfv.value;
+    if (navigator.clipboard == undefined) {
+        const tempTextArea = document.createElement('textarea');
+        tempTextArea.style.position = 'fixed';
+        tempTextArea.style.left = '-9999px';
+        tempTextArea.value = text;
+
+        document.body.appendChild(tempTextArea);
+        tempTextArea.select();
+
+        try {
+            document.execCommand('copy');
+            displayNotification({
+                element,
+                text: `${element.attributes.nft.value} copied`,
+                classes: ['green'],
+                delay: 700
+            });
+        } catch (err) {
+            console.error('Fallback: Oops, unable to copy', err);
+        }
+
+        document.body.removeChild(tempTextArea);
+        return;
+    }
+
+    navigator.clipboard.writeText(text).then(() => {
+        displayNotification({
+            element,
+            text: `${element.attributes.nft.value} copied`,
+            classes: ['green'],
+            delay: 700
+        });
+    });
+}
+
+async function deleteCounter(element) {
+    const folderName = decodeURI(element.attributes.n?.value || '');
+
+    let isDelete = confirm(`Do you want to delete?: ${folderName}`);
+    if (isDelete != true) return;
+
+    const download = await fetch(`/api/counters/delete/${folderName}`);
+    const json = await download.json();
+
+    if (json.error != null) {
+        if (typeof json.error == 'object') {
+            try {
+                json.error = JSON.stringify(json.error);
+            } catch (error) {}
+        }
+
+        displayNotification({
+            element: element.parentElement.parentElement.parentElement,
+            text: `Error while downloading: ${json.error}`,
+            classes: ['red'],
+            delay: 3000
+        });
+
+        endDownload(element, `delete-${folderName}`, 'Error');
+        element.classList.remove('disable');
+        return;
+    }
+
+    displayNotification({
+        element: element.parentElement.parentElement.parentElement,
+        text: `PP Counter deleted: ${folderName}`,
+        classes: ['green'],
+        delay: 3000
+    });
+
+    endDownload(element, `delete-${folderName}`, 'Deleted');
+
+    const results = document.querySelector('.results');
+    results.removeChild(element.parentElement.parentElement.parentElement);
+
+    const newTotal = document.querySelectorAll('.calu').length || 0;
+    localStorage.setItem('total-installed-overlays', newTotal);
+    installed_overlays.innerHTML = `Installed (${newTotal})`;
+
+    if (results.innerHTML.trim() != '') return;
+
+    results.innerHTML = `<div class="no-results">
+  No counters<br /><a href="/available-overlays">Go here to get one 👉</a>
+  </div>`;
+}
+
+async function openCounter(element) {
+    const folderName = decodeURI(element.attributes.n?.value || '');
+
+    const download = await fetch(`/api/counters/open/${folderName}`);
+    const json = await download.json();
+
+    let success_text = `PP Counter Opened: ${folderName}`;
+    let target = element.parentElement.parentElement.parentElement;
+
+    if (folderName == 'tosu.exe') {
+        success_text = 'Tosu folder opened';
+        target = element.parentElement;
+    } else if (folderName == 'static.exe') {
+        success_text = 'Static folder opened';
+        target = element;
+    }
+
+    if (json.error != null) {
+        if (typeof json.error == 'object') {
+            try {
+                json.error = JSON.stringify(json.error);
+            } catch (error) {}
+        }
+
+        displayNotification({
+            element: target,
+            text: `Error while opening: ${json.error}`,
+            classes: ['red'],
+            delay: 3000
+        });
+
+        return;
+    }
+
+    displayNotification({
+        element: target,
+        text: success_text,
+        classes: ['green'],
+        delay: 3000
+    });
+}
+
+function handleInput() {
+    clearTimeout(timer);
+
+    timer = setTimeout(() => {
+        startSearch();
+    }, 300);
+}
+
+async function startSearch(search) {
+    if (isSearching == true || search_bar.value.trim().length === 0) return;
+    search_bar.classList.add('disable');
+    isSearching = true;
+
+    try {
+        const request = await fetch(`/api/counters/search/${search_bar.value}`);
+        const response = await request.text();
+
+        document.querySelector('.results').innerHTML = response;
+    } catch (error) {
+        console.error(error);
+        displayNotification({
+            element: search,
+            text: `Error while search: ${error.name}`,
+            classes: ['red'],
+            delay: 3000
+        });
+    }
+
+    search_bar.classList.remove('disable');
+    isSearching = false;
+}
+
+async function saveSettings() {
+    try {
+        let redirect = false;
+        let settings = {};
+
+        document.querySelectorAll('.settings *[data-id]').forEach((s) => {
+            const input = s.querySelector('input, textarea');
+            if (!input) return;
+
+            const value =
+                input.type == 'checkbox' ? input.checked : input.value;
+            const settingId = s.getAttribute('data-id');
+
+            settings[settingId] = value;
+        });
+
+        if (
+            BACKUP_SERVER_IP != settings['SERVER_IP'] ||
+            BACKUP_SERVER_PORT != settings['SERVER_PORT']
+        )
+            redirect = true;
+
+        const download = await fetch(`/api/settingsSave`, {
+            method: 'POST',
+            body: JSON.stringify(settings)
+        });
+        const json = await download.json();
+
+        if (json.error != null) {
+            if (typeof json.error == 'object')
+                try {
+                    json.error = JSON.stringify(json.error);
+                } catch (error) {}
+
+            displayNotification({
+                element: document.querySelector('header'),
+                text: `Error while saving settings: ${json.error}`,
+                classes: ['red'],
+                delay: 3000
+            });
+            return;
+        }
+
+        displayNotification({
+            element: document.querySelector('header'),
+            text: `Settings saved`,
+            classes: ['green'],
+            delay: 1500
+        });
+
+        if (redirect === true) {
+            const ip =
+                settings['SERVER_IP'] === '0.0.0.0'
+                    ? 'localhost'
+                    : settings['SERVER_IP'];
+
+            setTimeout(() => {
+                window.location.href = `http://${ip}:${settings['SERVER_PORT']}${window.location.pathname}${window.location.search}`;
+            }, 300);
+        }
+    } catch (error) {
+        displayNotification({
+            element: document.querySelector('main'),
+            text: `Error while saving settings: ${error.message}`,
+            classes: ['red'],
+            delay: 3000
+        });
+    }
+}
+
+function displayModal(callback, id, classes) {
+    const div = document.createElement('div');
+    if (Array.isArray(classes)) div.classList.add(...classes);
+
+    if (id) div.id = id;
+    div.classList.add('modal');
+    div.classList.add('hidden');
+
+    document.body.style.overflow = 'hidden';
+
+    const wrapper = document.createElement('div');
+    wrapper.classList.add('m-content');
+    if (typeof callback == 'string') wrapper.innerHTML = callback;
+
+    div.appendChild(wrapper);
+
+    document.body.appendChild(div);
+    if (typeof callback == 'function') callback();
+
+    setTimeout(() => {
+        div.classList.remove('hidden');
+    }, 10);
+}
+
+function closeModal(event, callback) {
+    const block = document.querySelector('.m-content');
+    if (!block || isClosingModal) return;
+
+    // Check if the clicked element is not inside the block
+    if (!block.contains(event?.target) || event == null) {
+        if (isBuilderModal == true) {
+            const modal = document.querySelector('.modal');
+            modal.classList.add('-expand');
+
+            setTimeout(() => {
+                modal.classList.remove('-expand');
+            }, 150);
+            return;
+        }
+
+        isClosingModal = true;
+        document.body.style.overflow = '';
+
+        const modal = document.querySelector('.modal');
+        modal.classList.add('hidden');
+
+        setTimeout(() => {
+            if (typeof callback == 'function') callback();
+
+            document.body.removeChild(modal);
+            isClosingModal = false;
+        }, 601);
+    }
+}
+
+async function loadCounterSettings(overlay_name, to, no_modal) {
+    const folderName = decodeURI(overlay_name || '');
+
+    const download = await fetch(`/api/counters/settings/${folderName}`);
+    const json = await download.json();
+
+    if (json.error != null) {
+        if (typeof json.error == 'object') {
+            try {
+                json.error = JSON.stringify(json.error);
+            } catch (error) {}
+        }
+
+        displayNotification({
+            element: document.querySelector('.tab-item.active'),
+            text: `Error while loading settings: ${json.error}`,
+            classes: ['red'],
+            delay: 3000
+        });
+
+        return;
+    }
+
+    if (no_modal == true) {
+        window.counter_settings = createApp(showSettings, {
+            folderName,
+            settings: Array.isArray(json?.settings) ? json.settings : [],
+            values:
+                typeof json?.values == 'object' && !Array.isArray(json?.values)
+                    ? json.values
+                    : {}
+        });
+
+        window.counter_settings.mount(to);
+        return;
+    }
+
+    displayModal(() => {
+        window.counter_settings = createApp(showSettings, {
+            folderName,
+            settings: Array.isArray(json?.settings) ? json.settings : [],
+            values:
+                typeof json?.values == 'object' && !Array.isArray(json?.values)
+                    ? json.values
+                    : {}
+        });
+
+        window.counter_settings.mount(to);
+    }, 'showSettings');
+}
+
+async function startUpdate(element) {
+    if (downloading.includes('updating-tosu')) return;
+    downloading.push('updating-tosu');
+    element.classList.add('loadong');
+
+    try {
+        const request = await fetch(`/api/runUpdates`, { method: 'GET' });
+        const json = await request.json();
+
+        if (json.error != null) {
+            if (typeof json.error == 'object') {
+                try {
+                    json.error = JSON.stringify(json.error);
+                } catch (error) {}
+            }
+
+            displayNotification({
+                element: element,
+                text: `Error while updating: ${json.error}`,
+                classes: ['red'],
+                delay: 3000
+            });
+
+            element.classList.remove('loadong');
+            return;
+        }
+
+        displayNotification({
+            element: element,
+            text: `Update finished`,
+            classes: ['green'],
+            delay: 3000
+        });
+
+        const find = downloading.indexOf('updating-tosu');
+        if (find >= -1) downloading.splice(find, 1);
+
+        element.classList.remove('loadong');
+        element.classList.add('fold');
+
+        setTimeout(() => {
+            document.body.removeChild(element);
+        }, 400);
+    } catch (error) {
+        console.log(error);
+        displayNotification({
+            element: element,
+            text: `Error while updating: ${error.name}`,
+            classes: ['red'],
+            delay: 3000
+        });
+    }
+}
+
+async function startBuilderModal(element) {
+    const folderName = decodeURI(element.attributes.n?.value || '');
+    let json = '';
+
+    try {
+        const download = await fetch(
+            `${window.location.origin}/${folderName}/settings.json`
+        );
+        json = await download.json();
+    } catch (error) {}
+
+    displayModal(() => {
+        window.builder = createApp(settingsBuilder, {
+            folderName,
+            settings: Array.isArray(json) ? json : []
+        });
+
+        window.builder.mount('#settingsBuilder');
+    }, 'settingsBuilder');
+
+    isBuilderModal = true;
+}
+
+search_bar?.addEventListener('input', handleInput);
+search_bar?.addEventListener('keydown', handleInput);
+
+window.addEventListener('click', (event) => {
+    const t = event.target;
+
+    if (t?.classList.value.includes('dl-button')) {
+        const id = t.attributes.l?.value;
+
+        startDownload(t);
+        downloadCounter(t, id);
+        return;
+    }
+
+    if (t?.classList.value.includes('update-button')) {
+        const id = t.attributes.l?.value;
+        const name = t.attributes.n?.value;
+        const author = t.attributes.a?.value;
+        const confirmed = confirm(`Update counter «${name} by ${author}»?`);
+        if (!confirmed) return;
+
+        startDownload(t);
+        downloadCounter(t, id, true);
+        return;
+    }
+    if (t?.classList.value.includes(' delete-button')) return deleteCounter(t);
+    if (t?.classList.value.includes(' open-button')) return openCounter(t);
+    if (t?.classList.value.includes(' open-folder-button'))
+        return openCounter(t);
+
+    if (t?.classList.value.includes(' settings-button')) {
+        loadCounterSettings(t.attributes.n?.value, '#showSettings');
+        return;
+    }
+
+    if (t?.classList.value.includes(' -settings')) {
+        loadCounterSettings(t.attributes.n?.value, '#showSettings');
+        return;
+    }
+
+    if (t?.classList.value.includes(' settings-builder-button')) {
+        startBuilderModal(t);
+        return;
+    }
+
+    if (t?.classList.value.includes('update-available')) {
+        startUpdate(t);
+        return;
+    }
+
+    if (t?.attributes.nf) return copyText(t);
+
+    if (t?.id == 'devMode') {
+        document
+            .querySelectorAll('.settings-builder-button')
+            .forEach((r) => r.classList.toggle('active'));
+        return;
+    }
+});
+
+document.addEventListener('mousedown', function (event) {
+    if (event.button !== 0) return;
+    closeModal(event);
+});
+
+document.addEventListener('keydown', (event) => {
+    const key = event.code;
+
+    if (key == 'Escape') {
+        closeModal(null);
+        return;
+    }
+});
+
+// Use cached values if available before updating with real values.
+const cachedAvailable = +localStorage.getItem('total-available-overlays') || 0;
+const cachedInstalled = +localStorage.getItem('total-installed-overlays') || 0;
+
+if (available_overlays)
+    available_overlays.innerHTML = `Available (${cachedAvailable})`;
+if (installed_overlays)
+    installed_overlays.innerHTML = `Installed (${cachedInstalled})`;
+
+window.onload = async () => {
+    window.closeModal_func = closeModal;
+
+    try {
+        const request = await fetch('https://tosu.app/api.json');
+        const available = await request.json();
+
+        if (Array.isArray(available) && cachedAvailable !== available.length) {
+            available_overlays.innerHTML = `Available (${available.length})`;
+            localStorage.setItem('total-available-overlays', available.length);
+        }
+
+        const installed = document.querySelectorAll('.calu');
+        if (installed_overlays) {
+            if (
+                window.location.pathname === '/' &&
+                cachedInstalled !== installed.length
+            ) {
+                installed_overlays.innerHTML = `Installed (${installed.length})`;
+                localStorage.setItem(
+                    'total-installed-overlays',
+                    installed.length
+                );
+            } else {
+                installed_overlays.innerHTML = `Installed (${cachedInstalled})`;
+            }
+        }
+
+        for (let i = 0; i < installed.length; i++) {
+            const counter = installed[i];
+
+            const find = available.find(
+                (r) =>
+                    r.name.toLowerCase() ==
+                        counter.attributes
+                            .getNamedItem('n')
+                            ?.value.toLowerCase() &&
+                    r.author.toLowerCase() ==
+                        counter.attributes
+                            .getNamedItem('a')
+                            ?.value.toLowerCase()
+            );
+            if (!find) continue;
+
+            const updatable =
+                counter.attributes.getNamedItem('v')?.value != find.version;
+            if (!updatable) continue;
+
+            const button = document.createElement('button');
+            button.classList.add('button', 'update-button', 'flexer');
+
+            button.setAttribute('l', find.downloadLink);
+            button.setAttribute('n', find.name);
+            button.setAttribute('a', find.author);
+
+            button.innerHTML = `<span>Update</span>`;
+            counter.prepend(button);
+        }
+
+        if (search_bar) setTimeout(() => search_bar.focus(), 100);
+        window.showDonateModal = showDonateModal;
+    } catch (e) {
+        console.log(e);
+    }
+};
+
+// dynamically update values on all opened tabs.
+window.onstorage = (e) => {
+    if (e.key === 'total-installed-overlays' && installed_overlays) {
+        installed_overlays.innerHTML = `Installed (${e.newValue})`;
+        if (window.location.pathname === '/')
+            setTimeout(() => window.location.reload(), 250);
+    }
+
+    if (e.key === 'total-available-overlays' && available_overlays) {
+        available_overlays.innerHTML = `Available (${e.newValue})`;
+        if (window.location.pathname === '/available')
+            setTimeout(() => window.location.reload(), 250);
+    }
+};
+
+if (queryParams.has('ingame')) {
+    document.querySelector('.tabs')?.remove();
+    document.querySelector('.links')?.remove();
+    document.querySelector('.submit-counter')?.remove();
+}
+
+if (window.location.pathname == '/settings' && queryParams.has('overlay')) {
+    const results = document.querySelector('.results');
+    results.classList.add('--settings');
+    results.innerHTML = `Loading...`;
+
+    loadCounterSettings(queryParams.get('overlay'), '.results', true);
+}
+
+if (
+    window.location.pathname == '/settings' &&
+    !queryParams.has('overlay') &&
+    keybind_div
+) {
+    const keybindInput = keybind_div.children[0];
+    let previousKeybind = keybindInput.value;
+
+    keybindInput.addEventListener('focus', () => {
+        keybindInput.value = '...';
+        window.addEventListener('keydown', handleKey);
+        window.addEventListener('keyup', handleKey);
+    });
+
+    keybindInput.addEventListener('blur', () => {
+        if (keybindInput.value === '...') keybindInput.value = previousKeybind;
+
+        window.removeEventListener('keydown', handleKey);
+        window.removeEventListener('keyup', handleKey);
+        checkSettingsChanges();
+    });
+
+    const handleKey = (event) => {
+        event.preventDefault();
+        const key = event.key === ' ' ? 'Space' : event.key;
+        const formattedKey =
+            key.charAt(0).toUpperCase() + key.slice(1).toLowerCase();
+
+        if (event.type === 'keydown') {
+            if (key === 'Escape') {
+                keybindInput.value = previousKeybind;
+                keybindInput.blur();
+                return;
+            }
+
+            if (selected_keys.length >= 4) {
+                displayNotification({
+                    element: keybindInput,
+                    text: `You can only bind up to 4 keys!`,
+                    classes: ['red'],
+                    delay: 2000
+                });
+
+                selected_keys = [];
+                keybindInput.blur();
+                return;
+            }
+
+            if (!selected_keys.some((k) => k.key === formattedKey)) {
+                selected_keys.push({ code: event.keyCode, key: formattedKey });
+                selected_keys.sort((a, b) => {
+                    const modifierOrder = ['Meta', 'Control', 'Shift', 'Alt'];
+                    const isModifierA = modifierOrder.includes(
+                        a.key.split('+')[0]
+                    );
+                    const isModifierB = modifierOrder.includes(
+                        b.key.split('+')[0]
+                    );
+                    if (isModifierA !== isModifierB)
+                        return isModifierA ? -1 : 1;
+                    return a.key.localeCompare(b.key, undefined, {
+                        numeric: true
+                    });
+                });
+                keybindInput.value = selected_keys
+                    .map((k) => k.key)
+                    .join(' + ');
+            }
+        } else if (event.type === 'keyup') {
+            selected_keys = selected_keys.filter(
+                (k) => k.code !== event.keyCode
+            );
+            if (selected_keys.length === 0) keybindInput.blur();
+
+            previousKeybind = keybindInput.value;
+        }
+    };
+}
+
+function showDonateModal() {
+    displayModal(
+        `
+    <h2 class="ms-title">Support us! ❤️</h2>
+
+    <div class="m-scroll donate-container">
+        <div class="flexer donate-buttons">
+            <a class="button boosty-button" href="https://boosty.to/kotrik/donate" target="_blank">Boosty</a>
+        </div>
+
+        <div class="flexer donate-qr">
+            <img src="/assets/images/usdt-qr-code.png"/>
+
+            <h3>USDT (TRC20)</h3>
+            <code>TCYKLbTiASF1j5hvSoYFXsd56nXFeSqfFn</code>
+        </div>
+
+        <div class="donate-description">
+            <p>Hello! Unfortunately, everything we do here is "free job" and we are glad that you use our software</p></br>
+            <p>We would like to ask you to support us with a coin, even a small one</p></br>
+            <p>Due to the fact that almost all developers are from Russia, we are paralyzed in accepting donations via Patreon or PayPal</p></br>
+            <p>So if it is not difficult and you don't mind a coin with provided options, we will be grateful!</p>
+        </div>
+    </div>
+`,
+        'donateModal'
+    );
+}
diff --git a/packages/server/assets/homepage.scss b/packages/pages/src/homepage.scss
similarity index 100%
rename from packages/server/assets/homepage.scss
rename to packages/pages/src/homepage.scss
diff --git a/packages/server/assets/ingame.css b/packages/pages/src/ingame.css
similarity index 94%
rename from packages/server/assets/ingame.css
rename to packages/pages/src/ingame.css
index 8e791f4f..4804eca4 100644
--- a/packages/server/assets/ingame.css
+++ b/packages/pages/src/ingame.css
@@ -7,7 +7,7 @@
     box-shadow: none !important;
 }
 
-input[type="number"].input2 {
+input[type='number'].input2 {
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
@@ -22,7 +22,7 @@ input[type="number"].input2 {
     border: none;
 }
 
-input[type="range"].input2 {
+input[type='range'].input2 {
     user-select: none;
     appearance: none;
     cursor: pointer;
@@ -32,14 +32,14 @@ input[type="range"].input2 {
     border-radius: 16px;
 }
 
-input[type="range"].input2::-webkit-slider-runnable-track,
-input[type="range"].input2::-moz-range-track {
+input[type='range'].input2::-webkit-slider-runnable-track,
+input[type='range'].input2::-moz-range-track {
     height: 20px;
     background: #ccc;
     border-radius: 16px;
 }
 
-input[type="range"].input2::-webkit-slider-thumb {
+input[type='range'].input2::-webkit-slider-thumb {
     appearance: none;
     width: 20px;
     height: 20px;
@@ -49,8 +49,7 @@ input[type="range"].input2::-webkit-slider-thumb {
     box-shadow: -407px 0 0 400px var(--button-open);
 }
 
-
-input[type="range"].input2::-moz-range-thumb {
+input[type='range'].input2::-moz-range-thumb {
     width: 20px;
     height: 20px;
     background-color: #fff;
@@ -155,7 +154,9 @@ main.main {
 
 .copyright {
     pointer-events: none;
-    text-shadow: 0em 0em 0.2em black, 0em 0em 2em #417bc5;
+    text-shadow:
+        0em 0em 0.2em black,
+        0em 0em 2em #417bc5;
     font-size: 1.4em;
     position: fixed;
     color: #417bc5;
@@ -163,7 +164,9 @@ main.main {
     left: 50%;
     opacity: 0;
     transform: translateX(-50%);
-    transition: opacity 0.3s ease, top 0.3s ease;
+    transition:
+        opacity 0.3s ease,
+        top 0.3s ease;
     z-index: 2;
 }
 
@@ -236,7 +239,7 @@ iframe {
     display: flex;
     gap: 0.5em;
 
-    &>* {
+    & > * {
         text-align: center;
         flex-grow: 1;
     }
@@ -263,7 +266,6 @@ iframe {
         translate: 0 1px;
     }
 
-
     &.btn-delete {
         background: var(--button-delete);
     }
@@ -294,7 +296,6 @@ iframe {
     }
 }
 
-
 .overlay {
     transition: 0.2s ease;
     transition-property: translate;
@@ -359,8 +360,6 @@ iframe {
     }
 }
 
-
-
 .scale-up-enter-active,
 .scale-up-leave-active {
     transition: all 0.4s ease;
@@ -387,4 +386,4 @@ iframe {
     transition: 0.3s ease;
     transition-property: filter, translate, opacity, bottom;
     z-index: 1;
-}
\ No newline at end of file
+}
diff --git a/packages/pages/src/ingame.js b/packages/pages/src/ingame.js
new file mode 100644
index 00000000..97f36544
--- /dev/null
+++ b/packages/pages/src/ingame.js
@@ -0,0 +1,869 @@
+import { computed, createApp, ref, watch, watchEffect } from 'vue';
+
+class WebSocketManager {
+    constructor(host) {
+        if (host) {
+            this.host = host;
+        }
+
+        this.createConnection = this.createConnection.bind(this);
+
+        /**
+         * @type {{ [key: string]: WebSocket }} - asd;
+         */
+        this.sockets = {};
+    }
+
+    createConnection(url, callback, filters) {
+        let INTERVAL = '';
+
+        const that = this;
+        const parse_url = new URL(window.location.href);
+        let socket_url = `ws://${this.host}${url}?l=__ingame__`;
+        if (parse_url.searchParams.get('edit')) socket_url += `&iframe=true`;
+
+        this.sockets[url] = new WebSocket(socket_url);
+
+        this.sockets[url].onopen = () => {
+            console.log(`[OPEN] ${url}: Connected`);
+
+            if (INTERVAL) clearInterval(INTERVAL);
+            if (Array.isArray(filters)) {
+                this.sockets[url].send(
+                    `applyFilters:${JSON.stringify(filters)}`
+                );
+            }
+        };
+
+        this.sockets[url].onclose = (event) => {
+            console.log(`[CLOSED] ${url}: ${event.reason}`);
+
+            delete this.sockets[url];
+            INTERVAL = setTimeout(() => {
+                that.createConnection(url, callback, filters);
+            }, 1000);
+        };
+
+        this.sockets[url].onerror = (event) => {
+            console.log(`[ERROR] ${url}: ${event.reason}`);
+        };
+
+        this.sockets[url].onmessage = (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                if (data.error != null) {
+                    console.error(`[MESSAGE_ERROR] ${url}:`, data.error);
+                    return;
+                }
+
+                if (data.message != null) {
+                    if (data.message.error != null) {
+                        console.error(
+                            `[MESSAGE_ERROR] ${url}:`,
+                            data.message.error
+                        );
+                        return;
+                    }
+                }
+
+                callback(data);
+            } catch (error) {
+                console.log(
+                    `[MESSAGE_ERROR] ${url}: Couldn't parse incomming message`,
+                    error
+                );
+            }
+        };
+    }
+    /**
+     * Connects to tosu advanced socket api.
+     * @param {(data: WEBSOCKET_V2) => void} callback - The function to handle received messages.
+     * @param {Filters[]} filters
+     */
+    api_v2(callback, filters) {
+        this.createConnection(`/websocket/v2`, callback, filters);
+    }
+
+    /**
+     * Connects to message
+     * @param {(data: { command: string, message: any }) => void} callback - The function to handle received messages.
+     */
+    commands(callback) {
+        this.createConnection(`/websocket/commands`, callback);
+    }
+
+    /**
+     *
+     * @param {string} name
+     * @param {string|Object} payload
+     */
+    sendCommand(name, command, amountOfRetries = 1) {
+        const that = this;
+
+        if (!this.sockets['/websocket/commands']) {
+            setTimeout(() => {
+                that.sendCommand(name, command, amountOfRetries + 1);
+            }, 100);
+
+            return;
+        }
+
+        try {
+            const payload =
+                typeof command == 'object' ? JSON.stringify(command) : command;
+            this.sockets['/websocket/commands'].send(`${name}:${payload}`);
+        } catch (error) {
+            if (amountOfRetries <= 3) {
+                console.log(
+                    `[COMMAND_ERROR] Attempt ${amountOfRetries}`,
+                    error
+                );
+                setTimeout(() => {
+                    that.sendCommand(name, command, amountOfRetries + 1);
+                }, 1000);
+                return;
+            }
+
+            console.error(`[COMMAND_ERROR]`, error);
+        }
+    }
+
+    close(url) {
+        this.host = url;
+
+        const array = Object.keys(this.sockets);
+        for (let i = 0; i < array.length; i++) {
+            const key = array[i];
+            const value = this.sockets[key];
+
+            if (!value) continue;
+            value.close();
+        }
+    }
+}
+
+const socket = new WebSocketManager(window.location.host);
+
+const app = createApp({
+    setup() {
+        const settings_debounce = debounce((v, old) => {
+            save_settings();
+        }, 400);
+
+        const is_edit_available_by_default =
+            new URL(location.href).searchParams.get('edit') === 'true';
+        const is_edit = ref(is_edit_available_by_default);
+
+        const max_width = ref(window.innerWidth);
+        const max_height = ref(window.innerHeight);
+        const cursor = ref({
+            type: 'default'
+        });
+
+        const empty_ctx = ref(null);
+        const overlay_ctx = ref(null);
+
+        /** @type { { value: ICounter[] } } */
+        const available_overlays = ref(window.COUNTERS || []);
+        /** @type { { value: Overlay[] } } */
+        const overlays = ref([]);
+
+        const context_empty = ref({
+            _: false,
+            showed: false,
+            x: 0,
+            x1: 0,
+            y: 0,
+            y1: 0
+        });
+
+        const context_overlay = ref({
+            _: false,
+            showed: false,
+            selected: -1,
+            x: 0,
+            x1: 0,
+            y: 0,
+            y1: 0
+        });
+
+        const settings = computed(() => {
+            const array = JSON.stringify(overlays.value);
+            return { overlays: array };
+        });
+
+        watch(settings, settings_debounce);
+        watchEffect(() => {
+            document.body.style.cursor = cursor.value.type;
+        });
+        watchEffect(() => {
+            document.body.style.setProperty('--w', `${max_width.value}px`);
+            document.body.style.setProperty('--h', `${max_height.value}px`);
+        });
+
+        watchEffect(() => {
+            if (is_edit.value == true) document.body.classList.add('-editing');
+            else document.body.classList.remove('-editing');
+        });
+
+        let _id = 0;
+
+        let hovered_index = -1;
+        let copy_index = -1;
+
+        let is_dragging = false;
+        let is_resizing = false;
+
+        let initial_left = 0;
+        let initial_top = 0;
+
+        let initial_width = 0;
+        let initial_height = 0;
+
+        let initial_scale = 0;
+
+        let start_x = 0;
+        let start_y = 0;
+
+        let resize_elm = null;
+        let drag_elm = null;
+
+        const resize_direction = {
+            top: false,
+            left: false,
+            right: false,
+            bottom: false
+        };
+
+        function round_up(value) {
+            if (value == null || value == '') return 0;
+
+            const num = parseFloat(value);
+            return Number.isFinite(num) ? +num.toFixed(4) : 0;
+        }
+
+        function side_decide(event, is_resize) {
+            if (is_dragging && is_resize != true) return;
+
+            const element = event.target;
+
+            const client_rect = element.getBoundingClientRect();
+            const offset = 15;
+
+            const is_top = event.clientY - client_rect.top < offset;
+            const is_left = event.clientX - client_rect.left < offset;
+            const is_right = client_rect.right - event.clientX < offset;
+            const is_bottom = client_rect.bottom - event.clientY < offset;
+
+            if (is_resize)
+                return (
+                    (is_top || is_left || is_right || is_bottom) &&
+                    !event.shiftKey
+                );
+
+            if (event.shiftKey) cursor.value.type = 'move';
+            else if (is_left && is_top) cursor.value.type = 'nw-resize';
+            else if (is_right && is_top) cursor.value.type = 'ne-resize';
+            else if (is_left && is_bottom) cursor.value.type = 'ne-resize';
+            else if (is_right && is_bottom) cursor.value.type = 'nw-resize';
+            else if (is_left || is_right) cursor.value.type = 'ew-resize';
+            else if (is_top || is_bottom) cursor.value.type = 'ns-resize';
+            else cursor.value.type = 'move';
+
+            if (is_resizing) return;
+
+            resize_direction.top = is_top;
+            resize_direction.left = is_left;
+            resize_direction.right = is_right;
+            resize_direction.bottom = is_bottom;
+
+            const index = element.attributes.getNamedItem('data-ind').value;
+            if (!index) {
+                // console.log('[side_decide]', `cant find index`, event);
+
+                return;
+            }
+
+            hovered_index = index;
+        }
+
+        function resizing(event) {
+            if (!is_resizing) return;
+
+            const element = resize_elm;
+            if (!element) return;
+
+            const index = element.attributes.getNamedItem('data-ind').value;
+            if (!index) {
+                // console.log(`[resizing-${event.ctrlKey ? 'scale' : ''}]`, `cant find index`, event);
+
+                return;
+            }
+
+            const find = overlays.value[index];
+            if (!find) {
+                // console.log(`[resizing-${event.ctrlKey ? 'scale' : ''}]`, `cant find overlay`, event);
+
+                return;
+            }
+
+            if (event.ctrlKey) {
+                const client_rect = element.getBoundingClientRect();
+                const offset_x =
+                    (event.clientX - start_x) * element.style.scale;
+
+                const scale = initial_scale + offset_x / client_rect.width;
+                if (scale < 0.1) return;
+
+                find.scale = round_up(scale);
+                return;
+            }
+
+            const offset_x = event.clientX - start_x;
+            const offset_y = event.clientY - start_y;
+
+            if (resize_direction.left) {
+                const width = initial_width - offset_x;
+                const left = initial_left + offset_x;
+
+                if (width >= 10 && left + width <= max_width.value) {
+                    find.left = round_up(Math.max(0, left));
+                    find.width = round_up(Math.max(10, width / initial_scale));
+
+                    // element.style.left = `${Math.max(0, left)}px`;
+                    // element.style.width = `${Math.max(10, width / initial_scale)}px`;
+
+                    // console.log('left', initial_scale, element.style.left, element.style.width);
+                }
+            } else if (resize_direction.right) {
+                const width = initial_width + offset_x;
+                if (initial_left + width <= max_width.value) {
+                    find.width = round_up(Math.max(10, width / initial_scale));
+                    // element.style.width = `${Math.max(10, width / initial_scale)}px`;
+
+                    // console.log('right', initial_scale, element.style.width);
+                }
+            }
+
+            if (resize_direction.top) {
+                const height = initial_height - offset_y;
+                const top = initial_top + offset_y;
+
+                if (height >= 10 && top + height <= max_height.value) {
+                    find.height = round_up(
+                        Math.max(10, height / initial_scale)
+                    );
+                    find.top = round_up(Math.max(0, top));
+                    // element.style.height = `${Math.max(10, height / initial_scale)}px`;
+                    // element.style.top = `${Math.max(0, top)}px`;
+
+                    // console.log('top', initial_scale, element.style.height, element.style.top);
+                }
+            } else if (resize_direction.bottom) {
+                const height = initial_height + offset_y;
+                if (initial_top + height <= max_height.value) {
+                    find.height = round_up(
+                        Math.max(10, height / initial_scale)
+                    );
+                    // element.style.height = `${Math.max(10, height / initial_scale)}px`;
+
+                    // console.log('bottom', initial_scale, element.style.height);
+                }
+            }
+        }
+
+        function enable_drag(event) {
+            const type = side_decide(event, true);
+            if (type) {
+                is_resizing = true;
+                resize_elm = event.target;
+            } else {
+                is_dragging = true;
+                drag_elm = event.target;
+            }
+
+            const client_rect = event.target.getBoundingClientRect();
+
+            initial_top = +event.target.style.top.replace('px', '');
+            initial_left = +event.target.style.left.replace('px', '');
+
+            initial_width = client_rect.width;
+            initial_height = client_rect.height;
+
+            initial_scale = +event.target.style.scale;
+
+            start_x = event.clientX;
+            start_y = event.clientY;
+        }
+
+        function stop_drag() {
+            is_dragging = false;
+            is_resizing = false;
+        }
+
+        window.addEventListener('mousemove', (event) => {
+            if (is_resizing) return resizing(event);
+            if (!is_dragging) return;
+
+            const element = drag_elm;
+            if (!element) return;
+
+            const client_rect = element.getBoundingClientRect();
+
+            const offset_x = event.clientX - start_x;
+            const offset_y = event.clientY - start_y;
+
+            const element_width = client_rect.width;
+            const element_height = client_rect.height;
+
+            const index = element.attributes.getNamedItem('data-ind').value;
+            if (!index) {
+                // console.log('[mousemove]', `cant find url`, event);
+
+                return;
+            }
+
+            const find = overlays.value[index];
+            if (!find) {
+                // console.log('[mousemove]', `cant find overlay`, event);
+
+                return;
+            }
+
+            find.top = round_up(
+                Math.max(
+                    0,
+                    Math.min(
+                        max_height.value - element_height,
+                        initial_top + offset_y
+                    )
+                )
+            );
+            find.left = round_up(
+                Math.max(
+                    0,
+                    Math.min(
+                        max_width.value - element_width,
+                        initial_left + offset_x
+                    )
+                )
+            );
+
+            // console.log('move', { offset_x, offset_y, element_width, element_height });
+        });
+
+        window.addEventListener('mouseup', stop_drag);
+
+        window.addEventListener('contextmenu', (event) => {
+            if (event.target.classList.contains('overlay')) {
+                // if (overlay_ctx.value?.contains(event.target)) return;
+                const index =
+                    event.target.attributes.getNamedItem('data-ind').value;
+                if (!index) return;
+
+                event.preventDefault();
+
+                context_overlay.value._ = true;
+
+                context_overlay.value.index = index;
+
+                context_overlay.value.y1 = event.clientY;
+                context_overlay.value.x1 = event.clientX;
+
+                setTimeout(() => {
+                    const size = overlay_ctx.value.getBoundingClientRect();
+
+                    const toRight =
+                        event.clientY + size.height > max_height.value;
+                    const toTop = event.clientX + size.width > max_width.value;
+
+                    context_overlay.value.y = toRight
+                        ? event.clientY - size.height
+                        : event.clientY;
+                    context_overlay.value.x = toTop
+                        ? event.clientX - size.width
+                        : event.clientX;
+
+                    setTimeout(() => {
+                        context_overlay.value.showed = true;
+                    }, 1);
+                }, 1);
+                return;
+            }
+
+            const modal = document.querySelector('.modal');
+            if (modal && modal.contains(event.target)) return;
+
+            if (empty_ctx.value?.contains(event.target)) return;
+            if (overlay_ctx.value?.contains(event.target)) return;
+            event.preventDefault();
+
+            context_empty.value._ = true;
+            context_overlay.value._ = false;
+
+            context_overlay.value.index = -1;
+
+            context_empty.value.y1 = event.clientY;
+            context_empty.value.x1 = event.clientX;
+
+            setTimeout(() => {
+                const size = empty_ctx.value.getBoundingClientRect();
+
+                const toRight = event.clientY + size.height > max_height.value;
+                const toTop = event.clientX + size.width > max_width.value;
+
+                context_empty.value.y = toRight
+                    ? event.clientY - size.height
+                    : event.clientY;
+                context_empty.value.x = toTop
+                    ? event.clientX - size.width
+                    : event.clientX;
+
+                setTimeout(() => {
+                    context_empty.value.showed = true;
+                }, 1);
+            }, 1);
+        });
+
+        window.addEventListener('mousedown', (event) => {
+            if (empty_ctx.value) {
+                if (empty_ctx.value.contains(event.target)) return;
+
+                context_empty.value._ = false;
+            }
+
+            if (overlay_ctx.value) {
+                if (overlay_ctx.value.contains(event.target)) return;
+
+                context_overlay.value._ = false;
+                context_overlay.value.index = -1;
+            }
+
+            // console.log('lost', event);
+        });
+
+        window.addEventListener('resize', (event) => {
+            max_width.value = window.innerWidth;
+            max_height.value = window.innerHeight;
+        });
+
+        window.addEventListener('keydown', (event) => {
+            const key = (event.code || event.key).toLowerCase();
+            if (key == 'delete' && hovered_index > -1) {
+                remove_overlay(hovered_index);
+
+                hovered_index = -1;
+            }
+
+            if ((key == 'keyc' || key == 'c') && event.ctrlKey) {
+                let element;
+                if (context_overlay.value.index > -1 && overlay_ctx.value) {
+                    element = overlay_ctx.value;
+
+                    copy_index = context_overlay.value.index;
+                } else if (hovered_index > -1) {
+                    element = document.querySelector(
+                        `[data-ind="${hovered_index}"]`
+                    );
+
+                    copy_index = hovered_index;
+                }
+
+                element.classList.add('hlh-copy');
+                setTimeout(() => {
+                    element.classList.remove('hlh-copy');
+                }, 200);
+            }
+
+            if ((key == 'keyv' || key == 'v') && event.ctrlKey) {
+                let element;
+                if (context_overlay.value.index > -1 && overlay_ctx.value) {
+                    element = overlay_ctx.value;
+                } else if (copy_index > -1) {
+                    element = document.querySelector(
+                        `[data-ind="${copy_index}"]`
+                    );
+                }
+
+                overlays.value[copy_index].width =
+                    overlays.value[hovered_index].width;
+                overlays.value[copy_index].height =
+                    overlays.value[hovered_index].height;
+                overlays.value[copy_index].top =
+                    overlays.value[hovered_index].top;
+                overlays.value[copy_index].left =
+                    overlays.value[hovered_index].left;
+                overlays.value[copy_index].scale =
+                    overlays.value[hovered_index].scale;
+                overlays.value[copy_index].z_index =
+                    overlays.value[hovered_index].z_index + 1;
+
+                copy_index = -1;
+                hovered_index = -1;
+
+                element.classList.add('hlh-paste');
+                setTimeout(() => {
+                    element.classList.remove('hlh-paste');
+                }, 200);
+            }
+        });
+
+        window.addEventListener('wheel', (event) => {
+            const index =
+                event.target.attributes.getNamedItem('data-ind')?.value;
+            if (!index) return;
+
+            const overlay = overlays.value[index];
+            let class_name = '';
+
+            if (event.deltaY < 0) {
+                if (overlay.z_index >= 999) return;
+                class_name = 'up';
+
+                overlay.z_index++;
+            } else {
+                if (overlay.z_index <= 0) return;
+                class_name = 'down';
+
+                overlay.z_index--;
+            }
+
+            event.target.classList.add(`hlh-index-${class_name}`);
+            setTimeout(() => {
+                event.target.classList.remove(`hlh-index-${class_name}`);
+            }, 100);
+        });
+
+        window.addEventListener('message', (data) => {
+            if (data.data == 'editingStarted') {
+                is_edit.value = true;
+            } else if (data.data == 'editingEnded') {
+                is_edit.value = false;
+
+                context_empty.value._ = false;
+                context_overlay.value._ = false;
+                closeModal_func(null);
+            }
+        });
+
+        /**
+         *
+         * @param {ICounter} overlay
+         */
+        function add_overlay(overlay) {
+            _id++;
+            overlays.value.push({
+                _settings: Array.isArray(overlay.settings)
+                    ? overlay.settings.length > 0
+                    : false,
+                id: _id,
+                folderName: overlay.folderName,
+
+                url: `${window.location.origin}/${overlay.folderName}`,
+                width: Math.min(
+                    max_width.value - context_empty.value.x1,
+                    overlay.resolution[0]
+                ),
+                height: Math.min(
+                    max_height.value - context_empty.value.y1,
+                    overlay.resolution[1]
+                ),
+
+                top: context_empty.value.y1,
+                left: context_empty.value.x1,
+                scale: 1,
+                z_index: 1
+            });
+
+            context_empty.value._ = false;
+        }
+
+        function reset_overlay(index) {
+            const item = overlays.value[index];
+            if (!item) return;
+
+            const find = available_overlays.value.find((r) =>
+                item.url.endsWith(r.folderName)
+            );
+            if (!find) return;
+
+            item.width = Math.min(
+                max_width.value - item.left,
+                find.resolution[0]
+            );
+            item.height = Math.min(
+                max_height.value - item.top,
+                find.resolution[1]
+            );
+
+            item.scale = 1;
+            item.z_index = 1;
+            // context_overlay.value._ = false;
+        }
+
+        function remove_overlay(index) {
+            overlays.value.splice(index, 1);
+            context_overlay.value._ = false;
+        }
+
+        function reset_hover() {
+            hovered_index = -1;
+            cursor.value.type = 'default';
+        }
+
+        async function save_settings() {
+            try {
+                await fetch('/api/counters/settings/__ingame__', {
+                    method: 'POST',
+                    body: JSON.stringify({ overlays: overlays.value })
+                });
+            } catch (error) {
+                console.log(error);
+            }
+        }
+
+        function notification({ text, classes, delay }) {
+            const div = document.createElement('div');
+            div.classList.add('notification');
+            div.classList.add('hidden');
+            if (Array.isArray(classes)) div.classList.add(...classes);
+
+            div.style.top = `2em`;
+            div.style.right = `2em`;
+
+            div.style.left = `unset`;
+            div.style.bottom = `unset`;
+
+            div.innerHTML = text;
+
+            document.querySelector('main').appendChild(div);
+            setTimeout(() => {
+                div.classList.remove('hidden');
+            }, 10);
+
+            setTimeout(() => {
+                div.classList.add('hidden');
+
+                setTimeout(() => {
+                    document.querySelector('main').removeChild(div);
+                }, 310);
+            }, delay);
+        }
+
+        socket.sendCommand('getCounters', encodeURI('__ingame__'));
+        socket.sendCommand('getSettings', encodeURI('__ingame__'));
+        socket.commands((data) => {
+            try {
+                const { command, message } = data;
+                if (command == 'getSettings') {
+                    if (
+                        JSON.stringify(message.overlays || []) !=
+                        JSON.stringify(overlays.value)
+                    ) {
+                        overlays.value = message.overlays;
+                    }
+                }
+
+                if (command == 'getCounters' && Array.isArray(message)) {
+                    available_overlays.value = message;
+                }
+
+                if (command == 'getSettings' || command == 'getCounters') {
+                    overlays.value.forEach(
+                        (r) =>
+                            (r._enabled = available_overlays.value.some(
+                                (a) => a.folderName == r.folderName
+                            ))
+                    );
+                }
+            } catch (error) {
+                console.log(error);
+            }
+        });
+
+        return {
+            max_width,
+            max_height,
+            cursor,
+            empty_ctx,
+            overlay_ctx,
+            available_overlays,
+            overlays,
+            context_empty,
+            context_overlay,
+            side_decide,
+            enable_drag,
+            stop_drag,
+            add_overlay,
+            reset_overlay,
+            remove_overlay,
+            reset_hover,
+            round_up,
+            notification
+        };
+    }
+});
+
+app.mount('.main');
+
+/**
+ * @typedef {Object} Overlay
+ * @property {boolean} _enabled
+ * @property {boolean | undefined} _settings
+ * @property {string} id
+ * @property {string} folderName
+ * @property {string} url
+ * @property {number} top
+ * @property {number} left
+ * @property {number} width
+ * @property {number} height
+ * @property {number} scale
+ * @property {number} z_index
+ */
+
+/**
+ * @typedef {Object} ISettings
+ * @property {string} uniqueID - The unique identifier for the setting.
+ * @property {string} [uniqueCheck] - Optional unique check identifier.
+ * @property {ISettingsType} type - The type of the setting.
+ * @property {string} title - The title of the setting.
+ * @property {(string[] | Array<{required: boolean, type: 'text' | 'number' | 'checkbox' | 'options', name: string, title: string, description: string, values: string[], value: any}>)} [options] - Optional options for the setting.
+ * @property {string} description - The description of the setting.
+ * @property {any} value - The value of the setting.
+ */
+
+/**
+ * @typedef {'text' | 'color' | 'number' | 'checkbox' | 'button' | 'options' | 'commands' | 'textarea' | 'password' | 'header'} ISettingsType - The type of a setting.
+ */
+
+/**
+ * @typedef {Object} ICounter
+ * @property {boolean} [_downloaded] - Optional flag indicating if it has been downloaded.
+ * @property {boolean} [_updatable] - Optional flag indicating if it is updatable.
+ * @property {boolean} [_settings] - Optional flag indicating if settings are available.
+ * @property {string} folderName - The folder name.
+ * @property {string} name - The name of the counter.
+ * @property {string} author - The author of the counter.
+ * @property {string} version - The version of the counter.
+ * @property {number[]} resolution - The resolution of the counter.
+ * @property {string[]} authorlinks - Links related to the author.
+ * @property {ISettings[]} settings - Array of settings.
+ * @property {string} [usecase] - Optional use case description.
+ * @property {string} [compatiblewith] - Optional information about compatibility.
+ * @property {Array<{type: string, url: string}>} [assets] - Optional array of assets with type and URL.
+ * @property {string} [downloadLink] - Optional download link.
+ */
+
+/**
+ * @typedef {string | { field: string; keys: Filters[] }} Filters
+ */
+
+function debounce(callback, wait) {
+    let timeoutId = null;
+    return (...args) => {
+        window.clearTimeout(timeoutId);
+        timeoutId = window.setTimeout(() => {
+            callback(...args);
+        }, wait);
+    };
+}
diff --git a/packages/pages/tsconfig.json b/packages/pages/tsconfig.json
new file mode 100644
index 00000000..69178c99
--- /dev/null
+++ b/packages/pages/tsconfig.json
@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": [
+      "DOM",
+      "ES2023"
+    ],
+    "module": "preserve",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "allowJs": true,
+    "esModuleInterop": true,
+    "strict": true,
+    "isolatedModules": true,
+    "types": [
+      "vite/client"
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ],
+      "@assets/": [
+        "assets/*"
+      ],
+      "@public/": [
+        "public/*"
+      ]
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/pages/vite.config.ts b/packages/pages/vite.config.ts
new file mode 100644
index 00000000..b370e69d
--- /dev/null
+++ b/packages/pages/vite.config.ts
@@ -0,0 +1,20 @@
+import vue from '@vitejs/plugin-vue';
+import autoprefixer from 'autoprefixer';
+import { type UserConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+export default {
+    build: {
+        outDir: 'dist',
+        assetsDir: 'assets',
+        rollupOptions: {
+            input: ['homepage.html', 'ingame.html', 'report.html']
+        }
+    },
+    css: {
+        postcss: {
+            plugins: [autoprefixer]
+        }
+    },
+    plugins: [tsconfigPaths(), vue()]
+} satisfies UserConfig;
diff --git a/packages/server/assets/homepage.js b/packages/server/assets/homepage.js
deleted file mode 100644
index 13b3bcdc..00000000
--- a/packages/server/assets/homepage.js
+++ /dev/null
@@ -1,1827 +0,0 @@
-const { createApp, ref } = Vue;
-
-
-const queryParams = new URLSearchParams(window.location.search);
-
-const BACKUP_SERVER_IP = document.querySelector('*[data-id="SERVER_IP"] input')?.value;
-const BACKUP_SERVER_PORT = document.querySelector('*[data-id="SERVER_PORT"] input')?.value;
-
-
-const downloading = [];
-let selected_keys = [];
-
-
-const search_bar = document.querySelector('.search-bar');
-const available_overlays = document.querySelector('a[href="/available"]');
-const installed_overlays = document.querySelector('a[href="/"]');
-
-const keybind_div = document.querySelector('[data-id="INGAME_OVERLAY_KEYBIND"]');
-
-let timer;
-
-let isSearching = false;
-let isClosingModal = false;
-let isBuilderModal = false;
-
-
-const settingsBuilder = {
-  props: {
-    folderName: {
-      type: String,
-      required: true,
-    },
-    settings: {
-      type: Array,
-      required: true,
-    }
-  },
-  setup(props) {
-    const settings = ref([
-      {
-        uniqueID: '',
-        type: 'text',
-        title: '',
-        description: '',
-        options: [],
-        value: '',
-      },
-    ]);
-
-    for (let i = 0; i < props.settings.length; i++) {
-      const setting = props.settings[i];
-      if (setting.type == 'options')
-        setting.options.push('');
-
-      else if (setting.type == 'commands') {
-        for (let o = 0; o < setting.options.length; o++) {
-          const option = setting.options[o];
-          if (option.type == 'options' && option.values[option.values.length - 1] != '')
-            option.values.push('');
-        };
-
-
-        setting.options.push({
-          type: "text",
-          name: "",
-          title: "",
-          description: "",
-          values: [],
-          value: ""
-        });
-
-        if (!Array.isArray(setting.value))
-          setting.value = [];
-
-        setting.value.push({});
-      };
-
-
-      settings.value.push(setting);
-    };
-
-
-    function highlight(element) {
-      element.classList.add('highlight');
-
-      setTimeout(() => {
-        element.classList.remove('highlight');
-      }, 100);
-    };
-
-
-    async function updateSettings(event) {
-      const confirmed = confirm(`Update settings?`);
-      if (!confirmed) return;
-
-      const element = event.target;
-
-      downloading.push('update-x2-settings');
-      const button_text = element.innerText;
-      startDownload(element);
-
-
-      try {
-        const _settings = settings.value.slice(1);
-        for (let i = 0; i < _settings.length; i++) {
-          const setting = _settings[i];
-          if (setting.type == 'options')
-            setting.options = setting.options.filter(r => r !== '' && r != null);
-
-          if (setting.type == 'commands') {
-            setting.options = setting.options.filter(r => r.name !== '' && r.name != null);
-            setting.options.forEach(r => {
-              if (r.values) r.values = r.values.filter(r => r !== '' && r != null);
-            });
-            setting.value = (setting.value || []).filter(r => Object.keys(r).length > 0);
-          };
-
-        };
-
-
-        // update settings in file
-        const request = await fetch(`/api/counters/settings/${props.folderName}?update=yes`, {
-          method: "POST",
-          body: JSON.stringify(_settings),
-        });
-        const json = await request.json();
-
-        if (json.error != null) {
-          if (typeof json.error == 'object') {
-            try {
-              json.error = JSON.stringify(json.error);
-            } catch (error) { };
-          };
-
-          displayNotification({
-            element: element,
-            text: `Error while updating settings: ${json.error}`,
-            classes: ['red'],
-            delay: 3000,
-          });
-
-          setTimeout(() => {
-            endDownload(element, 'update-x2-settings', button_text);
-            element.classList.remove('disable');
-          }, 300);
-          return;
-        };
-
-
-        displayNotification({
-          element: element,
-          text: `Settings saved`,
-          classes: ['green'],
-          delay: 3000,
-        });
-
-
-        isBuilderModal = false;
-        closeModal(null);
-      } catch (error) {
-        console.error(error);
-        displayNotification({
-          element: element,
-          text: `Error while saving builder settings: ${error.name}`,
-          classes: ['red'],
-          delay: 3000,
-        });
-      } finally {
-        setTimeout(() => {
-          endDownload(element, 'update-x2-settings', button_text);
-          element.classList.remove('disable');
-        }, 400);
-      };
-    };
-
-
-    function sanitize(event) {
-      event.target.value = event.target.value.replace(/[^a-z0-9]/gim, '');
-    };
-
-
-    function addCommand(event, ind, ind2) {
-      const item = settings.value[ind2];
-      const value = item.value[ind];
-
-
-      const find = item.value.slice(0, item.value.length - 1).find(r => r[item.uniqueCheck] == value[item.uniqueCheck]);
-      if (find) {
-        displayNotification({
-          element: event.target,
-          text: `Command already exists`,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-
-      const items = item.options.filter(r => r.name !== '');
-      const required = items.filter(r => r.required == true && r.name !== '' && r.type != 'checkbox');
-      if (required.length > 0) {
-        for (let i = 0; i < required.length; i++) {
-          const option = required[i];
-          if (value[option.name]) continue;
-
-          displayNotification({
-            element: event.target,
-            text: `Command «${option.name}» is required`,
-            classes: ['red'],
-            delay: 3000,
-          });
-
-          return;
-        };
-      };
-
-
-      if (items.length == 0) {
-        displayNotification({
-          element: event.target,
-          text: 'Add at least one command option',
-          classes: ['red'],
-          delay: 3000,
-        });
-
-        return;
-      };
-
-
-      item.value.push({});
-    };
-
-
-    function pushOption(event, ind, index) {
-      const item = settings.value[index];
-      const value = item.options[ind];
-      if (value == '') {
-        highlight(event.target.parentNode.children[0]);
-        return;
-      };
-
-
-      const find = item.options.slice(0, ind).find(r => r.toLowerCase() == value.toLowerCase());
-      if (find) {
-        highlight(event.target.parentNode.children[0]);
-
-        displayNotification({
-          element: event.target,
-          text: `Option already exists`,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-      item.options.push('');
-
-
-      const items = event.target.parentNode.parentNode.children;
-      setTimeout(() => items[items.length - 1].children[0].focus(), 100);
-    };
-
-
-    function pushOptionValue(event, ind, ind2, index) {
-      const item = settings.value[index].options[ind];
-      const value = item.values[ind2];
-      if (value == '') {
-        highlight(event.target.parentNode.children[0]);
-        return;
-      };
-
-
-      const find = item.values.slice(0, ind2).find(r => r.toLowerCase() == value.toLowerCase());
-      if (find) {
-        highlight(event.target.parentNode.children[0]);
-
-        displayNotification({
-          element: event.target,
-          text: `Option already exists`,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-      item.values.push('');
-
-
-      const items = event.target.parentNode.parentNode.children;
-      setTimeout(() => items[items.length - 1].children[0].focus(), 100);
-    };
-
-
-    function pushCommandOption(event, ind, index) {
-      const item = settings.value[index];
-      const value = item.options[ind];
-      if (value.name == '') {
-        displayNotification({
-          element: event.target,
-          text: `Specify command name`,
-          classes: ['red'],
-          delay: 3000,
-        });
-
-        return;
-      };
-
-
-      const find = item.options.slice(0, ind).find(r => r.name == value.name);
-      if (find) {
-        displayNotification({
-          element: event.target,
-          text: `Command already exists`,
-          classes: ['red'],
-          delay: 3000,
-        });
-
-        return;
-      };
-
-
-      if (value.type == 'options') {
-        if (value.values.length <= 0) {
-          displayNotification({
-            element: event.target,
-            text: `Specify at least 2 options`,
-            classes: ['red'],
-            delay: 3000,
-          });
-          return;
-        };
-
-
-        if (value.value == '') {
-          displayNotification({
-            element: event.target,
-            text: `Specify default option`,
-            classes: ['red'],
-            delay: 3000,
-          });
-          return;
-        };
-      };
-
-
-      item.options.push({
-        type: "text",
-        name: "",
-        title: "",
-        description: "",
-        values: [],
-        value: ""
-      });
-    };
-
-
-    function updateType(from, event, ind, ind2) {
-      const value = event.target.value;
-      if (from === '') {
-        const item = settings.value[ind];
-
-        if (value == 'checkbox') item.value = item.value === false || item.value === true ? item.value : false;
-        else if (value == 'options') {
-          if (item.options[item.options.length - 1] != '') item.options.push('');
-          item.options = item.options.filter(r => typeof r == 'string');
-
-          item.value = item.options[0] || '';
-        }
-        else if (value == 'commands') {
-          if (item.options[item.options.length - 1]?.name != '')
-            item.options.push({
-              type: "text",
-              name: "",
-              title: "",
-              description: "",
-              values: [],
-              value: ""
-            });
-
-          item.options = item.options.filter(r => typeof r == 'object');
-
-
-          item.value = [{}];
-        }
-        else item.value = '';
-
-        return;
-      };
-
-
-      if (from == 'command') {
-        const item = settings.value[ind2].options[ind];
-
-        if (value == 'checkbox') item.value = item.value === false || item.value === true ? item.value : false;
-        else if (value == 'options') {
-          if (item.values[item.values.length - 1] != '') item.values.push('');
-          item.value = item.values[0] || '';
-        }
-        else item.value = '';
-
-        return;
-      };
-    };
-
-
-    function deleteOption(ind, index, force) {
-      if (settings.value[index].options[ind] != '' && force != true) return;
-      if (force == true) {
-        const confirmed = confirm(`Delete option?`);
-        if (!confirmed) return;
-      };
-
-      settings.value[index].options.splice(ind, 1);
-    };
-
-
-    function deleteOptionValue(ind, ind2, index, force) {
-      if (settings.value[index].options[ind].values[ind2] != '' && force != true) return;
-      settings.value[index].options[ind].values.splice(ind2, 1);
-    };
-
-
-    function addSetting(event) {
-      const item = settings.value[0];
-      if (item.uniqueID == '') {
-        displayNotification({
-          element: event.target,
-          text: `Specify unique id`,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-
-      if (item.title == '') {
-        displayNotification({
-          element: event.target,
-          text: `Specify title`,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-
-      const ignored_types = [
-        'text',
-        'color',
-        'checkbox',
-        'textarea',
-        'password',
-        'header'
-      ];
-      if (item.value == '' && !ignored_types.includes(item.type)) {
-        let text = `Specify default value`;
-        if (item.type == 'button') text = 'Specify url';
-
-
-        displayNotification({
-          element: event.target,
-          text: text,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-      if (item.type == 'checkbox' && item.value == '') item.value = false;
-
-
-      if (item.type == 'options') {
-        const items = item.options.filter(r => r !== '' && r != null);
-        if (items.length <= 1) {
-          displayNotification({
-            element: event.target,
-            text: `Specify at least two options to choose`,
-            classes: ['red'],
-            delay: 3000,
-          });
-          return;
-        };
-      };
-
-
-      if (item.type == 'commands') {
-        if (item.options.length == 0) {
-          displayNotification({
-            element: event.target,
-            text: `Specify at least 1 default command`,
-            classes: ['red'],
-            delay: 3000,
-          });
-          return;
-        };
-      };
-
-
-      if (item.type == 'button') {
-        try {
-          new URL(item.value);
-        } catch (error) {
-          console.log(error);
-
-          displayNotification({
-            element: event.target,
-            text: 'Incorrect url',
-            classes: ['red'],
-            delay: 3000,
-          });
-          return;
-        };
-      };
-
-
-      const isExists = settings.value.slice(1).find(r => r.uniqueID == item.uniqueID);
-      if (isExists) {
-        displayNotification({
-          element: event.target,
-          text: `Setting with this unique id already exists`,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-
-      downloading.push('add-option');
-
-      const button_text = event.target.innerText;
-      startDownload(event.target);
-
-
-
-      settings.value.push({
-        uniqueCheck: item.uniqueCheck,
-        uniqueID: item.uniqueID,
-        type: item.type,
-        title: item.title,
-        description: item.description,
-        options: item.options,
-        value: item.value,
-      });
-
-      item.uniqueID = '';
-      item.type = 'text';
-      item.title = '';
-      item.description = '';
-      item.options = [];
-      item.value = '';
-
-
-      setTimeout(() => {
-        endDownload(event.target, 'add-option', button_text);
-        event.target.classList.remove('disable');
-
-      }, 500);
-
-      displayNotification({
-        element: event.target,
-        text: `Setting added`,
-        classes: ['green'],
-        delay: 3000,
-      });
-    };
-
-
-    function removeSetting(ind) {
-      const confirmed = confirm(`Delete option «${settings.value[ind].uniqueID}»?`);
-      if (!confirmed) return;
-
-
-      settings.value.splice(ind, 1);
-    };
-
-
-    function removeCommand(ind, ind2) {
-      const item = settings.value[ind2];
-      const confirmed = confirm(`Delete command?`);
-      if (!confirmed) return;
-
-
-      item.value.splice(ind, 1);
-    };
-
-
-    function closeit() {
-      isBuilderModal = false;
-      closeModal(null, window.builder.unmount);
-    };
-
-    return {
-      settings,
-      folderName: props.folderName,
-
-      updateSettings,
-
-      updateType,
-
-      addSetting,
-      addCommand,
-
-      pushOption,
-      pushOptionValue,
-      pushCommandOption,
-
-      deleteOption,
-      deleteOptionValue,
-
-      removeSetting,
-      removeCommand,
-      sanitize,
-
-      closeit,
-    };
-  },
-  template: `<div class="m-content"><h2 class="ms-title"><span>Settings Builder</span><span>«{{folderName}}»</span></h2><div class="m-scroll settings-container"><div v-for="(i, index) in settings" class="settings-item" :class="{'new-item': index == 0}"><div class="ni-row-1"><div class="si flexer ni-type"><select :disabled="index > 0" @change="updateType('', $event, index)" v-model="i.type"><option value="text">Text</option><option value="color">Color</option><option value="number">Number</option><option value="header">Header</option><option value="checkbox">Toggle</option><option value="button">Button link</option><option value="options">Options</option><option value="commands">Commands</option><option value="textarea">Text area</option><option value="password">Secret value</option></select></div><div class="si flexer ni-unique"><input type="text" placeholder="Unique id" @input="sanitize" v-model="i.uniqueID"></div><div class="si flexer ni-title"><input type="text" placeholder="Title" v-model="i.title"></div></div><div v-if="i.type != 'header'" class="si flexer ni-description"><textarea placeholder="Description" rows="2" v-model="i.description"></textarea></div><div class="ni-row-3"><div v-if="i.type == 'color'" class="si flexer ni-value"><input type="color" v-model="i.value"></div><label v-else-if="i.type == 'checkbox'" class="si-checkbox"><input type="checkbox" v-model="i.value"><span class="checkmark"></span><span class="status"></span></label><div v-else-if="i.type == 'options'"><div class="ni-options"><div v-for="(o, ind) in i.options" class="si ni-option flexer"><input type="text" placeholder="option name" v-model="i.options[ind]" @change="ind == i.options.length - 1 ? pushOption($event, ind, index) : deleteOption(ind, index)" @keyup.enter="ind == i.options.length - 1 ? pushOption($event, ind, index) : ''"><i v-if="ind == i.options.length - 1" class="icon-plus" @click="pushOption($event, ind, index)"></i><i v-else class="icon-delete" @click="deleteOption(ind, index, true)"></i></div></div><div class="si flexer nid-value"><span>Select default option</span><select v-model="i.value"><option v-for="v in i.options.filter(r=> r !== '')" :value="v" v-text="v"></option></select></div></div><div v-else-if="i.type == 'commands'"><h3>Commands options</h3><p class="ni-p">Define commands options</p><div class="ni-commands"><div v-for="(o, ind) in i.options" class="nic-container"><div class="si nic-content flexer"><label v-if="o.type != 'checkbox'" class="si-checkbox"><input type="checkbox" v-model="o.required"><span class="checkmark"></span><span>required</span></label><select @change="updateType('command', $event, ind, index)" v-model="o.type"><option value="text">Text</option><option value="number">Number</option><option value="checkbox">Toggle</option><option value="options">Options</option></select><input type="text" placeholder="name" v-model="o.name"> <input type="text" placeholder="title" v-model="o.title"> <input type="text" placeholder="description" v-model="o.description"> <input v-if="o.type == 'text'" type="text" placeholder="default value" v-model="o.value"> <input v-else-if="o.type == 'number'" type="number" placeholder="default value" v-model="o.value"><label v-else-if="o.type == 'checkbox'" class="si-checkbox"><input type="checkbox" v-model="o.value"><span class="checkmark"></span><span class="status"></span></label><button v-if="ind == i.options.length - 1" class="button add-option-button flexer" @click="pushCommandOption($event, ind, index)"><span>+</span></button><button v-else class="button remove-option-button flexer" @click="deleteOption(ind, index, true)"><span>-</span></button></div><div v-if="o.type == 'options'" class="nic-options flexer"><div v-for="(v, ind2) in o.values" class="si ni-option flexer"><input type="text" placeholder="option name" v-model="o.values[ind2]" @change="ind2 == o.values.length - 1 ? pushOptionValue($event, ind, ind2, index) : deleteOptionValue(ind, ind2, index)" @keyup.enter="ind2 == o.values.length - 1 ? pushOptionValue($event, ind, ind2, index) : ''"><i v-if="ind2 == o.values.length - 1" class="icon-plus" @click="pushOptionValue($event, ind, ind2, index)"></i><i v-else class="icon-delete" @click="deleteOptionValue(ind,ind2, index, true)"></i></div></div><div v-if="o.type == 'options'" class="si flexer nid-value"><span>Select default option</span><select v-model="o.value"><option v-for="v in o.values.filter(r=> r !== '')" :value="v" v-text="v"></option></select></div><hr></div></div><div class="mtb-1 g05 flexer"><h3>Unique option</h3><select class="fgrow" v-model="i.uniqueCheck"><option v-for="v in i.options.filter(r=> r.name !== '')" :value="v.name" v-text="v.name"></option></select></div><h3>Default commands</h3><div class="ni-dcommands si block"><div v-for="(v, ind) in i.value" class="sc-commands"><div class="scc-item flexer empty"><div v-for="o in i.options.filter(r=> r.name != '')" class="scci-item"><h4 v-text="o.title"></h4><p v-text="o.description"></p><input v-if="o.type == 'text'" class="fgrow" type="text" v-model="v[o.name]"> <input v-else-if="o.type == 'number'" class="fgrow" type="number" v-model="v[o.name]"><label v-else-if="o.type == 'checkbox'" class="si-checkbox fgrow sic-start"><input type="checkbox" v-model="v[o.name]"><span class="checkmark"></span><span class="status"></span></label><select v-else-if="o.type == 'options'" class="fgrow" v-model="v[o.name]"><option v-for="v in o.values" :value="v" v-text="v"></option></select></div></div><div class="si-btns flexer si-btn"><button v-if="ind == i.value.length-1" class="button add-option-button flexer" @click="addCommand($event, ind, index)"><span>Add new command</span></button><button v-else class="button remove-option-button flexer" @click="removeCommand(ind, index)"><span>Remove command</span></button></div><hr></div></div></div><div v-else-if="i.type == 'textarea'" class="si flexer ni-description"><textarea placeholder="Default value" rows="3" v-model="i.value"></textarea></div><div v-else class="si flexer ni-value"><input v-if="i.type == 'text'" type="text" placeholder="Default value" v-model="i.value"> <input v-else-if="i.type == 'button'" type="text" placeholder="Specify url" v-model="i.value"> <input v-else-if="i.type == 'number'" type="number" placeholder="Default number" v-model="i.value"> <input v-else-if="i.type == 'password'" type="password" placeholder="Default secret value" v-model="i.value"></div></div><div class="si-btns flexer si-btn"><button v-if="index == 0" class="button add-option-button flexer" @click="addSetting($event)"><span>Add new setting</span></button><button v-else class="button remove-option-button flexer" @click="removeSetting(index)"><span>Remove setting</span></button></div></div></div><div class="ms-btns flexer si-btn"><button class="button update-x2-settings-button flexer" @click="updateSettings"><span>Update settings</span></button><button class="button cancel-button flexer" @click="closeit"><span>Cancel</span></button></div></div>`
-};
-
-const showSettings = {
-  props: {
-    folderName: {
-      type: String,
-      required: true,
-    },
-    settings: {
-      type: Array,
-      required: true,
-    },
-    values: {
-      type: Array,
-      required: true,
-    },
-  },
-  setup(props) {
-    const is_ingame = window.location.pathname == '/api/ingame';
-    const settings = ref([]);
-
-
-    for (let i = 0; i < props.settings.length; i++) {
-      const setting = props.settings[i];
-      let value = props.values[setting.uniqueID] ?? setting.value;
-
-      if (setting.type == "commands") {
-        setting.options.forEach(r => {
-          if (r.values) r.values = r.values.filter(r => r !== '' && r != null);
-        });
-
-
-        setting.value.forEach((command, cmd_ind) => {
-          setting.options.forEach(option => {
-            const original = command[option.name];
-            const modified = value.find(r => r[setting.uniqueCheck] == command[setting.uniqueCheck])?.[option.name];
-            if (original == modified) return;
-
-            setting.value[cmd_ind][option.name] = modified ?? original;
-          });
-        });
-
-
-        value.forEach((command) => {
-          const find = setting.value.find(r => r[setting.uniqueCheck] == command[setting.uniqueCheck]);
-          if (find) return;
-
-          setting.value.push(command);
-        });
-
-
-        if (!Array.isArray(value)) value = [];
-        value.push({});
-      };
-
-
-      if (setting.type != "commands")
-        setting.value = value;
-      settings.value.push(setting);
-    };
-
-
-    function addCommand(event, ind, ind2) {
-      const item = settings.value[ind2];
-      const value = item.value[ind];
-
-
-      const find = item.value.slice(0, item.value.length - 1).find(r => r[item.uniqueCheck] == value[item.uniqueCheck]);
-      if (find) {
-        displayNotification({
-          element: event.target,
-          text: `Command already exists1`,
-          classes: ['red'],
-          delay: 3000,
-        });
-        return;
-      };
-
-
-      const items = item.options.filter(r => r.name !== '');
-      const required = items.filter(r => r.required == true && r.name !== '' && r.type != 'checkbox');
-      if (required.length > 0) {
-        for (let i = 0; i < required.length; i++) {
-          const option = required[i];
-          if (value[option.name]) continue;
-
-          displayNotification({
-            element: event.target,
-            text: `Command «${option.name}» is required`,
-            classes: ['red'],
-            delay: 3000,
-          });
-
-          return;
-        };
-      };
-
-
-      if (items.length == 0) {
-        displayNotification({
-          element: event.target,
-          text: 'Add at least one command option',
-          classes: ['red'],
-          delay: 3000,
-        });
-
-        return;
-      };
-
-
-      item.value.push({});
-    };
-
-
-    async function updateSettings(event) {
-      if (!is_ingame) {
-        const confirmed = confirm(`Update settings?`);
-        if (!confirmed) return;
-      };
-
-      const element = event.target;
-
-      downloading.push('update-settings');
-      const button_text = element.innerText;
-      startDownload(element);
-
-
-      try {
-        const _settings = JSON.parse(JSON.stringify(settings.value));
-        for (let i = 0; i < _settings.length; i++) {
-          const setting = _settings[i];
-          if (setting.type == 'commands') {
-            setting.options = setting.options.filter(r => r.name !== '' && r.name != null);
-            setting.options.forEach(r => {
-              if (r.values) r.values = r.values.filter(r => r !== '' && r != null);
-            });
-            setting.value = (setting.value || []).filter(r => Object.keys(r).length > 0);
-          };
-        };
-
-        const values = _settings.map(r => ({ uniqueID: r.uniqueID, value: r.value }));
-
-
-        const request = await fetch(`/api/counters/settings/${props.folderName}`, {
-          method: "POST",
-          body: JSON.stringify(values),
-        });
-        const json = await request.json();
-
-        if (json.error != null) {
-          if (typeof json.error == 'object') {
-            try {
-              json.error = JSON.stringify(json.error);
-            } catch (error) { };
-          };
-
-          displayNotification({
-            element: element,
-            text: `Error while saving: ${json.error}`,
-            classes: ['red'],
-            delay: 3000,
-          });
-
-          setTimeout(() => {
-            endDownload(element, 'update-settings', button_text);
-            element.classList.remove('disable');
-          }, 300);
-          return;
-        };
-
-
-        displayNotification({
-          element: element,
-          text: `Settings saved`,
-          classes: ['green'],
-          delay: 3000,
-        });
-      } catch (error) {
-        console.error(error);
-        displayNotification({
-          element: element,
-          text: `Error while saving builder settings: ${error.name}`,
-          classes: ['red'],
-          delay: 3000,
-        });
-      } finally {
-        setTimeout(() => {
-          endDownload(element, 'update-settings', button_text);
-          element.classList.remove('disable');
-        }, 400);
-      };
-    };
-
-
-    function removeCommand(ind, ind2) {
-      const item = settings.value[ind2];
-      if (!is_ingame) {
-        const confirmed = confirm(`Delete command?`);
-        if (!confirmed) return;
-      };
-
-      item.value.splice(ind, 1);
-    };
-
-
-    function mrkdwn(text) {
-      let markdown = text;
-
-      markdown = markdown.replace(/<[^>]+>.*?<\/[^>]+>/g, '');
-      markdown = markdown.replace(/<[^>]+>|<\/[^>]+>/g, '');
-
-      // Replace bold and italic
-      markdown = markdown.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
-      markdown = markdown.replace(/\*(.+?)\*/g, '<em>$1</em>');
-
-      // Replace inline code
-      markdown = markdown.replace(/`(.+?)`/g, '<code>$1</code>');
-
-      // Replace links
-      markdown = markdown.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>');
-
-      return markdown;
-    };
-
-
-    function closeit() {
-      isBuilderModal = false;
-      closeModal(null, window.counter_settings.unmount);
-    };
-
-
-    return {
-      mrkdwn,
-      settings,
-      folderName: props.folderName,
-      updateSettings,
-
-      addCommand,
-      removeCommand,
-
-      closeit,
-    };
-  },
-  template: `<div class="m-content"><h2 class="ms-title"><span>Settings</span><span>«{{folderName}}»</span></h2><div class="m-scroll settings-container"><div v-for="(i, index) in settings"><h2 v-if="i.type == 'header'" class="si-header" v-text="i.title"></h2><div v-else class="si flexer" :class="{ 'block txt-area': i.type == 'textarea', block: i.type == 'commands', 'si-header': i.type == 'header' }"><div><h4 v-text="i.title"></h4><p v-html="mrkdwn(i.description)"></p></div><input v-if="i.type == 'text'" class="fgrow" type="text" v-model="i.value"> <input v-else-if="i.type == 'number'" class="fgrow" type="number" v-model="i.value"> <input v-else-if="i.type == 'color'" class="fgrow" type="color" v-model="i.value"> <input v-else-if="i.type == 'password'" class="fgrow" type="password" v-model="i.value"><a v-else-if="i.type == 'button'" class="button open-link-button flexer" :href="i.value" target="_blank"><span>open link</span><i class="icon-link"></i></a><label v-else-if="i.type == 'checkbox'" class="si-checkbox fgrow sic-start"><input type="checkbox" v-model="i.value"><span class="checkmark"></span><span class="status"></span></label><textarea v-else-if="i.type == 'textarea'" v-model="i.value"></textarea><select v-else-if="i.type == 'options'" class="fgrow" v-model="i.value"><option v-for="o in i.options" :value="o" v-text="o"></option></select><div v-else-if="i.type == 'commands'" class="sc-commands"><hr><div v-for="(v, ind) in i.value" class="sc-commands"><div class="scc-item flexer empty"><div v-for="o in i.options.filter(r=> r.name != '')" class="scci-item"><h4 v-text="o.title"></h4><p v-text="o.description"></p><input v-if="o.type == 'text'" class="fgrow" type="text" v-model="v[o.name]"> <input v-else-if="o.type == 'number'" class="fgrow" type="number" v-model="v[o.name]"><label v-else-if="o.type == 'checkbox'" class="si-checkbox fgrow sic-start"><input type="checkbox" v-model="v[o.name]"><span class="checkmark"></span><span class="status"></span></label><select v-else-if="o.type == 'options'" class="fgrow" v-model="v[o.name]"><option v-for="v in o.values" :value="v" v-text="v"></option></select></div></div><div class="si-btns flexer si-btn"><button v-if="ind == i.value.length-1" class="button add-option-button flexer" @click="addCommand($event, ind, index)"><span>Add new command</span></button><button v-else class="button remove-option-button flexer" @click="removeCommand(ind, index)"><span>Remove command</span></button></div><hr></div></div></div></div></div><div class="ms-btns flexer si-btn"><button class="button update-settings-button flexer" @click="updateSettings"><span>Update settings</span></button><button class="button cancel-button flexer" @click="closeit"><span>Cancel</span></button></div></div>`
-};
-
-
-document.querySelectorAll(`a.tab-item`).forEach(r => {
-  if (!r.href) return;
-
-  const parse = new URL(r.href);
-  if (parse.pathname != window.location.pathname) return;
-
-  r.classList.add('active');
-});
-
-
-document.querySelectorAll('.switch input')
-  .forEach((s) => s.addEventListener('change', () => checkSettingsChanges()));
-
-document.querySelectorAll('.number-input button.incr')
-  .forEach((b) =>
-    b.addEventListener('click', (event) => {
-      const inputEl = b.parentElement.querySelector('input');
-      const incrVal = event.shiftKey ? 10 : 1;
-
-      if (isNumberValid(inputEl.value) === false) return;
-      const currentValue = Number(inputEl.value);
-      const newValue = currentValue + incrVal;
-
-      const max = Number.isInteger(inputEl.max) ? Number(inputEl.max) : null;
-      inputEl.value = max !== null && newValue > max ? max : newValue;
-
-      checkSettingsChanges();
-    })
-  );
-
-document.querySelectorAll('.number-input button.decr')
-  .forEach((b) =>
-    b.addEventListener('click', (event) => {
-      const inputEl = b.parentElement.querySelector('input');
-      const decrVal = event.shiftKey ? 10 : 1;
-
-      if (isNumberValid(inputEl.value) === false) return;
-      const currentValue = Number(inputEl.value);
-      const newValue = currentValue - decrVal;
-
-      const min = isNumberValid(inputEl.min) ? Number(inputEl.min) : null;
-      inputEl.value = min !== null && newValue < min ? min : newValue;
-
-      checkSettingsChanges();
-    })
-  );
-
-document.querySelectorAll('.number-input input').forEach((i) =>
-  i.addEventListener('change', (e) => {
-    if (isNumberValid(e.target.value) === false) {
-      e.target.value = e.target.defaultValue;
-      return;
-    }
-
-    const newValue = Number(e.target.value);
-    const min = isNumberValid(e.target.min) ? Number(e.target.min) : null;
-    const max = isNumberValid(e.target.max) ? Number(e.target.max) : null;
-
-    if (min !== null && newValue < min) e.target.value = min;
-    if (max !== null && newValue > max) e.target.value = max;
-
-    checkSettingsChanges();
-  })
-);
-
-document.querySelectorAll('.text-input input').forEach((i) =>
-  i.addEventListener('change', (e) => {
-    const settingId = e.target.parentElement.getAttribute('data-id');
-
-    if (settingId === 'SERVER_IP') {
-      const IPv4Regex = /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/g;
-
-      const newIp = e.target.value;
-      const isValidIp = IPv4Regex.test(newIp);
-
-      if (isValidIp === false) e.target.value = e.target.defaultValue;
-    } else if (settingId === 'SERVER_PORT') {
-      const newPort = Number(e.target.value);
-      const isInRange = newPort >= 1024 && newPort <= 65536;
-
-      if (isNaN(newPort) || isInRange === false)
-        e.target.value = e.target.defaultValue;
-    }
-
-    checkSettingsChanges();
-  })
-);
-
-document.querySelectorAll('.textarea-input textarea')
-  .forEach((i) => i.addEventListener('change', () => checkSettingsChanges()));
-
-
-
-const isNumberValid = (num) => {
-  if (typeof num === 'number') return num - num === 0;
-  if (typeof num === 'string' && num.trim() !== '') return Number.isFinite ? Number.isFinite(+num) : isFinite(+num);
-
-  return false;
-};
-
-const checkSettingsChanges = () => {
-  const settings = document.querySelectorAll('.settings input, .settings textarea');
-
-  const hasChanges = Array.from(settings).some((s) => {
-    const currentValue = s.type === 'checkbox' ? s.checked : s.value;
-    return currentValue !== s.defaultValue;
-  });
-
-  if (hasChanges) {
-    saveSettings();
-  }
-};
-
-
-function getSizeOfElement(div) {
-  const [oldOpacity, oldPosition] = [
-    div.style.opacity,
-    div.style.position,
-  ];
-
-  div.style.opacity = 0;
-  div.style.position = 'fixed';
-  document.body.appendChild(div);
-
-  const size = div.getBoundingClientRect();
-  const styles = window.getComputedStyle(div);
-
-  size.width = size.width + +(styles.paddingLeft.replace('px', '')) + +(styles.paddingRight.replace('px', '')) + +(styles.marginLeft.replace('px', '')) + +(styles.marginRight.replace('px', ''));
-  size.height = size.height + +(styles.paddingTop.replace('px', '')) + +(styles.paddingBottom.replace('px', '')) + +(styles.marginTop.replace('px', '')) + +(styles.marginBottom.replace('px', ''));
-
-  div.style.opacity = oldOpacity;
-  div.style.position = oldPosition;
-
-  document.body.removeChild(div);
-
-  return size;
-};
-
-function startDownload(element) {
-  const children = element.children[0];
-  const previousImage = element.children[1];
-
-  const id = element.attributes.l?.value;
-  const isDownloading = downloading.includes(id);
-
-  if (isDownloading == false) {
-    const childrenSize = children.getBoundingClientRect();
-    children.style.width = childrenSize.width;
-
-
-    const loadingDiv = previousImage || document.createElement('img');
-    if (!previousImage) loadingDiv.src = '/assets/images/39979.png';
-    loadingDiv.style.width = 0;
-    loadingDiv.style.opacity = 0;
-
-    element.appendChild(loadingDiv);
-
-
-    setTimeout(() => {
-      element.classList.add('disable');
-      children.style.opacity = 0;
-      children.style.width = 0;
-
-      setTimeout(() => {
-        loadingDiv.style.opacity = 1;
-        loadingDiv.style.width = loadingDiv.style.height = `${childrenSize.height}px`;
-      }, 100);
-    }, 10);
-  };
-};
-
-function endDownload(element, id, text) {
-  const span = element.children[0];
-  const image = element.children[1];
-
-  const isDownloading = downloading.includes(id);
-
-  if (isDownloading == true) {
-    const testSpan = document.createElement('span');
-    testSpan.innerText = text;
-    span.innerText = text;
-
-    const spanSize = getSizeOfElement(testSpan);
-
-
-    image.style.opacity = 0;
-    image.style.width = 0;
-    image.style.height = 0;
-
-
-    setTimeout(() => {
-      span.style.opacity = 1;
-      span.style.width = `${spanSize.width}px`;
-    }, 100);
-
-
-    const index = downloading.indexOf(id);
-    if (index == -1) return;
-
-    downloading.splice(index, 1);
-  };
-}
-
-async function downloadCounter(element, id, update) {
-  if (downloading.includes(id)) return;
-
-  downloading.push(id);
-
-  const folderName = element.attributes.l?.value;
-  const name = element.attributes.n?.value;
-  const author = element.attributes.a?.value;
-
-  const url = new URL(`http://${window.location.host}/api/counters/download/${folderName}`);
-  url.searchParams.append('name', `${name} by ${author}`);
-  if (update == true) url.searchParams.append('update', 'true');
-
-  const download = await fetch(url);
-  const json = await download.json();
-
-  if (json.error != null) {
-    if (typeof json.error == 'object') {
-      try {
-        json.error = JSON.stringify(json.error);
-      } catch (error) { };
-    };
-
-    displayNotification({
-      element: element.parentElement.parentElement,
-      text: `Error while downloading: ${json.error}`,
-      classes: ['red'],
-      delay: 3000,
-    });
-
-    setTimeout(() => {
-      endDownload(element, id, 'Download');
-      element.classList.remove('disable');
-    }, 101);
-    return;
-  };
-
-  const oldCount = localStorage.getItem('total-installed-overlays');
-  localStorage.setItem('total-installed-overlays', +oldCount + 1);
-
-  let text = `PP Counter downloaded: ${name} by ${author}`;
-  if (update == true) text = `PP Counter updated: ${name} by ${author}<br>Refresh it in obs (if you have one added)`;
-
-  displayNotification({
-    element: element.parentElement.parentElement,
-    text: text,
-    classes: ['green'],
-    delay: 5000,
-  });
-
-  endDownload(element, id, 'Downloaded');
-
-  const div_element = element.parentElement?.parentElement?.parentElement;
-
-  if (div_element.classList.contains('result-item')) div_element.classList.add('downloaded');
-  if (div_element.classList.contains('result-item')) div_element.classList.remove('updatable');
-};
-
-function displayNotification({ element, text, classes, delay }) {
-  const div = document.createElement('div');
-  // const size = div.getBoundingClientRect();
-  div.classList.add('notification');
-  div.classList.add('hidden');
-  if (Array.isArray(classes)) div.classList.add(...classes);
-
-  const targetRect = element.getBoundingClientRect();
-  const bodyRect = document.querySelector('main').getBoundingClientRect();
-  const leftOffset = targetRect.left - bodyRect.left;
-  // const topOffset = targetRect.top - bodyRect.top;
-  // const rightOffset = bodyRect.right - targetRect.right;
-  const bottomOffset = bodyRect.bottom - targetRect.bottom;
-
-  const divSize = getSizeOfElement(div);
-
-  div.style.left = leftOffset;
-  div.style.bottom = bottomOffset - divSize.height - 5;
-
-  div.innerHTML = text;
-
-
-  document.querySelector('main').appendChild(div);
-  setTimeout(() => {
-    div.classList.remove('hidden');
-  }, 10);
-
-  setTimeout(() => {
-    div.classList.add('hidden');
-
-    setTimeout(() => {
-      document.querySelector('main').removeChild(div);
-    }, 310);
-  }, delay);
-};
-
-function copyText(element) {
-  const text = element.attributes.nfv.value;
-  if (navigator.clipboard == undefined) {
-    const tempTextArea = document.createElement("textarea");
-    tempTextArea.style.position = "fixed";
-    tempTextArea.style.left = "-9999px";
-    tempTextArea.value = text;
-
-    document.body.appendChild(tempTextArea);
-    tempTextArea.select();
-
-    try {
-      document.execCommand('copy');
-      displayNotification({
-        element,
-        text: `${element.attributes.nft.value} copied`,
-        classes: ['green'],
-        delay: 700,
-      });
-    } catch (err) {
-      console.error('Fallback: Oops, unable to copy', err);
-    }
-
-    document.body.removeChild(tempTextArea);
-    return;
-  };
-
-
-  navigator.clipboard.writeText(text).then(() => {
-    displayNotification({
-      element,
-      text: `${element.attributes.nft.value} copied`,
-      classes: ['green'],
-      delay: 700,
-    });
-  });
-}
-
-async function deleteCounter(element) {
-  const folderName = decodeURI(element.attributes.n?.value || '');
-
-  let isDelete = confirm(`Do you want to delete?: ${folderName}`);
-  if (isDelete != true) return;
-
-
-  const download = await fetch(`/api/counters/delete/${folderName}`);
-  const json = await download.json();
-
-  if (json.error != null) {
-    if (typeof json.error == 'object') {
-      try {
-        json.error = JSON.stringify(json.error);
-      } catch (error) { };
-    };
-
-    displayNotification({
-      element: element.parentElement.parentElement.parentElement,
-      text: `Error while downloading: ${json.error}`,
-      classes: ['red'],
-      delay: 3000,
-    });
-
-    endDownload(element, `delete-${folderName}`, 'Error');
-    element.classList.remove('disable');
-    return;
-  };
-
-  displayNotification({
-    element: element.parentElement.parentElement.parentElement,
-    text: `PP Counter deleted: ${folderName}`,
-    classes: ['green'],
-    delay: 3000,
-  });
-
-  endDownload(element, `delete-${folderName}`, 'Deleted');
-
-  const results = document.querySelector('.results');
-  results.removeChild(element.parentElement.parentElement.parentElement);
-
-  const newTotal = document.querySelectorAll('.calu').length || 0;
-  localStorage.setItem('total-installed-overlays', newTotal);
-  installed_overlays.innerHTML = `Installed (${newTotal})`;
-
-  if (results.innerHTML.trim() != '') return;
-
-  results.innerHTML = `<div class="no-results">
-  No counters<br /><a href="/available-overlays">Go here to get one 👉</a>
-  </div>`;
-};
-
-async function openCounter(element) {
-  const folderName = decodeURI(element.attributes.n?.value || '');
-
-  const download = await fetch(`/api/counters/open/${folderName}`);
-  const json = await download.json();
-
-
-  let success_text = `PP Counter Opened: ${folderName}`;
-  let target = element.parentElement.parentElement.parentElement;
-
-
-  if (folderName == 'tosu.exe') {
-    success_text = 'Tosu folder opened';
-    target = element.parentElement;
-  }
-  else if (folderName == 'static.exe') {
-    success_text = 'Static folder opened';
-    target = element;
-  };
-
-
-  if (json.error != null) {
-    if (typeof json.error == 'object') {
-      try {
-        json.error = JSON.stringify(json.error);
-      } catch (error) { };
-    };
-
-    displayNotification({
-      element: target,
-      text: `Error while opening: ${json.error}`,
-      classes: ['red'],
-      delay: 3000,
-    });
-
-    return;
-  };
-
-  displayNotification({
-    element: target,
-    text: success_text,
-    classes: ['green'],
-    delay: 3000,
-  });
-};
-
-function handleInput() {
-  clearTimeout(timer);
-
-  timer = setTimeout(() => {
-    startSearch();
-  }, 300);
-};
-
-async function startSearch(search) {
-  if (isSearching == true || search_bar.value.trim().length === 0) return;
-  search_bar.classList.add('disable');
-  isSearching = true;
-
-  try {
-    const request = await fetch(`/api/counters/search/${search_bar.value}`);
-    const response = await request.text();
-
-    document.querySelector('.results').innerHTML = response;
-  } catch (error) {
-    console.error(error);
-    displayNotification({
-      element: search,
-      text: `Error while search: ${error.name}`,
-      classes: ['red'],
-      delay: 3000,
-    });
-  };
-
-  search_bar.classList.remove('disable');
-  isSearching = false;
-};
-
-async function saveSettings() {
-  try {
-    let redirect = false;
-    let settings = {};
-
-    document.querySelectorAll('.settings *[data-id]').forEach((s) => {
-        const input = s.querySelector('input, textarea');
-        if (!input) return;
-
-          const value = input.type == 'checkbox' ? input.checked : input.value;
-         const settingId = s.getAttribute('data-id');
-
-          settings[settingId] = value;
-    });
-
-     if (BACKUP_SERVER_IP != settings['SERVER_IP'] || BACKUP_SERVER_PORT != settings['SERVER_PORT']) redirect = true;
-
-     const download = await fetch(`/api/settingsSave`, {
-         method: 'POST',
-         body: JSON.stringify(settings)
-     });
-     const json = await download.json();
-
-     if (json.error != null) {
-         if (typeof json.error == 'object') try { json.error = JSON.stringify(json.error) } catch (error) { }
-
-         displayNotification({
-             element: document.querySelector('header'),
-            text: `Error while saving settings: ${json.error}`,
-           classes: ['red'],
-           delay: 3000
-         });
-         return;
-     }
-
-     displayNotification({
-         element: document.querySelector('header'),
-         text: `Settings saved`,
-         classes: ['green'],
-         delay: 1500
-     });
-
-     if (redirect === true) {
-         const ip = settings['SERVER_IP'] === '0.0.0.0' ? 'localhost' : settings['SERVER_IP'];
-
-        setTimeout(() => {
-            window.location.href = `http://${ip}:${settings['SERVER_PORT']}${window.location.pathname}${window.location.search}`;
-        }, 300);
-     }
-    } catch (error) {
-        displayNotification({
-            element: document.querySelector('main'),
-            text: `Error while saving settings: ${error.message}`,
-            classes: ['red'],
-            delay: 3000
-        });
-    }
-}
-
-function displayModal(callback, id, classes) {
-  const div = document.createElement('div');
-  if (Array.isArray(classes)) div.classList.add(...classes);
-
-  if (id) div.id = id;
-  div.classList.add('modal');
-  div.classList.add('hidden');
-
-  document.body.style.overflow = 'hidden';
-
-  const wrapper = document.createElement('div');
-  wrapper.classList.add('m-content');
-  if (typeof callback == 'string') wrapper.innerHTML = callback;
-
-  div.appendChild(wrapper);
-
-  document.body.appendChild(div);
-  if (typeof callback == 'function') callback();
-
-  setTimeout(() => {
-    div.classList.remove('hidden');
-  }, 10);
-};
-
-function closeModal(event, callback) {
-  const block = document.querySelector('.m-content');
-  if (!block || isClosingModal) return;
-
-
-  // Check if the clicked element is not inside the block
-  if (!block.contains(event?.target) || event == null) {
-    if (isBuilderModal == true) {
-      const modal = document.querySelector('.modal');
-      modal.classList.add('-expand');
-
-      setTimeout(() => {
-
-        modal.classList.remove('-expand');
-      }, 150);
-      return;
-    };
-
-
-    isClosingModal = true;
-    document.body.style.overflow = '';
-
-
-    const modal = document.querySelector('.modal');
-    modal.classList.add('hidden');
-
-    setTimeout(() => {
-      if (typeof callback == 'function') callback();
-
-      document.body.removeChild(modal);
-      isClosingModal = false;
-    }, 601);
-  };
-};
-
-
-async function loadCounterSettings(overlay_name, to, no_modal) {
-  const folderName = decodeURI(overlay_name || '');
-
-  const download = await fetch(`/api/counters/settings/${folderName}`);
-  const json = await download.json();
-
-  if (json.error != null) {
-    if (typeof json.error == 'object') {
-      try {
-        json.error = JSON.stringify(json.error);
-      } catch (error) { };
-    };
-
-    displayNotification({
-      element: document.querySelector('.tab-item.active'),
-      text: `Error while loading settings: ${json.error}`,
-      classes: ['red'],
-      delay: 3000,
-    });
-
-    return;
-  };
-
-  if (no_modal == true) {
-    window.counter_settings = createApp(showSettings, {
-      folderName,
-      settings: Array.isArray(json?.settings) ? json.settings : [],
-      values: typeof json?.values == 'object' && !Array.isArray(json?.values) ? json.values : {},
-    });
-
-    window.counter_settings.mount(to);
-    return;
-  };
-
-  displayModal(() => {
-    window.counter_settings = createApp(showSettings, {
-      folderName,
-      settings: Array.isArray(json?.settings) ? json.settings : [],
-      values: typeof json?.values == 'object' && !Array.isArray(json?.values) ? json.values : {},
-    });
-
-    window.counter_settings.mount(to);
-  }, 'showSettings');
-};
-
-async function startUpdate(element) {
-  if (downloading.includes('updating-tosu')) return;
-  downloading.push('updating-tosu');
-  element.classList.add('loadong');
-
-  try {
-    const request = await fetch(`/api/runUpdates`, { method: "GET" });
-    const json = await request.json();
-
-    if (json.error != null) {
-      if (typeof json.error == 'object') {
-        try {
-          json.error = JSON.stringify(json.error);
-        } catch (error) { };
-      };
-
-      displayNotification({
-        element: element,
-        text: `Error while updating: ${json.error}`,
-        classes: ['red'],
-        delay: 3000,
-      });
-
-      element.classList.remove('loadong');
-      return;
-    };
-
-
-    displayNotification({
-      element: element,
-      text: `Update finished`,
-      classes: ['green'],
-      delay: 3000,
-    });
-
-
-    const find = downloading.indexOf('updating-tosu');
-    if (find >= -1) downloading.splice(find, 1);
-
-    element.classList.remove('loadong');
-    element.classList.add('fold');
-
-    setTimeout(() => {
-      document.body.removeChild(element);
-    }, 400);
-  } catch (error) {
-    console.log(error);
-    displayNotification({
-      element: element,
-      text: `Error while updating: ${error.name}`,
-      classes: ['red'],
-      delay: 3000,
-    });
-  };
-};
-
-
-async function startBuilderModal(element) {
-  const folderName = decodeURI(element.attributes.n?.value || '');
-  let json = '';
-
-  try {
-    const download = await fetch(`${window.location.origin}/${folderName}/settings.json`);
-    json = await download.json();
-  } catch (error) { };
-
-
-  displayModal(() => {
-    window.builder = createApp(settingsBuilder, {
-      folderName,
-      settings: Array.isArray(json) ? json : [],
-    });
-
-    window.builder.mount('#settingsBuilder');
-  }, 'settingsBuilder');
-
-  isBuilderModal = true;
-};
-
-
-search_bar?.addEventListener('input', handleInput);
-search_bar?.addEventListener('keydown', handleInput);
-
-
-window.addEventListener('click', (event) => {
-  const t = event.target;
-
-  if (t?.classList.value.includes('dl-button')) {
-    const id = t.attributes.l?.value;
-
-    startDownload(t);
-    downloadCounter(t, id);
-    return;
-  };
-
-  if (t?.classList.value.includes('update-button')) {
-    const id = t.attributes.l?.value;
-    const name = t.attributes.n?.value;
-    const author = t.attributes.a?.value;
-    const confirmed = confirm(`Update counter «${name} by ${author}»?`);
-    if (!confirmed) return;
-
-    startDownload(t);
-    downloadCounter(t, id, true);
-    return;
-  };
-  if (t?.classList.value.includes(' delete-button')) return deleteCounter(t);
-  if (t?.classList.value.includes(' open-button')) return openCounter(t);
-  if (t?.classList.value.includes(' open-folder-button')) return openCounter(t);
-
-
-
-  if (t?.classList.value.includes(' settings-button')) {
-    loadCounterSettings(t.attributes.n?.value, '#showSettings');
-    return;
-  };
-
-  if (t?.classList.value.includes(' -settings')) {
-    loadCounterSettings(t.attributes.n?.value, '#showSettings');
-    return;
-  };
-
-  if (t?.classList.value.includes(' settings-builder-button')) {
-    startBuilderModal(t);
-    return;
-  };
-
-  if (t?.classList.value.includes('update-available')) {
-    startUpdate(t);
-    return;
-  };
-
-
-  if (t?.attributes.nf) return copyText(t);
-
-
-  if (t?.id == 'devMode') {
-    document.querySelectorAll('.settings-builder-button').forEach(r => r.classList.toggle('active'));
-    return;
-  };
-});
-
-
-document.addEventListener('mousedown', function (event) {
-  if (event.button !== 0) return;
-  closeModal(event);
-});
-
-
-document.addEventListener('keydown', (event) => {
-  const key = event.code;
-
-  if (key == 'Escape') {
-    closeModal(null);
-    return;
-  };
-});
-
-
-// Use cached values if available before updating with real values.
-const cachedAvailable = +localStorage.getItem('total-available-overlays') || 0;
-const cachedInstalled = +localStorage.getItem('total-installed-overlays') || 0;
-
-if (available_overlays) available_overlays.innerHTML = `Available (${cachedAvailable})`;
-if (installed_overlays) installed_overlays.innerHTML = `Installed (${cachedInstalled})`;
-
-
-
-window.onload = async () => {
-  window.closeModal_func = closeModal;
-
-  try {
-    const request = await fetch('https://tosu.app/api.json');
-    const available = await request.json();
-
-    if (Array.isArray(available) && cachedAvailable !== available.length) {
-      available_overlays.innerHTML = `Available (${available.length})`;
-      localStorage.setItem('total-available-overlays', available.length);
-    }
-
-    const installed = document.querySelectorAll('.calu');
-    if (installed_overlays) {
-      if (window.location.pathname === '/' && cachedInstalled !== installed.length) {
-        installed_overlays.innerHTML = `Installed (${installed.length})`;
-        localStorage.setItem('total-installed-overlays', installed.length);
-      } else {
-        installed_overlays.innerHTML = `Installed (${cachedInstalled})`;
-      }
-    }
-
-    for (let i = 0; i < installed.length; i++) {
-      const counter = installed[i];
-
-      const find = available.find(r => r.name.toLowerCase() == counter.attributes.getNamedItem('n')?.value.toLowerCase() && r.author.toLowerCase() == counter.attributes.getNamedItem('a')?.value.toLowerCase())
-      if (!find) continue;
-
-      const updatable = counter.attributes.getNamedItem('v')?.value != find.version;
-      if (!updatable) continue;
-
-      const button = document.createElement('button');
-      button.classList.add('button', 'update-button', 'flexer');
-
-      button.setAttribute('l', find.downloadLink);
-      button.setAttribute('n', find.name);
-      button.setAttribute('a', find.author);
-
-      button.innerHTML = `<span>Update</span>`;
-      counter.prepend(button);
-    }
-
-    if (search_bar) setTimeout(() => search_bar.focus(), 100);
-    window.showDonateModal = showDonateModal;
-  } catch (e) {
-    console.log(e);
-  }
-}
-
-// dynamically update values on all opened tabs.
-window.onstorage = (e) => {
-  if (e.key === 'total-installed-overlays' && installed_overlays) {
-    installed_overlays.innerHTML = `Installed (${e.newValue})`;
-    if (window.location.pathname === '/') setTimeout(() => window.location.reload(), 250);
-  }
-
-  if (e.key === 'total-available-overlays' && available_overlays) {
-    available_overlays.innerHTML = `Available (${e.newValue})`;
-    if (window.location.pathname === '/available') setTimeout(() => window.location.reload(), 250);
-  }
-};
-
-if (queryParams.has('ingame')) {
-  document.querySelector('.tabs')?.remove();
-  document.querySelector('.links')?.remove();
-  document.querySelector('.submit-counter')?.remove();
-};
-
-
-
-if (window.location.pathname == '/settings' && queryParams.has('overlay')) {
-  const results = document.querySelector('.results');
-  results.classList.add('--settings');
-  results.innerHTML = `Loading...`;
-
-  loadCounterSettings(queryParams.get('overlay'), '.results', true);
-};
-
-if (window.location.pathname == '/settings' && !queryParams.has('overlay') && keybind_div) {
-  const keybindInput = keybind_div.children[0];
-  let previousKeybind = keybindInput.value;
-
-  keybindInput.addEventListener('focus', () => {
-    keybindInput.value = '...';
-    window.addEventListener('keydown', handleKey);
-    window.addEventListener('keyup', handleKey);
-  });
-
-  keybindInput.addEventListener('blur', () => {
-    if (keybindInput.value === '...') keybindInput.value = previousKeybind;
-
-    window.removeEventListener('keydown', handleKey);
-    window.removeEventListener('keyup', handleKey);
-    checkSettingsChanges();
-  });
-
-  const handleKey = (event) => {
-    event.preventDefault();
-    const key = event.key === ' ' ? 'Space' : event.key;
-    const formattedKey = key.charAt(0).toUpperCase() + key.slice(1).toLowerCase();
-
-    if (event.type === 'keydown') {
-      if (key === 'Escape') {
-        keybindInput.value = previousKeybind;
-        keybindInput.blur();
-        return;
-      }
-
-      if (selected_keys.length >= 4) {
-        displayNotification({
-          element: keybindInput,
-          text: `You can only bind up to 4 keys!`,
-          classes: ['red'],
-          delay: 2000,
-        });
-
-        selected_keys = [];
-        keybindInput.blur();
-        return;
-      }
-
-      if (!selected_keys.some(k => k.key === formattedKey)) {
-        selected_keys.push({ code: event.keyCode, key: formattedKey });
-        selected_keys.sort((a, b) => {
-          const modifierOrder = ['Meta', 'Control', 'Shift', 'Alt'];
-          const isModifierA = modifierOrder.includes(a.key.split('+')[0]);
-          const isModifierB = modifierOrder.includes(b.key.split('+')[0]);
-          if (isModifierA !== isModifierB) return isModifierA ? -1 : 1;
-          return a.key.localeCompare(b.key, undefined, { numeric: true });
-        });
-        keybindInput.value = selected_keys.map(k => k.key).join(' + ');
-      }
-    } else if (event.type === 'keyup') {
-      selected_keys = selected_keys.filter(k => k.code !== event.keyCode);
-      if (selected_keys.length === 0) keybindInput.blur();
-
-      previousKeybind = keybindInput.value;
-    }
-  }
-}
-
-function showDonateModal() {
-  displayModal(`
-    <h2 class="ms-title">Support us! ❤️</h2>
-
-    <div class="m-scroll donate-container">
-        <div class="flexer donate-buttons">
-            <a class="button boosty-button" href="https://boosty.to/kotrik/donate" target="_blank">Boosty</a>
-        </div>
-
-        <div class="flexer donate-qr">
-            <img src="/assets/images/usdt-qr-code.png"/>
-
-            <h3>USDT (TRC20)</h3>
-            <code>TCYKLbTiASF1j5hvSoYFXsd56nXFeSqfFn</code>
-        </div>
-
-        <div class="donate-description">
-            <p>Hello! Unfortunately, everything we do here is "free job" and we are glad that you use our software</p></br>
-            <p>We would like to ask you to support us with a coin, even a small one</p></br>
-            <p>Due to the fact that almost all developers are from Russia, we are paralyzed in accepting donations via Patreon or PayPal</p></br>
-            <p>So if it is not difficult and you don't mind a coin with provided options, we will be grateful!</p>
-        </div>
-    </div>
-`, 'donateModal')
-}
\ No newline at end of file
diff --git a/packages/server/assets/icons/style.css b/packages/server/assets/icons/style.css
deleted file mode 100644
index c3637125..00000000
--- a/packages/server/assets/icons/style.css
+++ /dev/null
@@ -1 +0,0 @@
-@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?yo4fz7);src:url(fonts/icomoon.eot?yo4fz7#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?yo4fz7) format('truetype'),url(fonts/icomoon.woff?yo4fz7) format('woff'),url(fonts/icomoon.svg?yo4fz7#icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-plus:before{content:"\e92a"}.icon-delete:before{content:"\e92d"}.icon-folder:before{content:"\e900"}.icon-settings:before{content:"\e901"}.icon-link:before{content:"\e902"}.icon-github:before{content:"\e903"}.icon-discord:before{content:"\e904"}.icon-builder:before{content:"\e905"}
\ No newline at end of file
diff --git a/packages/server/assets/ingame.js b/packages/server/assets/ingame.js
deleted file mode 100644
index a56d5589..00000000
--- a/packages/server/assets/ingame.js
+++ /dev/null
@@ -1,851 +0,0 @@
-class WebSocketManager {
-  constructor(host) {
-    if (host) {
-      this.host = host;
-    }
-
-    this.createConnection = this.createConnection.bind(this);
-
-    /**
-     * @type {{ [key: string]: WebSocket }} - asd;
-     */
-    this.sockets = {};
-  }
-
-  createConnection(url, callback, filters) {
-    let INTERVAL = '';
-
-    const that = this;
-    const parse_url = new URL(window.location.href);
-    let socket_url = `ws://${this.host}${url}?l=__ingame__`;
-    if (parse_url.searchParams.get('edit')) socket_url += `&iframe=true`;
-
-    this.sockets[url] = new WebSocket(socket_url);
-
-    this.sockets[url].onopen = () => {
-      console.log(`[OPEN] ${url}: Connected`);
-
-      if (INTERVAL) clearInterval(INTERVAL);
-      if (Array.isArray(filters)) {
-        this.sockets[url].send(`applyFilters:${JSON.stringify(filters)}`);
-      }
-    };
-
-    this.sockets[url].onclose = (event) => {
-      console.log(`[CLOSED] ${url}: ${event.reason}`);
-
-      delete this.sockets[url];
-      INTERVAL = setTimeout(() => {
-        that.createConnection(url, callback, filters);
-      }, 1000);
-    };
-
-    this.sockets[url].onerror = (event) => {
-      console.log(`[ERROR] ${url}: ${event.reason}`);
-    };
-
-
-    this.sockets[url].onmessage = (event) => {
-      try {
-        const data = JSON.parse(event.data);
-        if (data.error != null) {
-          console.error(`[MESSAGE_ERROR] ${url}:`, data.error);
-          return;
-        };
-
-        if (data.message != null) {
-          if (data.message.error != null) {
-            console.error(`[MESSAGE_ERROR] ${url}:`, data.message.error);
-            return;
-          }
-        };
-
-        callback(data);
-      } catch (error) {
-        console.log(`[MESSAGE_ERROR] ${url}: Couldn't parse incomming message`, error);
-      };
-    };
-  };
-  /**
-   * Connects to tosu advanced socket api.
-   * @param {(data: WEBSOCKET_V2) => void} callback - The function to handle received messages.
-   * @param {Filters[]} filters
-   */
-  api_v2(callback, filters) {
-    this.createConnection(`/websocket/v2`, callback, filters);
-  };
-
-
-  /**
-   * Connects to message
-   * @param {(data: { command: string, message: any }) => void} callback - The function to handle received messages.
-   */
-  commands(callback) {
-    this.createConnection(`/websocket/commands`, callback);
-  };
-
-  /**
-   *
-   * @param {string} name
-   * @param {string|Object} payload
-   */
-  sendCommand(name, command, amountOfRetries = 1) {
-    const that = this;
-
-
-    if (!this.sockets['/websocket/commands']) {
-      setTimeout(() => {
-        that.sendCommand(name, command, amountOfRetries + 1);
-      }, 100);
-
-      return;
-    };
-
-
-    try {
-      const payload = typeof command == 'object' ? JSON.stringify(command) : command;
-      this.sockets['/websocket/commands'].send(`${name}:${payload}`);
-    } catch (error) {
-      if (amountOfRetries <= 3) {
-        console.log(`[COMMAND_ERROR] Attempt ${amountOfRetries}`, error);
-        setTimeout(() => {
-          that.sendCommand(name, command, amountOfRetries + 1);
-        }, 1000);
-        return;
-      };
-
-
-      console.error(`[COMMAND_ERROR]`, error);
-    };
-  };
-
-
-  close(url) {
-    this.host = url;
-
-    const array = Object.keys(this.sockets);
-    for (let i = 0; i < array.length; i++) {
-      const key = array[i];
-      const value = this.sockets[key];
-
-      if (!value) continue;
-      value.close();
-    };
-  };
-};
-
-const { createApp, ref, computed, watch, watchEffect } = Vue;
-const socket = new WebSocketManager(window.location.host);
-
-
-const app = createApp({
-  setup() {
-    const settings_debounce = debounce((v, old) => {
-      save_settings();
-    }, 400);
-
-    const is_edit_available_by_default = new URL(location.href).searchParams.get('edit') === 'true';
-    const is_edit = ref(is_edit_available_by_default);
-
-    const max_width = ref(window.innerWidth);
-    const max_height = ref(window.innerHeight);
-    const cursor = ref({
-      type: 'default'
-    });
-
-    const empty_ctx = ref(null);
-    const overlay_ctx = ref(null);
-
-
-
-    /** @type { { value: ICounter[] } } */
-    const available_overlays = ref(window.COUNTERS || []);
-    /** @type { { value: Overlay[] } } */
-    const overlays = ref([]);
-
-
-
-    const context_empty = ref({
-      _: false,
-      showed: false,
-      x: 0,
-      x1: 0,
-      y: 0,
-      y1: 0,
-    });
-
-    const context_overlay = ref({
-      _: false,
-      showed: false,
-      selected: -1,
-      x: 0,
-      x1: 0,
-      y: 0,
-      y1: 0,
-    });
-
-
-    const settings = computed(() => {
-      const array = JSON.stringify(overlays.value);
-      return { overlays: array };
-    });
-
-
-    watch(settings, settings_debounce);
-    watchEffect(() => {
-      document.body.style.cursor = cursor.value.type;
-    });
-    watchEffect(() => {
-      document.body.style.setProperty('--w', `${max_width.value}px`);
-      document.body.style.setProperty('--h', `${max_height.value}px`);
-    });
-
-    watchEffect(() => {
-      if (is_edit.value == true) document.body.classList.add('-editing');
-      else document.body.classList.remove('-editing');
-    });
-
-
-    let _id = 0;
-
-    let hovered_index = -1;
-    let copy_index = -1;
-
-    let is_dragging = false;
-    let is_resizing = false;
-
-    let initial_left = 0;
-    let initial_top = 0;
-
-    let initial_width = 0;
-    let initial_height = 0;
-
-    let initial_scale = 0;
-
-    let start_x = 0;
-    let start_y = 0;
-
-    let resize_elm = null;
-    let drag_elm = null;
-
-    const resize_direction = {
-      top: false,
-      left: false,
-      right: false,
-      bottom: false,
-    };
-
-
-    function round_up(value) {
-      if (value == null || value == '') return 0;
-
-      const num = parseFloat(value);
-      return Number.isFinite(num) ? +num.toFixed(4) : 0;
-    };
-
-    function side_decide(event, is_resize) {
-      if (is_dragging && is_resize != true) return;
-
-
-      const element = event.target;
-
-      const client_rect = element.getBoundingClientRect();
-      const offset = 15;
-
-      const is_top = event.clientY - client_rect.top < offset;
-      const is_left = event.clientX - client_rect.left < offset;
-      const is_right = client_rect.right - event.clientX < offset;
-      const is_bottom = client_rect.bottom - event.clientY < offset;
-
-      if (is_resize) return (is_top || is_left || is_right || is_bottom) && !event.shiftKey;
-
-
-      if (event.shiftKey) cursor.value.type = 'move';
-      else if (is_left && is_top) cursor.value.type = 'nw-resize';
-      else if (is_right && is_top) cursor.value.type = 'ne-resize';
-      else if (is_left && is_bottom) cursor.value.type = 'ne-resize';
-      else if (is_right && is_bottom) cursor.value.type = 'nw-resize';
-      else if (is_left || is_right) cursor.value.type = 'ew-resize';
-      else if (is_top || is_bottom) cursor.value.type = 'ns-resize';
-      else cursor.value.type = 'move';
-
-      if (is_resizing) return;
-
-      resize_direction.top = is_top;
-      resize_direction.left = is_left;
-      resize_direction.right = is_right;
-      resize_direction.bottom = is_bottom;
-
-
-      const index = element.attributes.getNamedItem('data-ind').value;
-      if (!index) {
-        // console.log('[side_decide]', `cant find index`, event);
-
-        return;
-      };
-
-
-      hovered_index = index;
-    };
-
-
-    function resizing(event) {
-      if (!is_resizing) return;
-
-      const element = resize_elm;
-      if (!element) return;
-
-      const index = element.attributes.getNamedItem('data-ind').value;
-      if (!index) {
-        // console.log(`[resizing-${event.ctrlKey ? 'scale' : ''}]`, `cant find index`, event);
-
-        return;
-      };
-
-      const find = overlays.value[index];
-      if (!find) {
-        // console.log(`[resizing-${event.ctrlKey ? 'scale' : ''}]`, `cant find overlay`, event);
-
-        return;
-      };
-
-
-      if (event.ctrlKey) {
-        const client_rect = element.getBoundingClientRect();
-        const offset_x = (event.clientX - start_x) * element.style.scale;
-
-        const scale = initial_scale + offset_x / client_rect.width;
-        if (scale < 0.1) return;
-
-        find.scale = round_up(scale);
-        return;
-      };
-
-
-      const offset_x = event.clientX - start_x;
-      const offset_y = event.clientY - start_y;
-
-      if (resize_direction.left) {
-        const width = initial_width - offset_x;
-        const left = initial_left + offset_x
-
-
-        if (width >= 10 && left + width <= max_width.value) {
-          find.left = round_up(Math.max(0, left));
-          find.width = round_up(Math.max(10, width / initial_scale));
-
-          // element.style.left = `${Math.max(0, left)}px`;
-          // element.style.width = `${Math.max(10, width / initial_scale)}px`;
-
-          // console.log('left', initial_scale, element.style.left, element.style.width);
-        };
-      }
-      else if (resize_direction.right) {
-        const width = initial_width + offset_x;
-        if (initial_left + width <= max_width.value) {
-          find.width = round_up(Math.max(10, width / initial_scale));
-          // element.style.width = `${Math.max(10, width / initial_scale)}px`;
-
-          // console.log('right', initial_scale, element.style.width);
-        };
-      };
-
-
-      if (resize_direction.top) {
-        const height = initial_height - offset_y;
-        const top = initial_top + offset_y;
-
-        if (height >= 10 && top + height <= max_height.value) {
-          find.height = round_up(Math.max(10, height / initial_scale));
-          find.top = round_up(Math.max(0, top));
-          // element.style.height = `${Math.max(10, height / initial_scale)}px`;
-          // element.style.top = `${Math.max(0, top)}px`;
-
-          // console.log('top', initial_scale, element.style.height, element.style.top);
-        };
-      }
-      else if (resize_direction.bottom) {
-        const height = initial_height + offset_y;
-        if (initial_top + height <= max_height.value) {
-          find.height = round_up(Math.max(10, height / initial_scale));
-          // element.style.height = `${Math.max(10, height / initial_scale)}px`;
-
-          // console.log('bottom', initial_scale, element.style.height);
-        }
-      };
-
-    };
-
-
-    function enable_drag(event) {
-      const type = side_decide(event, true);
-      if (type) {
-        is_resizing = true;
-        resize_elm = event.target;
-      }
-      else {
-        is_dragging = true;
-        drag_elm = event.target;
-      }
-
-
-      const client_rect = event.target.getBoundingClientRect();
-
-      initial_top = +event.target.style.top.replace('px', '');
-      initial_left = +event.target.style.left.replace('px', '');
-
-      initial_width = client_rect.width;
-      initial_height = client_rect.height;
-
-      initial_scale = +event.target.style.scale;
-
-      start_x = event.clientX;
-      start_y = event.clientY;
-    };
-
-
-    function stop_drag() {
-      is_dragging = false;
-      is_resizing = false;
-    };
-
-
-
-    window.addEventListener('mousemove', (event) => {
-      if (is_resizing) return resizing(event);
-      if (!is_dragging) return;
-
-      const element = drag_elm;
-      if (!element) return;
-
-
-      const client_rect = element.getBoundingClientRect();
-
-      const offset_x = event.clientX - start_x;
-      const offset_y = event.clientY - start_y;
-
-      const element_width = client_rect.width;
-      const element_height = client_rect.height;
-
-
-      const index = element.attributes.getNamedItem('data-ind').value;
-      if (!index) {
-        // console.log('[mousemove]', `cant find url`, event);
-
-        return;
-      };
-
-      const find = overlays.value[index];
-      if (!find) {
-        // console.log('[mousemove]', `cant find overlay`, event);
-
-        return;
-      };
-
-      find.top = round_up(Math.max(0, Math.min(max_height.value - element_height, initial_top + offset_y)));
-      find.left = round_up(Math.max(0, Math.min(max_width.value - element_width, initial_left + offset_x)));
-
-      // console.log('move', { offset_x, offset_y, element_width, element_height });
-    });
-
-    window.addEventListener('mouseup', stop_drag);
-
-
-    window.addEventListener('contextmenu', (event) => {
-      if (event.target.classList.contains('overlay')) {
-        // if (overlay_ctx.value?.contains(event.target)) return;
-        const index = event.target.attributes.getNamedItem('data-ind').value;
-        if (!index) return;
-
-
-        event.preventDefault();
-
-        context_overlay.value._ = true;
-
-        context_overlay.value.index = index;
-
-        context_overlay.value.y1 = event.clientY;
-        context_overlay.value.x1 = event.clientX;
-
-
-        setTimeout(() => {
-          const size = overlay_ctx.value.getBoundingClientRect();
-
-          const toRight = event.clientY + size.height > max_height.value;
-          const toTop = event.clientX + size.width > max_width.value;
-
-
-          context_overlay.value.y = toRight ? event.clientY - size.height : event.clientY;
-          context_overlay.value.x = toTop ? event.clientX - size.width : event.clientX;
-
-
-          setTimeout(() => {
-            context_overlay.value.showed = true;
-          }, 1);
-        }, 1);
-        return;
-      };
-
-
-      const modal = document.querySelector('.modal');
-      if (modal && modal.contains(event.target)) return;
-
-      if (empty_ctx.value?.contains(event.target)) return;
-      if (overlay_ctx.value?.contains(event.target)) return;
-      event.preventDefault();
-
-      context_empty.value._ = true;
-      context_overlay.value._ = false;
-
-      context_overlay.value.index = -1;
-
-      context_empty.value.y1 = event.clientY;
-      context_empty.value.x1 = event.clientX;
-
-
-      setTimeout(() => {
-        const size = empty_ctx.value.getBoundingClientRect();
-
-        const toRight = event.clientY + size.height > max_height.value;
-        const toTop = event.clientX + size.width > max_width.value;
-
-
-        context_empty.value.y = toRight ? event.clientY - size.height : event.clientY;
-        context_empty.value.x = toTop ? event.clientX - size.width : event.clientX;
-
-
-        setTimeout(() => {
-          context_empty.value.showed = true;
-        }, 1);
-      }, 1);
-    });
-
-
-    window.addEventListener('mousedown', (event) => {
-      if (empty_ctx.value) {
-        if (empty_ctx.value.contains(event.target)) return;
-
-        context_empty.value._ = false;
-      };
-
-      if (overlay_ctx.value) {
-        if (overlay_ctx.value.contains(event.target)) return;
-
-        context_overlay.value._ = false;
-        context_overlay.value.index = -1;
-      };
-
-      // console.log('lost', event);
-    });
-
-
-    window.addEventListener('resize', (event) => {
-      max_width.value = window.innerWidth;
-      max_height.value = window.innerHeight;
-    });
-
-
-    window.addEventListener('keydown', (event) => {
-      const key = (event.code || event.key).toLowerCase();
-      if (key == 'delete' && hovered_index > -1) {
-        remove_overlay(hovered_index);
-
-        hovered_index = -1;
-      };
-
-
-      if ((key == 'keyc' || key == 'c') && event.ctrlKey) {
-        let element;
-        if (context_overlay.value.index > -1 && overlay_ctx.value) {
-          element = overlay_ctx.value;
-
-          copy_index = context_overlay.value.index;
-        }
-        else if (hovered_index > -1) {
-          element = document.querySelector(`[data-ind="${hovered_index}"]`);
-
-          copy_index = hovered_index;
-        };
-
-
-
-        element.classList.add('hlh-copy');
-        setTimeout(() => {
-          element.classList.remove('hlh-copy');
-        }, 200);
-      };
-
-      if ((key == 'keyv' || key == 'v') && event.ctrlKey) {
-        let element;
-        if (context_overlay.value.index > -1 && overlay_ctx.value) {
-          element = overlay_ctx.value;
-        }
-        else if (copy_index > -1) {
-          element = document.querySelector(`[data-ind="${copy_index}"]`);
-        };
-
-        overlays.value[copy_index].width = overlays.value[hovered_index].width;
-        overlays.value[copy_index].height = overlays.value[hovered_index].height;
-        overlays.value[copy_index].top = overlays.value[hovered_index].top;
-        overlays.value[copy_index].left = overlays.value[hovered_index].left;
-        overlays.value[copy_index].scale = overlays.value[hovered_index].scale;
-        overlays.value[copy_index].z_index = overlays.value[hovered_index].z_index + 1;
-
-
-        copy_index = -1;
-        hovered_index = -1;
-
-        element.classList.add('hlh-paste');
-        setTimeout(() => {
-          element.classList.remove('hlh-paste');
-        }, 200);
-      };
-    });
-
-
-    window.addEventListener('wheel', (event) => {
-      const index = event.target.attributes.getNamedItem('data-ind')?.value;
-      if (!index) return;
-
-      const overlay = overlays.value[index];
-      let class_name = '';
-
-
-      if (event.deltaY < 0) {
-        if (overlay.z_index >= 999) return;
-        class_name = 'up';
-
-        overlay.z_index++;
-      }
-      else {
-        if (overlay.z_index <= 0) return;
-        class_name = 'down';
-
-        overlay.z_index--;
-      };
-
-
-      event.target.classList.add(`hlh-index-${class_name}`);
-      setTimeout(() => {
-        event.target.classList.remove(`hlh-index-${class_name}`);
-      }, 100);
-    });
-
-    window.addEventListener('message', data => {
-      if (data.data == 'editingStarted') {
-        is_edit.value = true;
-      }
-      else if (data.data == 'editingEnded') {
-        is_edit.value = false;
-
-        context_empty.value._ = false;
-        context_overlay.value._ = false;
-        closeModal_func(null);
-      };
-    });
-
-
-
-    /**
-     *
-     * @param {ICounter} overlay
-     */
-    function add_overlay(overlay) {
-      _id++;
-      overlays.value.push({
-        _settings: Array.isArray(overlay.settings) ? overlay.settings.length > 0 : false,
-        id: _id,
-        folderName: overlay.folderName,
-
-        url: `${window.location.origin}/${overlay.folderName}`,
-        width: Math.min(max_width.value - context_empty.value.x1, overlay.resolution[0]),
-        height: Math.min(max_height.value - context_empty.value.y1, overlay.resolution[1]),
-
-        top: context_empty.value.y1,
-        left: context_empty.value.x1,
-        scale: 1,
-        z_index: 1,
-      });
-
-
-      context_empty.value._ = false;
-    };
-
-
-    function reset_overlay(index) {
-      const item = overlays.value[index];
-      if (!item) return;
-
-
-      const find = available_overlays.value.find(r => item.url.endsWith(r.folderName));
-      if (!find) return;
-
-
-      item.width = Math.min(max_width.value - item.left, find.resolution[0]);
-      item.height = Math.min(max_height.value - item.top, find.resolution[1]);
-
-      item.scale = 1;
-      item.z_index = 1;
-      // context_overlay.value._ = false;
-    };
-
-
-    function remove_overlay(index) {
-      overlays.value.splice(index, 1);
-      context_overlay.value._ = false;
-    };
-
-
-    function reset_hover() {
-      hovered_index = -1;
-      cursor.value.type = 'default';
-    };
-
-
-
-    async function save_settings() {
-      try {
-        await fetch('/api/counters/settings/__ingame__', {
-          method: 'POST',
-          body: JSON.stringify({ overlays: overlays.value })
-        });
-      } catch (error) {
-        console.log(error);
-      };
-    };
-
-    function notification({ text, classes, delay }) {
-      const div = document.createElement('div');
-      div.classList.add('notification');
-      div.classList.add('hidden');
-      if (Array.isArray(classes)) div.classList.add(...classes);
-
-      div.style.top = `2em`;
-      div.style.right = `2em`;
-
-      div.style.left = `unset`;
-      div.style.bottom = `unset`;
-
-      div.innerHTML = text;
-
-
-      document.querySelector('main').appendChild(div);
-      setTimeout(() => {
-        div.classList.remove('hidden');
-      }, 10);
-
-      setTimeout(() => {
-        div.classList.add('hidden');
-
-        setTimeout(() => {
-          document.querySelector('main').removeChild(div);
-        }, 310);
-      }, delay);
-    };
-
-
-    socket.sendCommand('getCounters', encodeURI('__ingame__'));
-    socket.sendCommand('getSettings', encodeURI('__ingame__'));
-    socket.commands((data) => {
-      try {
-        const { command, message } = data;
-        if (command == 'getSettings') {
-          if (JSON.stringify(message.overlays || []) != JSON.stringify(overlays.value)) {
-            overlays.value = message.overlays;
-          };
-        };
-
-
-        if (command == 'getCounters' && Array.isArray(message)) {
-          available_overlays.value = message;
-        };
-
-        if (command == 'getSettings' || command == 'getCounters') {
-          overlays.value.forEach(r => r._enabled = available_overlays.value.some(a => a.folderName == r.folderName));
-        }
-      } catch (error) {
-        console.log(error);
-      };
-    });
-
-
-    return {
-      max_width, max_height, cursor,
-      empty_ctx, overlay_ctx,
-      available_overlays, overlays,
-      context_empty, context_overlay,
-      side_decide, enable_drag, stop_drag,
-      add_overlay, reset_overlay, remove_overlay,
-      reset_hover,
-      round_up,
-      notification,
-    };
-  },
-});
-
-app.mount('.main');
-
-
-/**
- * @typedef {Object} Overlay
- * @property {boolean} _enabled
- * @property {boolean | undefined} _settings
- * @property {string} id
- * @property {string} folderName
- * @property {string} url
- * @property {number} top
- * @property {number} left
- * @property {number} width
- * @property {number} height
- * @property {number} scale
- * @property {number} z_index
- */
-
-/**
- * @typedef {Object} ISettings
- * @property {string} uniqueID - The unique identifier for the setting.
- * @property {string} [uniqueCheck] - Optional unique check identifier.
- * @property {ISettingsType} type - The type of the setting.
- * @property {string} title - The title of the setting.
- * @property {(string[] | Array<{required: boolean, type: 'text' | 'number' | 'checkbox' | 'options', name: string, title: string, description: string, values: string[], value: any}>)} [options] - Optional options for the setting.
- * @property {string} description - The description of the setting.
- * @property {any} value - The value of the setting.
- */
-
-/**
- * @typedef {'text' | 'color' | 'number' | 'checkbox' | 'button' | 'options' | 'commands' | 'textarea' | 'password' | 'header'} ISettingsType - The type of a setting.
- */
-
-/**
- * @typedef {Object} ICounter
- * @property {boolean} [_downloaded] - Optional flag indicating if it has been downloaded.
- * @property {boolean} [_updatable] - Optional flag indicating if it is updatable.
- * @property {boolean} [_settings] - Optional flag indicating if settings are available.
- * @property {string} folderName - The folder name.
- * @property {string} name - The name of the counter.
- * @property {string} author - The author of the counter.
- * @property {string} version - The version of the counter.
- * @property {number[]} resolution - The resolution of the counter.
- * @property {string[]} authorlinks - Links related to the author.
- * @property {ISettings[]} settings - Array of settings.
- * @property {string} [usecase] - Optional use case description.
- * @property {string} [compatiblewith] - Optional information about compatibility.
- * @property {Array<{type: string, url: string}>} [assets] - Optional array of assets with type and URL.
- * @property {string} [downloadLink] - Optional download link.
- */
-
-
-/**
- * @typedef {string | { field: string; keys: Filters[] }} Filters
- */
-
-
-function debounce(callback, wait) {
-  let timeoutId = null;
-  return (...args) => {
-    window.clearTimeout(timeoutId);
-    timeoutId = window.setTimeout(() => {
-      callback(...args);
-    }, wait);
-  };
-};
\ No newline at end of file
diff --git a/packages/server/assets/vue.js b/packages/server/assets/vue.js
deleted file mode 100644
index df00f374..00000000
--- a/packages/server/assets/vue.js
+++ /dev/null
@@ -1,5 +0,0 @@
-var Vue=function(e){"use strict";var t;let n,C,s,a,p,h,v,g,y,b,N,A;function E(e){let t=Object.create(null);for(var n of e.split(","))t[n]=1;return e=>e in t}let I={},ie=[],se=()=>{},D=()=>!1,B=e=>111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&(122<e.charCodeAt(2)||e.charCodeAt(2)<97),U=e=>e.startsWith("onUpdate:"),G=Object.assign,$=(e,t)=>{t=e.indexOf(t);-1<t&&e.splice(t,1)},j=Object.prototype.hasOwnProperty,R=(e,t)=>j.call(e,t),J=Array.isArray,H=e=>"[object Map]"===le(e),q=e=>"[object Set]"===le(e),W=e=>"[object Date]"===le(e),Q=e=>"function"==typeof e,X=e=>"string"==typeof e,K=e=>"symbol"==typeof e,Z=e=>null!==e&&"object"==typeof e,oe=e=>(Z(e)||Q(e))&&Q(e.then)&&Q(e.catch),z=Object.prototype.toString,le=e=>z.call(e),ae=e=>le(e).slice(8,-1),ce=e=>"[object Object]"===le(e),ue=e=>X(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,de=E(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),pe=E("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"),he=t=>{let n=Object.create(null);return e=>n[e]||(n[e]=t(e))},fe=/-(\w)/g,O=he(e=>e.replace(fe,(e,t)=>t?t.toUpperCase():"")),me=/\B([A-Z])/g,ve=he(e=>e.replace(me,"-$1").toLowerCase()),ge=he(e=>e.charAt(0).toUpperCase()+e.slice(1)),ye=he(e=>e?"on"+ge(e):""),k=(e,t)=>!Object.is(e,t),be=(t,...n)=>{for(let e=0;e<t.length;e++)t[e](...n)},_e=(e,t,n,r=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},Se=e=>{var t=parseFloat(e);return isNaN(t)?e:t},xe=e=>{var t=X(e)?Number(e):NaN;return isNaN(t)?e:t},Ce=()=>n=n||("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{}),ke=E("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");function Te(n){if(J(n)){let t={};for(let e=0;e<n.length;e++){var r=n[e],i=(X(r)?Ee:Te)(r);if(i)for(var s in i)t[s]=i[s]}return t}if(X(n)||Z(n))return n}let we=/;(?![^(]*\))/g,Ne=/:([^]+)/,Ae=/\/\*[^]*?\*\//g;function Ee(e){let n={};return e.replace(Ae,"").split(we).forEach(t=>{if(t){let e=t.split(Ne);1<e.length&&(n[e[0].trim()]=e[1].trim())}}),n}function Ie(t){let n="";if(X(t))n=t;else if(J(t))for(let e=0;e<t.length;e++){var r=Ie(t[e]);r&&(n+=r+" ")}else if(Z(t))for(var e in t)t[e]&&(n+=e+" ");return n.trim()}let Re=E("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"),Oe=E("svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"),Me=E("annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics"),Pe=E("area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr"),Fe=E("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function Le(e,t){if(e===t)return!0;let n=W(e),r=W(t);if(n||r)return!!n&&!!r&&e.getTime()===t.getTime();if(n=K(e),r=K(t),n||r)return e===t;if(n=J(e),r=J(t),n||r)return!!n&&!!r&&function(t,n){if(t.length!==n.length)return!1;let r=!0;for(let e=0;r&&e<t.length;e++)r=Le(t[e],n[e]);return r}(e,t);if(n=Z(e),r=Z(t),n||r){if(!n||!r||Object.keys(e).length!==Object.keys(t).length)return!1;for(var i in e){var s=e.hasOwnProperty(i),o=t.hasOwnProperty(i);if(s&&!o||!s&&o||!Le(e[i],t[i]))return!1}}return String(e)===String(t)}function De(e,t){return e.findIndex(e=>Le(e,t))}let Ve=e=>!(!e||!0!==e.__v_isRef),Be=e=>X(e)?e:null==e?"":J(e)||Z(e)&&(e.toString===z||!Q(e.toString))?Ve(e)?Be(e.value):JSON.stringify(e,Ue,2):String(e),Ue=(e,t)=>Ve(t)?Ue(e,t.value):H(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,n],r)=>(e[$e(t,r)+" =>"]=n,e),{})}:q(t)?{[`Set(${t.size})`]:[...t.values()].map(e=>$e(e))}:K(t)?$e(t):!Z(t)||J(t)||ce(t)?t:String(t),$e=(e,t="")=>{var n;return K(e)?`Symbol(${null!=(n=e.description)?n:t})`:e};class je{constructor(e=!1){this.detached=e,this._active=!0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=C,!e&&C&&(this.index=(C.scopes||(C.scopes=[])).push(this)-1)}get active(){return this._active}pause(){if(this._active){let e,t;if(this._isPaused=!0,this.scopes)for(e=0,t=this.scopes.length;e<t;e++)this.scopes[e].pause();for(e=0,t=this.effects.length;e<t;e++)this.effects[e].pause()}}resume(){if(this._active&&this._isPaused){let e,t;if(this._isPaused=!1,this.scopes)for(e=0,t=this.scopes.length;e<t;e++)this.scopes[e].resume();for(e=0,t=this.effects.length;e<t;e++)this.effects[e].resume()}}run(e){if(this._active){var t=C;try{return C=this,e()}finally{C=t}}}on(){C=this}off(){C=this.parent}stop(n){if(this._active){let e,t;for(e=0,t=this.effects.length;e<t;e++)this.effects[e].stop();for(e=0,t=this.cleanups.length;e<t;e++)this.cleanups[e]();if(this.scopes)for(e=0,t=this.scopes.length;e<t;e++)this.scopes[e].stop(!0);if(!this.detached&&this.parent&&!n){let e=this.parent.scopes.pop();e&&e!==this&&((this.parent.scopes[this.index]=e).index=this.index)}this.parent=void 0,this._active=!1}}}let He=new WeakSet;class qe{constructor(e){this.fn=e,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.nextEffect=void 0,this.cleanup=void 0,this.scheduler=void 0,C&&C.active&&C.effects.push(this)}pause(){this.flags|=64}resume(){64&this.flags&&(this.flags&=-65,He.has(this)&&(He.delete(this),this.trigger()))}notify(){2&this.flags&&!(32&this.flags)||8&this.flags||(this.flags|=8,this.nextEffect=a,a=this)}run(){if(!(1&this.flags))return this.fn();this.flags|=2,nt(this),ze(this);var e=s,t=Ze;s=this,Ze=!0;try{return this.fn()}finally{Ge(this),s=e,Ze=t,this.flags&=-3}}stop(){if(1&this.flags){for(let e=this.deps;e;e=e.nextDep)Xe(e);this.deps=this.depsTail=void 0,nt(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){64&this.flags?He.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){Je(this)&&this.run()}get dirty(){return Je(this)}}let We=0;function Ke(){let t;if(!(0<--We)){for(;a;){let e=a;for(a=void 0;e;){var n=e.nextEffect;if(e.nextEffect=void 0,e.flags&=-9,1&e.flags)try{e.trigger()}catch(e){t=t||e}e=n}}if(t)throw t}}function ze(t){for(let e=t.deps;e;e=e.nextDep)e.version=-1,e.prevActiveLink=e.dep.activeLink,e.dep.activeLink=e}function Ge(e){let t,r=e.depsTail;for(let n=r;n;n=n.prevDep){if(-1===n.version){n===r&&(r=n.prevDep),Xe(n);{var i=n;let{prevDep:e,nextDep:t}=i;e&&(e.nextDep=t,i.prevDep=void 0),t&&(t.prevDep=e,i.nextDep=void 0)}}else t=n;n.dep.activeLink=n.prevActiveLink,n.prevActiveLink=void 0}e.deps=t,e.depsTail=r}function Je(t){for(let e=t.deps;e;e=e.nextDep)if(e.dep.version!==e.version||e.dep.computed&&Qe(e.dep.computed)||e.dep.version!==e.version)return!0;return!!t._dirty}function Qe(t){if((!(4&t.flags)||16&t.flags)&&(t.flags&=-17,t.globalVersion!==rt)){t.globalVersion=rt;let e=t.dep;if(t.flags|=2,0<e.version&&!t.isSSR&&!Je(t))t.flags&=-3;else{var n=s,r=Ze;s=t,Ze=!0;try{ze(t);var i=t.fn(t._value);0!==e.version&&!k(i,t._value)||(t._value=i,e.version++)}catch(t){throw e.version++,t}finally{s=n,Ze=r,Ge(t),t.flags&=-3}}}}function Xe(e){let{dep:t,prevSub:n,nextSub:r}=e;if(n&&(n.nextSub=r,e.prevSub=void 0),r&&(r.prevSub=n,e.nextSub=void 0),t.subs===e&&(t.subs=n),!t.subs&&t.computed){t.computed.flags&=-5;for(let e=t.computed.deps;e;e=e.nextDep)Xe(e)}}let Ze=!0,Ye=[];function et(){Ye.push(Ze),Ze=!1}function tt(){var e=Ye.pop();Ze=void 0===e||e}function nt(e){let t=e["cleanup"];if(e.cleanup=void 0,t){e=s;s=void 0;try{t()}finally{s=e}}}let rt=0;class it{constructor(e){this.computed=e,this.version=0,this.activeLink=void 0,this.subs=void 0}track(e){if(s&&Ze&&s!==this.computed){let t=this.activeLink;if(void 0===t||t.sub!==s)t=this.activeLink={dep:this,sub:s,version:this.version,nextDep:void 0,prevDep:void 0,nextSub:void 0,prevSub:void 0,prevActiveLink:void 0},s.deps?(t.prevDep=s.depsTail,s.depsTail.nextDep=t,s.depsTail=t):s.deps=s.depsTail=t,4&s.flags&&function t(e){let n=e.dep.computed;if(n&&!e.dep.subs){n.flags|=20;for(let e=n.deps;e;e=e.nextDep)t(e)}let r=e.dep.subs;r!==e&&(e.prevSub=r)&&(r.nextSub=e),e.dep.subs=e}(t);else if(-1===t.version&&(t.version=this.version,t.nextDep)){let e=t.nextDep;e.prevDep=t.prevDep,t.prevDep&&(t.prevDep.nextDep=e),t.prevDep=s.depsTail,t.nextDep=void 0,s.depsTail.nextDep=t,s.depsTail=t,s.deps===t&&(s.deps=e)}return t}}trigger(e){this.version++,rt++,this.notify(e)}notify(e){We++;try{for(let e=this.subs;e;e=e.prevSub)e.sub.notify()}finally{Ke()}}}let st=new WeakMap,ot=Symbol(""),lt=Symbol(""),at=Symbol("");function f(n,e,r){if(Ze&&s){let e=st.get(n),t=(e||st.set(n,e=new Map),e.get(r));t||e.set(r,t=new it),t.track()}}function ct(e,t,n,i){let s=st.get(e);if(s){let r=e=>{e&&e.trigger()};if(We++,"clear"===t)s.forEach(r);else{var o=J(e),l=o&&ue(n);if(o&&"length"===n){let n=Number(i);s.forEach((e,t)=>{("length"===t||t===at||!K(t)&&t>=n)&&r(e)})}else switch(void 0!==n&&r(s.get(n)),l&&r(s.get(at)),t){case"add":o?l&&r(s.get("length")):(r(s.get(ot)),H(e)&&r(s.get(lt)));break;case"delete":o||(r(s.get(ot)),H(e)&&r(s.get(lt)));break;case"set":H(e)&&r(s.get(ot))}}Ke()}else rt++}function ut(e){let t=Y(e);return t===e?t:(f(t,0,at),ln(e)?t:t.map(u))}function dt(e){return f(e=Y(e),0,at),e}let pt={__proto__:null,[Symbol.iterator](){return ht(this,Symbol.iterator,u)},concat(...e){return ut(this).concat(...e.map(e=>J(e)?ut(e):e))},entries(){return ht(this,"entries",e=>(e[1]=u(e[1]),e))},every(e,t){return mt(this,"every",e,t,void 0,arguments)},filter(e,t){return mt(this,"filter",e,t,e=>e.map(u),arguments)},find(e,t){return mt(this,"find",e,t,u,arguments)},findIndex(e,t){return mt(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return mt(this,"findLast",e,t,u,arguments)},findLastIndex(e,t){return mt(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return mt(this,"forEach",e,t,void 0,arguments)},includes(...e){return gt(this,"includes",e)},indexOf(...e){return gt(this,"indexOf",e)},join(e){return ut(this).join(e)},lastIndexOf(...e){return gt(this,"lastIndexOf",e)},map(e,t){return mt(this,"map",e,t,void 0,arguments)},pop(){return yt(this,"pop")},push(...e){return yt(this,"push",e)},reduce(e,...t){return vt(this,"reduce",e,t)},reduceRight(e,...t){return vt(this,"reduceRight",e,t)},shift(){return yt(this,"shift")},some(e,t){return mt(this,"some",e,t,void 0,arguments)},splice(...e){return yt(this,"splice",e)},toReversed(){return ut(this).toReversed()},toSorted(e){return ut(this).toSorted(e)},toSpliced(...e){return ut(this).toSpliced(...e)},unshift(...e){return yt(this,"unshift",e)},values(){return ht(this,"values",u)}};function ht(e,t,n){let r=dt(e),i=r[t]();return r===e||ln(e)||(i._next=i.next,i.next=()=>{let e=i._next();return e.value&&(e.value=n(e.value)),e}),i}let ft=Array.prototype;function mt(n,e,r,t,i,s){let o=dt(n),l=o!==n&&!ln(n),a=o[e];if(a!==ft[e])return e=a.apply(n,s),l?u(e):e;let c=r;o!==n&&(l?c=function(e,t){return r.call(this,u(e),t,n)}:2<r.length&&(c=function(e,t){return r.call(this,e,t,n)}));s=a.call(o,c,t);return l&&i?i(s):s}function vt(r,e,i,t){let n=dt(r),s=i;return n!==r&&(ln(r)?3<i.length&&(s=function(e,t,n){return i.call(this,e,t,n,r)}):s=function(e,t,n){return i.call(this,e,u(t),n,r)}),n[e](s,...t)}function gt(e,t,n){let r=Y(e);f(r,0,at);e=r[t](...n);return-1!==e&&!1!==e||!an(n[0])?e:(n[0]=Y(n[0]),r[t](...n))}function yt(e,t,n=[]){et(),We++;t=Y(e)[t].apply(e,n);return Ke(),tt(),t}let bt=E("__proto__,__v_isRef,__isVue"),_t=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>"arguments"!==e&&"caller"!==e).map(e=>Symbol[e]).filter(K));function St(e){K(e)||(e=String(e));let t=Y(this);return f(t,0,e),t.hasOwnProperty(e)}class xt{constructor(e=!1,t=!1){this._isReadonly=e,this._isShallow=t}get(e,t,n){var r=this._isReadonly,i=this._isShallow;if("__v_isReactive"===t)return!r;if("__v_isReadonly"===t)return r;if("__v_isShallow"===t)return i;if("__v_raw"===t)return n===(r?i?Yt:Zt:i?Xt:Qt).get(e)||Object.getPrototypeOf(e)===Object.getPrototypeOf(n)?e:void 0;var s=J(e);if(!r){let e;if(s&&(e=pt[t]))return e;if("hasOwnProperty"===t)return St}n=Reflect.get(e,t,V(e)?e:n);return(K(t)?_t.has(t):bt(t))?n:(r||f(e,0,t),i?n:V(n)?s&&ue(t)?n:n.value:Z(n)?(r?nn:en)(n):n)}}class Ct extends xt{constructor(e=!1){super(!1,e)}set(e,t,n,r){let i=e[t];if(!this._isShallow){var s=on(i);if(ln(n)||on(n)||(i=Y(i),n=Y(n)),!J(e)&&V(i)&&!V(n))return!s&&(i.value=n,!0)}var s=J(e)&&ue(t)?Number(t)<e.length:R(e,t),o=Reflect.set(e,t,n,V(e)?e:r);return e===Y(r)&&(s?k(n,i)&&ct(e,"set",t,n):ct(e,"add",t,n)),o}deleteProperty(e,t){var n=R(e,t),r=(e[t],Reflect.deleteProperty(e,t));return r&&n&&ct(e,"delete",t,void 0),r}has(e,t){var n=Reflect.has(e,t);return K(t)&&_t.has(t)||f(e,0,t),n}ownKeys(e){return f(e,0,J(e)?"length":ot),Reflect.ownKeys(e)}}class kt extends xt{constructor(e=!1){super(!0,e)}set(e,t){return!0}deleteProperty(e,t){return!0}}let Tt=new Ct,wt=new kt,Nt=new Ct(!0),At=new kt(!0),Et=e=>e,It=e=>Reflect.getPrototypeOf(e);function Rt(e,t,n=!1,r=!1){var i=Y(e=e.__v_raw),s=Y(t);n||(k(t,s)&&f(i,0,t),f(i,0,s));let o=It(i)["has"],l=r?Et:n?un:u;return o.call(i,t)?l(e.get(t)):o.call(i,s)?l(e.get(s)):void(e!==i&&e.get(t))}function Ot(e,t=!1){let n=this.__v_raw,r=Y(n),i=Y(e);return t||(k(e,i)&&f(r,0,e),f(r,0,i)),e===i?n.has(e):n.has(e)||n.has(i)}function Mt(e,t=!1){return e=e.__v_raw,t||f(Y(e),0,ot),Reflect.get(e,"size",e)}function Pt(e,t=!1){t||ln(e)||on(e)||(e=Y(e));let n=Y(this);return It(n).has.call(n,e)||(n.add(e),ct(n,"add",e,e)),this}function Ft(e,t,n=!1){n||ln(t)||on(t)||(t=Y(t));let r=Y(this),{has:i,get:s}=It(r),o=i.call(r,e);o||(e=Y(e),o=i.call(r,e));n=s.call(r,e);return r.set(e,t),o?k(t,n)&&ct(r,"set",e,t):ct(r,"add",e,t),this}function Lt(e){let t=Y(this),{has:n,get:r}=It(t),i=n.call(t,e);i||(e=Y(e),i=n.call(t,e)),r&&r.call(t,e);var s=t.delete(e);return i&&ct(t,"delete",e,void 0),s}function Dt(){let e=Y(this),t=0!==e.size,n=e.clear();return t&&ct(e,"clear",void 0,void 0),n}function Vt(o,l){return function(n,r){let i=this,e=i.__v_raw,t=Y(e),s=l?Et:o?un:u;return o||f(t,0,ot),e.forEach((e,t)=>n.call(r,s(e),s(t),i))}}function Bt(l,a,c){return function(...e){let t=this.__v_raw,n=Y(t),r=H(n),i="entries"===l||l===Symbol.iterator&&r,s=t[l](...e),o=c?Et:a?un:u;return a||f(n,0,"keys"===l&&r?lt:ot),{next(){var{value:e,done:t}=s.next();return t?{value:e,done:t}:{value:i?[o(e[0]),o(e[1])]:o(e),done:t}},[Symbol.iterator](){return this}}}}function Ut(e){return function(){return"delete"!==e&&("clear"===e?void 0:this)}}let[$t,jt,Ht,qt]=function(){let t={get(e){return Rt(this,e)},get size(){return Mt(this)},has:Ot,add:Pt,set:Ft,delete:Lt,clear:Dt,forEach:Vt(!1,!1)},n={get(e){return Rt(this,e,!1,!0)},get size(){return Mt(this)},has:Ot,add(e){return Pt.call(this,e,!0)},set(e,t){return Ft.call(this,e,t,!0)},delete:Lt,clear:Dt,forEach:Vt(!1,!0)},r={get(e){return Rt(this,e,!0)},get size(){return Mt(this,!0)},has(e){return Ot.call(this,e,!0)},add:Ut("add"),set:Ut("set"),delete:Ut("delete"),clear:Ut("clear"),forEach:Vt(!0,!1)},i={get(e){return Rt(this,e,!0,!0)},get size(){return Mt(this,!0)},has(e){return Ot.call(this,e,!0)},add:Ut("add"),set:Ut("set"),delete:Ut("delete"),clear:Ut("clear"),forEach:Vt(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(e=>{t[e]=Bt(e,!1,!1),r[e]=Bt(e,!0,!1),n[e]=Bt(e,!1,!0),i[e]=Bt(e,!0,!0)}),[t,r,n,i]}();function Wt(r,e){let i=e?r?qt:Ht:r?jt:$t;return(e,t,n)=>"__v_isReactive"===t?!r:"__v_isReadonly"===t?r:"__v_raw"===t?e:Reflect.get(R(i,t)&&t in e?i:e,t,n)}let Kt={get:Wt(!1,!1)},zt={get:Wt(!1,!0)},Gt={get:Wt(!0,!1)},Jt={get:Wt(!0,!0)},Qt=new WeakMap,Xt=new WeakMap,Zt=new WeakMap,Yt=new WeakMap;function en(e){return on(e)?e:rn(e,!1,Tt,Kt,Qt)}function tn(e){return rn(e,!1,Nt,zt,Xt)}function nn(e){return rn(e,!0,wt,Gt,Zt)}function rn(e,t,n,r,i){if(!Z(e)||e.__v_raw&&(!t||!e.__v_isReactive))return e;t=i.get(e);if(t)return t;t=e.__v_skip||!Object.isExtensible(e)?0:function(){switch(ae(e)){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}();if(0===t)return e;t=new Proxy(e,2===t?r:n);return i.set(e,t),t}function sn(e){return on(e)?sn(e.__v_raw):!(!e||!e.__v_isReactive)}function on(e){return!(!e||!e.__v_isReadonly)}function ln(e){return!(!e||!e.__v_isShallow)}function an(e){return!!e&&!!e.__v_raw}function Y(e){var t=e&&e.__v_raw;return t?Y(t):e}function cn(e){return!R(e,"__v_skip")&&Object.isExtensible(e)&&_e(e,"__v_skip",!0),e}let u=e=>Z(e)?en(e):e,un=e=>Z(e)?nn(e):e;function V(e){return!!e&&!0===e.__v_isRef}function dn(e){return hn(e,!1)}function pn(e){return hn(e,!0)}function hn(e,t){return V(e)?e:new fn(e,t)}class fn{constructor(e,t){this.dep=new it,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=t?e:Y(e),this._value=t?e:u(e),this.__v_isShallow=t}get value(){return this.dep.track(),this._value}set value(e){var t=this._rawValue,n=this.__v_isShallow||ln(e)||on(e);k(e=n?e:Y(e),t)&&(this._rawValue=e,this._value=n?e:u(e),this.dep.trigger())}}function mn(e){return V(e)?e.value:e}let vn={get:(e,t,n)=>"__v_raw"===t?e:mn(Reflect.get(e,t,n)),set:(e,t,n,r)=>{let i=e[t];return V(i)&&!V(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function gn(e){return sn(e)?e:new Proxy(e,vn)}class yn{constructor(e){this.__v_isRef=!0,this._value=void 0;let t=this.dep=new it,{get:n,set:r}=e(t.track.bind(t),t.trigger.bind(t));this._get=n,this._set=r}get value(){return this._value=this._get()}set value(e){this._set(e)}}function bn(e){return new yn(e)}class _n{constructor(e,t,n){this._object=e,this._key=t,this._defaultValue=n,this.__v_isRef=!0,this._value=void 0}get value(){var e=this._object[this._key];return this._value=void 0===e?this._defaultValue:e}set value(e){this._object[this._key]=e}get dep(){var e=Y(this._object),t=this._key;return null==(e=st.get(e))?void 0:e.get(t)}}class Sn{constructor(e){this._getter=e,this.__v_isRef=!0,this.__v_isReadonly=!0,this._value=void 0}get value(){return this._value=this._getter()}}function xn(e,t,n){var r=e[t];return V(r)?r:new _n(e,t,n)}class Cn{constructor(e,t,n){this.fn=e,this.setter=t,this._value=void 0,this.dep=new it(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=rt-1,(this.effect=this).__v_isReadonly=!t,this.isSSR=n}notify(){this.flags|=16,s!==this&&this.dep.notify()}get value(){let e=this.dep.track();return Qe(this),e&&(e.version=this.dep.version),this._value}set value(e){this.setter&&this.setter(e)}}let kn={},Tn=new WeakMap;function wn(t,e=0,n=N){if(n){let e=Tn.get(n);e||Tn.set(n,e=[]),e.push(t)}}function Nn(t,n=1/0,r){if(n<=0||!Z(t)||t.__v_skip||(r=r||new Set).has(t))return t;if(r.add(t),n--,V(t))Nn(t.value,n,r);else if(J(t))for(let e=0;e<t.length;e++)Nn(t[e],n,r);else if(q(t)||H(t))t.forEach(e=>{Nn(e,n,r)});else if(ce(t)){for(var e in t)Nn(t[e],n,r);for(var i of Object.getOwnPropertySymbols(t))Object.prototype.propertyIsEnumerable.call(t,i)&&Nn(t[i],n,r)}return t}function An(e,t,n,r){try{return r?e(...r):e()}catch(e){In(e,t,n)}}function En(n,r,i,s){if(Q(n)){let e=An(n,r,i,s);return e&&oe(e)&&e.catch(e=>{In(e,r,i)}),e}if(J(n)){let t=[];for(let e=0;e<n.length;e++)t.push(En(n[e],r,i,s));return t}}function In(i,t,s,e=0){t&&t.vnode;var{errorHandler:o,throwUnhandledErrorInProduction:n}=t&&t.appContext.config||I;if(t){let e=t.parent,n=t.proxy,r="https://vuejs.org/error-reference/#runtime-"+s;for(;e;){let t=e.ec;if(t)for(let e=0;e<t.length;e++)if(!1===t[e](i,n,r))return;e=e.parent}if(o)return et(),An(o,null,10,[i,n,r]),void tt()}var[t,s=!1]=[i,n];if(s)throw t;console.error(t)}let Rn=!1,On=!1,o=[],Mn=0,Pn=[],Fn=null,Ln=0,Dn=Promise.resolve(),Vn=null;function Bn(e){let t=Vn||Dn;return e?t.then(this?e.bind(this):e):t}function Un(e){var t,n;1&e.flags||(t=Wn(e),!(n=o[o.length-1])||!(2&e.flags)&&t>=Wn(n)?o.push(e):o.splice(function(e){let t=Rn?Mn+1:0,n=o.length;for(;t<n;){var r=t+n>>>1,i=o[r],s=Wn(i);s<e||s===e&&2&i.flags?t=1+r:n=r}return t}(t),0,e),e.flags|=1,$n())}function $n(){Rn||On||(On=!0,Vn=Dn.then(function e(t){On=!1,Rn=!0;try{for(Mn=0;Mn<o.length;Mn++){let e=o[Mn];!e||8&e.flags||(4&e.flags&&(e.flags&=-2),An(e,e.i,e.i?15:14),e.flags&=-2)}}finally{for(;Mn<o.length;Mn++){let e=o[Mn];e&&(e.flags&=-2)}Mn=0,o.length=0,qn(),Rn=!1,Vn=null,(o.length||Pn.length)&&e()}}))}function jn(e){J(e)?Pn.push(...e):Fn&&-1===e.id?Fn.splice(Ln+1,0,e):1&e.flags||(Pn.push(e),e.flags|=1),$n()}function Hn(t,e,n=Rn?Mn+1:0){for(;n<o.length;n++){let e=o[n];e&&2&e.flags&&(t&&e.id!==t.uid||(o.splice(n,1),n--,4&e.flags&&(e.flags&=-2),e(),e.flags&=-2))}}function qn(){if(Pn.length){var e=[...new Set(Pn)].sort((e,t)=>Wn(e)-Wn(t));if(Pn.length=0,Fn)Fn.push(...e);else{for(Ln=0,Fn=e;Ln<Fn.length;Ln++){let e=Fn[Ln];4&e.flags&&(e.flags&=-2),8&e.flags||e(),e.flags&=-2}Fn=null,Ln=0}}}let Wn=e=>null==e.id?2&e.flags?-1:1/0:e.id,c=null,Kn=null;function zn(e){var t=c;return c=e,Kn=e&&e.type.__scopeId||null,t}function Gn(r,i=c,e){if(!i||r._n)return r;let s=(...e)=>{let t;s._d&&ms(-1);var n=zn(i);try{t=r(...e)}finally{zn(n),s._d&&ms(1)}return t};return s._n=!0,s._c=!0,s._d=!0,s}function Jn(n,r,i,s){var o=n.dirs,l=r&&r.dirs;for(let t=0;t<o.length;t++){let e=o[t];l&&(e.oldValue=l[t].value);var a=e.dir[s];a&&(et(),En(a,i,8,[n.el,e,n,r]),tt())}}let Qn=Symbol("_vte"),Xn=e=>e.__isTeleport,Zn=e=>e&&(e.disabled||""===e.disabled),Yn=e=>"undefined"!=typeof SVGElement&&e instanceof SVGElement,er=e=>"function"==typeof MathMLElement&&e instanceof MathMLElement,tr=(e,t)=>{e=e&&e.to;return X(e)?t?t(e):null:e};function nr(e,t,n,{o:{insert:r},m:i},s=2){0===s&&r(e.targetAnchor,t,n);var{el:e,anchor:o,shapeFlag:l,children:a,props:c}=e,s=2===s;if(s&&r(e,t,n),(!s||Zn(c))&&16&l)for(let e=0;e<a.length;e++)i(a[e],t,n,2);s&&r(o,t,n)}function rr(t){let n=t.ctx;if(n&&n.ut){let e=t.targetStart;for(;e&&e!==t.targetAnchor;)1===e.nodeType&&e.setAttribute("data-v-owner",n.uid),e=e.nextSibling;n.ut()}}function ir(e,t,n,r){let i=t.targetStart=n(""),s=t.targetAnchor=n("");return i[Qn]=s,e&&(r(i,e),r(s,e)),s}let sr=Symbol("_leaveCb"),or=Symbol("_enterCb");function lr(){let e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return jr(()=>{e.isMounted=!0}),Wr(()=>{e.isUnmounting=!0}),e}let ar=[Function,Array],cr={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:ar,onEnter:ar,onAfterEnter:ar,onEnterCancelled:ar,onBeforeLeave:ar,onLeave:ar,onAfterLeave:ar,onLeaveCancelled:ar,onBeforeAppear:ar,onAppear:ar,onAfterAppear:ar,onAppearCancelled:ar},ur=e=>{e=e.subTree;return e.component?ur(e.component):e};function dr(e){let t=e[0];if(1<e.length)for(var n of e)if(n.type!==ne){t=n;break}return t}let pr={name:"BaseTransition",props:cr,setup(l,{slots:e}){let a=Ms(),c=lr();return()=>{var t=e.default&&yr(e.default(),!0);if(t&&t.length){var t=dr(t),n=Y(l),s=n["mode"];if(c.isLeaving)return mr(t);var o=vr(t);if(!o)return mr(t);let r=fr(o,n,c,a,e=>r=e),e=(o.type!==ne&&gr(o,r),a.subTree),i=e&&vr(e);if(i&&i.type!==ne&&!bs(o,i)&&ur(a).type!==ne){let e=fr(i,n,c,a);if(gr(i,e),"out-in"===s&&o.type!==ne)return c.isLeaving=!0,e.afterLeave=()=>{c.isLeaving=!1,8&a.job.flags||a.update(),delete e.afterLeave},mr(t);"in-out"===s&&o.type!==ne&&(e.delayLeave=(e,t,n)=>{hr(c,i)[String(i.key)]=i,e[sr]=()=>{t(),e[sr]=void 0,delete r.delayedLeave},r.delayedLeave=n})}return t}}}};function hr(e,t){let n=e["leavingVNodes"],r=n.get(t.type);return r||(r=Object.create(null),n.set(t.type,r)),r}function fr(s,t,o,n,r){let{appear:l,mode:e,persisted:i=!1,onBeforeEnter:a,onEnter:c,onAfterEnter:u,onEnterCancelled:d,onBeforeLeave:p,onLeave:h,onAfterLeave:f,onLeaveCancelled:m,onBeforeAppear:v,onAppear:g,onAfterAppear:y,onAppearCancelled:b}=t,_=String(s.key),S=hr(o,s),x=(e,t)=>{e&&En(e,n,9,t)},C=(e,t)=>{let n=t[1];x(e,t),J(e)?e.every(e=>e.length<=1)&&n():e.length<=1&&n()},k={mode:e,persisted:i,beforeEnter(e){let t=a;if(!o.isMounted){if(!l)return;t=v||a}e[sr]&&e[sr](!0);let n=S[_];n&&bs(s,n)&&n.el[sr]&&n.el[sr](),x(t,[e])},enter(t){let e=c,n=u,r=d;if(!o.isMounted){if(!l)return;e=g||c,n=y||u,r=b||d}let i=!1,s=t[or]=e=>{i||(i=!0,e?x(r,[t]):x(n,[t]),k.delayedLeave&&k.delayedLeave(),t[or]=void 0)};e?C(e,[t,s]):s()},leave(t,n){let r=String(s.key);if(t[or]&&t[or](!0),o.isUnmounting)return n();x(p,[t]);let i=!1,e=t[sr]=e=>{i||(i=!0,n(),e?x(m,[t]):x(f,[t]),t[sr]=void 0,S[r]===s&&delete S[r])};S[r]=s,h?C(h,[t,e]):e()},clone(e){e=fr(e,t,o,n,r);return r&&r(e),e}};return k}function mr(e){if(Or(e))return(e=ks(e)).children=null,e}function vr(e){if(!Or(e))return Xn(e.type)&&e.children?dr(e.children):e;let{shapeFlag:t,children:n}=e;return n?16&t?n[0]:32&t&&Q(n.default)?n.default():void 0:void 0}function gr(e,t){6&e.shapeFlag&&e.component?(e.transition=t,gr(e.component.subTree,t)):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function yr(t,n=!1,r){let i=[],s=0;for(let e=0;e<t.length;e++){var o=t[e],l=null==r?o.key:String(r)+String(null!=o.key?o.key:e);o.type===te?(128&o.patchFlag&&s++,i=i.concat(yr(o.children,n,l))):!n&&o.type===ne||i.push(null!=l?ks(o,{key:l}):o)}if(1<s)for(let e=0;e<i.length;e++)i[e].patchFlag=-2;return i}function br(e,t){return Q(e)?G({name:e.name},t,{setup:e}):e}function _r(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}function Sr(c,u,d,p,h=!1){if(J(c))c.forEach((e,t)=>Sr(e,u&&(J(u)?u[t]:u),d,p,h));else if(!Ir(p)||h){let n=4&p.shapeFlag?Hs(p.component):p.el,r=h?null:n,{i:e,r:i}=c,t=u&&u.r,s=e.refs===I?e.refs={}:e.refs,o=e.setupState,l=Y(o),a=o===I?()=>!1:e=>R(l,e);if(null!=t&&t!==i&&(X(t)?(s[t]=null,a(t)&&(o[t]=null)):V(t)&&(t.value=null)),Q(i))An(i,e,12,[r,s]);else{let t=X(i),e=V(i);var f;(t||e)&&(f=()=>{if(c.f){let e=t?(a(i)?o:s)[i]:i.value;h?J(e)&&$(e,n):J(e)?e.includes(n)||e.push(n):t?(s[i]=[n],a(i)&&(o[i]=s[i])):(i.value=[n],c.k&&(s[c.k]=i.value))}else t?(s[i]=r,a(i)&&(o[i]=r)):e&&(i.value=r,c.k&&(s[c.k]=r))},r?(f.id=-1,ee(f,d)):f())}}}let xr=!1,Cr=()=>{xr||(console.error("Hydration completed but contains mismatches."),xr=!0)},kr=e=>{if(1===e.nodeType)return(t=e).namespaceURI.includes("svg")&&"foreignObject"!==t.tagName?"svg":e.namespaceURI.includes("MathML")?"mathml":void 0;var t},Tr=e=>8===e.nodeType;function wr(v){let{mt:g,p:y,o:{patchProp:b,createText:_,nextSibling:S,parentNode:x,remove:C,insert:k,createComment:T}}=v,w=(u,d,p,h,f,e=!1)=>{e=e||!!d.dynamicChildren;let m=Tr(u)&&"["===u.data,t=()=>{{var e=u,t=d,n=p,r=h,i=f,s=m;if(Er(e.parentElement,1)||Cr(),t.el=null,s)for(var o=A(e);;){var l=S(e);if(!l||l===o)break;C(l)}var a=S(e),c=x(e);return C(e),y(null,t,c,a,n,r,kr(c),i),a}},{type:n,ref:r,shapeFlag:i,patchFlag:s}=d,o=u.nodeType,l=(d.el=u,-2===s&&(e=!1,d.dynamicChildren=null),null);switch(n){case cs:l=3!==o?""===d.children?(k(d.el=_(""),x(u),u),u):t():(u.data!==d.children&&(Cr(),u.data=d.children),S(u));break;case ne:I(u)?(l=S(u),E(d.el=u.content.firstChild,u,p)):l=8!==o||m?t():S(u);break;case us:if(1===(o=m?(u=S(u)).nodeType:o)||3===o){l=u;var a=!d.children.length;for(let e=0;e<d.staticCount;e++)a&&(d.children+=1===l.nodeType?l.outerHTML:l.data),e===d.staticCount-1&&(d.anchor=l),l=S(l);return m?S(l):l}t();break;case te:l=m?((e,t,n,r,i,s)=>{let{slotScopeIds:o}=t,l=(o&&(i=i?i.concat(o):o),x(e)),a=N(S(e),t,l,n,r,i,s);return a&&Tr(a)&&"]"===a.data?S(t.anchor=a):(Cr(),k(t.anchor=T("]"),l,a),a)})(u,d,p,h,f,e):t();break;default:if(1&i)l=1===o&&d.type.toLowerCase()===u.tagName.toLowerCase()||I(u)?((n,r,i,s,o,l)=>{l=l||!!r.dynamicChildren;let{type:e,props:a,patchFlag:c,shapeFlag:u,dirs:d,transition:p}=r,h="input"===e||"option"===e;if(h||-1!==c){let e;d&&Jn(r,null,i,"created");let t=!1;if(I(n)){t=Ui(s,p)&&i&&i.vnode.props&&i.vnode.props.appear;let e=n.content.firstChild;t&&p.beforeEnter(e),E(e,n,i),r.el=n=e}if(16&u&&!(a&&(a.innerHTML||a.textContent))){let t=N(n.firstChild,r,n,i,s,o,l);for(;t;){Er(n,1)||Cr();let e=t;t=t.nextSibling,C(e)}}else 8&u&&n.textContent!==r.children&&(Er(n,0)||Cr(),n.textContent=r.children);if(a)if(h||!l||48&c){let t=n.tagName.includes("-");for(let e in a)(h&&(e.endsWith("value")||"indeterminate"===e)||B(e)&&!de(e)||"."===e[0]||t)&&b(n,e,null,a[e],void 0,i)}else if(a.onClick)b(n,"onClick",null,a.onClick,void 0,i);else if(4&c&&sn(a.style))for(let e in a.style)a.style[e];(e=a&&a.onVnodeBeforeMount)&&Is(e,i,r),d&&Jn(r,null,i,"beforeMount"),((e=a&&a.onVnodeMounted)||d||t)&&ls(()=>{e&&Is(e,i,r),t&&p.enter(n),d&&Jn(r,null,i,"mounted")},s)}return n.nextSibling})(u,d,p,h,f,e):t();else if(6&i){d.slotScopeIds=f;var c=x(u);if(l=m?A(u):Tr(u)&&"teleport start"===u.data?A(u,u.data,"teleport end"):S(u),g(d,c,null,p,h,kr(c),e),Ir(d)){let e;m?(e=re(te)).anchor=l?l.previousSibling:c.lastChild:e=3===u.nodeType?Ts(""):re("div"),e.el=u,d.component.subTree=e}}else 64&i?l=8!==o?t():d.type.hydrate(u,d,p,h,f,e,v,N):128&i&&(l=d.type.hydrate(u,d,p,h,kr(x(u)),f,e,v,w))}return null!=r&&Sr(r,null,h,d),l},N=(r,e,i,s,o,l,a)=>{a=a||!!e.dynamicChildren;let c=e.children,u=c.length;for(let n=0;n<u;n++){let e=a?c[n]:c[n]=ws(c[n]),t=e.type===cs;r?(t&&!a&&n+1<u&&ws(c[n+1]).type===cs&&(k(_(r.data.slice(e.children.length)),i,S(r)),r.data=e.children),r=w(r,e,s,o,l,a)):t&&!e.children?k(e.el=_(""),i):(Er(i,1)||Cr(),y(null,e,i,null,s,o,kr(i),l))}return r},A=(e,t="[",n="]")=>{let r=0;for(;e;)if((e=S(e))&&Tr(e)&&(e.data===t&&r++,e.data===n)){if(0===r)return S(e);r--}return e},E=(e,t,n)=>{let r=t.parentNode,i=(r&&r.replaceChild(e,t),n);for(;i;)i.vnode.el===t&&(i.vnode.el=i.subTree.el=e),i=i.parent},I=e=>1===e.nodeType&&"template"===e.tagName.toLowerCase();return[(e,t)=>{if(!t.hasChildNodes())return y(null,e,t),qn(),void(t._vnode=e);w(t.firstChild,e,null,null,null),qn(),t._vnode=e},w]}let Nr="data-allow-mismatch",Ar={0:"text",1:"children",2:"class",3:"style",4:"attribute"};function Er(e,t){if(0===t||1===t)for(;e&&!e.hasAttribute(Nr);)e=e.parentElement;let n=e&&e.getAttribute(Nr);if(null!=n){if(""===n)return 1;{let e=n.split(",");return 0===t&&e.includes("children")||n.split(",").includes(Ar[t])}}}let Ir=e=>!!e.type.__asyncLoader;function Rr(e,t){let{ref:n,props:r,children:i,ce:s}=t.vnode,o=re(e,r,i);return o.ref=n,o.ce=s,delete t.vnode.ce,o}let Or=e=>e.type.__isKeepAlive;function Mr(e,t){return J(e)?e.some(e=>Mr(e,t)):X(e)?e.split(",").includes(t):(n=e,!("[object RegExp]"!==le(n))&&(e.lastIndex=0,e.test(t)));var n}function Pr(e,t){Lr(e,"a",t)}function Fr(e,t){Lr(e,"da",t)}function Lr(t,n,r=m){var i=t.__wdc||(t.__wdc=()=>{let e=r;for(;e;){if(e.isDeactivated)return;e=e.parent}return t()});if(Br(n,i,r),r){let e=r.parent;for(;e&&e.parent;)Or(e.parent.vnode)&&function(e,t,n,r){let i=Br(t,e,r,!0);Kr(()=>{$(r[t],i)},n)}(i,n,r,e),e=e.parent}}function Dr(e){e.shapeFlag&=-257,e.shapeFlag&=-513}function Vr(e){return 128&e.shapeFlag?e.ssContent:e}function Br(r,i,s=m,n=!1){if(s){let e=s[r]||(s[r]=[]),t=i.__weh||(i.__weh=(...e)=>{et();let t=Ps(s),n=En(i,s,r,e);return t(),tt(),n});return n?e.unshift(t):e.push(t),t}}let Ur=n=>(t,e=m)=>{Ds&&"sp"!==n||Br(n,(...e)=>t(...e),e)},$r=Ur("bm"),jr=Ur("m"),Hr=Ur("bu"),qr=Ur("u"),Wr=Ur("bum"),Kr=Ur("um"),zr=Ur("sp"),Gr=Ur("rtg"),Jr=Ur("rtc");function Qr(e,t=m){Br("ec",e,t)}let Xr="components",Zr=Symbol.for("v-ndc");function Yr(e,t,n,r=!1){var i=c||m;if(i){var s=i.type;if(e===Xr){var o=qs(s,!1);if(o&&(o===t||o===O(t)||o===ge(O(t))))return s}o=ei(i[e]||s[e],t)||ei(i.appContext[e],t);return!o&&r?s:o}}function ei(e,t){return e&&(e[t]||e[O(t)]||e[ge(O(t))])}let ti=e=>e?Ls(e)?Hs(e):ti(e.parent):null,ni=G(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>ti(e.parent),$root:e=>ti(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>ui(e),$forceUpdate:e=>e.f||(e.f=()=>{Un(e.update)}),$nextTick:e=>e.n||(e.n=Bn.bind(e.proxy)),$watch:e=>function(e,t,n){let r,i=this.proxy,s=X(e)?e.includes(".")?Gi(i,e):()=>i[e]:e.bind(i,i),o=(Q(t)?r=t:(r=t.handler,n=t),Ps(this)),l=zi(s,r.bind(i),n);return o(),l}.bind(e)}),ri=(e,t)=>e!==I&&!e.__isScriptSetup&&R(e,t),ii={get({_:e},t){let n,r,i;if("__v_skip"===t)return!0;let{ctx:s,setupState:o,data:l,props:a,accessCache:c,type:u,appContext:d}=e;if("$"!==t[0]){var p=c[t];if(void 0!==p)switch(p){case 1:return o[t];case 2:return l[t];case 4:return s[t];case 3:return a[t]}else{if(ri(o,t))return c[t]=1,o[t];if(l!==I&&R(l,t))return c[t]=2,l[t];if((n=e.propsOptions[0])&&R(n,t))return c[t]=3,a[t];if(s!==I&&R(s,t))return c[t]=4,s[t];ai&&(c[t]=0)}}let h=ni[t];return h?("$attrs"===t&&f(e.attrs,0,""),h(e)):(r=u.__cssModules)&&(r=r[t])?r:s!==I&&R(s,t)?(c[t]=4,s[t]):R(i=d.config.globalProperties,t)?i[t]:void 0},set({_:e},t,n){let{data:r,setupState:i,ctx:s}=e;return ri(i,t)?(i[t]=n,!0):r!==I&&R(r,t)?(r[t]=n,!0):!(R(e.props,t)||"$"===t[0]&&t.slice(1)in e||(s[t]=n,0))},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:i,propsOptions:s}},o){return!!n[o]||e!==I&&R(e,o)||ri(t,o)||(n=s[0])&&R(n,o)||R(r,o)||R(ni,o)||R(i.config.globalProperties,o)},defineProperty(e,t,n){return null!=n.get?e._.accessCache[t]=0:R(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}},si=G({},ii,{get(e,t){if(t!==Symbol.unscopables)return ii.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!ke(t)});function oi(){let e=Ms();return e.setupContext||(e.setupContext=js(e))}function li(e){return J(e)?e.reduce((e,t)=>(e[t]=null,e),{}):e}let ai=!0;function ci(e,t,n){En(J(e)?e.map(e=>e.bind(t.proxy)):e.bind(t.proxy),t,n)}function ui(e){let t,n=e.type,{mixins:r,extends:i}=n,{mixins:s,optionsCache:o,config:{optionMergeStrategies:l}}=e.appContext,a=o.get(n);return a?t=a:s.length||r||i?(t={},s.length&&s.forEach(e=>di(t,e,l,!0)),di(t,n,l)):t=n,Z(n)&&o.set(n,t),t}function di(t,n,r,e=!1){let{mixins:i,extends:s}=n;for(var o in s&&di(t,s,r,!0),i&&i.forEach(e=>di(t,e,r,!0)),n)if(!e||"expose"!==o){let e=pi[o]||r&&r[o];t[o]=e?e(t[o],n[o]):n[o]}return t}let pi={data:hi,props:vi,emits:vi,methods:mi,computed:mi,beforeCreate:i,created:i,beforeMount:i,mounted:i,beforeUpdate:i,updated:i,beforeDestroy:i,beforeUnmount:i,destroyed:i,unmounted:i,activated:i,deactivated:i,errorCaptured:i,serverPrefetch:i,components:mi,directives:mi,watch:function(e,t){if(!e)return t;if(!t)return e;let n=G(Object.create(null),e);for(var r in t)n[r]=i(e[r],t[r]);return n},provide:hi,inject:function(e,t){return mi(fi(e),fi(t))}};function hi(e,t){return t?e?function(){return G(Q(e)?e.call(this,this):e,Q(t)?t.call(this,this):t)}:t:e}function fi(n){if(J(n)){let t={};for(let e=0;e<n.length;e++)t[n[e]]=n[e];return t}return n}function i(e,t){return e?[...new Set([].concat(e,t))]:t}function mi(e,t){return e?G(Object.create(null),e,t):t}function vi(e,t){return e?J(e)&&J(t)?[...new Set([...e,...t])]:G(Object.create(null),li(e),li(null!=t?t:{})):t}function gi(){return{app:null,config:{isNativeTag:D,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let yi=0,bi=null;function _i(n,r){if(m){let e=m.provides,t=m.parent&&m.parent.provides;(e=t===e?m.provides=Object.create(t):e)[n]=r}}function Si(e,t,n=!1){var r,i=m||c;if(i||bi)return(r=bi?bi._context.provides:i?null==i.parent?i.vnode.appContext&&i.vnode.appContext.provides:i.parent.provides:void 0)&&e in r?r[e]:1<arguments.length?n&&Q(t)?t.call(i&&i.proxy):t:void 0}let xi={},Ci=()=>Object.create(xi),ki=e=>Object.getPrototypeOf(e)===xi;function Ti(t,n,r,i){let s,[o,l]=t.propsOptions,a=!1;if(n)for(var c in n){let e;var u;de(c)||(u=n[c],o&&R(o,e=O(c))?l&&l.includes(e)?(s=s||{})[e]=u:r[e]=u:Qi(t.emitsOptions,c)||c in i&&u===i[c]||(i[c]=u,a=!0))}if(l){var d=Y(r),p=s||I;for(let e=0;e<l.length;e++){var h=l[e];r[h]=wi(o,d,h,p[h],t,!R(p,h))}}return a}function wi(e,r,i,s,o,t){e=e[i];if(null!=e){var n=R(e,"default");if(n&&void 0===s){let n=e.default;if(e.type!==Function&&!e.skipFactory&&Q(n)){let t=o["propsDefaults"];if(i in t)s=t[i];else{let e=Ps(o);s=t[i]=n.call(null,r),e()}}else s=n;o.ce&&o.ce._setProp(i,s)}e[0]&&(t&&!n?s=!1:!e[1]||""!==s&&s!==ve(i)||(s=!0))}return s}let Ni=new WeakMap;function Ai(e){return"$"!==e[0]&&!de(e)}let Ei=e=>"_"===e[0]||"$stable"===e,Ii=e=>J(e)?e.map(ws):[ws(e)],Ri=(e,t,n)=>{var r,i=e._ctx;for(r in e)if(!Ei(r)){var s=e[r];if(Q(s))t[r]=((t,e)=>{if(t._n)return t;let n=Gn((...e)=>Ii(t(...e)),e);return n._c=!1,n})((r,s),i);else if(null!=s){let e=Ii(s);t[r]=()=>e}}},Oi=(e,t)=>{let n=Ii(t);e.slots.default=()=>n},Mi=(e,t,n)=>{for(var r in t)!n&&"_"===r||(e[r]=t[r])},Pi=(e,t,n)=>{var r,i=e.slots=Ci();32&e.vnode.shapeFlag?(r=t._)?(Mi(i,t,n),n&&_e(i,"_",r,!0)):Ri(t,i):t&&Oi(e,t)},Fi=(e,t,n)=>{let{vnode:r,slots:i}=e,s=!0,o=I;var l;if(32&r.shapeFlag?((l=t._)?n&&1===l?s=!1:Mi(i,t,n):(s=!t.$stable,Ri(t,i)),o=t):t&&(Oi(e,t),o={default:1}),s)for(var a in i)Ei(a)||null!=o[a]||delete i[a]},ee=ls;function Li(e){return Di(e,wr)}function Di(e,t){var c;let n,g,{insert:M,remove:d,patchProp:y,createElement:v,createText:P,createComment:i,setText:F,setElementText:x,parentNode:b,nextSibling:m,setScopeId:s=se,insertStaticContent:L}=(Ce().__VUE__=!0,e),N=(s,o,l,a=null,c=null,u=null,d,p=null,h=!!o.dynamicChildren)=>{if(s!==o){s&&!bs(s,o)&&(a=H(s),j(s,c,u,!0),s=null),-2===o.patchFlag&&(h=!1,o.dynamicChildren=null);let{type:e,ref:t,shapeFlag:n}=o;switch(e){case cs:var r=s,i=o,f=l,m=a;if(null==r)M(i.el=P(i.children),f,m);else{let e=i.el=r.el;i.children!==r.children&&F(e,i.children)}break;case ne:D(s,o,l,a);break;case us:null==s&&(f=o,m=l,r=a,i=d,[f.el,f.anchor]=L(f.children,m,r,i,f.el,f.anchor));break;case te:{var v=s;var g=o;var y=l;var b=a;var _=c;var S=u;var x=d;var C=p;var k=h;let e=g.el=v?v.el:P(""),t=g.anchor=v?v.anchor:P(""),{patchFlag:n,dynamicChildren:r,slotScopeIds:i}=g;i&&(C=C?C.concat(i):i),null==v?(M(e,y,b),M(t,y,b),V(g.children||[],y,t,_,S,x,C,k)):n>0&&64&n&&r&&v.dynamicChildren?(B(v.dynamicChildren,r,y,_,S,x,C),(null!=g.key||_&&g===_.subTree)&&$i(v,g,!0)):$(v,g,y,t,_,S,x,C,k)}break;default:1&n?(b=s,v=l,g=a,y=c,_=u,S=d,x=p,C=h,"svg"===(k=o).type?S="svg":"math"===k.type&&(S="mathml"),null==b?W(k,v,g,y,_,S,x,C):K(b,k,y,_,S,x,C)):6&n?(T=s,N=l,A=a,E=c,I=u,R=d,O=h,(w=o).slotScopeIds=p,null==T?512&w.shapeFlag?E.ctx.activate(w,N,A,R,O):U(w,N,A,E,I,R,O):z(T,w,O)):(64&n||128&n)&&e.process(s,o,l,a,c,u,d,p,h,q)}var T,w,N,A,E,I,R,O;null!=t&&c&&Sr(t,s&&s.ref,u,o||s,!o)}},D=(e,t,n,r)=>{null==e?M(t.el=i(t.children||""),n,r):t.el=e.el},W=(e,t,n,r,i,s,o,l)=>{let a,c,{props:u,shapeFlag:d,transition:p,dirs:h}=e;if(a=e.el=v(e.type,s,u&&u.is,u),8&d?x(a,e.children):16&d&&V(e.children,a,null,r,i,Vi(e,s),o,l),h&&Jn(e,null,r,"created"),_(a,e,e.scopeId,o,r),u){for(var f in u)"value"===f||de(f)||y(a,f,null,u[f],s,r);"value"in u&&y(a,"value",null,u.value,s),(c=u.onVnodeBeforeMount)&&Is(c,r,e)}h&&Jn(e,null,r,"beforeMount");let m=Ui(i,p);m&&p.beforeEnter(a),M(a,t,n),((c=u&&u.onVnodeMounted)||m||h)&&ee(()=>{c&&Is(c,r,e),m&&p.enter(a),h&&Jn(e,null,r,"mounted")},i)},_=(t,e,n,r,i)=>{if(n&&s(t,n),r)for(let e=0;e<r.length;e++)s(t,r[e]);i&&(e===(n=i.subTree)||ns(n.type)&&(n.ssContent===e||n.ssFallback===e))&&(n=i.vnode,_(t,n,n.scopeId,n.slotScopeIds,i.parent))},V=(t,n,r,i,s,o,l,a,c=0)=>{for(let e=c;e<t.length;e++)N(null,t[e]=(a?Ns:ws)(t[e]),n,r,i,s,o,l,a)},K=(e,t,n,r,i,s,o)=>{let l,a=t.el=e.el,{patchFlag:c,dynamicChildren:u,dirs:d}=t;c|=16&e.patchFlag;var p=e.props||I,h=t.props||I;if(n&&Bi(n,!1),(l=h.onVnodeBeforeUpdate)&&Is(l,n,t,e),d&&Jn(t,e,n,"beforeUpdate"),n&&Bi(n,!0),(p.innerHTML&&null==h.innerHTML||p.textContent&&null==h.textContent)&&x(a,""),u?B(e.dynamicChildren,u,a,n,r,Vi(t,i),s):o||$(e,t,a,null,n,r,Vi(t,i),s,!1),0<c){if(16&c)S(a,p,h,n,i);else if(2&c&&p.class!==h.class&&y(a,"class",null,h.class,i),4&c&&y(a,"style",p.style,h.style,i),8&c){var f=t.dynamicProps;for(let e=0;e<f.length;e++){var m=f[e],v=p[m],g=h[m];g===v&&"value"!==m||y(a,m,v,g,i,n)}}1&c&&e.children!==t.children&&x(a,t.children)}else o||null!=u||S(a,p,h,n,i);((l=h.onVnodeUpdated)||d)&&ee(()=>{l&&Is(l,n,t,e),d&&Jn(t,e,n,"updated")},r)},B=(t,n,r,i,s,o,l)=>{for(let e=0;e<n.length;e++){var a=t[e],c=n[e],u=a.el&&(a.type===te||!bs(a,c)||70&a.shapeFlag)?b(a.el):r;N(a,c,u,null,i,s,o,l,!0)}},S=(e,t,n,r,i)=>{if(t!==n){if(t!==I)for(var s in t)de(s)||s in n||y(e,s,t[s],null,i,r);for(var o in n){var l,a;de(o)||(l=n[o])!==(a=t[o])&&"value"!==o&&y(e,o,a,l,i,r)}"value"in n&&y(e,"value",t.value,n.value,i)}},U=(e,t,n,r,i,s,o)=>{let l=e.component=function(e,t,n){let r=e.type,i=(t||e).appContext||Rs,s={uid:Os++,vnode:e,type:r,parent:t,appContext:i,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new je(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(i.provides),ids:t?t.ids:["",0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:function n(e,r,t=!1){let i=t?Ni:r.propsCache,s=i.get(e);if(s)return s;let o=e.props,l={},a=[],c=!1;var u;if(Q(e)||(u=e=>{c=!0;var[e,t]=n(e,r,!0);G(l,e),t&&a.push(...t)},!t&&r.mixins.length&&r.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)),!o&&!c)return Z(e)&&i.set(e,ie),ie;if(J(o))for(let e=0;e<o.length;e++){var d=O(o[e]);Ai(d)&&(l[d]=I)}else if(o)for(var p in o){var h=O(p);if(Ai(h)){let e=o[p],t=l[h]=J(e)||Q(e)?{type:e}:G({},e),n=t.type,r=!1,i=!0;if(J(n))for(let e=0;e<n.length;++e){var f=n[e],f=Q(f)&&f.name;if("Boolean"===f){r=!0;break}"String"===f&&(i=!1)}else r=Q(n)&&"Boolean"===n.name;t[0]=r,t[1]=i,(r||R(t,"default"))&&a.push(h)}}t=[l,a];return Z(e)&&i.set(e,t),t}(r,i),emitsOptions:function t(e,n,r=!1){let i=n.emitsCache,s=i.get(e);if(void 0!==s)return s;let o=e.emits,l={},a=!1;var c;return Q(e)||(c=e=>{e=t(e,n,!0);e&&(a=!0,G(l,e))},!r&&n.mixins.length&&n.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)),o||a?(J(o)?o.forEach(e=>l[e]=null):G(l,o),Z(e)&&i.set(e,l),l):(Z(e)&&i.set(e,null),null)}(r,i),emit:null,emitted:null,propsDefaults:I,inheritAttrs:r.inheritAttrs,ctx:I,data:I,props:I,attrs:I,slots:I,refs:I,setupState:I,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return s.ctx={_:s},s.root=t?t.root:s,s.emit=function(s,o,...l){let a;if(!s.isUnmounted){let e=s.vnode.props||I,t=l,n=o.startsWith("update:"),r=n&&Ji(e,o.slice(7)),i=(r&&(r.trim&&(t=l.map(e=>X(e)?e.trim():e)),r.number&&(t=l.map(Se))),e[a=ye(o)]||e[a=ye(O(o))]);(i=!i&&n?e[a=ye(ve(o))]:i)&&En(i,s,6,t);l=e[a+"Once"];if(l){if(s.emitted){if(s.emitted[a])return}else s.emitted={};s.emitted[a]=!0,En(l,s,6,t)}}}.bind(null,s),e.ce&&e.ce(s),s}(e,r,i);Or(e)&&(l.ctx.renderer=q);var[r,a=!1]=[l,o],{props:c,children:u}=r.vnode,d=Ls(r);{var p,h=r,f=d;let e={},t=Ci();for(p in h.propsDefaults=Object.create(null),Ti(h,c,e,t),h.propsOptions[0])p in e||(e[p]=void 0);f?h.props=tn(e):h.type.props?h.props=e:h.props=t,h.attrs=t}if(Pi(r,u,a),d){c=r,f=c.type;if(f=(c.accessCache=Object.create(null),c.proxy=new Proxy(c.ctx,ii),f)["setup"]){let e=c.setupContext=1<f.length?js(c):null,t=Ps(c),n=(et(),An(f,c,0,[c.props,e]));tt(),t(),oe(n)?(Ir(c)||_r(c),n.then(Fs,Fs),c.asyncDep=n):Vs(c,n,!1)}else Us(c,!1)}l.asyncDep?(i&&i.registerDep(l,C,o),e.el||D(null,l.subTree=re(ne),t,n)):C(l,e,t,n,i,s,o)},z=(u,e,d)=>{let t=e.component=u.component;!function(e){var{props:t,children:n,component:r}=u,{props:i,children:s,patchFlag:o}=e,l=r.emitsOptions;if(e.dirs||e.transition)return 1;if(!(d&&0<=o))return(n||s)&&(!s||!s.$stable)||t!==i&&(t?!i||es(t,i,l):i);if(1024&o)return 1;if(16&o)return t?es(t,i,l):i;if(8&o){var a=e.dynamicProps;for(let e=0;e<a.length;e++){var c=a[e];if(i[c]!==t[c]&&!Qi(l,c))return 1}}}(e)?(e.el=u.el,t.vnode=e):t.asyncDep&&!t.asyncResolved?k(t,e,d):(t.next=e,t.update())},C=(d,p,h,f,m,v,l)=>{let a=()=>{if(d.isMounted){let e,{next:t,bu:n,u:r,parent:i,vnode:s}=d;{let e=function e(t){t=t.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:e(t)}(d);if(e)return t&&(t.el=s.el,k(d,t,l)),void e.asyncDep.then(()=>{d.isUnmounted||a()})}var c=t,o=(Bi(d,!1),t?(t.el=s.el,k(d,t,l)):t=s,n&&be(n),(e=t.props&&t.props.onVnodeBeforeUpdate)&&Is(e,i,t,s),Bi(d,!0),Xi(d)),u=d.subTree;d.subTree=o,N(u,o,b(u.el),H(u),d,m,v),t.el=o.el,null===c&&ts(d,o.el),r&&ee(r,m),(e=t.props&&t.props.onVnodeUpdated)&&ee(()=>Is(e,i,t,s),m)}else{let t,{el:e,props:n}=p,{bm:r,m:i,parent:s,root:o,type:l}=d,a=Ir(p);if(Bi(d,!1),r&&be(r),!a&&(t=n&&n.onVnodeBeforeMount)&&Is(t,s,p),Bi(d,!0),e&&g?(u=()=>{d.subTree=Xi(d),g(e,d.subTree,d,m,null)},a&&l.__asyncHydrate?l.__asyncHydrate(e,d,u):u()):(o.ce&&o.ce._injectChildStyle(l),c=d.subTree=Xi(d),N(null,c,h,f,d,m,v),p.el=c.el),i&&ee(i,m),!a&&(t=n&&n.onVnodeMounted)){let e=p;ee(()=>Is(t,s,e),m)}(256&p.shapeFlag||s&&Ir(s.vnode)&&256&s.vnode.shapeFlag)&&d.a&&ee(d.a,m),d.isMounted=!0,p=h=f=null}},e=(d.scope.on(),d.effect=new qe(a)),t=(d.scope.off(),d.update=e.run.bind(e)),n=d.job=e.runIfDirty.bind(e);n.i=d,n.id=d.uid,e.scheduler=()=>Un(n),Bi(d,!0),t()},k=(o,l,a)=>{var c=(l.component=o).vnode.props;o.vnode=l,o.next=null;{var u=o,d=l.props,p=c;let{props:t,attrs:n,vnode:{patchFlag:e}}=u,r=Y(t),[i]=u.propsOptions,s=!1;if(!(a||0<e)||16&e){let e;for(var h in Ti(u,d,t,n)&&(s=!0),r)d&&(R(d,h)||(e=ve(h))!==h&&R(d,e))||(i?!p||void 0===p[h]&&void 0===p[e]||(t[h]=wi(i,r,h,void 0,u,!0)):delete t[h]);if(n!==r)for(var f in n)d&&R(d,f)||(delete n[f],s=!0)}else if(8&e){var m=u.vnode.dynamicProps;for(let e=0;e<m.length;e++){var v,g=m[e];Qi(u.emitsOptions,g)||(v=d[g],!i||R(n,g)?v!==n[g]&&(n[g]=v,s=!0):(g=O(g),t[g]=wi(i,r,g,v,u,!1)))}}s&&ct(u.attrs,"set","")}Fi(o,l.children,a),et(),Hn(o),tt()},$=(e,i,s,o,l,a,c,u,d=!1)=>{var p=e&&e.children,e=e?e.shapeFlag:0,h=i.children,{patchFlag:i,shapeFlag:t}=i;if(0<i){if(128&i)return void r(p,h,s,o,l,a,c,u,d);if(256&i){{var f=p;var m=h;var v=s;i=o;var g=l;var y=a;var b=c;var _=u;var S=d;let t,e=(f=f||ie,m=m||ie,f.length),n=m.length,r=Math.min(e,n);for(t=0;t<r;t++){let e=m[t]=S?Ns(m[t]):ws(m[t]);N(f[t],e,v,null,g,y,b,_,S)}e>n?w(f,g,y,!0,!1,r):V(m,v,i,g,y,b,_,S,r)}return}}8&t?(16&e&&w(p,l,a),h!==p&&x(s,h)):16&e?16&t?r(p,h,s,o,l,a,c,u,d):w(p,l,a,!0):(8&e&&x(s,""),16&t&&V(h,s,o,l,a,c,u,d))},r=(c,u,d,p,h,f,m,v,g)=>{let y=0,b=u.length,_=c.length-1,S=b-1;for(;y<=_&&y<=S;){var e=c[y],t=u[y]=(g?Ns:ws)(u[y]);if(!bs(e,t))break;N(e,t,d,null,h,f,m,v,g),y++}for(;y<=_&&y<=S;){var n=c[_],r=u[S]=(g?Ns:ws)(u[S]);if(!bs(n,r))break;N(n,r,d,null,h,f,m,v,g),_--,S--}if(y>_){if(y<=S)for(var i=S+1,s=i<b?u[i].el:p;y<=S;)N(null,u[y]=(g?Ns:ws)(u[y]),d,s,h,f,m,v,g),y++}else if(y>S)for(;y<=_;)j(c[y],h,f,!0),y++;else{let t,e=y,n=y,r=new Map;for(y=n;y<=S;y++){var x=u[y]=(g?Ns:ws)(u[y]);null!=x.key&&r.set(x.key,y)}let i=0,s=S-n+1,o=!1,l=0,a=Array(s);for(y=0;y<s;y++)a[y]=0;for(y=e;y<=_;y++){let e;var C=c[y];if(i>=s)j(C,h,f,!0);else{if(null!=C.key)e=r.get(C.key);else for(t=n;t<=S;t++)if(0===a[t-n]&&bs(C,u[t])){e=t;break}void 0===e?j(C,h,f,!0):(a[e-n]=y+1,e>=l?l=e:o=!0,N(C,u[e],d,null,h,f,m,v,g),i++)}}var k=o?function(e){let t,n,r,i,s,o=e.slice(),l=[0],a=e.length;for(t=0;t<a;t++){var c=e[t];if(0!==c)if(e[n=l[l.length-1]]<c)o[t]=n,l.push(t);else{for(r=0,i=l.length-1;r<i;)e[l[s=r+i>>1]]<c?r=1+s:i=s;c<e[l[r]]&&(0<r&&(o[t]=l[r-1]),l[r]=t)}}for(r=l.length,i=l[r-1];0<r--;)l[r]=i,i=o[i];return l}(a):ie;for(t=k.length-1,y=s-1;0<=y;y--){var T=n+y,w=u[T],T=T+1<b?u[T+1].el:p;0===a[y]?N(null,w,d,T,h,f,m,v,g):o&&(t<0||y!==k[t]?A(w,d,T,2):t--)}}},A=(e,s,o,t,n=null)=>{let{el:l,type:r,transition:a,children:i,shapeFlag:c}=e;if(6&c)A(e.component.subTree,s,o,t);else if(128&c)e.suspense.move(s,o,t);else if(64&c)r.move(e,s,o,q);else if(r===te){M(l,s,o);for(let e=0;e<i.length;e++)A(i[e],s,o,t);M(e.anchor,s,o)}else if(r===us){for(var u,[{el:d,anchor:p},h,f]=[e,s,o];d&&d!==p;)u=m(d),M(d,h,f),d=u;M(p,h,f)}else if(2!==t&&1&c&&a)if(0===t)a.beforeEnter(l),M(l,s,o),ee(()=>a.enter(l),n);else{let{leave:e,delayLeave:t,afterLeave:n}=a,r=()=>M(l,s,o),i=()=>{e(l,()=>{r(),n&&n()})};t?t(l,r,i):i()}else M(l,s,o)},j=(n,r,i,s=!1,o=!1)=>{let l;var{type:a,props:c,ref:e,children:u,dynamicChildren:d,shapeFlag:p,patchFlag:h,dirs:f,cacheIndex:t}=n;if(-2===h&&(o=!1),null!=e&&Sr(e,null,i,n,!0),null!=t&&(r.renderCache[t]=void 0),256&p)r.ctx.deactivate(n);else{let e=1&p&&f,t=!Ir(n);if(t&&(l=c&&c.onVnodeBeforeUnmount)&&Is(l,r,n),6&p)E(n.component,i,s);else{if(128&p)return void n.suspense.unmount(i,s);e&&Jn(n,null,r,"beforeUnmount"),64&p?n.type.remove(n,r,i,q,s):d&&!d.hasOnce&&(a!==te||0<h&&64&h)?w(d,r,i,!1,!0):(a===te&&384&h||!o&&16&p)&&w(u,r,i),s&&T(n)}(t&&(l=c&&c.onVnodeUnmounted)||e)&&ee(()=>{l&&Is(l,r,n),e&&Jn(n,null,r,"unmounted")},i)}},T=i=>{let{type:e,el:s,anchor:t,transition:o}=i;if(e===te){for(var n,r=s,l=t;r!==l;)n=m(r),d(r),r=n;d(l)}else if(e===us){for(var a,{el:c,anchor:u}=[i][0];c&&c!==u;)a=m(c),d(c),c=a;d(u)}else{let r=()=>{d(s),o&&!o.persisted&&o.afterLeave&&o.afterLeave()};if(1&i.shapeFlag&&o&&!o.persisted){let{leave:e,delayLeave:t}=o,n=()=>e(s,r);t?t(i.el,r,n):n()}else r()}},E=(e,t,n)=>{let{bum:r,scope:i,job:s,subTree:o,um:l,m:a,a:c}=e;ji(a),ji(c),r&&be(r),i.stop(),s&&(s.flags|=8,j(o,e,t,n)),l&&ee(l,t),ee(()=>{e.isUnmounted=!0},t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},w=(t,n,r,i=!1,s=!1,o=0)=>{for(let e=o;e<t.length;e++)j(t[e],n,r,i,s)},H=e=>{if(6&e.shapeFlag)return H(e.component.subTree);if(128&e.shapeFlag)return e.suspense.next();var e=m(e.anchor||e.el),t=e&&e[Qn];return t?m(t):e},o=!1,u=(e,t,n)=>{null==e?t._vnode&&j(t._vnode,null,null,!0):N(t._vnode||null,e,t,null,null,null,n),t._vnode=e,o||(o=!0,Hn(),qn(),o=!1)},q={p:N,um:j,m:A,r:T,mt:U,mc:V,pc:$,pbc:B,n:H,o:e};return t&&([n,g]=t(q)),{render:u,hydrate:n,createApp:(c=n,function(i,s=null){Q(i)||(i=G({},i)),null==s||Z(s)||(s=null);let o=gi(),n=new WeakSet,t=[],l=!1,a=o.app={_uid:yi++,_component:i,_props:s,_container:null,_context:o,_instance:null,version:Gs,get config(){return o.config},set config(e){},use:(e,...t)=>(n.has(e)||(e&&Q(e.install)?(n.add(e),e.install(a,...t)):Q(e)&&(n.add(e),e(a,...t))),a),mixin:e=>(o.mixins.includes(e)||o.mixins.push(e),a),component:(e,t)=>t?(o.components[e]=t,a):o.components[e],directive:(e,t)=>t?(o.directives[e]=t,a):o.directives[e],mount(t,n,r){if(!l){let e=a._ceVNode||re(i,s);return e.appContext=o,!0===r?r="svg":!1===r&&(r=void 0),n&&c?c(e,t):u(e,t,r),l=!0,(a._container=t).__vue_app__=a,Hs(e.component)}},onUnmount(e){t.push(e)},unmount(){l&&(En(t,a._instance,16),u(null,a._container),delete a._container.__vue_app__)},provide:(e,t)=>(o.provides[e]=t,a),runWithContext(e){var t=bi;bi=a;try{return e()}finally{bi=t}}};return a})}}function Vi({type:e,props:t},n){return"svg"===n&&"foreignObject"===e||"mathml"===n&&"annotation-xml"===e&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function Bi({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function Ui(e,t){return(!e||!e.pendingBranch)&&t&&!t.persisted}function $i(e,t,r=!1){let i=e.children,s=t.children;if(J(i)&&J(s))for(let n=0;n<i.length;n++){let e=i[n],t=s[n];1&t.shapeFlag&&!t.dynamicChildren&&((t.patchFlag<=0||32===t.patchFlag)&&((t=s[n]=Ns(s[n])).el=e.el),r||-2===t.patchFlag||$i(e,t)),t.type===cs&&(t.el=e.el)}}function ji(t){if(t)for(let e=0;e<t.length;e++)t[e].flags|=8}var Hi,qi=Symbol.for("v-scx");function Wi(e,t){return zi(e,null,{flush:"post"})}function Ki(e,t){return zi(e,null,{flush:"sync"})}function zi(g,y,b=I){let e=b["flush"],_=G({},b),r=m,t=!(_.call=(e,t,n)=>En(e,r,t,n));"post"===e?_.scheduler=e=>{ee(e,r&&r.suspense)}:"sync"!==e&&(t=!0,_.scheduler=(e,t)=>{t?e():Un(e)}),_.augmentJob=e=>{y&&(e.flags|=4),t&&(e.flags|=2,r&&(e.id=r.uid,e.i=r))};{var[S,x,b=I]=[g,y,_];let r,n,i,s,{immediate:e,deep:o,once:t,scheduler:l,augmentJob:a,call:c}=b,u=e=>o?e:ln(e)||!1===o||0===o?Nn(e,1):Nn(e),d=!1,p=!1;if(V(S)?(n=()=>S.value,d=ln(S)):sn(S)?(n=()=>u(S),d=!0):n=J(S)?(p=!0,d=S.some(e=>sn(e)||ln(e)),()=>S.map(e=>V(e)?e.value:sn(e)?u(e):Q(e)?c?c(e,2):e():void 0)):Q(S)?x?c?()=>c(S,2):S:()=>{if(i){et();try{i()}finally{tt()}}var e=N;N=r;try{return c?c(S,3,[s]):S(s)}finally{N=e}}:se,x&&o){let e=n,t=!0===o?1/0:o;n=()=>Nn(e(),t)}let h=C,f=()=>{r.stop(),h&&$(h.effects,r)};if(t)if(x){let t=x;x=(...e)=>{t(...e),f()}}else{let e=n;n=()=>{e(),f()}}let m=p?Array(S.length).fill(kn):kn,v=t=>{if(1&r.flags&&(r.dirty||t))if(x){let e=r.run();if(o||d||(p?e.some((e,t)=>k(e,m[t])):k(e,m))){i&&i();t=N;N=r;try{var n=[e,m===kn?void 0:p&&m[0]===kn?[]:m,s];c?c(x,3,n):x(...n),m=e}finally{N=t}}}else r.run()};return a&&a(v),(r=new qe(n)).scheduler=l?()=>l(v,!1):v,s=e=>wn(e,!1,r),i=r.onStop=()=>{var e=Tn.get(r);if(e){if(c)c(e,4);else for(var t of e)t();Tn.delete(r)}},x?e?v(!0):m=r.run():l?l(v.bind(null,!0),!0):r.run(),f.pause=r.pause.bind(r),f.resume=r.resume.bind(r),f.stop=f}}function Gi(e,t){let n=t.split(".");return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}let Ji=(e,t)=>"modelValue"===t||"model-value"===t?e.modelModifiers:e[t+"Modifiers"]||e[O(t)+"Modifiers"]||e[ve(t)+"Modifiers"];function Qi(e,t){return e&&B(t)&&(R(e,(t=t.slice(2).replace(/Once$/,""))[0].toLowerCase()+t.slice(1))||R(e,ve(t))||R(e,t))}function Xi(e){let t,n,{type:r,vnode:i,proxy:s,withProxy:o,propsOptions:[l],slots:a,attrs:c,emit:u,render:d,renderCache:p,props:h,data:f,setupState:m,ctx:v,inheritAttrs:g}=e,y=zn(e);try{var b;n=4&i.shapeFlag?(b=o||s,t=ws(d.call(b,b,p,h,m,f,v)),c):(t=ws(1<r.length?r(h,{attrs:c,slots:a,emit:u}):r(h,null)),r.props?c:Zi(c))}catch(n){ds.length=0,In(n,e,1),t=re(ne)}let _=t;if(n&&!1!==g){let e=Object.keys(n),t=_["shapeFlag"];e.length&&7&t&&(l&&e.some(U)&&(n=Yi(n,l)),_=ks(_,n,!1,!0))}return i.dirs&&((_=ks(_,null,!1,!0)).dirs=_.dirs?_.dirs.concat(i.dirs):i.dirs),i.transition&&gr(_,i.transition),t=_,zn(y),t}let Zi=e=>{let t;for(var n in e)"class"!==n&&"style"!==n&&!B(n)||((t=t||{})[n]=e[n]);return t},Yi=(e,t)=>{let n={};for(var r in e)U(r)&&r.slice(9)in t||(n[r]=e[r]);return n};function es(t,n,r){var i=Object.keys(n);if(i.length!==Object.keys(t).length)return!0;for(let e=0;e<i.length;e++){var s=i[e];if(n[s]!==t[s]&&!Qi(r,s))return!0}return!1}function ts({vnode:t,parent:n},r){for(;n;){let e=n.subTree;if(e.suspense&&e.suspense.activeBranch===t&&(e.el=t.el),e!==t)break;(t=n.vnode).el=r,n=n.parent}}let ns=e=>e.__isSuspense,rs=0;function is(e,t){let n=e.props&&e.props[t];Q(n)&&n()}function ss(e,p,n,t,r,h,l,c,u,i,s=!1){let f,{p:d,m,um:v,n:g,o:{parentNode:y,remove:a}}=i,b=null!=(i=e.props&&e.props.suspensible)&&!1!==i;b&&p&&p.pendingBranch&&(f=p.pendingId,p.deps++);let o=e.props?xe(e.props.timeout):void 0,_=h,S={vnode:e,parent:p,parentComponent:n,namespace:l,container:t,hiddenContainer:r,deps:0,pendingId:rs++,timeout:"number"==typeof o?o:-1,activeBranch:null,pendingBranch:null,isInFallback:!s,isHydrating:s,isUnmounted:!1,effects:[],resolve(e=!1,t=!1){let{vnode:n,activeBranch:r,pendingBranch:i,pendingId:s,effects:o,parentComponent:l,container:a}=S,c=!1,u=(S.isHydrating?S.isHydrating=!1:e||((c=r&&i.transition&&"out-in"===i.transition.mode)&&(r.transition.afterLeave=()=>{s===S.pendingId&&(m(i,a,h===_?g(r):h,0),jn(o))}),r&&(y(r.el)===a&&(h=g(r)),v(r,l,S,!0)),c||m(i,a,h,0)),as(S,i),S.pendingBranch=null,S.isInFallback=!1,S.parent),d=!1;for(;u;){if(u.pendingBranch){u.effects.push(...o),d=!0;break}u=u.parent}d||c||jn(o),S.effects=[],b&&p&&p.pendingBranch&&f===p.pendingId&&(p.deps--,0!==p.deps||t||p.resolve()),is(n,"onResolve")},fallback(a){if(S.pendingBranch){let{vnode:e,activeBranch:t,parentComponent:n,container:r,namespace:i}=S,s=(is(e,"onFallback"),g(t)),o=()=>{S.isInFallback&&(d(null,a,r,s,n,null,i,c,u),as(S,a))},l=a.transition&&"out-in"===a.transition.mode;l&&(t.transition.afterLeave=o),S.isInFallback=!0,v(t,n,null,!0),l||o()}},move(e,t,n){S.activeBranch&&m(S.activeBranch,e,t,n),S.container=e},next:()=>S.activeBranch&&g(S.activeBranch),registerDep(n,r,i){let s=!!S.pendingBranch,o=(s&&S.deps++,n.vnode.el);n.asyncDep.catch(e=>{In(e,n,0)}).then(t=>{if(!n.isUnmounted&&!S.isUnmounted&&S.pendingId===n.suspenseId){n.asyncResolved=!0;let e=n["vnode"];Vs(n,t,!1),o&&(e.el=o);t=!o&&n.subTree.el;r(n,e,y(o||n.subTree.el),o?null:g(n.subTree),S,l,i),t&&a(t),ts(n,e.el),s&&0==--S.deps&&S.resolve()}})},unmount(e,t){S.isUnmounted=!0,S.activeBranch&&v(S.activeBranch,n,e,t),S.pendingBranch&&v(S.pendingBranch,n,e,t)}};return S}function os(t){let e;var n;return Q(t)&&((n=fs&&t._c)&&(t._d=!1,ps()),t=t(),n&&(t._d=!0,e=d,hs())),t=ws(t=J(t)?function(t){let n;for(let e=0;e<t.length;e++){var r=t[e];if(!ys(r))return;if(r.type!==ne||"v-if"===r.children){if(n)return;n=r}}return n}(t):t),e&&!t.dynamicChildren&&(t.dynamicChildren=e.filter(e=>e!==t)),t}function ls(e,t){t&&t.pendingBranch?J(e)?t.effects.push(...e):t.effects.push(e):jn(e)}function as(e,t){e.activeBranch=t;let{vnode:n,parentComponent:r}=e,i=t.el;for(;!i&&t.component;)i=(t=t.component.subTree).el;n.el=i,r&&r.subTree===n&&(r.vnode.el=i,ts(r,i))}let te=Symbol.for("v-fgt"),cs=Symbol.for("v-txt"),ne=Symbol.for("v-cmt"),us=Symbol.for("v-stc"),ds=[],d=null;function ps(e=!1){ds.push(d=e?null:[])}function hs(){ds.pop(),d=ds[ds.length-1]||null}let fs=1;function ms(e){fs+=e,e<0&&d&&(d.hasOnce=!0)}function vs(e){return e.dynamicChildren=0<fs?d||ie:null,hs(),0<fs&&d&&d.push(e),e}function gs(e,t,n,r,i){return vs(re(e,t,n,r,i,!0))}function ys(e){return!!e&&!0===e.__v_isVNode}function bs(e,t){return e.type===t.type&&e.key===t.key}let _s=({key:e})=>null!=e?e:null,Ss=({ref:e,ref_key:t,ref_for:n})=>null!=(e="number"==typeof e?""+e:e)?X(e)||V(e)||Q(e)?{i:c,r:e,k:t,f:!!n}:e:null;function xs(e,t=null,n=null,r=0,i=null,s=e===te?0:1,o=!1,l=!1){let a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&_s(t),ref:t&&Ss(t),scopeId:Kn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:c};return l?(As(a,n),128&s&&e.normalize(a)):n&&(a.shapeFlag|=X(n)?8:16),0<fs&&!o&&d&&(0<a.patchFlag||6&s)&&32!==a.patchFlag&&d.push(a),a}let re=function(t,n=null,r=null,e=0,i=null,s=!1){var o;if(ys(t=t&&t!==Zr?t:ne)){let e=ks(t,n,!0);return r&&As(e,r),0<fs&&!s&&d&&(6&e.shapeFlag?d[d.indexOf(t)]=e:d.push(e)),e.patchFlag=-2,e}if(Q(o=t)&&"__vccOpts"in o&&(t=t.__vccOpts),n){let{class:e,style:t}=n=Cs(n);e&&!X(e)&&(n.class=Ie(e)),Z(t)&&(an(t)&&!J(t)&&(t=G({},t)),n.style=Te(t))}return xs(t,n,r,e,i,X(t)?1:ns(t)?128:Xn(t)?64:Z(t)?4:Q(t)?2:0,s,!0)};function Cs(e){return e?an(e)||ki(e)?G({},e):e:null}function ks(e,t,n=!1,r=!1){let{props:i,ref:s,patchFlag:o,children:l,transition:a}=e,c=t?Es(i||{},t):i,u={__v_isVNode:!0,__v_skip:!0,type:e.type,props:c,key:c&&_s(c),ref:t&&t.ref?n&&s?J(s)?s.concat(Ss(t)):[s,Ss(t)]:Ss(t):s,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==te?-1===o?16:16|o:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:a,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&ks(e.ssContent),ssFallback:e.ssFallback&&ks(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return a&&r&&gr(u,a.clone(u)),u}function Ts(e=" ",t=0){return re(cs,null,e,t)}function ws(e){return null==e||"boolean"==typeof e?re(ne):J(e)?re(te,null,e.slice()):"object"==typeof e?Ns(e):re(cs,null,String(e))}function Ns(e){return null===e.el&&-1!==e.patchFlag||e.memo?e:ks(e)}function As(t,n){let e=0,r=t["shapeFlag"];if(null==n)n=null;else if(J(n))e=16;else if("object"==typeof n){if(65&r){let e=n.default;return void(e&&(e._c&&(e._d=!1),As(t,e()),e._c&&(e._d=!0)))}e=32;var i=n._;i||ki(n)?3===i&&c&&(1===c.slots._?n._=1:(n._=2,t.patchFlag|=1024)):n._ctx=c}else Q(n)?(n={default:n,_ctx:c},e=32):(n=String(n),64&r?(e=16,n=[Ts(n)]):e=8);t.children=n,t.shapeFlag|=e}function Es(...t){let n={};for(let e=0;e<t.length;e++){var r,i=t[e];for(r in i)if("class"===r)n.class!==i.class&&(n.class=Ie([n.class,i.class]));else if("style"===r)n.style=Te([n.style,i.style]);else if(B(r)){let e=n[r],t=i[r];!t||e===t||J(e)&&e.includes(t)||(n[r]=e?[].concat(e,t):t)}else""!==r&&(n[r]=i[r])}return n}function Is(e,t,n,r=null){En(e,t,7,[n,r])}let Rs=gi(),Os=0,m=null,Ms=()=>m||c,Ps=(p=e=>{m=e},h=e=>{Ds=e},e=>{let t=m;return p(e),e.scope.on(),()=>{e.scope.off(),p(t)}}),Fs=()=>{m&&m.scope.off(),p(null)};function Ls(e){return 4&e.vnode.shapeFlag}let Ds=!1;function Vs(e,t,n){Q(t)?e.render=t:Z(t)&&(e.setupState=gn(t)),Us(e,n)}function Bs(e){v=e,g=e=>{e.render._rc&&(e.withProxy=new Proxy(e.ctx,si))}}function Us(N,e){let t=N.type;var n,r,i,s,A;N.render||(e||!v||t.render||(e=t.template||ui(N).template)&&({isCustomElement:s,compilerOptions:n}=N.appContext.config,{delimiters:r,compilerOptions:i}=t,s=G(G({isCustomElement:s,delimiters:r},n),i),t.render=v(e,s)),N.render=t.render||se,g&&g(N));{let e=Ps(N);et();try{{var E=N;let e=ui(E),r=E.proxy,i=E.ctx,{data:t,computed:s,methods:n,watch:o,provide:l,inject:a,created:c,beforeMount:u,mounted:d,beforeUpdate:p,updated:h,activated:f,deactivated:m,beforeUnmount:v,unmounted:g,render:y,renderTracked:b,renderTriggered:_,errorCaptured:S,serverPrefetch:x,expose:C,inheritAttrs:k,components:T,directives:w}=(ai=!1,e.beforeCreate&&ci(e.beforeCreate,E,"bc"),e);if(a){var I,R=a,O=i;for(I in R=J(R)?fi(R):R){let t;var M=R[I];V(t=Z(M)?"default"in M?Si(M.from||I,M.default,!0):Si(M.from||I):Si(M))?Object.defineProperty(O,I,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e}):O[I]=t}}if(n)for(var P in n){let e=n[P];Q(e)&&(i[P]=e.bind(r))}if(t&&(A=t.call(r,r),Z(A)&&(E.data=en(A))),ai=!0,s)for(var F in s){let e=s[F],t=Q(e)?e.bind(r,r):Q(e.get)?e.get.bind(r,r):se,n=Ws({get:t,set:!Q(e)&&Q(e.set)?e.set.bind(r):se});Object.defineProperty(i,F,{enumerable:!0,configurable:!0,get:()=>n.value,set:e=>n.value=e})}if(o)for(var L in o)!function t(e,n,r,i){var s,o=i.includes(".")?Gi(r,i):()=>r[i];X(e)?(s=n[e],Q(s)&&zi(o,s,void 0)):Q(e)?zi(o,e.bind(r),void 0):Z(e)&&(J(e)?e.forEach(e=>t(e,n,r,i)):(s=Q(e.handler)?e.handler.bind(r):n[e.handler],Q(s)&&zi(o,s,e)))}(o[L],i,r,L);if(l){let t=Q(l)?l.call(r):l;Reflect.ownKeys(t).forEach(e=>{_i(e,t[e])})}function D(t,e){J(e)?e.forEach(e=>t(e.bind(r))):e&&t(e.bind(r))}if(c&&ci(c,E,"c"),D($r,u),D(jr,d),D(Hr,p),D(qr,h),D(Pr,f),D(Fr,m),D(Qr,S),D(Jr,b),D(Gr,_),D(Wr,v),D(Kr,g),D(zr,x),J(C))if(C.length){let e=E.exposed||(E.exposed={});C.forEach(t=>{Object.defineProperty(e,t,{get:()=>r[t],set:e=>r[t]=e})})}else E.exposed||(E.exposed={});y&&E.render===se&&(E.render=y),null!=k&&(E.inheritAttrs=k),T&&(E.components=T),w&&(E.directives=w)}}finally{tt(),e()}}}let $s={get:(e,t)=>(f(e,0,""),e[t])};function js(t){return{attrs:new Proxy(t.attrs,$s),slots:t.slots,emit:t.emit,expose:e=>{t.exposed=e||{}}}}function Hs(n){return n.exposed?n.exposeProxy||(n.exposeProxy=new Proxy(gn(cn(n.exposed)),{get:(e,t)=>t in e?e[t]:t in ni?ni[t](n):void 0,has:(e,t)=>t in e||t in ni})):n.proxy}function qs(e,t=!0){return Q(e)?e.displayName||e.name:e.name||t&&e.__name}let Ws=(n,e)=>{{var[n,r=!1]=[n,Ds];let e,t;return Q(n)?e=n:(e=n.get,t=n.set),new Cn(e,t,r)}};function Ks(e,t,n){var r=arguments.length;return 2!==r?(3<r?n=Array.prototype.slice.call(arguments,2):3===r&&ys(n)&&(n=[n]),re(e,t,n)):!Z(t)||J(t)?re(e,null,t):ys(t)?re(e,null,[t]):re(e,t)}function zs(e,t){var n=e.memo;if(n.length!=t.length)return!1;for(let e=0;e<n.length;e++)if(k(n[e],t[e]))return!1;return 0<fs&&d&&d.push(e),!0}let Gs="3.5.4",Js="undefined"!=typeof window&&window.trustedTypes;if(Js)try{A=Js.createPolicy("vue",{createHTML:e=>e})}catch(e){}let Qs=A?e=>A.createHTML(e):e=>e,Xs="undefined"!=typeof document?document:null,Zs=Xs&&Xs.createElement("template"),Ys="transition",eo="animation",to=Symbol("_vtc"),no={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},ro=G({},cr,no),io=((t=(e,{slots:t})=>Ks(pr,lo(e),t)).displayName="Transition",t.props=ro,t),so=(e,t=[])=>{J(e)?e.forEach(e=>e(...t)):e&&e(...t)},oo=e=>!!e&&(J(e)?e.some(e=>1<e.length):1<e.length);function lo(e){let t={};for(var n in e)n in no||(t[n]=e[n]);if(!1===e.css)return t;let{name:r="v",type:s,duration:i,enterFromClass:o=r+"-enter-from",enterActiveClass:l=r+"-enter-active",enterToClass:a=r+"-enter-to",appearFromClass:c=o,appearActiveClass:u=l,appearToClass:d=a,leaveFromClass:p=r+"-leave-from",leaveActiveClass:h=r+"-leave-active",leaveToClass:f=r+"-leave-to"}=e,m=function(e){if(null==e)return null;if(Z(e))return[xe(e.enter),xe(e.leave)];e=xe(e);return[e,e]}(i),v=m&&m[0],g=m&&m[1],{onBeforeEnter:y,onEnter:b,onEnterCancelled:_,onLeave:S,onLeaveCancelled:x,onBeforeAppear:C=y,onAppear:k=b,onAppearCancelled:T=_}=t,w=(e,t,n)=>{co(e,t?d:a),co(e,t?u:l),n&&n()},N=(e,t)=>{e._isLeaving=!1,co(e,p),co(e,f),co(e,h),t&&t()},A=i=>(e,t)=>{let n=i?k:b,r=()=>w(e,i,t);so(n,[e,r]),uo(()=>{co(e,i?c:o),ao(e,i?d:a),oo(n)||ho(e,s,v,r)})};return G(t,{onBeforeEnter(e){so(y,[e]),ao(e,o),ao(e,l)},onBeforeAppear(e){so(C,[e]),ao(e,c),ao(e,u)},onEnter:A(!1),onAppear:A(!0),onLeave(e,t){e._isLeaving=!0;let n=()=>N(e,t);ao(e,p),ao(e,h),go(),uo(()=>{e._isLeaving&&(co(e,p),ao(e,f),oo(S)||ho(e,s,g,n))}),so(S,[e,n])},onEnterCancelled(e){w(e,!1),so(_,[e])},onAppearCancelled(e){w(e,!0),so(T,[e])},onLeaveCancelled(e){N(e),so(x,[e])}})}function ao(t,e){e.split(/\s+/).forEach(e=>e&&t.classList.add(e)),(t[to]||(t[to]=new Set)).add(e)}function co(t,e){e.split(/\s+/).forEach(e=>e&&t.classList.remove(e));let n=t[to];n&&(n.delete(e),n.size||(t[to]=void 0))}function uo(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let po=0;function ho(t,e,n,r){let i=t._endId=++po,s=()=>{i===t._endId&&r()};if(n)return setTimeout(s,n);let{type:o,timeout:l,propCount:a}=fo(t,e);if(!o)return r();let c=o+"end",u=0,d=()=>{t.removeEventListener(c,p),s()},p=e=>{e.target===t&&++u>=a&&d()};setTimeout(()=>{u<a&&d()},l+1),t.addEventListener(c,p)}function fo(e,t){let n=window.getComputedStyle(e),r=e=>(n[e]||"").split(", "),i=r(Ys+"Delay"),s=r(Ys+"Duration"),o=mo(i,s),l=r(eo+"Delay"),a=r(eo+"Duration"),c=mo(l,a),u=null,d=0,p=0;t===Ys?0<o&&(u=Ys,d=o,p=s.length):t===eo?0<c&&(u=eo,d=c,p=a.length):p=(u=0<(d=Math.max(o,c))?c<o?Ys:eo:null)?(u===Ys?s:a).length:0;e=u===Ys&&/\b(transform|all)(,|$)/.test(r(Ys+"Property").toString());return{type:u,timeout:d,propCount:p,hasTransform:e}}function mo(n,e){for(;n.length<e.length;)n=n.concat(n);return Math.max(...e.map((e,t)=>vo(e)+vo(n[t])))}function vo(e){return"auto"===e?0:1e3*Number(e.slice(0,-1).replace(",","."))}function go(){document.body.offsetHeight}let yo=Symbol("_vod"),bo=Symbol("_vsh");function _o(e,t){e.style.display=t?e[yo]:"none",e[bo]=!t}let So=Symbol("");function xo(n,r){if(1===n.nodeType){let e=n.style,t="";for(var i in r)e.setProperty("--"+i,r[i]),t+=`--${i}: ${r[i]};`;e[So]=t}}let Co=/(^|;)\s*display\s*:/,ko=/\s*!important$/;function To(t,n,e){var r;J(e)?e.forEach(e=>To(t,n,e)):(null==e&&(e=""),n.startsWith("--")?t.setProperty(n,e):(r=function(t,n){var e=No[n];if(e)return e;let r=O(n);if("filter"!==r&&r in t)return No[n]=r;r=ge(r);for(let e=0;e<wo.length;e++){var i=wo[e]+r;if(i in t)return No[n]=i}return n}(t,n),ko.test(e)?t.setProperty(ve(r),e.replace(ko,""),"important"):t[r]=e))}let wo=["Webkit","Moz","ms"],No={},Ao="http://www.w3.org/1999/xlink";function Eo(e,t,n,r,i,s=Fe(t)){r&&t.startsWith("xlink:")?null==n?e.removeAttributeNS(Ao,t.slice(6,t.length)):e.setAttributeNS(Ao,t,n):null==n||s&&!n&&""!==n?e.removeAttribute(t):e.setAttribute(t,s?"":K(n)?String(n):n)}function Io(e,t,n,r){e.addEventListener(t,n,r)}let Ro=Symbol("_vei"),Oo=/(?:Once|Passive|Capture)$/,Mo=0,Po=Promise.resolve(),Fo=e=>111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&96<e.charCodeAt(2)&&e.charCodeAt(2)<123,Lo={};function Do(e,t,n){let r=br(e,t);ce(r)&&G(r,t);class i extends Vo{constructor(e){super(r,e,n)}}return i.def=r,i}class Vo extends("undefined"!=typeof HTMLElement?HTMLElement:class{}){constructor(e,t={},n=fl){super(),this._def=e,this._props=t,this._createApp=n,this._isVueCE=!0,this._instance=null,this._app=null,this._nonce=this._def.nonce,this._connected=!1,this._resolved=!1,this._numberProps=null,this._styleChildren=new WeakSet,this._ob=null,this.shadowRoot&&n!==fl?this._root=this.shadowRoot:!1!==e.shadowRoot?(this.attachShadow({mode:"open"}),this._root=this.shadowRoot):this._root=this,this._def.__asyncLoader||this._resolveProps(this._def)}connectedCallback(){this.shadowRoot||this._parseSlots(),this._connected=!0;let e=this;for(;e=e&&(e.parentNode||e.host);)if(e instanceof Vo){this._parent=e;break}this._instance||(this._resolved?(this._setParent(),this._update()):e&&e._pendingResolve?this._pendingResolve=e._pendingResolve.then(()=>{this._pendingResolve=void 0,this._resolveDef()}):this._resolveDef())}_setParent(e=this._parent){e&&(this._instance.parent=e._instance,this._instance.provides=e._instance.provides)}disconnectedCallback(){this._connected=!1,Bn(()=>{this._connected||(this._ob&&(this._ob.disconnect(),this._ob=null),this._app&&this._app.unmount(),this._instance.ce=void 0,this._app=this._instance=null)})}_resolveDef(){if(!this._pendingResolve){for(let e=0;e<this.attributes.length;e++)this._setAttr(this.attributes[e].name);this._ob=new MutationObserver(e=>{for(var t of e)this._setAttr(t.attributeName)}),this._ob.observe(this,{attributes:!0});let t=(e,t=!1)=>{let n;this._resolved=!0,this._pendingResolve=void 0;var{props:r,styles:i}=e;if(r&&!J(r))for(var s in r){var o=r[s];(o===Number||o&&o.type===Number)&&(s in this._props&&(this._props[s]=xe(this._props[s])),(n=n||Object.create(null))[O(s)]=!0)}this._numberProps=n,t&&this._resolveProps(e),this.shadowRoot&&this._applyStyles(i),this._mount(e)},e=this._def.__asyncLoader;e?this._pendingResolve=e().then(e=>t(this._def=e,!0)):t(this._def)}}_mount(e){this._app=this._createApp(e),e.configureApp&&e.configureApp(this._app),this._app._ceVNode=this._createVNode(),this._app.mount(this._root);let t=this._instance&&this._instance.exposed;if(t)for(let e in t)R(this,e)||Object.defineProperty(this,e,{get:()=>mn(t[e])})}_resolveProps(e){let t=e["props"],n=J(t)?t:Object.keys(t||{});for(var r of Object.keys(this))"_"!==r[0]&&n.includes(r)&&this._setProp(r,this[r]);for(let t of n.map(O))Object.defineProperty(this,t,{get(){return this._getProp(t)},set(e){this._setProp(t,e,!0,!0)}})}_setAttr(r){if(!r.startsWith("data-v-")){let e=this.hasAttribute(r),t=e?this.getAttribute(r):Lo,n=O(r);e&&this._numberProps&&this._numberProps[n]&&(t=xe(t)),this._setProp(n,t,!1,!0)}}_getProp(e){return this._props[e]}_setProp(e,t,n=!0,r=!1){t!==this._props[e]&&(t===Lo?delete this._props[e]:(this._props[e]=t,"key"===e&&this._app&&(this._app._ceVNode.key=t)),r&&this._instance&&this._update(),n&&(!0===t?this.setAttribute(ve(e),""):"string"==typeof t||"number"==typeof t?this.setAttribute(ve(e),t+""):t||this.removeAttribute(ve(e))))}_update(){hl(this._createVNode(),this._root)}_createVNode(){let e={},t=(this.shadowRoot||(e.onVnodeMounted=e.onVnodeUpdated=this._renderSlots.bind(this)),re(this._def,G(e,this._props)));return this._instance||(t.ce=e=>{(this._instance=e).ce=this,e.isCE=!0;let n=(e,t)=>{this.dispatchEvent(new CustomEvent(e,ce(t[0])?G({detail:t},t[0]):{detail:t}))};e.emit=(e,...t)=>{n(e,t),ve(e)!==e&&n(ve(e),t)},this._setParent()}),t}_applyStyles(n,e){if(n){if(e){if(e===this._def||this._styleChildren.has(e))return;this._styleChildren.add(e)}var r=this._nonce;for(let t=n.length-1;0<=t;t--){let e=document.createElement("style");r&&e.setAttribute("nonce",r),e.textContent=n[t],this.shadowRoot.prepend(e)}}}_parseSlots(){let e,t=this._slots={};for(;e=this.firstChild;){var n=1===e.nodeType&&e.getAttribute("slot")||"default";(t[n]||(t[n]=[])).push(e),this.removeChild(e)}}_renderSlots(){var s=this.querySelectorAll("slot"),o=this._instance.type.__scopeId;for(let i=0;i<s.length;i++){let e=s[i],t=e.getAttribute("name")||"default",n=this._slots[t],r=e.parentNode;if(n)for(var l of n){if(o&&1===l.nodeType){let e,t=o+"-s",n=document.createTreeWalker(l,1);for(l.setAttribute(t,"");e=n.nextNode();)e.setAttribute(t,"")}r.insertBefore(l,e)}else for(;e.firstChild;)r.insertBefore(e.firstChild,e);r.removeChild(e)}}_injectChildStyle(e){this._applyStyles(e.styles,e)}_removeChildStyle(e){}}function Bo(e){var t=Ms();return t&&t.ce||null}let Uo=new WeakMap,$o=new WeakMap,jo=Symbol("_moveCb"),Ho=Symbol("_enterCb"),qo=(delete(t={name:"TransitionGroup",props:G({},ro,{tag:String,moveClass:String}),setup(r,{slots:i}){let s,o,l=Ms(),a=lr();return qr(()=>{if(s.length){let i=r.moveClass||`${r.name||"v"}-move`;if(function(e,t,n){let r=e.cloneNode(),i=e[to],s=(i&&i.forEach(e=>{e.split(/\s+/).forEach(e=>e&&r.classList.remove(e))}),n.split(/\s+/).forEach(e=>e&&r.classList.add(e)),r.style.display="none",1===t.nodeType?t:t.parentNode);s.appendChild(r);e=fo(r).hasTransform;return s.removeChild(r),e}(s[0].el,l.vnode.el,i)){s.forEach(Wo),s.forEach(Ko);let e=s.filter(zo);go(),e.forEach(e=>{let t=e.el,n=t.style,r=(ao(t,i),n.transform=n.webkitTransform=n.transitionDuration="",t[jo]=e=>{e&&e.target!==t||e&&!/transform$/.test(e.propertyName)||(t.removeEventListener("transitionend",r),t[jo]=null,co(t,i))});t.addEventListener("transitionend",r)})}}}),()=>{var e=Y(r),n=lo(e),e=e.tag||te;if(s=[],o)for(let t=0;t<o.length;t++){let e=o[t];e.el&&e.el instanceof Element&&(s.push(e),gr(e,fr(e,n,a,l)),Uo.set(e,e.el.getBoundingClientRect()))}o=i.default?yr(i.default()):[];for(let e=0;e<o.length;e++){var t=o[e];null!=t.key&&gr(t,fr(t,n,a,l))}return re(e,null,o)}}}).props.mode,t);function Wo(e){let t=e.el;t[jo]&&t[jo](),t[Ho]&&t[Ho]()}function Ko(e){$o.set(e,e.el.getBoundingClientRect())}function zo(t){var n=Uo.get(t),e=$o.get(t),r=n.left-e.left,n=n.top-e.top;if(r||n){let e=t.el.style;return e.transform=e.webkitTransform=`translate(${r}px,${n}px)`,e.transitionDuration="0s",t}}let Go=e=>{let t=e.props["onUpdate:modelValue"]||!1;return J(t)?e=>be(t,e):t};function Jo(e){e.target.composing=!0}function Qo(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}let Xo=Symbol("_assign"),Zo={created(t,{modifiers:{lazy:e,trim:n,number:r}},i){t[Xo]=Go(i);let s=r||i.props&&"number"===i.props.type;Io(t,e?"change":"input",e=>{if(!e.target.composing){let e=t.value;n&&(e=e.trim()),s&&(e=Se(e)),t[Xo](e)}}),n&&Io(t,"change",()=>{t.value=t.value.trim()}),e||(Io(t,"compositionstart",Jo),Io(t,"compositionend",Qo),Io(t,"change",Qo))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:s}},o){e[Xo]=Go(o),e.composing||(o=null==t?"":t,(!s&&"number"!==e.type||/^0\d/.test(e.value)?e.value:Se(e.value))===o||document.activeElement===e&&"range"!==e.type&&(r&&t===n||i&&e.value.trim()===o)||(e.value=o))}},Yo={deep:!0,created(o,e,t){o[Xo]=Go(t),Io(o,"change",()=>{let t=o._modelValue,n=il(o),r=o.checked,i=o[Xo];if(J(t)){var s=De(t,n),e=-1!==s;if(r&&!e)i(t.concat(n));else if(!r&&e){let e=[...t];e.splice(s,1),i(e)}}else if(q(t)){let e=new Set(t);r?e.add(n):e.delete(n),i(e)}else i(sl(o,r))})},mounted:el,beforeUpdate(e,t,n){e[Xo]=Go(n),el(e,t,n)}};function el(e,{value:t},n){e._modelValue=t,n=J(t)?-1<De(t,n.props.value):q(t)?t.has(n.props.value):Le(t,sl(e,!0)),e.checked!==n&&(e.checked=n)}let tl={created(e,{value:t},n){e.checked=Le(t,n.props.value),e[Xo]=Go(n),Io(e,"change",()=>{e[Xo](il(e))})},beforeUpdate(e,{value:t,oldValue:n},r){e[Xo]=Go(r),t!==n&&(e.checked=Le(t,r.props.value))}},nl={deep:!0,created(t,{value:e,modifiers:{number:n}},r){let i=q(e);Io(t,"change",()=>{var e=Array.prototype.filter.call(t.options,e=>e.selected).map(e=>n?Se(il(e)):il(e));t[Xo](t.multiple?i?new Set(e):e:e[0]),t._assigning=!0,Bn(()=>{t._assigning=!1})}),t[Xo]=Go(r)},mounted(e,{value:t}){rl(e,t)},beforeUpdate(e,t,n){e[Xo]=Go(n)},updated(e,{value:t}){e._assigning||rl(e,t)}};function rl(r,i){var s,o=r.multiple,l=J(i);if(!o||l||q(i)){for(let n=0,e=r.options.length;n<e;n++){let e=r.options[n],t=il(e);if(o)l?(s=typeof t,e.selected="string"==s||"number"==s?i.some(e=>String(e)===String(t)):-1<De(i,t)):e.selected=i.has(t);else if(Le(il(e),i))return void(r.selectedIndex!==n&&(r.selectedIndex=n))}o||-1===r.selectedIndex||(r.selectedIndex=-1)}}function il(e){return"_value"in e?e._value:e.value}function sl(e,t){var n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}function ol(e,t,n,r,i){let s=function(e,t){switch(e){case"SELECT":return nl;case"TEXTAREA":return Zo;default:switch(t){case"checkbox":return Yo;case"radio":return tl;default:return Zo}}}(e.tagName,n.props&&n.props.type)[i];s&&s(e,t,n,r)}let ll=["ctrl","shift","alt","meta"],al={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(t,n)=>ll.some(e=>t[e+"Key"]&&!n.includes(e))},cl={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},ul=G({patchProp:(r,n,i,s,o,l)=>{var a,c,u,d="svg"===o;if("class"===n)o=s,h=d,p=(u=r)[to],null==(o=p?(o?[o,...p]:[...p]).join(" "):o)?u.removeAttribute("class"):h?u.setAttribute("class",o):u.className=o;else if("style"===n){var p=r,h=i,f=s;let e=p.style,t=X(f),n=!1;if(f&&!t){if(h)if(X(h))for(var m of h.split(";")){m=m.slice(0,m.indexOf(":")).trim();null==f[m]&&To(e,m,"")}else for(var v in h)null==f[v]&&To(e,v,"");for(var g in f)"display"===g&&(n=!0),To(e,g,f[g])}else t?h!==f&&((u=e[So])&&(f+=";"+u),e.cssText=f,n=Co.test(f)):h&&p.removeAttribute("style");yo in p&&(p[yo]=n?e.display:"",p[bo]&&(e.display="none"))}else if(B(n)){if(!U(n)){var[o,i,y,l=null]=[r,n,s,l];let e=o[Ro]||(o[Ro]={}),t=e[i];y&&t?t.value=y:([a,c]=function(t){let n;if(Oo.test(t)){let e;for(n={};e=t.match(Oo);)t=t.slice(0,t.length-e[0].length),n[e[0].toLowerCase()]=!0}return[":"===t[2]?t.slice(3):ve(t.slice(2)),n]}(i),y?Io(o,a,e[i]=function(t){let n=e=>{if(e._vts){if(e._vts<=n.attached)return}else e._vts=Date.now();En(function(t,n){if(!J(n))return n;{let e=t.stopImmediatePropagation;return t.stopImmediatePropagation=()=>{e.call(t),t._stopped=!0},n.map(t=>e=>!e._stopped&&t&&t(e))}}(e,n.value),t,5,[e])};return n.value=y,n.attached=Mo||(Po.then(()=>Mo=0),Mo=Date.now()),n}(l),c):t&&(l=t,o.removeEventListener(a,l,c),e[i]=void 0))}}else("."===n[0]?(n=n.slice(1),0):"^"===n[0]?(n=n.slice(1),1):!function(e,t,n){if(d)return"innerHTML"===t||"textContent"===t||t in e&&Fo(t)&&Q(n);if(!("spellcheck"===t||"draggable"===t||"translate"===t||"form"===t||"list"===t&&"INPUT"===e.tagName||"type"===t&&"TEXTAREA"===e.tagName)){if("width"===t||"height"===t){var r=e.tagName;if("IMG"===r||"VIDEO"===r||"CANVAS"===r||"SOURCE"===r)return}return(!Fo(t)||!X(n))&&(t in e||e._isVueCE&&(/[A-Z]/.test(t)||!X(n)))}}(r,n,s))?("true-value"===n?r._trueValue=s:"false-value"===n&&(r._falseValue=s),Eo(r,n,s,d)):(function(n,r,i){if("innerHTML"===r||"textContent"===r)null!=i&&(n[r]="innerHTML"===r?Qs(i):i);else{let e=n.tagName;var s;if("value"===r&&"PROGRESS"!==e&&!e.includes("-"))return("OPTION"===e?n.getAttribute("value")||"":n.value)===(s=null==i?"checkbox"===n.type?"on":"":String(i))&&"_value"in n||(n.value=s),null==i&&n.removeAttribute(r),n._value=i;let t=!1;""!==i&&null!=i||("boolean"==(s=typeof n[r])?i=!!i||""===i:null==i&&"string"==s?(i="",t=!0):"number"==s&&(i=0,t=!0));try{n[r]=i}catch(n){}t&&n.removeAttribute(r)}}(r,n,s),r.tagName.includes("-")||"value"!==n&&"checked"!==n&&"selected"!==n||Eo(r,n,s,d,0,"value"!==n))}},{insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{let t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{let i="svg"===t?Xs.createElementNS("http://www.w3.org/2000/svg",e):"mathml"===t?Xs.createElementNS("http://www.w3.org/1998/Math/MathML",e):n?Xs.createElement(e,{is:n}):Xs.createElement(e);return"select"===e&&r&&null!=r.multiple&&i.setAttribute("multiple",r.multiple),i},createText:e=>Xs.createTextNode(e),createComment:e=>Xs.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Xs.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(t,n,r,i,e,s){var o=r?r.previousSibling:n.lastChild;if(e&&(e===s||e.nextSibling))for(;n.insertBefore(e.cloneNode(!0),r),e!==s&&(e=e.nextSibling););else{Zs.innerHTML=Qs("svg"===i?`<svg>${t}</svg>`:"mathml"===i?`<math>${t}</math>`:t);let e=Zs.content;if("svg"===i||"mathml"===i){for(var l=e.firstChild;l.firstChild;)e.appendChild(l.firstChild);e.removeChild(l)}n.insertBefore(e,r)}return[o?o.nextSibling:n.firstChild,r?r.previousSibling:n.lastChild]}}),dl=!1;function pl(){return y=dl?y:Li(ul),dl=!0,y}let hl=(...e)=>{(y=y||Di(ul)).render(...e)},fl=(...e)=>{let r=(y=y||Di(ul)).createApp(...e),i=r["mount"];return r.mount=t=>{let n=gl(t);if(n){let e=r._component;Q(e)||e.render||e.template||(e.template=n.innerHTML),1===n.nodeType&&(n.textContent="");t=i(n,!1,vl(n));return n instanceof Element&&(n.removeAttribute("v-cloak"),n.setAttribute("data-v-app","")),t}},r},ml=(...e)=>{let t=pl().createApp(...e),n=t["mount"];return t.mount=e=>{e=gl(e);if(e)return n(e,!0,vl(e))},t};function vl(e){return e instanceof SVGElement?"svg":"function"==typeof MathMLElement&&e instanceof MathMLElement?"mathml":void 0}function gl(e){return X(e)?document.querySelector(e):e}let yl=Symbol(""),bl=Symbol(""),_l=Symbol(""),Sl=Symbol(""),xl=Symbol(""),Cl=Symbol(""),kl=Symbol(""),Tl=Symbol(""),wl=Symbol(""),Nl=Symbol(""),Al=Symbol(""),El=Symbol(""),Il=Symbol(""),Rl=Symbol(""),Ol=Symbol(""),Ml=Symbol(""),Pl=Symbol(""),Fl=Symbol(""),Ll=Symbol(""),Dl=Symbol(""),Vl=Symbol(""),Bl=Symbol(""),Ul=Symbol(""),$l=Symbol(""),jl=Symbol(""),Hl=Symbol(""),ql=Symbol(""),Wl=Symbol(""),Kl=Symbol(""),zl=Symbol(""),Gl=Symbol(""),Jl=Symbol(""),Ql=Symbol(""),Xl=Symbol(""),Zl=Symbol(""),Yl=Symbol(""),ea=Symbol(""),ta=Symbol(""),na=Symbol(""),ra={[yl]:"Fragment",[bl]:"Teleport",[_l]:"Suspense",[Sl]:"KeepAlive",[xl]:"BaseTransition",[Cl]:"openBlock",[kl]:"createBlock",[Tl]:"createElementBlock",[wl]:"createVNode",[Nl]:"createElementVNode",[Al]:"createCommentVNode",[El]:"createTextVNode",[Il]:"createStaticVNode",[Rl]:"resolveComponent",[Ol]:"resolveDynamicComponent",[Ml]:"resolveDirective",[Pl]:"resolveFilter",[Fl]:"withDirectives",[Ll]:"renderList",[Dl]:"renderSlot",[Vl]:"createSlots",[Bl]:"toDisplayString",[Ul]:"mergeProps",[$l]:"normalizeClass",[jl]:"normalizeStyle",[Hl]:"normalizeProps",[ql]:"guardReactiveProps",[Wl]:"toHandlers",[Kl]:"camelize",[zl]:"capitalize",[Gl]:"toHandlerKey",[Jl]:"setBlockTracking",[Ql]:"pushScopeId",[Xl]:"popScopeId",[Zl]:"withCtx",[Yl]:"unref",[ea]:"isRef",[ta]:"withMemo",[na]:"isMemoSame"},ia={start:{line:1,column:1,offset:0},end:{line:1,column:1,offset:0},source:""};function sa(e,t,n,r,i,s,o,l=!1,a=!1,c=!1,u=ia){return e&&(l?(e.helper(Cl),e.helper(e.inSSR||c?kl:Tl)):e.helper(e.inSSR||c?wl:Nl),o&&e.helper(Fl)),{type:13,tag:t,props:n,children:r,patchFlag:i,dynamicProps:s,directives:o,isBlock:l,disableTracking:a,isComponent:c,loc:u}}function oa(e,t=ia){return{type:17,loc:t,elements:e}}function la(e,t=ia){return{type:15,loc:t,properties:e}}function M(e,t){return{type:16,loc:ia,key:X(e)?P(e,!0):e,value:t}}function P(e,t=!1,n=ia,r=0){return{type:4,loc:n,content:e,isStatic:t,constType:t?3:r}}function aa(e,t=ia){return{type:8,loc:t,children:e}}function F(e,t=[],n=ia){return{type:14,loc:n,callee:e,arguments:t}}function ca(e,t,n=!1,r=!1,i=ia){return{type:18,params:e,returns:t,newline:n,isSlot:r,loc:i}}function ua(e,t,n,r=!0){return{type:19,test:e,consequent:t,alternate:n,newline:r,loc:ia}}function da(e,{helper:t,removeHelper:n,inSSR:r}){e.isBlock||(e.isBlock=!0,n((n=e.isComponent,r||n?wl:Nl)),t(Cl),t((n=e.isComponent,r||n?kl:Tl)))}let pa=new Uint8Array([123,123]),ha=new Uint8Array([125,125]);function fa(e){return 97<=e&&e<=122||65<=e&&e<=90}function ma(e){return 32===e||10===e||9===e||12===e||13===e}function va(e){return 47===e||62===e||ma(e)}function ga(t){let n=new Uint8Array(t.length);for(let e=0;e<t.length;e++)n[e]=t.charCodeAt(e);return n}let r={Cdata:new Uint8Array([67,68,65,84,65,91]),CdataEnd:new Uint8Array([93,93,62]),CommentEnd:new Uint8Array([45,45,62]),ScriptEnd:new Uint8Array([60,47,115,99,114,105,112,116]),StyleEnd:new Uint8Array([60,47,115,116,121,108,101]),TitleEnd:new Uint8Array([60,47,116,105,116,108,101]),TextareaEnd:new Uint8Array([60,47,116,101,120,116,97,114,101,97])};function ya(e){throw e}function ba(e){}function L(e,t){let n=SyntaxError(String("https://vuejs.org/error-reference/#compiler-"+e));return n.code=e,n.loc=t,n}let _a=e=>4===e.type&&e.isStatic;function Sa(e){switch(e){case"Teleport":case"teleport":return bl;case"Suspense":case"suspense":return _l;case"KeepAlive":case"keep-alive":return Sl;case"BaseTransition":case"base-transition":return xl}}let xa=/^\d|[^\$\w\xA0-\uFFFF]/,Ca=e=>!xa.test(e),ka=/[A-Za-z_$\xA0-\uFFFF]/,Ta=/[\.\?\w$\xA0-\uFFFF]/,wa=/\s+[.[]\s*|\s*[.[]\s+/g,Na=e=>4===e.type?e.content:e.loc.source,Aa=e=>{let t=Na(e).trim().replace(wa,e=>e.trim()),n=0,r=[],i=0,s=0,o=null;for(let e=0;e<t.length;e++){var l=t.charAt(e);switch(n){case 0:if("["===l)r.push(n),n=1,i++;else if("("===l)r.push(n),n=2,s++;else if(!(0===e?ka:Ta).test(l))return!1;break;case 1:"'"===l||'"'===l||"`"===l?(r.push(n),n=3,o=l):"["===l?i++:"]"!==l||--i||(n=r.pop());break;case 2:if("'"===l||'"'===l||"`"===l)r.push(n),n=3,o=l;else if("("===l)s++;else if(")"===l){if(e===t.length-1)return!1;--s||(n=r.pop())}break;case 3:l===o&&(n=r.pop(),o=null)}}return!i&&!s},Ea=/^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;function Ia(t,n,r=!1){for(let e=0;e<t.props.length;e++){var i=t.props[e];if(7===i.type&&(r||i.exp)&&(X(n)?i.name===n:n.test(i.name)))return i}}function Ra(t,n,r=!1,i=!1){for(let e=0;e<t.props.length;e++){var s=t.props[e];if(6===s.type){if(!r&&s.name===n&&(s.value||i))return s}else if("bind"===s.name&&(s.exp||i)&&Oa(s.arg,n))return s}}function Oa(e,t){return e&&_a(e)&&e.content===t}function Ma(e){return 5===e.type||2===e.type}function Pa(e){return 7===e.type&&"slot"===e.name}function Fa(e){return 1===e.type&&3===e.tagType}function La(e){return 1===e.type&&2===e.tagType}let Da=new Set([Hl,ql]);function Va(e,t,n){let r,i,s=13===e.type?e.props:e.arguments[2],o=[];var l;if(s&&!X(s)&&14===s.type&&(l=function e(t,n=[]){if(t&&!X(t)&&14===t.type){var r=t.callee;if(!X(r)&&Da.has(r))return e(t.arguments[0],n.concat(t))}return[t,n]}(s),s=l[0],i=(o=l[1])[o.length-1]),null==s||X(s))r=la([t]);else if(14===s.type){let e=s.arguments[0];X(e)||15!==e.type?s.callee===Wl?r=F(n.helper(Ul),[la([t]),s]):s.arguments.unshift(la([t])):Ba(t,e)||e.properties.unshift(t),r=r||s}else 15===s.type?(Ba(t,s)||s.properties.unshift(t),r=s):(r=F(n.helper(Ul),[la([t]),s]),i&&i.callee===ql&&(i=o[o.length-2]));13===e.type?i?i.arguments[0]=r:e.props=r:i?i.arguments[0]=r:e.arguments[2]=r}function Ba(e,n){let r=!1;if(4===e.key.type){let t=e.key.content;r=n.properties.some(e=>4===e.key.type&&e.key.content===t)}return r}function Ua(n,e){return`_${e}_`+n.replace(/[^\w]/g,(e,t)=>"-"===e?"_":n.charCodeAt(t).toString())}let $a=/([\s\S]*?)\s+(?:in|of)\s+(\S[\s\S]*)/,ja={parseMode:"base",ns:0,delimiters:["{{","}}"],getNamespace:()=>0,isVoidTag:D,isPreTag:D,isCustomElement:D,onError:ya,onWarn:ba,comments:!1,prefixIdentifiers:!1},_=ja,Ha=null,qa="",Wa=null,S=null,Ka="",za=-1,Ga=-1,Ja=0,Qa=!1,Xa=null,x=[],T=new class{constructor(e,t){this.stack=e,this.cbs=t,this.state=1,this.buffer="",this.sectionStart=0,this.index=0,this.entityStart=0,this.baseState=1,this.inRCDATA=!1,this.inXML=!1,this.inVPre=!1,this.newlines=[],this.mode=0,this.delimiterOpen=pa,this.delimiterClose=ha,this.delimiterIndex=-1,this.currentSequence=void 0,this.sequenceIndex=0}get inSFCRoot(){return 2===this.mode&&0===this.stack.length}reset(){this.state=1,this.mode=0,this.buffer="",this.sectionStart=0,this.index=0,this.baseState=1,this.inRCDATA=!1,this.currentSequence=void 0,this.newlines.length=0,this.delimiterOpen=pa,this.delimiterClose=ha}getPos(t){let n=1,r=t+1;for(let e=this.newlines.length-1;0<=e;e--){var i=this.newlines[e];if(i<t){n=e+2,r=t-i;break}}return{column:r,line:n,offset:t}}peek(){return this.buffer.charCodeAt(this.index+1)}stateText(e){60===e?(this.index>this.sectionStart&&this.cbs.ontext(this.sectionStart,this.index),this.state=5,this.sectionStart=this.index):this.inVPre||e!==this.delimiterOpen[0]||(this.state=2,this.delimiterIndex=0,this.stateInterpolationOpen(e))}stateInterpolationOpen(e){var t;e===this.delimiterOpen[this.delimiterIndex]?this.delimiterIndex===this.delimiterOpen.length-1?((t=this.index+1-this.delimiterOpen.length)>this.sectionStart&&this.cbs.ontext(this.sectionStart,t),this.state=3,this.sectionStart=t):this.delimiterIndex++:this.inRCDATA?(this.state=32,this.stateInRCDATA(e)):(this.state=1,this.stateText(e))}stateInterpolation(e){e===this.delimiterClose[0]&&(this.state=4,this.delimiterIndex=0,this.stateInterpolationClose(e))}stateInterpolationClose(e){e===this.delimiterClose[this.delimiterIndex]?this.delimiterIndex===this.delimiterClose.length-1?(this.cbs.oninterpolation(this.sectionStart,this.index+1),this.inRCDATA?this.state=32:this.state=1,this.sectionStart=this.index+1):this.delimiterIndex++:(this.state=3,this.stateInterpolation(e))}stateSpecialStartSequence(e){var t=this.sequenceIndex===this.currentSequence.length;if(t?va(e):(32|e)===this.currentSequence[this.sequenceIndex]){if(!t)return void this.sequenceIndex++}else this.inRCDATA=!1;this.sequenceIndex=0,this.state=6,this.stateInTagName(e)}stateInRCDATA(e){if(this.sequenceIndex===this.currentSequence.length){var t,n;if(62===e||ma(e))return t=this.index-this.currentSequence.length,this.sectionStart<t&&(n=this.index,this.index=t,this.cbs.ontext(this.sectionStart,t),this.index=n),this.sectionStart=2+t,this.stateInClosingTagName(e),void(this.inRCDATA=!1);this.sequenceIndex=0}(32|e)===this.currentSequence[this.sequenceIndex]?this.sequenceIndex+=1:0===this.sequenceIndex?this.currentSequence===r.TitleEnd||this.currentSequence===r.TextareaEnd&&!this.inSFCRoot?e===this.delimiterOpen[0]&&(this.state=2,this.delimiterIndex=0,this.stateInterpolationOpen(e)):this.fastForwardTo(60)&&(this.sequenceIndex=1):this.sequenceIndex=Number(60===e)}stateCDATASequence(e){e===r.Cdata[this.sequenceIndex]?++this.sequenceIndex===r.Cdata.length&&(this.state=28,this.currentSequence=r.CdataEnd,this.sequenceIndex=0,this.sectionStart=this.index+1):(this.sequenceIndex=0,this.state=23,this.stateInDeclaration(e))}fastForwardTo(e){for(;++this.index<this.buffer.length;){var t=this.buffer.charCodeAt(this.index);if(10===t&&this.newlines.push(this.index),t===e)return!0}return this.index=this.buffer.length-1,!1}stateInCommentLike(e){e===this.currentSequence[this.sequenceIndex]?++this.sequenceIndex===this.currentSequence.length&&(this.currentSequence===r.CdataEnd?this.cbs.oncdata(this.sectionStart,this.index-2):this.cbs.oncomment(this.sectionStart,this.index-2),this.sequenceIndex=0,this.sectionStart=this.index+1,this.state=1):0===this.sequenceIndex?this.fastForwardTo(this.currentSequence[0])&&(this.sequenceIndex=1):e!==this.currentSequence[this.sequenceIndex-1]&&(this.sequenceIndex=0)}startSpecial(e,t){this.enterRCDATA(e,t),this.state=31}enterRCDATA(e,t){this.inRCDATA=!0,this.currentSequence=e,this.sequenceIndex=t}stateBeforeTagName(e){33===e?(this.state=22,this.sectionStart=this.index+1):63===e?(this.state=24,this.sectionStart=this.index+1):fa(e)?(this.sectionStart=this.index,0===this.mode?this.state=6:this.inSFCRoot?this.state=34:this.inXML?this.state=6:this.state=116===e?30:115===e?29:6):47===e?this.state=8:(this.state=1,this.stateText(e))}stateInTagName(e){va(e)&&this.handleTagName(e)}stateInSFCRootTagName(e){var t;va(e)&&("template"!==(t=this.buffer.slice(this.sectionStart,this.index))&&this.enterRCDATA(ga("</"+t),0),this.handleTagName(e))}handleTagName(e){this.cbs.onopentagname(this.sectionStart,this.index),this.sectionStart=-1,this.state=11,this.stateBeforeAttrName(e)}stateBeforeClosingTagName(e){ma(e)||(62===e?(this.state=1,this.sectionStart=this.index+1):(this.state=fa(e)?9:27,this.sectionStart=this.index))}stateInClosingTagName(e){62!==e&&!ma(e)||(this.cbs.onclosetag(this.sectionStart,this.index),this.sectionStart=-1,this.state=10,this.stateAfterClosingTagName(e))}stateAfterClosingTagName(e){62===e&&(this.state=1,this.sectionStart=this.index+1)}stateBeforeAttrName(e){62===e?(this.cbs.onopentagend(this.index),this.inRCDATA?this.state=32:this.state=1,this.sectionStart=this.index+1):47===e?this.state=7:60===e&&47===this.peek()?(this.cbs.onopentagend(this.index),this.state=5,this.sectionStart=this.index):ma(e)||this.handleAttrStart(e)}handleAttrStart(e){118===e&&45===this.peek()?(this.state=13,this.sectionStart=this.index):46===e||58===e||64===e||35===e?(this.cbs.ondirname(this.index,this.index+1),this.state=14,this.sectionStart=this.index+1):(this.state=12,this.sectionStart=this.index)}stateInSelfClosingTag(e){62===e?(this.cbs.onselfclosingtag(this.index),this.state=1,this.sectionStart=this.index+1,this.inRCDATA=!1):ma(e)||(this.state=11,this.stateBeforeAttrName(e))}stateInAttrName(e){61!==e&&!va(e)||(this.cbs.onattribname(this.sectionStart,this.index),this.handleAttrNameEnd(e))}stateInDirName(e){61===e||va(e)?(this.cbs.ondirname(this.sectionStart,this.index),this.handleAttrNameEnd(e)):58===e?(this.cbs.ondirname(this.sectionStart,this.index),this.state=14,this.sectionStart=this.index+1):46===e&&(this.cbs.ondirname(this.sectionStart,this.index),this.state=16,this.sectionStart=this.index+1)}stateInDirArg(e){61===e||va(e)?(this.cbs.ondirarg(this.sectionStart,this.index),this.handleAttrNameEnd(e)):91===e?this.state=15:46===e&&(this.cbs.ondirarg(this.sectionStart,this.index),this.state=16,this.sectionStart=this.index+1)}stateInDynamicDirArg(e){93===e?this.state=14:61!==e&&!va(e)||(this.cbs.ondirarg(this.sectionStart,this.index+1),this.handleAttrNameEnd(e))}stateInDirModifier(e){61===e||va(e)?(this.cbs.ondirmodifier(this.sectionStart,this.index),this.handleAttrNameEnd(e)):46===e&&(this.cbs.ondirmodifier(this.sectionStart,this.index),this.sectionStart=this.index+1)}handleAttrNameEnd(e){this.sectionStart=this.index,this.state=17,this.cbs.onattribnameend(this.index),this.stateAfterAttrName(e)}stateAfterAttrName(e){61===e?this.state=18:47===e||62===e?(this.cbs.onattribend(0,this.sectionStart),this.sectionStart=-1,this.state=11,this.stateBeforeAttrName(e)):ma(e)||(this.cbs.onattribend(0,this.sectionStart),this.handleAttrStart(e))}stateBeforeAttrValue(e){34===e?(this.state=19,this.sectionStart=this.index+1):39===e?(this.state=20,this.sectionStart=this.index+1):ma(e)||(this.sectionStart=this.index,this.state=21,this.stateInAttrValueNoQuotes(e))}handleInAttrValue(e,t){e!==t&&!this.fastForwardTo(t)||(this.cbs.onattribdata(this.sectionStart,this.index),this.sectionStart=-1,this.cbs.onattribend(34===t?3:2,this.index+1),this.state=11)}stateInAttrValueDoubleQuotes(e){this.handleInAttrValue(e,34)}stateInAttrValueSingleQuotes(e){this.handleInAttrValue(e,39)}stateInAttrValueNoQuotes(e){ma(e)||62===e?(this.cbs.onattribdata(this.sectionStart,this.index),this.sectionStart=-1,this.cbs.onattribend(1,this.index),this.state=11,this.stateBeforeAttrName(e)):39!==e&&60!==e&&61!==e&&96!==e||this.cbs.onerr(18,this.index)}stateBeforeDeclaration(e){91===e?(this.state=26,this.sequenceIndex=0):this.state=45===e?25:23}stateInDeclaration(e){62!==e&&!this.fastForwardTo(62)||(this.state=1,this.sectionStart=this.index+1)}stateInProcessingInstruction(e){62!==e&&!this.fastForwardTo(62)||(this.cbs.onprocessinginstruction(this.sectionStart,this.index),this.state=1,this.sectionStart=this.index+1)}stateBeforeComment(e){45===e?(this.state=28,this.currentSequence=r.CommentEnd,this.sequenceIndex=2,this.sectionStart=this.index+1):this.state=23}stateInSpecialComment(e){62!==e&&!this.fastForwardTo(62)||(this.cbs.oncomment(this.sectionStart,this.index),this.state=1,this.sectionStart=this.index+1)}stateBeforeSpecialS(e){e===r.ScriptEnd[3]?this.startSpecial(r.ScriptEnd,4):e===r.StyleEnd[3]?this.startSpecial(r.StyleEnd,4):(this.state=6,this.stateInTagName(e))}stateBeforeSpecialT(e){e===r.TitleEnd[3]?this.startSpecial(r.TitleEnd,4):e===r.TextareaEnd[3]?this.startSpecial(r.TextareaEnd,4):(this.state=6,this.stateInTagName(e))}startEntity(){}stateInEntity(){}parse(e){for(this.buffer=e;this.index<this.buffer.length;){var t=this.buffer.charCodeAt(this.index);switch(10===t&&this.newlines.push(this.index),this.state){case 1:this.stateText(t);break;case 2:this.stateInterpolationOpen(t);break;case 3:this.stateInterpolation(t);break;case 4:this.stateInterpolationClose(t);break;case 31:this.stateSpecialStartSequence(t);break;case 32:this.stateInRCDATA(t);break;case 26:this.stateCDATASequence(t);break;case 19:this.stateInAttrValueDoubleQuotes(t);break;case 12:this.stateInAttrName(t);break;case 13:this.stateInDirName(t);break;case 14:this.stateInDirArg(t);break;case 15:this.stateInDynamicDirArg(t);break;case 16:this.stateInDirModifier(t);break;case 28:this.stateInCommentLike(t);break;case 27:this.stateInSpecialComment(t);break;case 11:this.stateBeforeAttrName(t);break;case 6:this.stateInTagName(t);break;case 34:this.stateInSFCRootTagName(t);break;case 9:this.stateInClosingTagName(t);break;case 5:this.stateBeforeTagName(t);break;case 17:this.stateAfterAttrName(t);break;case 20:this.stateInAttrValueSingleQuotes(t);break;case 18:this.stateBeforeAttrValue(t);break;case 8:this.stateBeforeClosingTagName(t);break;case 10:this.stateAfterClosingTagName(t);break;case 29:this.stateBeforeSpecialS(t);break;case 30:this.stateBeforeSpecialT(t);break;case 21:this.stateInAttrValueNoQuotes(t);break;case 7:this.stateInSelfClosingTag(t);break;case 23:this.stateInDeclaration(t);break;case 22:this.stateBeforeDeclaration(t);break;case 25:this.stateBeforeComment(t);break;case 24:this.stateInProcessingInstruction(t);break;case 33:this.stateInEntity()}this.index++}this.cleanup(),this.finish()}cleanup(){this.sectionStart!==this.index&&(1===this.state||32===this.state&&0===this.sequenceIndex?(this.cbs.ontext(this.sectionStart,this.index),this.sectionStart=this.index):19!==this.state&&20!==this.state&&21!==this.state||(this.cbs.onattribdata(this.sectionStart,this.index),this.sectionStart=this.index))}finish(){this.handleTrailingData(),this.cbs.onend()}handleTrailingData(){var e=this.buffer.length;this.sectionStart>=e||(28===this.state?this.currentSequence===r.CdataEnd?this.cbs.oncdata(this.sectionStart,e):this.cbs.oncomment(this.sectionStart,e):6!==this.state&&11!==this.state&&18!==this.state&&17!==this.state&&12!==this.state&&13!==this.state&&14!==this.state&&15!==this.state&&16!==this.state&&20!==this.state&&19!==this.state&&21!==this.state&&9!==this.state&&this.cbs.ontext(this.sectionStart,e))}emitCodePoint(e,t){}}(x,{onerr:dc,ontext(e,t){tc(l(e,t),e,t)},ontextentity(e,t,n){tc(e,t,n)},oninterpolation(e,t){if(Qa)return tc(l(e,t),e,t);let n=e+T.delimiterOpen.length,r=t-T.delimiterClose.length;for(;ma(qa.charCodeAt(n));)n++;for(;ma(qa.charCodeAt(r-1));)r--;let i=l(n,r);ac({type:5,content:uc(i=i.includes("&")?_.decodeEntities(i,!1):i,!1,w(n,r)),loc:w(e,t)})},onopentagname(e,t){var n=l(e,t);Wa={type:1,tag:n,ns:_.getNamespace(n,x[0],_.ns),tagType:0,props:[],children:[],loc:w(e-1,t),codegenNode:void 0}},onopentagend(e){ec(e)},onclosetag(e,n){let r=l(e,n);if(!_.isVoidTag(r)){let e=!1;for(let t=0;t<x.length;t++)if(x[t].tag.toLowerCase()===r.toLowerCase()){e=!0,0<t&&x[0].loc.start.offset;for(let e=0;e<=t;e++)nc(x.shift(),n,e<t);break}e}},onselfclosingtag(e){var t=Wa.tag;Wa.isSelfClosing=!0,ec(e),x[0]&&x[0].tag===t&&nc(x.shift(),e)},onattribname(e,t){S={type:6,name:l(e,t),nameLoc:w(e,t),value:void 0,loc:w(e)}},ondirname(e,t){let n=l(e,t),r="."===n||":"===n?"bind":"@"===n?"on":"#"===n?"slot":n.slice(2);if(Qa||""===r)S={type:6,name:n,nameLoc:w(e,t),value:void 0,loc:w(e)};else if(S={type:7,name:r,rawName:n,exp:void 0,arg:void 0,modifiers:"."===n?[P("prop")]:[],loc:w(e)},"pre"===r){Qa=T.inVPre=!0;let t=(Xa=Wa).props;for(let e=0;e<t.length;e++)7===t[e].type&&(t[e]=function(t){let n={type:6,name:t.rawName,nameLoc:w(t.loc.start.offset,t.loc.start.offset+t.rawName.length),value:void 0,loc:t.loc};if(t.exp){let e=t.exp.loc;e.end.offset<t.loc.end.offset&&(e.start.offset--,e.start.column--,e.end.offset++,e.end.column++),n.value={type:2,content:t.exp.content,loc:e}}return n}(t[e]))}},ondirarg(t,n){if(t!==n){let e=l(t,n);var r;Qa?(S.name+=e,cc(S.nameLoc,n)):(r="["!==e[0],S.arg=uc(r?e:e.slice(1,-1),r,w(t,n),r?3:0))}},ondirmodifier(e,t){var n=l(e,t);if(Qa)S.name+="."+n,cc(S.nameLoc,t);else if("slot"===S.name){let e=S.arg;e&&(e.content+="."+n,cc(e.loc,t))}else{n=P(n,!0,w(e,t));S.modifiers.push(n)}},onattribdata(e,t){Ka+=l(e,t),za<0&&(za=e),Ga=t},onattribentity(e,t,n){Ka+=e,za<0&&(za=t),Ga=n},onattribnameend(e){let t=l(S.loc.start.offset,e);7===S.type&&(S.rawName=t),Wa.props.some(e=>(7===e.type?e.rawName:e.name)===t)},onattribend(e,t){Wa&&S&&(cc(S.loc,t),0!==e&&(Ka.includes("&")&&(Ka=_.decodeEntities(Ka,!0)),6===S.type?("class"===S.name&&(Ka=lc(Ka).trim()),S.value={type:2,content:Ka,loc:1===e?w(za,Ga):w(za-1,Ga+1)},T.inSFCRoot&&"template"===Wa.tag&&"lang"===S.name&&Ka&&"html"!==Ka&&T.enterRCDATA(ga("</template"),0)):(S.exp=uc(Ka,!1,w(za,Ga),0),"for"===S.name&&(S.forParseResult=function(l){let a=l.loc,c=l.content,u=c.match($a);if(u){let[,e,t]=u,n=(e,t,n=!1)=>{t=a.start.offset+t;return uc(e,!1,w(t,t+e.length),0)},r={source:n(t.trim(),c.indexOf(t,e.length)),value:void 0,key:void 0,index:void 0,finalized:!1},i=e.trim().replace(Ya,"").trim(),s=e.indexOf(i),o=i.match(Za);if(o){let e;i=i.replace(Za,"").trim();var d,l=o[1].trim();l&&(e=c.indexOf(l,s+i.length),r.key=n(l,e,!0)),o[2]&&(d=o[2].trim())&&(r.index=n(d,c.indexOf(d,r.key?e+l.length:s+i.length),!0))}return i&&(r.value=n(i,s,!0)),r}}(S.exp)))),7===S.type&&"pre"===S.name||Wa.props.push(S)),Ka="",za=Ga=-1},oncomment(e,t){_.comments&&ac({type:3,content:l(e,t),loc:w(e-4,t+3)})},onend(){var t=qa.length;for(let e=0;e<x.length;e++)nc(x[e],t-1),x[e].loc.start.offset},oncdata(e,t){0!==x[0].ns&&tc(l(e,t),e,t)},onprocessinginstruction(e){0===(x[0]||_).ns&&dc(21,e-1)}}),Za=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Ya=/^\(|\)$/g;function l(e,t){return qa.slice(e,t)}function ec(e){T.inSFCRoot&&(Wa.innerLoc=w(e+1,e+1)),ac(Wa);var{tag:t,ns:n}=Wa;0===n&&_.isPreTag(t)&&Ja++,_.isVoidTag(t)?nc(Wa,e):(x.unshift(Wa),1!==n&&2!==n||(T.inXML=!0)),Wa=null}function tc(e,t,n){var r=x[0]&&x[0].tag;"script"!==r&&"style"!==r&&e.includes("&")&&(e=_.decodeEntities(e,!1));let i=x[0]||Ha,s=i.children[i.children.length-1];s&&2===s.type?(s.content+=e,cc(s.loc,n)):i.children.push({type:2,content:e,loc:w(t,n)})}function nc(e,t,n=!1){cc(e.loc,n?rc(t,60):function(){let e=t;for(;62!==qa.charCodeAt(e)&&e<qa.length-1;)e++;return e}()+1),T.inSFCRoot&&(e.children.length?e.innerLoc.end=G({},e.children[e.children.length-1].loc.end):e.innerLoc.end=G({},e.innerLoc.start),e.innerLoc.source=l(e.innerLoc.start.offset,e.innerLoc.end.offset));var{tag:n,ns:r}=e;Qa||("slot"===n?e.tagType=2:function({tag:e,props:t}){if("template"===e)for(let e=0;e<t.length;e++)if(7===t[e].type&&ic.has(t[e].name))return 1}(e)?e.tagType=3:function({tag:e,props:n}){var t;if(!_.isCustomElement(e)){if("component"===e||64<(t=e.charCodeAt(0))&&t<91||Sa(e)||_.isBuiltInComponent&&_.isBuiltInComponent(e)||_.isNativeTag&&!_.isNativeTag(e))return 1;for(let t=0;t<n.length;t++){let e=n[t];if(6===e.type&&"is"===e.name&&e.value&&e.value.content.startsWith("vue:"))return 1}}}(e)&&(e.tagType=1)),T.inRCDATA||(e.children=oc(e.children,e.tag)),0===r&&_.isPreTag(n)&&Ja--,Xa===e&&(Qa=T.inVPre=!1,Xa=null),T.inXML&&0===(x[0]||_).ns&&(T.inXML=!1)}function rc(e,t){let n=e;for(;qa.charCodeAt(n)!==t&&0<=n;)n--;return n}let ic=new Set(["if","else","else-if","for","slot"]),sc=/\r\n/g;function oc(n,e){let r="preserve"!==_.whitespace,i=!1;for(let t=0;t<n.length;t++){let e=n[t];var s,o;2===e.type&&(Ja?e.content=e.content.replace(sc,"\n"):!function(t){for(let e=0;e<t.length;e++)if(!ma(t.charCodeAt(e)))return;return 1}(e.content)?r&&(e.content=lc(e.content)):(s=n[t-1]&&n[t-1].type,o=n[t+1]&&n[t+1].type,!s||!o||r&&(3===s&&(3===o||1===o)||1===s&&(3===o||1===o&&function(t){for(let e=0;e<t.length;e++){var n=t.charCodeAt(e);if(10===n||13===n)return 1}}(e.content)))?(i=!0,n[t]=null):e.content=" "))}if(Ja&&e&&_.isPreTag(e)){let e=n[0];e&&2===e.type&&(e.content=e.content.replace(/^\r?\n/,""))}return i?n.filter(Boolean):n}function lc(t){let n="",r=!1;for(let e=0;e<t.length;e++)ma(t.charCodeAt(e))?r||(n+=" ",r=!0):(n+=t[e],r=!1);return n}function ac(e){(x[0]||Ha).children.push(e)}function w(e,t){return{start:T.getPos(e),end:null==t?t:T.getPos(t),source:null==t?t:l(e,t)}}function cc(e,t){e.end=T.getPos(t),e.source=l(e.start.offset,t)}function uc(e,t=!1,n,r=0){return P(e,t,n,r)}function dc(e,t,n){_.onError(L(e,w(t,t)))}function pc(e,t){e=e.children;return 1===e.length&&1===t.type&&!La(t)}function hc(r,i){let s=i["constantCache"];switch(r.type){case 1:if(0!==r.tagType)return 0;var o,l=s.get(r);if(void 0!==l)return l;let n=r.codegenNode;if(13!==n.type||n.isBlock&&"svg"!==r.tag&&"foreignObject"!==r.tag&&"math"!==r.tag)return 0;if(void 0!==n.patchFlag)return s.set(r,0),0;{let t=3,e=mc(r,i);if(0===e)return s.set(r,0),0;e<t&&(t=e);for(let e=0;e<r.children.length;e++){var a=hc(r.children[e],i);if(0===a)return s.set(r,0),0;a<t&&(t=a)}if(1<t)for(let e=0;e<r.props.length;e++){var c=r.props[e];if(7===c.type&&"bind"===c.name&&c.exp){c=hc(c.exp,i);if(0===c)return s.set(r,0),0;c<t&&(t=c)}}if(n.isBlock){for(let e=0;e<r.props.length;e++)if(7===r.props[e].type)return s.set(r,0),0;i.removeHelper(Cl),i.removeHelper((l=i.inSSR,o=n.isComponent,l||o?kl:Tl)),n.isBlock=!1,i.helper((l=i.inSSR,o=n.isComponent,l||o?wl:Nl))}return s.set(r,t),t}case 2:case 3:return 3;case 9:case 11:case 10:default:return 0;case 5:case 12:return hc(r.content,i);case 4:return r.constType;case 8:let t=3;for(let e=0;e<r.children.length;e++){var u=r.children[e];if(!X(u)&&!K(u)){u=hc(u,i);if(0===u)return 0;u<t&&(t=u)}}return t;case 20:return 2}}let fc=new Set([$l,jl,Hl,ql]);function mc(e,t){let n=3,r=vc(e);if(r&&15===r.type){var i=r["properties"];for(let e=0;e<i.length;e++){var{key:s,value:o}=i[e],s=hc(s,t);if(0===s)return s;if(s<n&&(n=s),0===(s=4===o.type?hc(o,t):14===o.type?function e(t,n){if(14===t.type&&!X(t.callee)&&fc.has(t.callee)){t=t.arguments[0];if(4===t.type)return hc(t,n);if(14===t.type)return e(t,n)}return 0}(o,t):0))return s;s<n&&(n=s)}}return n}function vc(e){e=e.codegenNode;if(13===e.type)return e.props}function gc(n,r){r.currentNode=n;let t=r["nodeTransforms"],i=[];for(let e=0;e<t.length;e++){var s=t[e](n,r);if(s&&(J(s)?i.push(...s):i.push(s)),!r.currentNode)return;n=r.currentNode}switch(n.type){case 3:r.ssr||r.helper(Al);break;case 5:r.ssr||r.helper(Bl);break;case 9:for(let e=0;e<n.branches.length;e++)gc(n.branches[e],r);break;case 10:case 11:case 1:case 0:{var o=n;var l=r;let e=0,t=()=>{e--};for(;e<o.children.length;e++){var a=o.children[e];X(a)||(l.grandParent=l.parent,l.parent=o,l.childIndex=e,l.onNodeRemoved=t,gc(a,l))}}}r.currentNode=n;let e=i.length;for(;e--;)i[e]()}function yc(t,o){let l=X(t)?e=>e===t:e=>t.test(e);return(r,i)=>{if(1===r.type){let n=r["props"];if(3!==r.tagType||!n.some(Pa)){let t=[];for(let e=0;e<n.length;e++){var s=n[e];7===s.type&&l(s.name)&&(n.splice(e,1),e--,(s=o(r,s,i))&&t.push(s))}return t}}}}let bc="/*@__PURE__*/",_c=e=>ra[e]+": _"+ra[e];function Sc(r,i,{helper:e,push:s,newline:o,isTS:l}){var a=e("component"===i?Rl:Ml);for(let n=0;n<r.length;n++){let e=r[n],t=e.endsWith("__self");s(`const ${Ua(e=t?e.slice(0,-6):e,i)} = ${a}(${JSON.stringify(e)}${t?", true":""})`+(l?"!":"")),n<r.length-1&&o()}}function xc(e,t){var n=3<e.length;t.push("["),n&&t.indent(),Cc(e,t,n),n&&t.deindent(),t.push("]")}function Cc(t,n,r=!1,i=!0){let{push:s,newline:o}=n;for(let e=0;e<t.length;e++){var l=t[e];X(l)?s(l,-3):(J(l)?xc:kc)(l,n),e<t.length-1&&(r?(i&&s(","),o()):i&&s(", "))}}function kc(h,f){if(X(h))f.push(h,-3);else if(K(h))f.push(f.helper(h));else switch(h.type){case 1:case 9:case 11:case 12:kc(h.codegenNode,f);break;case 2:r=h,f.push(JSON.stringify(r.content),-3,r);break;case 4:Tc(h,f);break;case 5:{var r=h;var i=f;let{push:e,helper:t,pure:n}=i;n&&e(bc),e(t(Bl)+"("),kc(r.content,i),e(")")}break;case 8:wc(h,f);break;case 3:{i=h;let{push:e,helper:t,pure:n}=f;n&&e(bc),e(`${t(Al)}(${JSON.stringify(i.content)})`,-3,i)}break;case 13:{var m=h;var v=f;let e,{push:t,helper:n,pure:r}=v,{tag:i,props:s,children:o,patchFlag:l,dynamicProps:a,directives:c,isBlock:u,disableTracking:d,isComponent:p}=m;l&&(e=String(l)),c&&t(n(Fl)+"("),u&&t(`(${n(Cl)}(${d?"true":""}), `),r&&t(bc),t(n(u?v.inSSR||p?kl:Tl:v.inSSR||p?wl:Nl)+"(",-2,m),Cc(function(e){let t=e.length;for(;t--&&null==e[t];);return e.slice(0,t+1).map(e=>e||"null")}([i,s,o,e,a]),v),t(")"),u&&t(")"),c&&(t(", "),kc(c,v),t(")"))}break;case 14:{m=h;v=f;let{push:e,helper:t,pure:n}=v,r=X(m.callee)?m.callee:t(m.callee);n&&e(bc),e(r+"(",-2,m),Cc(m.arguments,v),e(")")}break;case 15:{var a=h;var s=f;let{push:t,indent:e,deindent:n,newline:r}=s,i=a["properties"];if(i.length){var c=1<i.length;t(c?"{":"{ "),c&&e();for(let e=0;e<i.length;e++){var{key:o,value:l}=i[e];{var u=s;let e=u["push"];8===o.type?(e("["),wc(o,u),e("]")):o.isStatic?e(Ca(o.content)?o.content:JSON.stringify(o.content),-2,o):e(`[${o.content}]`,-3,o)}t(": "),kc(l,s),e<i.length-1&&(t(","),r())}c&&n(),t(c?"}":" }")}else t("{}",-2,a)}break;case 17:xc(h.elements,f);break;case 18:{c=h;a=f;let{push:e,indent:t,deindent:n}=a,{params:r,returns:i,body:s,newline:o,isSlot:l}=c;l&&e(`_${ra[Zl]}(`),e("(",-2,c),J(r)?Cc(r,a):r&&kc(r,a),e(") => "),(o||s)&&(e("{"),t()),i?(o&&e("return "),(J(i)?xc:kc)(i,a)):s&&kc(s,a),(o||s)&&(n(),e("}")),l&&e(")")}break;case 19:{var d=f;let{test:e,consequent:t,alternate:n,newline:r}=h,{push:i,indent:s,deindent:o,newline:l}=d;4===e.type?((p=!Ca(e.content))&&i("("),Tc(e,d),p&&i(")")):(i("("),kc(e,d),i(")")),r&&s(),d.indentLevel++,r||i(" "),i("? "),kc(t,d),d.indentLevel--,r&&l(),r||i(" "),i(": ");var p=19===n.type;p||d.indentLevel++,kc(n,d),p||d.indentLevel--,r&&o(!0)}break;case 20:{p=h;d=f;let{push:e,helper:t,indent:n,deindent:r,newline:i}=d,{needPauseTracking:s,needArraySpread:o}=p;o&&e("[...("),e(`_cache[${p.index}] || (`),s&&(n(),e(t(Jl)+"(-1),"),i(),e("(")),e(`_cache[${p.index}] = `),kc(p.value,d),s&&(e(`).cacheIndex = ${p.index},`),i(),e(t(Jl)+"(1),"),i(),e(`_cache[${p.index}]`),r()),e(")"),o&&e(")]")}break;case 21:Cc(h.body,f,!0,!1)}}function Tc(e,t){var{content:n,isStatic:r}=e;t.push(r?JSON.stringify(n):n,-3,e)}function wc(t,n){for(let e=0;e<t.children.length;e++){var r=t.children[e];X(r)?n.push(r,-3):kc(r,n)}}let Nc=yc(/^(if|else|else-if)$/,(e,t,l)=>{var n,r=e,i=t,s=l,o=(e,t,n)=>{let r=l.parent.children,i=r.indexOf(e),s=0;for(;0<=i--;){var o=r[i];o&&9===o.type&&(s+=o.branches.length)}return()=>{n?e.codegenNode=Ec(t,s,l):function(e){for(;;)if(19===e.type){if(19!==e.alternate.type)return e;e=e.alternate}else 20===e.type&&(e=e.value)}(e.codegenNode).alternate=Ec(t,s+e.branches.length-1,l)}};if("else"===i.name||i.exp&&i.exp.content.trim()||(n=(i.exp||r).loc,s.onError(L(28,i.loc)),i.exp=P("true",!1,n)),"if"===i.name)return n=Ac(r,i),e={type:9,loc:r.loc,branches:[n]},s.replaceNode(e),o(e,n,!0);{let e=s.parent.children,n=e.indexOf(r);for(;-1<=n--;){let t=e[n];if(!(t&&3===t.type||t&&2===t.type&&!t.content.trim().length)){if(t&&9===t.type){"else-if"===i.name&&void 0===t.branches[t.branches.length-1].condition&&s.onError(L(30,r.loc)),s.removeNode();var a=Ac(r,i);t.branches.push(a);let e=o(t,a,!1);gc(a,s),e&&e(),s.currentNode=null}else s.onError(L(30,r.loc));break}s.removeNode(t)}}});function Ac(e,t){var n=3===e.tagType;return{type:10,loc:e.loc,condition:"else"===t.name?void 0:t.exp,children:n&&!Ia(e,"for")?e.children:[e],userKey:Ra(e,"key"),isTemplateIf:n}}function Ec(e,t,n){return e.condition?ua(e.condition,Ic(e,t,n),F(n.helper(Al),['""',"true"])):Ic(e,t,n)}function Ic(e,t,n){let r=n["helper"],i=M("key",P(""+t,!1,ia,2)),s=e["children"],o=s[0];if(1!==s.length||1!==o.type){if(1!==s.length||11!==o.type)return sa(n,r(yl),la([i]),s,64,void 0,void 0,!0,!1,!1,e.loc);t=o.codegenNode;return Va(t,i,n),t}e=o.codegenNode,t=14===e.type&&e.callee===ta?e.arguments[1].returns:e;return 13===t.type&&da(t,n),Va(t,i,n),e}let Rc=(e,t,n)=>{let{modifiers:r,loc:i}=e,s=e.arg,o=e["exp"];if(!(o=o&&4===o.type&&!o.content.trim()?void 0:o)){if(4!==s.type||!s.isStatic)return n.onError(L(52,s.loc)),{props:[M(s,P("",!0,i))]};Oc(e),o=e.exp}return 4!==s.type?(s.children.unshift("("),s.children.push(') || ""')):s.isStatic||(s.content=s.content+' || ""'),r.some(e=>"camel"===e.content)&&(4===s.type?s.isStatic?s.content=O(s.content):s.content=`${n.helperString(Kl)}(${s.content})`:(s.children.unshift(n.helperString(Kl)+"("),s.children.push(")"))),n.inSSR||(r.some(e=>"prop"===e.content)&&Mc(s,"."),r.some(e=>"attr"===e.content)&&Mc(s,"^")),{props:[M(s,o)]}},Oc=(e,t)=>{var n=e.arg,r=O(n.content);e.exp=P(r,!1,n.loc)},Mc=(e,t)=>{4===e.type?e.isStatic?e.content=t+e.content:e.content=`\`${t}\${${e.content}}\``:(e.children.unshift(`'${t}' + (`),e.children.push(")"))},Pc=yc("for",(d,l,p)=>{let{helper:h,removeHelper:f}=p;var a=d,c=p,u=i=>{let s=F(h(Ll),[i.source]),o=Fa(d),l=Ia(d,"memo"),e=Ra(d,"key",!1,!0),a=(e&&7===e.type&&!e.exp&&Oc(e),e&&(6===e.type?e.value?P(e.value.content,!0):void 0:e.exp)),c=e&&a?M("key",a):null,u=4===i.source.type&&0<i.source.constType,t=u?64:e?128:256;return i.codegenNode=sa(p,h(yl),void 0,s,t,void 0,void 0,!0,!u,!1,d.loc),()=>{let t;var e=i["children"],n=1!==e.length||1!==e[0].type,r=La(d)?d:o&&1===d.children.length&&La(d.children[0])?d.children[0]:null;if(r?(t=r.codegenNode,o&&c&&Va(t,c,p)):n?t=sa(p,h(yl),c?la([c]):void 0,d.children,64,void 0,void 0,!0,void 0,!1):(t=e[0].codegenNode,o&&c&&Va(t,c,p),!u!==t.isBlock&&(t.isBlock?(f(Cl),f((r=p.inSSR,n=t.isComponent,r||n?kl:Tl))):f((e=p.inSSR,r=t.isComponent,e||r?wl:Nl))),t.isBlock=!u,t.isBlock?(h(Cl),h((n=p.inSSR,e=t.isComponent,n||e?kl:Tl))):h((r=p.inSSR,n=t.isComponent,r||n?wl:Nl))),l){let e=ca(Lc(i.parseResult,[P("_cached")]));e.body={type:21,body:[aa(["const _memo = (",l.exp,")"]),aa(["if (_cached",...a?[" && _cached.key === ",a]:[],` && ${p.helperString(na)}(_cached, _memo)) return _cached`]),aa(["const _item = ",t]),P("_item.memo = _memo"),P("return _item")],loc:ia},s.arguments.push(e,P("_cache"),P(String(p.cached.length))),p.cached.push(null)}else s.arguments.push(ca(Lc(i.parseResult),t,!0))}};if(l.exp){var m=l.forParseResult;if(m){Fc(m);let e=c["scopes"],{source:t,value:n,key:r,index:i}=m,s={type:11,loc:l.loc,source:t,valueAlias:n,keyAlias:r,objectIndexAlias:i,parseResult:m,children:Fa(a)?a.children:[a]},o=(c.replaceNode(s),e.vFor++,u(s));return()=>{e.vFor--,o&&o()}}c.onError(L(32,l.loc))}else c.onError(L(31,l.loc))});function Fc(e){e.finalized||(e.finalized=!0)}function Lc({value:t,key:n,index:r},i=[]){{var s=[t,n,r,...i];let e=s.length;for(;e--&&!s[e];);return s.slice(0,e+1).map((e,t)=>e||P("_".repeat(t+1),!1))}}let Dc=P("undefined",!1),Vc=(e,t)=>{if(1===e.type&&(1===e.tagType||3===e.tagType)){e=Ia(e,"slot");if(e)return e.exp,t.scopes.vSlot++,()=>{t.scopes.vSlot--}}},Bc=(e,t,n,r)=>ca(e,n,!1,!0,n.length?n[0].loc:r);function Uc(e,t,n){let r=[M("name",e),M("fn",t)];return null!=n&&r.push(M("key",P(String(n),!0))),la(r)}let $c=new WeakMap,jc=(m,v)=>function(){let l,a,c,u,d;if(1===(m=v.currentNode).type&&(0===m.tagType||1===m.tagType)){let{tag:e,props:t}=m,n=1===m.tagType,r=n?function(e,t){let n=e["tag"],r=Wc(n),i=Ra(e,"is",!1,!0);if(i)if(r){let e;if(6===i.type?e=i.value&&P(i.value.content,!0):(e=i.exp)||(e=P("is",!1,i.arg.loc)),e)return F(t.helper(Ol),[e])}else 6===i.type&&i.value.content.startsWith("vue:")&&(n=i.value.content.slice(4));e=Sa(n)||t.isBuiltInComponent(n);return e?(t.helper(e),e):(t.helper(Rl),t.components.add(n),Ua(n,"component"))}(m,v):`"${e}"`,i=Z(r)&&r.callee===Ol,s=0,o=i||r===bl||r===_l||!n&&("svg"===e||"foreignObject"===e||"math"===e);if(0<t.length){var p=Hc(m,v,void 0,n,i);l=p.props,s=p.patchFlag,u=p.dynamicPropNames;let e=p.directives;d=e&&e.length?oa(e.map(n=>{{var r=v;let e=[],t=$c.get(n);if(t?e.push(r.helperString(t)):(r.helper(Ml),r.directives.add(n.name),e.push(Ua(n.name,"directive"))),r=n.loc,n.exp&&e.push(n.exp),n.arg&&(n.exp||e.push("void 0"),e.push(n.arg)),Object.keys(n.modifiers).length){n.arg||(n.exp||e.push("void 0"),e.push("void 0"));let t=P("true",!1,r);e.push(la(n.modifiers.map(e=>M(e,t)),r))}return oa(e,n.loc)}})):void 0,p.shouldUseBlock&&(o=!0)}var h,f;0<m.children.length&&(r===Sl&&(o=!0,s|=1024),n&&r!==bl&&r!==Sl?({slots:p,hasDynamicSlots:h}=function(e,s,o=Bc){s.helper(Zl);let{children:l,loc:n}=e,a=[],c=[],u=0<s.scopes.vSlot||0<s.scopes.vFor,d=Ia(e,"slot",!0);var t,r;d&&({arg:r,exp:t}=d,r&&!_a(r)&&(u=!0),a.push(M(r||P("default",!0),o(t,void 0,l,n))));let p=!1,h=!1,f=[],m=new Set,v=0;for(let i=0;i<l.length;i++){let e,t,n,r;var g=l[i];if(Fa(g)&&(e=Ia(g,"slot",!0))){if(d){s.onError(L(37,e.loc));break}p=!0;var{children:y,loc:b}=g,{arg:_=P("default",!0),exp:S,loc:x}=e,C=(_a(_)?t=_?_.content:"default":u=!0,Ia(g,"for")),S=o(S,C,y,b);if(n=Ia(g,"if"))u=!0,c.push(ua(n.exp,Uc(_,S,v++),Dc));else if(r=Ia(g,/^else(-if)?$/,!0)){let e,t=i;for(;t--&&3===(e=l[t]).type;);if(e&&Fa(e)&&Ia(e,/^(else-)?if$/)){let e=c[c.length-1];for(;19===e.alternate.type;)e=e.alternate;e.alternate=r.exp?ua(r.exp,Uc(_,S,v++),Dc):Uc(_,S,v++)}else s.onError(L(30,r.loc))}else if(C){u=!0;y=C.forParseResult;y?(Fc(y),c.push(F(s.helper(Ll),[y.source,ca(Lc(y),Uc(_,S),!0)]))):s.onError(L(32,C.loc))}else{if(t){if(m.has(t)){s.onError(L(38,x));continue}m.add(t),"default"===t&&(h=!0)}a.push(M(_,S))}}else 3!==g.type&&f.push(g)}d||(r=(e,t)=>M("default",o(e,void 0,t,n)),p?f.length&&f.some(e=>function e(t){return 2!==t.type&&12!==t.type||(2===t.type?!!t.content.trim():e(t.content))}(e))&&(h?s.onError(L(39,f[0].loc)):a.push(r(void 0,f))):a.push(r(void 0,l)));let i=u?2:function t(n){for(let e=0;e<n.length;e++){var r=n[e];switch(r.type){case 1:if(2===r.tagType||t(r.children))return 1;break;case 9:if(t(r.branches))return 1;break;case 10:case 11:if(t(r.children))return 1}}}(e.children)?3:1,k=la(a.concat(M("_",P(i+"",!1))),n);return{slots:k=c.length?F(s.helper(Vl),[k,oa(c)]):k,hasDynamicSlots:u}}(m,v),a=p,h&&(s|=1024)):a=1===m.children.length&&r!==bl?((f=5===(h=(p=m.children[0]).type)||8===h)&&0===hc(p,v)&&(s|=1),f||2===h?p:m.children):m.children),u&&u.length&&(c=function(n){let r="[";for(let e=0,t=n.length;e<t;e++)r+=JSON.stringify(n[e]),e<t-1&&(r+=", ");return r+"]"}(u)),m.codegenNode=sa(v,r,l,a,0===s?void 0:s,c,d,!!o,!1,n,m.loc)}};function Hc(l,a,t=l.props,c,i,u=!1){let s,{tag:d,loc:p,children:e}=l,h=[],f=[],m=[],v=0<e.length,g=!1,y=0,o=!1,b=!1,_=!1,S=!1,x=!1,C=!1,k=[],T=e=>{h.length&&(f.push(la(qc(h),p)),h=[]),e&&f.push(e)},w=()=>{0<a.scopes.vFor&&h.push(M(P("ref_for",!0),P("true")))},N=({key:n,value:r})=>{if(_a(n)){let e=n.content,t=B(e);!t||c&&!i||"onclick"===e.toLowerCase()||"onUpdate:modelValue"===e||de(e)||(S=!0),t&&de(e)&&(C=!0),20===(r=t&&14===r.type?r.arguments[0]:r).type||(4===r.type||8===r.type)&&0<hc(r,a)||("ref"===e?o=!0:"class"===e?b=!0:"style"===e?_=!0:"key"===e||k.includes(e)||k.push(e),!c||"class"!==e&&"style"!==e||k.includes(e)||k.push(e))}else x=!0};for(let e=0;e<t.length;e++){var A=t[e];if(6===A.type){let{loc:e,name:t,nameLoc:n,value:r}=A;"ref"===t&&(o=!0,w()),"is"===t&&(Wc(d)||r&&r.content.startsWith("vue:"))||h.push(M(P(t,!0,n),P(r?r.content:"",!0,r?r.loc:e)))}else{let{name:e,arg:r,exp:t,loc:n,modifiers:i}=A,s="bind"===e,o="on"===e;if("slot"===e)c||a.onError(L(40,n));else if(!("once"===e||"memo"===e||"is"===e||s&&Oa(r,"is")&&Wc(d)||o&&u))if((s&&Oa(r,"key")||o&&v&&Oa(r,"vue:before-update"))&&(g=!0),s&&Oa(r,"ref")&&w(),r||!s&&!o){s&&i.some(e=>"prop"===e.content)&&(y|=32);let n=a.directiveTransforms[e];if(n){let{props:e,needRuntime:t}=n(A,l,a);u||e.forEach(N),o&&r&&!_a(r)?T(la(e,p)):h.push(...e),t&&(m.push(A),K(t)&&$c.set(A,t))}else pe(e)||(m.push(A),v&&(g=!0))}else x=!0,t?s?(w(),T(),f.push(t)):T({type:14,loc:n,callee:a.helper(Wl),arguments:c?[t]:[t,"true"]}):a.onError(L(s?34:35,n))}}if(f.length?(T(),s=1<f.length?F(a.helper(Ul),f,p):f[0]):h.length&&(s=la(qc(h),p)),x?y|=16:(b&&!c&&(y|=2),_&&!c&&(y|=4),k.length&&(y|=8),S&&(y|=32)),g||0!==y&&32!==y||!(o||C||0<m.length)||(y|=512),!a.inSSR&&s)switch(s.type){case 15:let t=-1,n=-1,r=!1;for(let e=0;e<s.properties.length;e++){var E=s.properties[e].key;_a(E)?"class"===E.content?t=e:"style"===E.content&&(n=e):E.isHandlerKey||(r=!0)}let e=s.properties[t],i=s.properties[n];r?s=F(a.helper(Hl),[s]):(e&&!_a(e.value)&&(e.value=F(a.helper($l),[e.value])),i&&(_||4===i.value.type&&"["===i.value.content.trim()[0]||17===i.value.type)&&(i.value=F(a.helper(jl),[i.value])));break;case 14:break;default:s=F(a.helper(Hl),[F(a.helper(ql),[s])])}return{props:s,directives:m,patchFlag:y,dynamicPropNames:k,shouldUseBlock:g}}function qc(t){let n=new Map,r=[];for(let e=0;e<t.length;e++){var i=t[e];if(8!==i.key.type&&i.key.isStatic){let e=i.key.content,t=n.get(e);t?"style"!==e&&"class"!==e&&!B(e)||(17===t.value.type?t.value.elements.push(i.value):t.value=oa([t.value,i.value],t.loc)):(n.set(e,i),r.push(i))}else r.push(i)}return r}function Wc(e){return"component"===e||"Component"===e}let Kc=(o,l)=>{if(La(o)){let{children:e,loc:t}=o,{slotName:n,slotProps:r}=function(n,e){let t,r='"default"',i=[];for(let t=0;t<n.props.length;t++){let e=n.props[t];var s;6===e.type?e.value&&("name"===e.name?r=JSON.stringify(e.value.content):(e.name=O(e.name),i.push(e))):"bind"===e.name&&Oa(e.arg,"name")?e.exp?r=e.exp:e.arg&&4===e.arg.type&&(s=O(e.arg.content),r=e.exp=P(s,!1,e.arg.loc)):("bind"===e.name&&e.arg&&_a(e.arg)&&(e.arg.content=O(e.arg.content)),i.push(e))}var o,l;return 0<i.length&&({props:o,directives:l}=Hc(n,e,i,!1,!1),t=o,l.length&&e.onError(L(36,l[0].loc))),{slotName:r,slotProps:t}}(o,l),i=[l.prefixIdentifiers?"_ctx.$slots":"$slots",n,"{}","undefined","true"],s=2;r&&(i[2]=r,s=3),e.length&&(i[3]=ca([],e,!1,!1,t),s=4),l.scopeId&&!l.slotted&&(s=5),i.splice(s),o.codegenNode=F(l.helper(Dl),i,t)}},zc=(e,t,n,r)=>{let i,{loc:s,modifiers:o,arg:l}=e;if(e.exp||o.length,4===l.type)if(l.isStatic){let e=l.content;e.startsWith("vue:")&&(e="vnode-"+e.slice(4)),i=P(0!==t.tagType||e.startsWith("vnode")||!/[A-Z]/.test(e)?ye(O(e)):"on:"+e,!0,l.loc)}else i=aa([n.helperString(Gl)+"(",l,")"]);else(i=l).children.unshift(n.helperString(Gl)+"("),i.children.push(")");let a=e.exp;a&&!a.content.trim()&&(a=void 0);var c,u,t=n.cacheHandlers&&!a&&!n.inVOnce;a&&(u=!((e=Aa(a))||(u=a,Ea.test(Na(u)))),c=a.content.includes(";"),(u||t&&e)&&(a=aa([`${u?"$event":"(...args)"} => `+(c?"{":"("),a,c?"}":")"])));let d={props:[M(i,a||P("() => {}",!1,s))]};return r&&(d=r(d)),t&&(d.props[0].value=n.cache(d.props[0].value)),d.props.forEach(e=>e.key.isHandlerKey=!0),d},Gc=(t,l)=>{if(0===t.type||1===t.type||11===t.type||10===t.type)return()=>{let n,r=t.children,e=!1;for(let t=0;t<r.length;t++){var i=r[t];if(Ma(i)){e=!0;for(let e=t+1;e<r.length;e++){var s=r[e];if(!Ma(s)){n=void 0;break}(n=n||(r[t]=aa([i],i.loc))).children.push(" + ",s),r.splice(e,1),e--}}}if(e&&(1!==r.length||0!==t.type&&(1!==t.type||0!==t.tagType||t.props.find(e=>7===e.type&&!l.directiveTransforms[e.name]))))for(let t=0;t<r.length;t++){var o=r[t];if(Ma(o)||8===o.type){let e=[];2===o.type&&" "===o.content||e.push(o),l.ssr||0!==hc(o,l)||e.push("1"),r[t]={type:12,content:o,loc:o.loc,codegenNode:F(l.helper(El),e)}}}}},Jc=new WeakSet,Qc=(e,t)=>{if(1===e.type&&Ia(e,"once",!0)&&!Jc.has(e)&&!t.inVOnce&&!t.inSSR)return Jc.add(e),t.inVOnce=!0,t.helper(Jl),()=>{t.inVOnce=!1;let e=t.currentNode;e.codegenNode&&(e.codegenNode=t.cache(e.codegenNode,!0))}},Xc=(e,t,n)=>{var{exp:r,arg:i}=e;if(!r)return n.onError(L(41,e.loc)),Zc();let s=r.loc.source,o=4===r.type?r.content:s,l=n.bindingMetadata[s];if("props"===l||"props-aliased"===l)return r.loc,Zc();if(!o.trim()||!Aa(r))return n.onError(L(42,r.loc)),Zc();var a=i||P("modelValue",!0),c=i?_a(i)?"onUpdate:"+O(i.content):aa(['"onUpdate:" + ',i]):"onUpdate:modelValue",n=aa([(n.isTS?"($event: any)":"$event")+" => ((",r,") = $event)"]);let u=[M(a,e.exp),M(c,n)];return e.modifiers.length&&1===t.tagType&&(r=e.modifiers.map(e=>e.content).map(e=>(Ca(e)?e:JSON.stringify(e))+": true").join(", "),a=i?_a(i)?i.content+"Modifiers":aa([i,' + "Modifiers"']):"modelModifiers",u.push(M(a,P(`{ ${r} }`,!1,e.loc,2)))),Zc(u)};function Zc(e=[]){return{props:e}}let Yc=new WeakSet,eu=(n,r)=>{if(1===n.type){let t=Ia(n,"memo");if(t&&!Yc.has(n))return Yc.add(n),()=>{var e=n.codegenNode||r.currentNode.codegenNode;e&&13===e.type&&(1!==n.tagType&&da(e,r),n.codegenNode=F(r.helper(ta),[t.exp,ca(void 0,e),"_cache",String(r.cached.length)]),r.cached.push(null))}}},tu=Symbol(""),nu=Symbol(""),ru=Symbol(""),iu=Symbol(""),su=Symbol(""),ou=Symbol(""),lu=Symbol(""),au=Symbol(""),cu=Symbol(""),uu=Symbol(""),du=(Hi={[tu]:"vModelRadio",[nu]:"vModelCheckbox",[ru]:"vModelText",[iu]:"vModelSelect",[su]:"vModelDynamic",[ou]:"withModifiers",[lu]:"withKeys",[au]:"vShow",[cu]:"Transition",[uu]:"TransitionGroup"},Object.getOwnPropertySymbols(Hi).forEach(e=>{ra[e]=Hi[e]}),{parseMode:"html",isVoidTag:Pe,isNativeTag:e=>Re(e)||Oe(e)||Me(e),isPreTag:e=>"pre"===e,decodeEntities:function(e,t=!1){return b=b||document.createElement("div"),t?(b.innerHTML=`<div foo="${e.replace(/"/g,"&quot;")}">`,b.children[0].getAttribute("foo")):(b.innerHTML=e,b.textContent)},isBuiltInComponent:e=>"Transition"===e||"transition"===e?cu:"TransitionGroup"===e||"transition-group"===e?uu:void 0,getNamespace(e,t,n){let r=t?t.ns:n;if(t&&2===r)if("annotation-xml"===t.tag){if("svg"===e)return 1;t.props.some(e=>6===e.type&&"encoding"===e.name&&null!=e.value&&("text/html"===e.value.content||"application/xhtml+xml"===e.value.content))&&(r=0)}else/^m(?:[ions]|text)$/.test(t.tag)&&"mglyph"!==e&&"malignmark"!==e&&(r=0);else!t||1!==r||"foreignObject"!==t.tag&&"desc"!==t.tag&&"title"!==t.tag||(r=0);if(0===r){if("svg"===e)return 1;if("math"===e)return 2}return r}}),pu=E("passive,once,capture"),hu=E("stop,prevent,self,ctrl,shift,alt,meta,exact,middle"),fu=E("left,right"),mu=E("onkeyup,onkeydown,onkeypress"),vu=(e,t)=>_a(e)&&"onclick"===e.content.toLowerCase()?P(t,!0):4!==e.type?aa(["(",e,`) === "onClick" ? "${t}" : (`,e,")"]):e,gu=(e,t)=>{1!==e.type||0!==e.tagType||"script"!==e.tag&&"style"!==e.tag||t.removeNode()},yu=[r=>{1===r.type&&r.props.forEach((e,t)=>{var n;6===e.type&&"style"===e.name&&e.value&&(r.props[t]={type:7,name:"bind",arg:P("style",!0,e.loc),exp:(t=e.value.content,n=e.loc,P(JSON.stringify(Ee(t)),!1,n,3)),modifiers:[],loc:e.loc})})}],bu={cloak:()=>({props:[]}),html:(e,t,n)=>{var{exp:e,loc:r}=e;return e||n.onError(L(53,r)),t.children.length&&(n.onError(L(54,r)),t.children.length=0),{props:[M(P("innerHTML",!0,r),e||P("",!0))]}},text:(e,t,n)=>{var{exp:e,loc:r}=e;return e||n.onError(L(55,r)),t.children.length&&(n.onError(L(56,r)),t.children.length=0),{props:[M(P("textContent",!0),e?0<hc(e,n)?e:F(n.helperString(Bl),[e],r):P("",!0))]}},model:(n,r,i)=>{let s=Xc(n,r,i);if(!s.props.length||1===r.tagType)return s;n.arg&&i.onError(L(58,n.arg.loc));var o=r["tag"],l=i.isCustomElement(o);if("input"===o||"textarea"===o||"select"===o||l){let e=ru,t=!1;if("input"===o||l){l=Ra(r,"type");if(l){if(7===l.type)e=su;else if(l.value)switch(l.value.content){case"radio":e=tu;break;case"checkbox":e=nu;break;case"file":t=!0,i.onError(L(59,n.loc))}}else r.props.some(e=>!(7!==e.type||"bind"!==e.name||e.arg&&4===e.arg.type&&e.arg.isStatic))&&(e=su)}else"select"===o&&(e=iu);t||(s.needRuntime=i.helper(e))}else i.onError(L(57,n.loc));return s.props=s.props.filter(e=>!(4===e.key.type&&"modelValue"===e.key.content)),s},on:(l,e,a)=>zc(l,e,a,e=>{var t=l["modifiers"];if(!t.length)return e;let{key:n,value:r}=e.props[0],{keyModifiers:i,nonKeyModifiers:s,eventOptionModifiers:o}=((t,n)=>{let r=[],i=[],s=[];for(let e=0;e<n.length;e++){var o=n[e].content;pu(o)?s.push(o):fu(o)?_a(t)?(mu(t.content.toLowerCase())?r:i).push(o):(r.push(o),i.push(o)):(hu(o)?i:r).push(o)}return{keyModifiers:r,nonKeyModifiers:i,eventOptionModifiers:s}})(n,t,l.loc);return s.includes("right")&&(n=vu(n,"onContextmenu")),s.includes("middle")&&(n=vu(n,"onMouseup")),s.length&&(r=F(a.helper(ou),[r,JSON.stringify(s)])),!i.length||_a(n)&&!mu(n.content.toLowerCase())||(r=F(a.helper(lu),[r,JSON.stringify(i)])),o.length&&(e=o.map(ge).join(""),n=_a(n)?P(""+n.content+e,!0):aa(["(",n,`) + "${e}"`])),{props:[M(n,r)]}}),show:(e,t,n)=>{var{exp:e,loc:r}=e;return e||n.onError(L(61,r)),{props:[],needRuntime:n.helper(au)}}},_u=new WeakMap;function Su(e,t){let n;if(!X(e)){if(!e.nodeType)return se;e=e.innerHTML}let r=e,i=((n=_u.get(null!=t?t:I))||(n=Object.create(null),_u.set(null!=t?t:I,n)),n),s=i[r];if(s)return s;var o;"#"===e[0]&&(e=(o=document.querySelector(e))?o.innerHTML:"");let l=G({hoistStatic:!0,onError:void 0,onWarn:se},t),a=(l.isCustomElement||"undefined"==typeof customElements||(l.isCustomElement=e=>!!customElements.get(e)),function(d,p={}){{var[d,p={}]=[d,G({},du,p,{nodeTransforms:[gu,...yu,...p.nodeTransforms||[]],directiveTransforms:G({},bu,p.directiveTransforms||{}),transformHoist:null})];let e=p.onError||ya,t="module"===p.mode;!0===p.prefixIdentifiers?e(L(47)):t&&e(L(48)),p.cacheHandlers&&e(L(49)),p.scopeId&&!t&&e(L(50));var h=G({},p,{prefixIdentifiers:!1}),d=X(d)?function(e,t){if(T.reset(),Wa=null,S=null,Ka="",za=-1,Ga=-1,x.length=0,qa=e,_=G({},ja),t){let e;for(e in t)null!=t[e]&&(_[e]=t[e])}T.mode="html"===_.parseMode?1:"sfc"===_.parseMode?2:0,T.inXML=1===_.ns||2===_.ns;var n=t&&t.delimiters;n&&(T.delimiterOpen=ga(n[0]),T.delimiterClose=ga(n[1]));let r=Ha=([n=""]=[e],{type:0,source:n,children:[],helpers:new Set,components:[],directives:[],hoists:[],imports:[],cached:[],temps:0,codegenNode:void 0,loc:ia});return T.parse(qa),r.loc=w(0,e.length),r.children=oc(r.children),Ha=null,r}(d,h):d,[r,i]=[[Qc,Nc,eu,Pc,Kc,jc,Vc,Gc],{on:zc,bind:Rc,model:Xc}];{var s=d;r=G({},h,{nodeTransforms:[...r,...p.nodeTransforms||[]],directiveTransforms:G({},i,p.directiveTransforms||{})});let n=function(e,{filename:t="",prefixIdentifiers:n=!1,hoistStatic:r=!1,hmr:i=!1,cacheHandlers:s=!1,nodeTransforms:o=[],directiveTransforms:l={},transformHoist:a=null,isBuiltInComponent:c=se,isCustomElement:u=se,expressionPlugins:d=[],scopeId:p=null,slotted:h=!0,ssr:f=!1,inSSR:m=!1,ssrCssVars:v="",bindingMetadata:g=I,inline:y=!1,isTS:b=!1,onError:_=ya,onWarn:S=ba,compatConfig:x}){let C=t.replace(/\?.*$/,"").match(/([^/\\]+)\.\w+$/),k={filename:t,selfName:C&&ge(O(C[1])),prefixIdentifiers:n,hoistStatic:r,hmr:i,cacheHandlers:s,nodeTransforms:o,directiveTransforms:l,transformHoist:a,isBuiltInComponent:c,isCustomElement:u,expressionPlugins:d,scopeId:p,slotted:h,ssr:f,inSSR:m,ssrCssVars:v,bindingMetadata:g,inline:y,isTS:b,onError:_,onWarn:S,compatConfig:x,root:e,helpers:new Map,components:new Set,directives:new Set,hoists:[],imports:[],cached:[],constantCache:new WeakMap,temps:0,identifiers:Object.create(null),scopes:{vFor:0,vSlot:0,vPre:0,vOnce:0},parent:null,grandParent:null,currentNode:e,childIndex:0,inVOnce:!1,helper(e){var t=k.helpers.get(e)||0;return k.helpers.set(e,t+1),e},removeHelper(e){var t=k.helpers.get(e);t&&((t=t-1)?k.helpers.set(e,t):k.helpers.delete(e))},helperString:e=>"_"+ra[k.helper(e)],replaceNode(e){k.parent.children[k.childIndex]=k.currentNode=e},removeNode(e){let t=k.parent.children,n=e?t.indexOf(e):k.currentNode?k.childIndex:-1;e&&e!==k.currentNode?k.childIndex>n&&(k.childIndex--,k.onNodeRemoved()):(k.currentNode=null,k.onNodeRemoved()),k.parent.children.splice(n,1)},onNodeRemoved:se,addIdentifiers(e){},removeIdentifiers(e){},hoist(e){X(e)&&(e=P(e)),k.hoists.push(e);let t=P("_hoisted_"+k.hoists.length,!1,e.loc,2);return t.hoisted=e,t},cache(e,t=!1){[e,t,n=!1]=[k.cached.length,e,t];var n,e={type:20,index:e,value:t,needPauseTracking:n,needArraySpread:!1,loc:ia};return k.cached.push(e),e}};return k}(s,r);if(gc(s,n),r.hoistStatic&&function n(r,i,s,o=!1,l=!1){let a=r["children"],c=[];for(let e=0;e<a.length;e++){let t=a[e];if(1===t.type&&0===t.tagType){var u=o?0:hc(t,s);if(0<u){if(2<=u){t.codegenNode.patchFlag=-1,c.push(t);continue}}else{let e=t.codegenNode;13===e.type&&((void 0===(u=e.patchFlag)||512===u||1===u)&&2<=mc(t,s)&&(u=vc(t))&&(e.props=s.hoist(u)),e.dynamicProps&&(e.dynamicProps=s.hoist(e.dynamicProps)))}}else if(12===t.type&&2<=(o?0:hc(t,s))){c.push(t);continue}if(1===t.type){u=1===t.tagType;u&&s.scopes.vSlot++,n(t,r,s,!1,l),u&&s.scopes.vSlot--}else if(11===t.type)n(t,r,s,1===t.children.length,!0);else if(9===t.type)for(let e=0;e<t.branches.length;e++)n(t.branches[e],r,s,1===t.branches[e].children.length,l)}let d=!1;if(c.length===a.length&&1===r.type)if(0===r.tagType&&r.codegenNode&&13===r.codegenNode.type&&J(r.codegenNode.children))r.codegenNode.children=p(oa(r.codegenNode.children)),d=!0;else if(1===r.tagType&&r.codegenNode&&13===r.codegenNode.type&&r.codegenNode.children&&!J(r.codegenNode.children)&&15===r.codegenNode.children.type){let e=h(r.codegenNode,"default");e&&(e.returns=p(oa(e.returns)),d=!0)}else if(3===r.tagType&&i&&1===i.type&&1===i.tagType&&i.codegenNode&&13===i.codegenNode.type&&i.codegenNode.children&&!J(i.codegenNode.children)&&15===i.codegenNode.children.type){let e=Ia(r,"slot",!0),t=e&&e.arg&&h(i.codegenNode,e.arg);t&&(t.returns=p(oa(t.returns)),d=!0)}if(!d)for(var e of c)e.codegenNode=s.cache(e.codegenNode);function p(e){let t=s.cache(e);return l&&s.hmr&&(t.needArraySpread=!0),t}function h(e,t){if(e.children&&!J(e.children)&&15===e.children.type)return(e=e.children.properties.find(e=>e.key===t||e.key.content===t))&&e.value}c.length&&s.transformHoist&&s.transformHoist(a,s,r)}(s,void 0,n,pc(s,s.children[0])),!r.ssr){r=s;i=n;let e=i["helper"],t=r["children"];1===t.length?pc(r,p=t[0])&&p.codegenNode?(13===(m=p.codegenNode).type&&da(m,i),r.codegenNode=m):r.codegenNode=p:1<t.length&&(r.codegenNode=sa(i,e(yl),void 0,r.children,64,void 0,void 0,!0,void 0,!1))}s.helpers=new Set([...n.helpers.keys()]),s.components=[...n.components],s.directives=[...n.directives],s.imports=n.imports,s.hoists=n.hoists,s.temps=n.temps,s.cached=n.cached,s.transformed=!0}{var[f,m={}]=[d,h];let i=function(e,{mode:t="function",prefixIdentifiers:n="module"===t,sourceMap:r=!1,filename:i="template.vue.html",scopeId:s=null,optimizeImports:o=!1,runtimeGlobalName:l="Vue",runtimeModuleName:a="vue",ssrRuntimeModuleName:c="vue/server-renderer",ssr:u=!1,isTS:d=!1,inSSR:p=!1}){let h={mode:t,prefixIdentifiers:n,sourceMap:r,filename:i,scopeId:s,optimizeImports:o,runtimeGlobalName:l,runtimeModuleName:a,ssrRuntimeModuleName:c,ssr:u,isTS:d,inSSR:p,source:e.source,code:"",column:1,line:1,offset:0,indentLevel:0,pure:!1,map:void 0,helper:e=>"_"+ra[e],push(e,t=0,n){h.code+=e},indent(){f(++h.indentLevel)},deindent(e=!1){e?--h.indentLevel:f(--h.indentLevel)},newline(){f(h.indentLevel)}};function f(e){h.push("\n"+"  ".repeat(e),0)}return h}(f,m),{mode:e,push:t,prefixIdentifiers:n,indent:r,deindent:s,newline:o,ssr:l}=(m.onContextCreated&&m.onContextCreated(i),i),a=Array.from(f.helpers),c=0<a.length,u=!n&&"module"!==e;{m=f;p=i;let{push:e,newline:t,runtimeGlobalName:n}=p,r=Array.from(m.helpers);0<r.length&&(e(`const _Vue = ${n}
-`,-1),m.hoists.length)&&(b=[wl,Nl,Al,El,Il].filter(e=>r.includes(e)).map(_c).join(", "),e(`const { ${b} } = _Vue
-`,-1));var v=m.hoists,g=p;if(v.length){g.pure=!0;let{push:t,newline:n}=g;n();for(let e=0;e<v.length;e++){var y=v[e];y&&(t(`const _hoisted_${e+1} = `),kc(y,g),n())}g.pure=!1}t(),e("return ")}var b=(l?["_ctx","_push","_parent","_attrs"]:["_ctx","_cache"]).join(", ");if(t(`function ${l?"ssrRender":"render"}(${b}) {`),r(),u&&(t("with (_ctx) {"),r(),c&&(t(`const { ${a.map(_c).join(", ")} } = _Vue
-`,-1),o())),f.components.length&&(Sc(f.components,"component",i),(f.directives.length||0<f.temps)&&o()),f.directives.length&&(Sc(f.directives,"directive",i),0<f.temps&&o()),0<f.temps){t("let ");for(let e=0;e<f.temps;e++)t(`${0<e?", ":""}_temp`+e)}return(f.components.length||f.directives.length||f.temps)&&(t(`
-`,0),o()),l||t("return "),f.codegenNode?kc(f.codegenNode,i):t("null"),u&&(s(),t("}")),s(),t("}"),{ast:f,code:i.code,preamble:"",map:i.map?i.map.toJSON():void 0}}}}(e,l))["code"],c=Function(a)();return c._rc=!0,i[r]=c}return Bs(Su),e.BaseTransition=pr,e.BaseTransitionPropsValidators=cr,e.Comment=ne,e.DeprecationTypes=null,e.EffectScope=je,e.ErrorCodes={SETUP_FUNCTION:0,0:"SETUP_FUNCTION",RENDER_FUNCTION:1,1:"RENDER_FUNCTION",NATIVE_EVENT_HANDLER:5,5:"NATIVE_EVENT_HANDLER",COMPONENT_EVENT_HANDLER:6,6:"COMPONENT_EVENT_HANDLER",VNODE_HOOK:7,7:"VNODE_HOOK",DIRECTIVE_HOOK:8,8:"DIRECTIVE_HOOK",TRANSITION_HOOK:9,9:"TRANSITION_HOOK",APP_ERROR_HANDLER:10,10:"APP_ERROR_HANDLER",APP_WARN_HANDLER:11,11:"APP_WARN_HANDLER",FUNCTION_REF:12,12:"FUNCTION_REF",ASYNC_COMPONENT_LOADER:13,13:"ASYNC_COMPONENT_LOADER",SCHEDULER:14,14:"SCHEDULER",COMPONENT_UPDATE:15,15:"COMPONENT_UPDATE",APP_UNMOUNT_CLEANUP:16,16:"APP_UNMOUNT_CLEANUP"},e.ErrorTypeStrings=null,e.Fragment=te,e.KeepAlive={name:"KeepAlive",__isKeepAlive:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(a,{slots:c}){let r=Ms(),e=r.ctx,u=new Map,d=new Set,p=null,o=r.suspense,{p:l,m:h,um:t,o:{createElement:n}}=e["renderer"],i=n("div");function s(e){Dr(e),t(e,r,o,!0)}function f(n){u.forEach((e,t)=>{e=qs(e.type);e&&!n(e)&&m(t)})}function m(e){var t=u.get(e);!t||p&&bs(t,p)?p&&Dr(p):s(t),u.delete(e),d.delete(e)}e.activate=(t,e,n,r,i)=>{let s=t.component;h(t,e,n,0,o),l(s.vnode,t,e,n,s,o,r,t.slotScopeIds,i),ee(()=>{s.isDeactivated=!1,s.a&&be(s.a);var e=t.props&&t.props.onVnodeMounted;e&&Is(e,s.parent,t)},o)},e.deactivate=t=>{let n=t.component;ji(n.m),ji(n.a),h(t,i,null,1,o),ee(()=>{n.da&&be(n.da);var e=t.props&&t.props.onVnodeUnmounted;e&&Is(e,n.parent,t),n.isDeactivated=!0},o)},zi(()=>[a.include,a.exclude],([t,n])=>{t&&f(e=>Mr(t,e)),n&&f(e=>!Mr(n,e))},{flush:"post",deep:!0});let v=null,g=()=>{null!=v&&(ns(r.subTree.type)?ee(()=>{u.set(v,Vr(r.subTree))},r.subTree.suspense):u.set(v,Vr(r.subTree)))};return jr(g),qr(g),Wr(()=>{u.forEach(e=>{var{subTree:t,suspense:n}=r,t=Vr(t);if(e.type===t.type&&e.key===t.key)return Dr(t),void((t=t.component.da)&&ee(t,n));s(e)})}),()=>{if(v=null,!c.default)return p=null;let e=c.default(),t=e[0];if(1<e.length)return p=null,e;if(!(ys(t)&&(4&t.shapeFlag||128&t.shapeFlag)))return p=null,t;let n=Vr(t);if(n.type===ne)return p=null,n;var r=n.type,i=qs(Ir(n)?n.type.__asyncResolved||{}:r),{include:s,exclude:o,max:l}=a;if(s&&(!i||!Mr(s,i))||o&&i&&Mr(o,i))return n.shapeFlag&=-257,p=n,t;s=null==n.key?r:n.key,o=u.get(s);return n.el&&(n=ks(n),128&t.shapeFlag&&(t.ssContent=n)),v=s,o?(n.el=o.el,n.component=o.component,n.transition&&gr(n,n.transition),n.shapeFlag|=512,d.delete(s),d.add(s)):(d.add(s),l&&d.size>parseInt(l,10)&&m(d.values().next().value)),n.shapeFlag|=256,p=n,ns(t.type)?t:n}}},e.ReactiveEffect=qe,e.Static=us,e.Suspense={name:"Suspense",__isSuspense:!0,process(l,a,c,u,d,i,p,h,f,m){if(null!=l){if(i&&0<i.deps&&!l.suspense.isInFallback)return a.suspense=l.suspense,void((a.suspense.vnode=a).el=l.el);{var[l,v,g,y,b,_,S,x,{p:C,um:k,o:{createElement:T}}]=[l,a,c,u,d,p,h,f,m];let n=v.suspense=l.suspense,e=((n.vnode=v).el=l.el,v.ssContent),r=v.ssFallback,{activeBranch:t,pendingBranch:i,isInFallback:s,isHydrating:o}=n;if(i)bs(n.pendingBranch=e,i)?(C(i,e,n.hiddenContainer,null,b,n,_,S,x),n.deps<=0?n.resolve():s&&!o&&(C(t,r,g,y,b,null,_,S,x),as(n,r))):(n.pendingId=rs++,o?(n.isHydrating=!1,n.activeBranch=i):k(i,b,n),n.deps=0,n.effects.length=0,n.hiddenContainer=T("div"),s?(C(null,e,n.hiddenContainer,null,b,n,_,S,x),n.deps<=0?n.resolve():(C(t,r,g,y,b,null,_,S,x),as(n,r))):t&&bs(e,t)?(C(t,e,g,y,b,n,_,S,x),n.resolve(!0)):(C(null,e,n.hiddenContainer,null,b,n,_,S,x),n.deps<=0&&n.resolve()));else if(t&&bs(e,t))C(t,e,g,y,b,n,_,S,x),as(n,e);else if(is(v,"onPending"),512&(n.pendingBranch=e).shapeFlag?n.pendingId=e.component.suspenseId:n.pendingId=rs++,C(null,e,n.hiddenContainer,null,b,n,_,S,x),n.deps<=0)n.resolve();else{let{timeout:e,pendingId:t}=n;0<e?setTimeout(()=>{n.pendingId===t&&n.fallback(r)},e):0===e&&n.fallback(r)}}}else{l=a,k=c,T=u,g=d,y=i,v=p,C=h,b=f,_=m;let{p:e,o:{createElement:t}}=_,n=t("div"),r=l.suspense=ss(l,y,g,k,n,T,v,C,b,_);e(null,r.pendingBranch=l.ssContent,n,null,g,r,v,C),0<r.deps?(is(l,"onPending"),is(l,"onFallback"),e(null,l.ssFallback,k,T,g,null,v,C),as(r,l.ssFallback)):r.resolve(!1,!0)}},hydrate:function(e,t,n,r,i,s,o,l,a){let c=t.suspense=ss(t,r,n,e.parentNode,document.createElement("div"),null,i,s,o,l,!0),u=a(e,c.pendingBranch=t.ssContent,n,c,s,o);return 0===c.deps&&c.resolve(!1,!0),u},normalize:function(e){var{shapeFlag:t,children:n}=e,t=32&t;e.ssContent=os(t?n.default:n),e.ssFallback=t?os(n.fallback):re(ne)}},e.Teleport={name:"Teleport",__isTeleport:!0,process(e,r,t,i,s,o,l,a,c,n){let{mc:u,pc:d,pbc:p,o:{insert:h,querySelector:f,createText:m}}=n,v=Zn(r.props),{shapeFlag:g,children:y,dynamicChildren:b}=r;if(null==e){var _=r.el=m(""),S=r.anchor=m("");h(_,t,i),h(S,t,i);let n=(e,t)=>{16&g&&u(y,e,t,s,o,l,a,c)},e=()=>{var e=r.target=tr(r.props,f),t=ir(e,r,m,h);e&&("svg"!==l&&Yn(e)?l="svg":"mathml"!==l&&er(e)&&(l="mathml"),v||(n(e,t),rr(r)))};v&&(n(t,S),rr(r)),(_=r.props)&&(_.defer||""===_.defer)?ee(e,o):e()}else{r.el=e.el,r.targetStart=e.targetStart;var i=r.anchor=e.anchor,S=r.target=e.target,_=r.targetAnchor=e.targetAnchor,x=Zn(e.props),C=x?t:S;"svg"===l||Yn(S)?l="svg":"mathml"!==l&&!er(S)||(l="mathml"),b?(p(e.dynamicChildren,b,C,s,o,l,a),$i(e,r,!0)):c||d(e,r,C,x?i:_,s,o,l,a,!1),v?x?r.props&&e.props&&r.props.to!==e.props.to&&(r.props.to=e.props.to):nr(r,t,i,n,1):(r.props&&r.props.to)!==(e.props&&e.props.to)?(C=r.target=tr(r.props,f))&&nr(r,C,null,n,0):x&&nr(r,S,_,n,1),rr(r)}},remove(e,t,n,{um:r,o:{remove:i}},s){var{shapeFlag:e,children:o,anchor:l,targetStart:a,targetAnchor:c,target:u,props:d}=e;if(u&&(i(a),i(c)),s&&i(l),16&e){var p=s||!Zn(d);for(let e=0;e<o.length;e++){var h=o[e];r(h,t,n,p,!!h.dynamicChildren)}}},move:nr,hydrate:function(t,n,r,i,s,o,{o:{nextSibling:l,parentNode:e,querySelector:a,insert:c,createText:u}},d){let p=n.target=tr(n.props,a);if(p){a=p._lpa||p.firstChild;if(16&n.shapeFlag)if(Zn(n.props))n.anchor=d(l(t),n,e(t),r,i,s,o),n.targetStart=a,n.targetAnchor=a&&l(a);else{n.anchor=l(t);let e=a;for(;e;){if(e&&8===e.nodeType)if("teleport start anchor"===e.data)n.targetStart=e;else if("teleport anchor"===e.data){n.targetAnchor=e,p._lpa=n.targetAnchor&&l(n.targetAnchor);break}e=l(e)}n.targetAnchor||ir(p,n,u,c),d(a&&l(a),n,p,r,i,s,o)}rr(n)}return n.anchor&&l(n.anchor)}},e.Text=cs,e.TrackOpTypes={GET:"get",HAS:"has",ITERATE:"iterate"},e.Transition=io,e.TransitionGroup=qo,e.TriggerOpTypes={SET:"set",ADD:"add",DELETE:"delete",CLEAR:"clear"},e.VueElement=Vo,e.assertNumber=function(e,t){},e.callWithAsyncErrorHandling=En,e.callWithErrorHandling=An,e.camelize=O,e.capitalize=ge,e.cloneVNode=ks,e.compatUtils=null,e.compile=Su,e.computed=Ws,e.createApp=fl,e.createBlock=gs,e.createCommentVNode=function(e="",t=!1){return t?(ps(),gs(ne,null,e)):re(ne,null,e)},e.createElementBlock=function(e,t,n,r,i,s){return vs(xs(e,t,n,r,i,s,!0))},e.createElementVNode=xs,e.createHydrationRenderer=Li,e.createPropsRestProxy=function(t,n){var r={};for(let e in t)n.includes(e)||Object.defineProperty(r,e,{enumerable:!0,get:()=>t[e]});return r},e.createRenderer=function(e){return Di(e)},e.createSSRApp=ml,e.createSlots=function(t,r){for(let e=0;e<r.length;e++){let n=r[e];if(J(n))for(let e=0;e<n.length;e++)t[n[e].name]=n[e].fn;else n&&(t[n.name]=n.key?(...e)=>{let t=n.fn(...e);return t&&(t.key=n.key),t}:n.fn)}return t},e.createStaticVNode=function(e,t){let n=re(us,null,e);return n.staticCount=t,n},e.createTextVNode=Ts,e.createVNode=re,e.customRef=bn,e.defineAsyncComponent=function(e){let s,{loader:n,loadingComponent:o,errorComponent:l,delay:a=200,hydrate:i,timeout:c,suspensible:u=!0,onError:r}=e=Q(e)?{loader:e}:e,d=null,p=0,h=()=>{let t;return d||(t=d=n().catch(n=>{if(n=n instanceof Error?n:Error(String(n)),r)return new Promise((e,t)=>{r(n,()=>e((p++,d=null,h())),()=>t(n),p+1)});throw n}).then(e=>t!==d&&d?d:(e&&(e.__esModule||"Module"===e[Symbol.toStringTag])&&(e=e.default),s=e)))};return br({name:"AsyncComponentWrapper",__asyncLoader:h,__asyncHydrate(t,n,r){let e=i?()=>{var e=i(r,e=>{var n=t,r=e;if(Tr(n)&&"["===n.data){let e=1,t=n.nextSibling;for(;t;){if(1===t.nodeType)r(t);else if(Tr(t))if("]"===t.data){if(0==--e)break}else"["===t.data&&e++;t=t.nextSibling}}else r(n)});e&&(n.bum||(n.bum=[])).push(e)}:r;s?e():h().then(()=>!n.isUnmounted&&e())},get __asyncResolved(){return s},setup(){let t=m;if(_r(t),s)return()=>Rr(s,t);let n=e=>{d=null,In(e,t,13,!l)};if(u&&t.suspense)return h().then(e=>()=>Rr(e,t)).catch(e=>(n(e),()=>l?re(l,{error:e}):null));let r=dn(!1),i=dn(),e=dn(!!a);return a&&setTimeout(()=>{e.value=!1},a),null!=c&&setTimeout(()=>{var e;r.value||i.value||(e=Error(`Async component timed out after ${c}ms.`),n(e),i.value=e)},c),h().then(()=>{r.value=!0,t.parent&&Or(t.parent.vnode)&&Un(t.parent.update)}).catch(e=>{n(e),i.value=e}),()=>r.value&&s?Rr(s,t):i.value&&l?re(l,{error:i.value}):o&&!e.value?re(o):void 0}})},e.defineComponent=br,e.defineCustomElement=Do,e.defineEmits=function(){return null},e.defineExpose=function(e){},e.defineModel=function(){},e.defineOptions=function(e){},e.defineProps=function(){return null},e.defineSSRCustomElement=(e,t)=>Do(e,t,ml),e.defineSlots=function(){return null},e.devtools=void 0,e.effect=function(e,t){e.effect instanceof qe&&(e=e.effect.fn);let n=new qe(e);t&&G(n,t);try{n.run()}catch(e){throw n.stop(),e}let r=n.run.bind(n);return r.effect=n,r},e.effectScope=function(e){return new je(e)},e.getCurrentInstance=Ms,e.getCurrentScope=function(){return C},e.getCurrentWatcher=function(){return N},e.getTransitionRawChildren=yr,e.guardReactiveProps=Cs,e.h=Ks,e.handleError=In,e.hasInjectionContext=function(){return!!(m||c||bi)},e.hydrate=(...e)=>{pl().hydrate(...e)},e.hydrateOnIdle=(n=1e4)=>e=>{let t=requestIdleCallback(e,{timeout:n});return()=>cancelIdleCallback(t)},e.hydrateOnInteraction=(s=[])=>(t,e)=>{X(s)&&(s=[s]);let n=!1,r=e=>{n||(n=!0,i(),t(),e.target.dispatchEvent(new e.constructor(e.type,e)))},i=()=>{e(e=>{for(var t of s)e.removeEventListener(t,r)})};return e(e=>{for(var t of s)e.addEventListener(t,r,{once:!0})}),i},e.hydrateOnMediaQuery=n=>t=>{if(n){let e=matchMedia(n);if(!e.matches)return e.addEventListener("change",t,{once:!0}),()=>e.removeEventListener("change",t);t()}},e.hydrateOnVisible=t=>(n,e)=>{let r=new IntersectionObserver(e=>{for(var t of e)if(t.isIntersecting){r.disconnect(),n();break}},t);return e(e=>r.observe(e)),()=>r.disconnect()},e.initCustomFormatter=function(){},e.initDirectivesForSSR=se,e.inject=Si,e.isMemoSame=zs,e.isProxy=an,e.isReactive=sn,e.isReadonly=on,e.isRef=V,e.isRuntimeOnly=()=>!v,e.isShallow=ln,e.isVNode=ys,e.markRaw=cn,e.mergeDefaults=function(e,t){let n=li(e);for(var r in t)if(!r.startsWith("__skip")){let e=n[r];e?J(e)||Q(e)?e=n[r]={type:e,default:t[r]}:e.default=t[r]:null===e&&(e=n[r]={default:t[r]}),e&&t["__skip_"+r]&&(e.skipFactory=!0)}return n},e.mergeModels=function(e,t){return e&&t?J(e)&&J(t)?e.concat(t):G({},li(e),li(t)):e||t},e.mergeProps=Es,e.nextTick=Bn,e.normalizeClass=Ie,e.normalizeProps=function(e){if(!e)return null;var{class:t,style:n}=e;return t&&!X(t)&&(e.class=Ie(t)),n&&(e.style=Te(n)),e},e.normalizeStyle=Te,e.onActivated=Pr,e.onBeforeMount=$r,e.onBeforeUnmount=Wr,e.onBeforeUpdate=Hr,e.onDeactivated=Fr,e.onErrorCaptured=Qr,e.onMounted=jr,e.onRenderTracked=Jr,e.onRenderTriggered=Gr,e.onScopeDispose=function(e,t=0){C&&C.cleanups.push(e)},e.onServerPrefetch=zr,e.onUnmounted=Kr,e.onUpdated=qr,e.onWatcherCleanup=wn,e.openBlock=ps,e.popScopeId=function(){Kn=null},e.provide=_i,e.proxyRefs=gn,e.pushScopeId=function(e){Kn=e},e.queuePostFlushCb=jn,e.reactive=en,e.readonly=nn,e.ref=dn,e.registerRuntimeCompiler=Bs,e.render=hl,e.renderList=function(r,i,e,t){let s,o=e&&e[t],l=J(r);if(l||X(r)){let e=l&&sn(r),n=!1;e&&(n=!ln(r),r=dt(r)),s=Array(r.length);for(let e=0,t=r.length;e<t;e++)s[e]=i(n?u(r[e]):r[e],e,void 0,o&&o[e])}else if("number"==typeof r){s=Array(r);for(let e=0;e<r;e++)s[e]=i(e+1,e,void 0,o&&o[e])}else if(Z(r))if(r[Symbol.iterator])s=Array.from(r,(e,t)=>i(e,t,void 0,o&&o[t]));else{var n=Object.keys(r);s=Array(n.length);for(let e=0,t=n.length;e<t;e++){var a=n[e];s[e]=i(r[a],a,e,o&&o[e])}}else s=[];return e&&(e[t]=s),s},e.renderSlot=function(e,t,n={},r,i){if(c.ce||c.parent&&Ir(c.parent)&&c.parent.ce)return"default"!==t&&(n.name=t),ps(),gs(te,null,[re("slot",n,r&&r())],64);let s=e[t],o=(s&&s._c&&(s._d=!1),ps(),s&&function t(e){return e.some(e=>!ys(e)||!(e.type===ne||e.type===te&&!t(e.children)))?e:null}(s(n))),l=gs(te,{key:(n.key||o&&o.key||"_"+t)+(!o&&r?"_fb":"")},o||(r?r():[]),o&&1===e._?64:-2);return!i&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),s&&s._c&&(s._d=!0),l},e.resolveComponent=function(e,t){return Yr(Xr,e,0,t)||e},e.resolveDirective=function(e){return Yr("directives",e)},e.resolveDynamicComponent=function(e){return X(e)?Yr(Xr,e)||e:e||Zr},e.resolveFilter=null,e.resolveTransitionHooks=fr,e.setBlockTracking=ms,e.setDevtoolsHook=se,e.setTransitionHooks=gr,e.shallowReactive=tn,e.shallowReadonly=function(e){return rn(e,!0,At,Jt,Yt)},e.shallowRef=pn,e.ssrContextKey=qi,e.ssrUtils=null,e.stop=function(e){e.effect.stop()},e.toDisplayString=Be,e.toHandlerKey=ye,e.toHandlers=function(e,t){let n={};for(var r in e)n[t&&/[A-Z]/.test(r)?"on:"+r:ye(r)]=e[r];return n},e.toRaw=Y,e.toRef=function(e,t,n){return V(e)?e:Q(e)?new Sn(e):Z(e)&&1<arguments.length?xn(e,t,n):dn(e)},e.toRefs=function(e){let t=J(e)?Array(e.length):{};for(var n in e)t[n]=xn(e,n);return t},e.toValue=function(e){return Q(e)?e():mn(e)},e.transformVNodeArgs=function(e){},e.triggerRef=function(e){e.dep.trigger()},e.unref=mn,e.useAttrs=function(){return oi().attrs},e.useCssModule=function(e=0){return I},e.useCssVars=function(r){let i=Ms();if(i){let t=i.ut=(t=r(i.proxy))=>{Array.from(document.querySelectorAll(`[data-v-owner="${i.uid}"]`)).forEach(e=>xo(e,t))},n=()=>{var e=r(i.proxy);i.ce?xo(i.ce,e):function t(n,r){if(128&n.shapeFlag){let e=n.suspense;n=e.activeBranch,e.pendingBranch&&!e.isHydrating&&e.effects.push(()=>{t(e.activeBranch,r)})}for(;n.component;)n=n.component.subTree;if(1&n.shapeFlag&&n.el)xo(n.el,r);else if(n.type===te)n.children.forEach(e=>t(e,r));else if(n.type===us){let{el:e,anchor:t}=n;for(;e&&(xo(e,r),e!==t);)e=e.nextSibling}}(i.subTree,e),t(e)};$r(()=>{Wi(n)}),jr(()=>{let e=new MutationObserver(n);e.observe(i.subTree.el.parentNode,{childList:!0}),Kr(()=>e.disconnect())})}},e.useHost=Bo,e.useId=function(){let e=Ms();if(e)return(e.appContext.config.idPrefix||"v")+"-"+e.ids[0]+e.ids[1]++},e.useModel=function(t,l,a=I){let c=Ms(),u=O(l),d=ve(l),n=Ji(t,l),r=bn((e,r)=>{let i,s,o=I;return Ki(()=>{var e=t[l];k(i,e)&&(i=e,r())}),{get:()=>(e(),a.get?a.get(i):i),set(e){var t,n=a.set?a.set(e):e;(k(n,i)||o!==I&&k(e,o))&&((t=c.vnode.props)&&(l in t||u in t||d in t)&&("onUpdate:"+l in t||"onUpdate:"+u in t||"onUpdate:"+d in t)||(i=e,r()),c.emit("update:"+l,n),k(e,n)&&k(e,o)&&!k(n,s)&&r(),o=e,s=n)}}});return r[Symbol.iterator]=()=>{let e=0;return{next:()=>e<2?{value:e++?n||I:r,done:!1}:{done:!0}}},r},e.useSSRContext=()=>{},e.useShadowRoot=function(){var e=Bo();return e&&e.shadowRoot},e.useSlots=function(){return oi().slots},e.useTemplateRef=function(e){let t=Ms(),n=pn(null);return t&&Object.defineProperty(t.refs===I?t.refs={}:t.refs,e,{enumerable:!0,get:()=>n.value,set:e=>n.value=e}),n},e.useTransitionState=lr,e.vModelCheckbox=Yo,e.vModelDynamic={created(e,t,n){ol(e,t,n,null,"created")},mounted(e,t,n){ol(e,t,n,null,"mounted")},beforeUpdate(e,t,n,r){ol(e,t,n,r,"beforeUpdate")},updated(e,t,n,r){ol(e,t,n,r,"updated")}},e.vModelRadio=tl,e.vModelSelect=nl,e.vModelText=Zo,e.vShow={beforeMount(e,{value:t},{transition:n}){e[yo]="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):_o(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),_o(e,!0),r.enter(e)):r.leave(e,()=>{_o(e,!1)}):_o(e,t))},beforeUnmount(e,{value:t}){_o(e,t)}},e.version=Gs,e.warn=se,e.watch=zi,e.watchEffect=function(e,t){return zi(e,null,t)},e.watchPostEffect=Wi,e.watchSyncEffect=Ki,e.withAsyncContext=function(e){let t=Ms(),n=e();return Fs(),[n=oe(n)?n.catch(e=>{throw Ps(t),e}):n,()=>Ps(t)]},e.withCtx=Gn,e.withDefaults=function(e,t){return null},e.withDirectives=function(e,s){if(null===c)return e;let o=Hs(c),l=e.dirs||(e.dirs=[]);for(let i=0;i<s.length;i++){let[e,t,n,r=I]=s[i];e&&((e=Q(e)?{mounted:e,updated:e}:e).deep&&Nn(t),l.push({dir:e,instance:o,value:t,oldValue:void 0,arg:n,modifiers:r}))}return e},e.withKeys=(n,r)=>{let e=n._withKeys||(n._withKeys={}),t=r.join(".");return e[t]||(e[t]=e=>{if("key"in e){let t=ve(e.key);return r.some(e=>e===t||cl[e]===t)?n(e):void 0}})},e.withMemo=function(e,t,n,r){var i=n[r];if(i&&zs(i,e))return i;let s=t();return s.memo=e.slice(),n[s.cacheIndex=r]=s},e.withModifiers=(t,r)=>{let e=t._withMods||(t._withMods={}),n=r.join(".");return e[n]||(e[n]=(n,...e)=>{for(let t=0;t<r.length;t++){let e=al[r[t]];if(e&&e(n,r))return}return t(n,...e)})},e.withScopeId=e=>Gn,e}({});
\ No newline at end of file
diff --git a/packages/server/package.json b/packages/server/package.json
index 4bfa0abc..61724c78 100644
--- a/packages/server/package.json
+++ b/packages/server/package.json
@@ -4,9 +4,7 @@
   "description": "",
   "author": "cyperdark",
   "main": "index.ts",
-  "scripts": {
-    "prepare": "sass --style compressed --no-source-map ./assets/homepage.scss ./assets/homepage.min.css && postcss ./assets/homepage.min.css -o ./assets/homepage.min.css --use autoprefixer --no-map"
-  },
+  "scripts": {},
   "dependencies": {
     "@kotrikd/rosu-pp": "3.1.0",
     "@tosu/common": "workspace:*",
@@ -17,9 +15,6 @@
   },
   "devDependencies": {
     "@types/semver": "^7.7.1",
-    "@types/ws": "^8.18.1",
-    "autoprefixer": "^10.4.23",
-    "postcss-cli": "^11.0.1",
-    "sass": "^1.97.1"
+    "@types/ws": "^8.18.1"
   }
 }
\ No newline at end of file
diff --git a/packages/server/router/assets.ts b/packages/server/router/assets.ts
index 58585cb6..a7d8806f 100644
--- a/packages/server/router/assets.ts
+++ b/packages/server/router/assets.ts
@@ -6,8 +6,8 @@ import { Server, getContentType } from '../index';
 
 const pkgAssetsPath =
     'pkg' in process
-        ? path.join(__dirname, 'assets')
-        : path.join(__dirname, '../assets');
+        ? path.resolve(__dirname, 'assets/assets')
+        : path.resolve(__dirname, '../../pages/dist/assets');
 
 export default function buildAssetsApi(server: Server) {
     server.app.route(/^\/assets\/(?<filePath>.*)/, 'GET', (req, res) => {
diff --git a/packages/server/router/index.ts b/packages/server/router/index.ts
index 68e76106..249ae570 100644
--- a/packages/server/router/index.ts
+++ b/packages/server/router/index.ts
@@ -31,10 +31,10 @@ import { directoryWalker } from '../utils/directories';
 import { parseCounterSettings } from '../utils/parseSettings';
 import { generateReport, generateReportHTML } from '../utils/report';
 
-const pkgAssetsPath =
+const pkgHtmlPath =
     'pkg' in process
-        ? path.join(__dirname, 'assets')
-        : path.join(__dirname, '../assets');
+        ? path.resolve(__dirname, 'assets')
+        : path.resolve(__dirname, '../../pages/dist');
 
 export default function buildBaseApi(server: Server) {
     server.app.route('/json', 'GET', (req, res) => {
@@ -447,7 +447,7 @@ export default function buildBaseApi(server: Server) {
 
     server.app.route(/\/api\/ingame/, 'GET', (req, res) => {
         fs.readFile(
-            path.join(pkgAssetsPath, 'ingame.html'),
+            path.join(pkgHtmlPath, 'ingame.html'),
             'utf8',
             (err, content) => {
                 if (err) {
@@ -468,7 +468,7 @@ export default function buildBaseApi(server: Server) {
     });
 
     server.app.route('/favicon.ico', 'GET', (req, res) => {
-        fs.readFile(path.join(pkgAssetsPath, 'favicon.ico'), (err, content) => {
+        fs.readFile(path.join(pkgHtmlPath, 'favicon.ico'), (err, content) => {
             if (err) {
                 wLogger.debug(`/${'favicon.ico'}`, err);
                 res.writeHead(404, { 'Content-Type': 'text/html' });
diff --git a/packages/server/utils/counters.ts b/packages/server/utils/counters.ts
index ccf897f9..d79a7d7d 100644
--- a/packages/server/utils/counters.ts
+++ b/packages/server/utils/counters.ts
@@ -41,10 +41,10 @@ import { parseCounterSettings } from './parseSettings';
  * ИДЕМ И ПИЛИМ КОСТЫЛИ
  * kys js!
  */
-const pkgAssetsPath =
+const pkgHtmlPath =
     'pkg' in process
-        ? path.join(__dirname, 'assets')
-        : path.join(__dirname, '../assets');
+        ? path.resolve(__dirname, 'assets')
+        : path.resolve(__dirname, '../../pages/dist');
 
 function splitTextByIndex(text: string, letter: string) {
     const index = text.indexOf(letter);
@@ -80,7 +80,7 @@ export function parseTXT(filePath: string) {
         } else object[key.toLowerCase()] = value.trim();
     }
 
-    filePath = path.resolve(filePath);
+    filePath = path.join(filePath);
 
     const staticPath = getStaticPath();
     object.folderName = path
@@ -434,7 +434,7 @@ export function buildLocalCounters(
     }
 
     fs.readFile(
-        path.join(pkgAssetsPath, 'homepage.html'),
+        path.join(pkgHtmlPath, 'homepage.html'),
         'utf8',
         (err, content) => {
             if (err) {
@@ -531,7 +531,7 @@ export async function buildExternalCounters(
     }
 
     fs.readFile(
-        path.join(pkgAssetsPath, 'homepage.html'),
+        path.join(pkgHtmlPath, 'homepage.html'),
         'utf8',
         (err, content) => {
             if (err) {
@@ -849,7 +849,7 @@ export function buildSettings(res: http.ServerResponse) {
     const settingsPage = `<div class="settings">${groups}</div>`;
 
     fs.readFile(
-        path.join(pkgAssetsPath, 'homepage.html'),
+        path.join(pkgHtmlPath, 'homepage.html'),
         'utf8',
         (err, content) => {
             if (err) {
@@ -893,7 +893,7 @@ export function buildInstructionLocal(res: http.ServerResponse) {
         </p>
       </div>`;
     fs.readFile(
-        path.join(pkgAssetsPath, 'homepage.html'),
+        path.join(pkgHtmlPath, 'homepage.html'),
         'utf8',
         (err, content) => {
             if (err) {
@@ -926,7 +926,7 @@ export function buildInstructionLocal(res: http.ServerResponse) {
 
 export function buildEmptyPage(res: http.ServerResponse) {
     fs.readFile(
-        path.join(pkgAssetsPath, 'homepage.html'),
+        path.join(pkgHtmlPath, 'homepage.html'),
         'utf8',
         (err, content) => {
             if (err) {
diff --git a/packages/server/utils/report.ts b/packages/server/utils/report.ts
index 0aafef73..05b0724b 100644
--- a/packages/server/utils/report.ts
+++ b/packages/server/utils/report.ts
@@ -97,14 +97,14 @@ export async function generateReport(instanceManager: any): Promise<Report> {
     };
 }
 
-const pkgAssetsPath =
+const pkgHtmlPath =
     'pkg' in process
-        ? path.join(__dirname, 'assets')
-        : path.join(__dirname, '../assets');
+        ? path.resolve(__dirname, 'assets')
+        : path.resolve(__dirname, '../../pages/dist');
 
 export async function generateReportHTML(report: Report): Promise<string> {
     const rawHtml = await readFile(
-        path.join(pkgAssetsPath, 'report.html'),
+        path.join(pkgHtmlPath, 'report.html'),
         'utf8'
     );
 
diff --git a/packages/tosu/package.json b/packages/tosu/package.json
index 2eeff4af..5fec5200 100644
--- a/packages/tosu/package.json
+++ b/packages/tosu/package.json
@@ -7,10 +7,10 @@
         "genver": "npx genversion _version.js",
         "ts:run": "cross-env NODE_ENV=development ts-node --transpile-only -r tsconfig-paths/register --project tsconfig.json",
         "ts:compile": "ncc build src/index.ts -o dist -m -d",
-        "run:dev": "pnpm run genver && pnpm run ts:run src/index.ts",
-        "compile:prepare-htmls": "cp -rf node_modules/@tosu/server/assets ./dist",
-        "compile:win": "pnpm run genver && pnpm run ts:compile && pnpm run compile:prepare-htmls && pkg --output dist/tosu.exe --debug --config pkg.win.json --compress brotli dist/index.js && pnpm run ts:run src/postBuild.ts",
-        "compile:linux": "pnpm run genver && pnpm run ts:compile && pnpm run compile:prepare-htmls && pkg --output dist/tosu --debug --config pkg.linux.json --compress brotli dist/index.js"
+        "run:dev": "pnpm run genver && pnpm --filter @tosu/pages build && pnpm run ts:run src/index.ts",
+        "compile:prepare-assets": "pnpm --filter @tosu/pages build && cp -rfT ../pages/dist dist/assets",
+        "compile:win": "pnpm run genver && pnpm run ts:compile && pnpm run compile:prepare-assets && pkg --output dist/tosu.exe --debug --config pkg.win.json --compress brotli dist/index.js && pnpm run ts:run src/postBuild.ts",
+        "compile:linux": "pnpm run genver && pnpm run ts:compile && pnpm run compile:prepare-assets && pkg --output dist/tosu --debug --config pkg.linux.json --compress brotli dist/index.js"
     },
     "dependencies": {
         "@kotrikd/rosu-pp": "3.1.0",
diff --git a/packages/tosu/pkg.linux.json b/packages/tosu/pkg.linux.json
index 42add4b7..6402f29e 100644
--- a/packages/tosu/pkg.linux.json
+++ b/packages/tosu/pkg.linux.json
@@ -1,5 +1,5 @@
 {
-    "scripts": "dist/**/*.js",
+    "scripts": "dist/index.js",
     "assets": [
       "dist/**/*.node",
       "dist/**/*.wasm",
diff --git a/packages/tosu/pkg.win.json b/packages/tosu/pkg.win.json
index 7ba0c535..9168e0db 100644
--- a/packages/tosu/pkg.win.json
+++ b/packages/tosu/pkg.win.json
@@ -1,5 +1,5 @@
 {
-    "scripts": "dist/**/*.js",
+    "scripts": "dist/index.js",
     "assets": [
       "dist/**/*.node",
       "dist/**/*.wasm",
diff --git a/packages/updater/package.json b/packages/updater/package.json
index 50a4201b..2a10889b 100644
--- a/packages/updater/package.json
+++ b/packages/updater/package.json
@@ -3,12 +3,8 @@
   "version": "0.0.1",
   "description": "",
   "author": "cyperdark",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "prepare": "npm run build",
-    "build": "tsc"
-  },
+  "main": "index.ts",
+  "scripts": {},
   "dependencies": {
     "@tosu/common": "workspace:*"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb1482bc..2cd97ed5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
         version: 9.39.2
       '@trivago/prettier-plugin-sort-imports':
         specifier: ^5.2.2
-        version: 5.2.2(prettier@3.7.4)
+        version: 5.2.2(@vue/compiler-sfc@3.5.27)(prettier@3.7.4)
       '@types/node':
         specifier: ^20.11.1
         version: 20.19.27
@@ -116,6 +116,25 @@ importers:
         specifier: workspace:*
         version: link:../tsprocess
 
+  packages/pages:
+    dependencies:
+      vue:
+        specifier: ^3.5.27
+        version: 3.5.27(typescript@5.9.3)
+    devDependencies:
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.3
+        version: 6.0.3(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+      autoprefixer:
+        specifier: ^10.4.23
+        version: 10.4.23(postcss@8.5.6)
+      vite:
+        specifier: ^7.3.0
+        version: 7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2)
+      vite-tsconfig-paths:
+        specifier: ^6.0.4
+        version: 6.0.4(typescript@5.9.3)(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2))
+
   packages/server:
     dependencies:
       '@kotrikd/rosu-pp':
@@ -143,15 +162,6 @@ importers:
       '@types/ws':
         specifier: ^8.18.1
         version: 8.18.1
-      autoprefixer:
-        specifier: ^10.4.23
-        version: 10.4.23(postcss@8.5.6)
-      postcss-cli:
-        specifier: ^11.0.1
-        version: 11.0.1(jiti@2.6.1)(postcss@8.5.6)
-      sass:
-        specifier: ^1.97.1
-        version: 1.97.1
 
   packages/tosu:
     dependencies:
@@ -246,7 +256,6 @@ packages:
 
   '@asdf-overlay/core@1.0.4':
     resolution: {integrity: sha512-XzhnD7M+MXCMWx32763mmvzxJCJqGWb2qzlaNNhLVrUAXfy5S4uZGuw4GoLqT2oVfxwG+sFknYFiw+2hdfzFiQ==}
-    cpu: [x64, arm64]
     os: [win32]
 
   '@asdf-overlay/electron@1.0.4':
@@ -927,6 +936,9 @@ packages:
     resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
+  '@rolldown/pluginutils@1.0.0-beta.53':
+    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
+
   '@rollup/rollup-android-arm-eabi@4.54.0':
     resolution: {integrity: sha512-OywsdRHrFvCdvsewAInDKCNyR3laPA2mc9bRYJ6LBp5IyvF3fvXbbNR0bSzHlZVFtn6E0xw2oZlyjg4rKCVcng==}
     cpu: [arm]
@@ -1209,6 +1221,42 @@ packages:
     resolution: {integrity: sha512-8LwjnlP39s08C08J5NstzriPvW1SP8Zfpp1BvC2sI35kPeZnHfxVkCwu4/+Wodgnd60UtT1n8K8zw+Mp7J9JmQ==}
     hasBin: true
 
+  '@vitejs/plugin-vue@6.0.3':
+    resolution: {integrity: sha512-TlGPkLFLVOY3T7fZrwdvKpjprR3s4fxRln0ORDo1VQ7HHyxJwTlrjKU3kpVWTlaAjIEuCTokmjkZnr8Tpc925w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+      vue: ^3.2.25
+
+  '@vue/compiler-core@3.5.27':
+    resolution: {integrity: sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==}
+
+  '@vue/compiler-dom@3.5.27':
+    resolution: {integrity: sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==}
+
+  '@vue/compiler-sfc@3.5.27':
+    resolution: {integrity: sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==}
+
+  '@vue/compiler-ssr@3.5.27':
+    resolution: {integrity: sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==}
+
+  '@vue/reactivity@3.5.27':
+    resolution: {integrity: sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==}
+
+  '@vue/runtime-core@3.5.27':
+    resolution: {integrity: sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==}
+
+  '@vue/runtime-dom@3.5.27':
+    resolution: {integrity: sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==}
+
+  '@vue/server-renderer@3.5.27':
+    resolution: {integrity: sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==}
+    peerDependencies:
+      vue: 3.5.27
+
+  '@vue/shared@3.5.27':
+    resolution: {integrity: sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==}
+
   '@xmldom/xmldom@0.8.11':
     resolution: {integrity: sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==}
     engines: {node: '>=10.0.0'}
@@ -1302,10 +1350,6 @@ packages:
     resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
     engines: {node: '>=12'}
 
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
   app-builder-bin@5.0.0-alpha.12:
     resolution: {integrity: sha512-j87o0j6LqPL3QRr8yid6c+Tt5gC7xNfYo6uQIQkorAC6MpeayVMZrEDzKmJJ/Hlv7EnOQpaRm53k6ktDYZyB6w==}
 
@@ -1453,10 +1497,6 @@ packages:
     resolution: {integrity: sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==}
     hasBin: true
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   bl@4.1.0:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
 
@@ -1564,10 +1604,6 @@ packages:
     resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
@@ -1782,6 +1818,9 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
   dargs@7.0.0:
     resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
     engines: {node: '>=8'}
@@ -1856,10 +1895,6 @@ packages:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
-  dependency-graph@1.0.0:
-    resolution: {integrity: sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==}
-    engines: {node: '>=4'}
-
   detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
@@ -1987,6 +2022,10 @@ packages:
     resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==}
     engines: {node: '>=10.13.0'}
 
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
   env-paths@2.2.1:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
@@ -2179,6 +2218,9 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -2413,10 +2455,6 @@ packages:
   github-from-package@0.0.0:
     resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
 
-  glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-
   glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
@@ -2621,10 +2659,6 @@ packages:
     resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
     engines: {node: '>= 0.4'}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-boolean-object@1.2.2:
     resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
     engines: {node: '>= 0.4'}
@@ -3182,10 +3216,6 @@ packages:
     resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
     engines: {node: '>=10'}
 
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
   normalize-url@6.1.0:
     resolution: {integrity: sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==}
     engines: {node: '>=10'}
@@ -3421,34 +3451,6 @@ packages:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
-  postcss-cli@11.0.1:
-    resolution: {integrity: sha512-0UnkNPSayHKRe/tc2YGW6XnSqqOA9eqpiRMgRlV1S6HdGi16vwJBx7lviARzbV1HpQHqLLRH3o8vTcB0cLc+5g==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-load-config@5.1.0:
-    resolution: {integrity: sha512-G5AJ+IX0aD0dygOE0yFZQ/huFFMSNneyfp0e3/bT05a8OfPC5FUoZRPfGijUdGOJNMewJiwzcHJXFafFzeKFVA==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-      tsx: ^4.8.1
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
-      tsx:
-        optional: true
-
-  postcss-reporter@7.1.0:
-    resolution: {integrity: sha512-/eoEylGWyy6/DOiMP5lmFRdmDKThqgn7D6hP2dXKJI/0rJSO1ADFNngZfDzxL0YAxFvws+Rtpuji1YIHj4mySA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: ^8.1.0
-
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
@@ -3479,10 +3481,6 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  pretty-hrtime@1.0.3:
-    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
-    engines: {node: '>= 0.8'}
-
   proc-log@2.0.1:
     resolution: {integrity: sha512-Kcmo2FhfDTXdcbfDH76N7uBYHINxc/8GW7UAVuVP9I+Va3uHSerrnKV6dLooga/gh7GlgzuCCr/eoldnL1muGw==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -3541,9 +3539,6 @@ packages:
     resolution: {integrity: sha512-BNg9EN3DD3GsDXX7Aa8O4p92sryjkmzYYgmgTAc6CA4uGLEDzFfxOxugu21akOxpcXHiEgsYkC6nPsQvLLLmEg==}
     hasBin: true
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
   read-pkg-up@3.0.0:
     resolution: {integrity: sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==}
     engines: {node: '>=4'}
@@ -3567,10 +3562,6 @@ packages:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   readdirp@4.1.2:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
@@ -3756,10 +3747,6 @@ packages:
     resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
     engines: {node: '>=10'}
 
-  slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
-    engines: {node: '>=14.16'}
-
   slice-ansi@3.0.0:
     resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
     engines: {node: '>=8'}
@@ -3978,9 +3965,6 @@ packages:
     resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
     engines: {node: '>=0.10'}
 
-  thenby@1.3.4:
-    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
-
   through2@2.0.5:
     resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
 
@@ -4043,6 +4027,16 @@ packages:
       '@swc/wasm':
         optional: true
 
+  tsconfck@3.1.6:
+    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   tsconfig-paths@3.15.0:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
 
@@ -4164,6 +4158,14 @@ packages:
     resolution: {integrity: sha512-veufcmxri4e3XSrT0xwfUR7kguIkaxBeosDg00yDWhk49wdwkSUrvvsm7nc75e1PUyvIeZj6nS8VQRYz2/S4Xg==}
     engines: {node: '>=0.6.0'}
 
+  vite-tsconfig-paths@6.0.4:
+    resolution: {integrity: sha512-iIsEJ+ek5KqRTK17pmxtgIxXtqr3qDdE6OxrP9mVeGhVDNXRJTKN/l9oMbujTQNzMLe6XZ8qmpztfbkPu2TiFQ==}
+    peerDependencies:
+      vite: '*'
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
   vite@7.3.0:
     resolution: {integrity: sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -4204,6 +4206,14 @@ packages:
       yaml:
         optional: true
 
+  vue@3.5.27:
+    resolution: {integrity: sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
 
@@ -4971,6 +4981,8 @@ snapshots:
 
   '@pkgr/core@0.2.9': {}
 
+  '@rolldown/pluginutils@1.0.0-beta.53': {}
+
   '@rollup/rollup-android-arm-eabi@4.54.0':
     optional: true
 
@@ -5047,7 +5059,7 @@ snapshots:
 
   '@tootallnate/once@2.0.0': {}
 
-  '@trivago/prettier-plugin-sort-imports@5.2.2(prettier@3.7.4)':
+  '@trivago/prettier-plugin-sort-imports@5.2.2(@vue/compiler-sfc@3.5.27)(prettier@3.7.4)':
     dependencies:
       '@babel/generator': 7.28.5
       '@babel/parser': 7.28.5
@@ -5056,6 +5068,8 @@ snapshots:
       javascript-natural-sort: 0.7.1
       lodash: 4.17.21
       prettier: 3.7.4
+    optionalDependencies:
+      '@vue/compiler-sfc': 3.5.27
     transitivePeerDependencies:
       - supports-color
 
@@ -5237,6 +5251,66 @@ snapshots:
 
   '@vercel/ncc@0.38.4': {}
 
+  '@vitejs/plugin-vue@6.0.3(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-beta.53
+      vite: 7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
+
+  '@vue/compiler-core@3.5.27':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@vue/shared': 3.5.27
+      entities: 7.0.1
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.27':
+    dependencies:
+      '@vue/compiler-core': 3.5.27
+      '@vue/shared': 3.5.27
+
+  '@vue/compiler-sfc@3.5.27':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@vue/compiler-core': 3.5.27
+      '@vue/compiler-dom': 3.5.27
+      '@vue/compiler-ssr': 3.5.27
+      '@vue/shared': 3.5.27
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.6
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.27':
+    dependencies:
+      '@vue/compiler-dom': 3.5.27
+      '@vue/shared': 3.5.27
+
+  '@vue/reactivity@3.5.27':
+    dependencies:
+      '@vue/shared': 3.5.27
+
+  '@vue/runtime-core@3.5.27':
+    dependencies:
+      '@vue/reactivity': 3.5.27
+      '@vue/shared': 3.5.27
+
+  '@vue/runtime-dom@3.5.27':
+    dependencies:
+      '@vue/reactivity': 3.5.27
+      '@vue/runtime-core': 3.5.27
+      '@vue/shared': 3.5.27
+      csstype: 3.2.3
+
+  '@vue/server-renderer@3.5.27(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.27
+      '@vue/shared': 3.5.27
+      vue: 3.5.27(typescript@5.9.3)
+
+  '@vue/shared@3.5.27': {}
+
   '@xmldom/xmldom@0.8.11': {}
 
   '@yao-pkg/pkg-fetch@3.5.31(encoding@0.1.13)':
@@ -5348,11 +5422,6 @@ snapshots:
 
   ansi-styles@6.2.3: {}
 
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-
   app-builder-bin@5.0.0-alpha.12: {}
 
   app-builder-lib@26.0.12(dmg-builder@26.4.0)(electron-builder-squirrel-windows@26.0.12):
@@ -5569,8 +5638,6 @@ snapshots:
 
   baseline-browser-mapping@2.9.11: {}
 
-  binary-extensions@2.3.0: {}
-
   bl@4.1.0:
     dependencies:
       buffer: 5.7.1
@@ -5763,21 +5830,10 @@ snapshots:
 
   chalk@5.6.2: {}
 
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.2
+    optional: true
 
   chownr@1.1.4: {}
 
@@ -6019,6 +6075,8 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  csstype@3.2.3: {}
+
   dargs@7.0.0: {}
 
   data-view-buffer@1.0.2:
@@ -6084,8 +6142,6 @@ snapshots:
 
   delayed-stream@1.0.0: {}
 
-  dependency-graph@1.0.0: {}
-
   detect-indent@6.1.0: {}
 
   detect-libc@1.0.3:
@@ -6271,6 +6327,8 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.3.0
 
+  entities@7.0.1: {}
+
   env-paths@2.2.1: {}
 
   environment@1.1.0: {}
@@ -6595,6 +6653,8 @@ snapshots:
 
   estraverse@5.3.0: {}
 
+  estree-walker@2.0.2: {}
+
   esutils@2.0.3: {}
 
   eventemitter3@5.0.1: {}
@@ -6859,10 +6919,6 @@ snapshots:
 
   github-from-package@0.0.0: {}
 
-  glob-parent@5.1.2:
-    dependencies:
-      is-glob: 4.0.3
-
   glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
@@ -7033,7 +7089,8 @@ snapshots:
 
   ignore@7.0.5: {}
 
-  immutable@5.1.4: {}
+  immutable@5.1.4:
+    optional: true
 
   import-fresh@3.3.1:
     dependencies:
@@ -7088,10 +7145,6 @@ snapshots:
     dependencies:
       has-bigints: 1.1.0
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-boolean-object@1.2.2:
     dependencies:
       call-bound: 1.0.4
@@ -7650,8 +7703,6 @@ snapshots:
       semver: 7.7.3
       validate-npm-package-license: 3.0.4
 
-  normalize-path@3.0.0: {}
-
   normalize-url@6.1.0: {}
 
   npm-run-path@5.3.0:
@@ -7870,38 +7921,6 @@ snapshots:
 
   possible-typed-array-names@1.1.0: {}
 
-  postcss-cli@11.0.1(jiti@2.6.1)(postcss@8.5.6):
-    dependencies:
-      chokidar: 3.6.0
-      dependency-graph: 1.0.0
-      fs-extra: 11.3.3
-      picocolors: 1.1.1
-      postcss: 8.5.6
-      postcss-load-config: 5.1.0(jiti@2.6.1)(postcss@8.5.6)
-      postcss-reporter: 7.1.0(postcss@8.5.6)
-      pretty-hrtime: 1.0.3
-      read-cache: 1.0.0
-      slash: 5.1.0
-      tinyglobby: 0.2.15
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - jiti
-      - tsx
-
-  postcss-load-config@5.1.0(jiti@2.6.1)(postcss@8.5.6):
-    dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.8.2
-    optionalDependencies:
-      jiti: 2.6.1
-      postcss: 8.5.6
-
-  postcss-reporter@7.1.0(postcss@8.5.6):
-    dependencies:
-      picocolors: 1.1.1
-      postcss: 8.5.6
-      thenby: 1.3.4
-
   postcss-value-parser@4.2.0: {}
 
   postcss@8.5.6:
@@ -7938,8 +7957,6 @@ snapshots:
 
   prettier@3.7.4: {}
 
-  pretty-hrtime@1.0.3: {}
-
   proc-log@2.0.1: {}
 
   proc-log@5.0.0: {}
@@ -7981,10 +7998,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
   read-pkg-up@3.0.0:
     dependencies:
       find-up: 2.1.0
@@ -8025,11 +8038,8 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.1
-
-  readdirp@4.1.2: {}
+  readdirp@4.1.2:
+    optional: true
 
   redent@3.0.0:
     dependencies:
@@ -8178,6 +8188,7 @@ snapshots:
       source-map-js: 1.2.1
     optionalDependencies:
       '@parcel/watcher': 2.5.1
+    optional: true
 
   sax@1.4.3: {}
 
@@ -8267,8 +8278,6 @@ snapshots:
     dependencies:
       semver: 7.7.3
 
-  slash@5.1.0: {}
-
   slice-ansi@3.0.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -8556,8 +8565,6 @@ snapshots:
 
   text-extensions@1.9.0: {}
 
-  thenby@1.3.4: {}
-
   through2@2.0.5:
     dependencies:
       readable-stream: 2.3.8
@@ -8623,6 +8630,10 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
+  tsconfck@3.1.6(typescript@5.9.3):
+    optionalDependencies:
+      typescript: 5.9.3
+
   tsconfig-paths@3.15.0:
     dependencies:
       '@types/json5': 0.0.29
@@ -8760,6 +8771,17 @@ snapshots:
       extsprintf: 1.4.1
     optional: true
 
+  vite-tsconfig-paths@6.0.4(typescript@5.9.3)(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2)):
+    dependencies:
+      debug: 4.4.3
+      globrex: 0.1.2
+      tsconfck: 3.1.6(typescript@5.9.3)
+    optionalDependencies:
+      vite: 7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2):
     dependencies:
       esbuild: 0.27.2
@@ -8775,6 +8797,31 @@ snapshots:
       sass: 1.97.1
       yaml: 2.8.2
 
+  vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(sass@1.97.1)(yaml@2.8.2):
+    dependencies:
+      esbuild: 0.27.2
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.54.0
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 25.0.3
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      sass: 1.97.1
+      yaml: 2.8.2
+
+  vue@3.5.27(typescript@5.9.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.27
+      '@vue/compiler-sfc': 3.5.27
+      '@vue/runtime-dom': 3.5.27
+      '@vue/server-renderer': 3.5.27(vue@3.5.27(typescript@5.9.3))
+      '@vue/shared': 3.5.27
+    optionalDependencies:
+      typescript: 5.9.3
+
   wcwidth@1.0.1:
     dependencies:
       defaults: 1.0.4