diff --git a/ui/components/ConditionForm.vue b/ui/components/ConditionForm.vue
index 97537ab6..9ba0f309 100644
--- a/ui/components/ConditionForm.vue
+++ b/ui/components/ConditionForm.vue
@@ -209,7 +209,7 @@
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
 import { decode } from '~/utils/importer'
-import type { ConditionItem, ImportedConditionItem } from '~/@types/conditions'
+import type { ConditionItem, ImportedConditionItem } from '~/types/conditions'
 
 const emitter = defineEmits<{
   (e: 'cancel'): void
diff --git a/ui/components/NewDownload.vue b/ui/components/NewDownload.vue
index 6f6f70cc..83813fbe 100644
--- a/ui/components/NewDownload.vue
+++ b/ui/components/NewDownload.vue
@@ -231,7 +231,7 @@
 <script setup lang="ts">
 import 'assets/css/bulma-switch.css'
 import { useStorage } from '@vueuse/core'
-import type { item_request } from '~/@types/item'
+import type { item_request } from '~/types/item'
 import { getSeparatorsName, separators } from '~/utils/utils'
 
 const props = defineProps<{ item?: Partial<item_request> }>()
diff --git a/ui/pages/changelog.vue b/ui/pages/changelog.vue
index e6eafa81..cdc86666 100644
--- a/ui/pages/changelog.vue
+++ b/ui/pages/changelog.vue
@@ -72,7 +72,7 @@ hr {
 
 <script setup lang="ts">
 import moment from 'moment'
-import type { changelogs, changeset } from '~/@types/changelogs'
+import type { changelogs, changeset } from '~/types/changelogs'
 
 const toast = useNotification()
 const config = useConfigStore()
diff --git a/ui/pages/conditions.vue b/ui/pages/conditions.vue
index f590572d..95ec38a1 100644
--- a/ui/pages/conditions.vue
+++ b/ui/pages/conditions.vue
@@ -117,7 +117,7 @@
 <script setup lang="ts">
 import { request } from '~/utils/index'
 import { encode } from '~/utils/importer'
-import type { ConditionItem, ImportedConditionItem } from '~/@types/conditions'
+import type { ConditionItem, ImportedConditionItem } from '~/types/conditions'
 
 const toast = useNotification()
 const config = useConfigStore()
diff --git a/ui/pages/console.vue b/ui/pages/console.vue
index 696306f0..05049ef0 100644
--- a/ui/pages/console.vue
+++ b/ui/pages/console.vue
@@ -63,6 +63,7 @@ import { useStorage } from '@vueuse/core'
 
 const config = useConfigStore()
 const socket = useSocketStore()
+const toast = useNotification()
 
 const bg_enable = useStorage<boolean>('random_bg', true)
 const bg_opacity = useStorage<number>('random_bg_opacity', 0.95)
@@ -88,14 +89,15 @@ watch(() => config.app.basic_mode, async () => {
     return
   }
   await navigateTo('/')
-})
+}, { immediate: true })
 
 watch(() => config.app.console_enabled, async () => {
   if (config.app.console_enabled) {
     return
   }
+  toast.error('Console is disabled in the configuration. Please enable it to use this feature.')
   await navigateTo('/')
-})
+}, { immediate: true })
 
 const handle_event = () => {
   if (!terminal.value) {
diff --git a/ui/pages/index.vue b/ui/pages/index.vue
index af30088a..cdf94206 100644
--- a/ui/pages/index.vue
+++ b/ui/pages/index.vue
@@ -80,7 +80,7 @@
 
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
-import type { item_request } from '~/@types/item'
+import type { item_request } from '~/types/item'
 
 const config = useConfigStore()
 const stateStore = useStateStore()
diff --git a/ui/pages/logs.vue b/ui/pages/logs.vue
index 0bae88a0..65ff4909 100644
--- a/ui/pages/logs.vue
+++ b/ui/pages/logs.vue
@@ -114,7 +114,7 @@ import moment from 'moment'
 import { request } from '~/utils/index'
 import { ref, onMounted, nextTick } from 'vue'
 import { useStorage } from '@vueuse/core'
-import type { log_line } from '~/@types/logs'
+import type { log_line } from '~/types/logs'
 
 let scrollTimeout: NodeJS.Timeout | null = null
 
diff --git a/ui/pages/tasks.vue b/ui/pages/tasks.vue
index e6de61d3..2d85e3ba 100644
--- a/ui/pages/tasks.vue
+++ b/ui/pages/tasks.vue
@@ -330,7 +330,7 @@ import { useStorage } from '@vueuse/core'
 import { CronExpressionParser } from 'cron-parser'
 import { request, sleep } from '~/utils/index'
 import { encode } from '~/utils/importer'
-import type { task_item, exported_task, error_response } from '~/@types/tasks'
+import type { task_item, exported_task, error_response } from '~/types/tasks'
 
 const box = useConfirm()
 const toast = useNotification()
diff --git a/ui/stores/ConfigStore.ts b/ui/stores/ConfigStore.ts
index f7a509fc..4fd4ece1 100644
--- a/ui/stores/ConfigStore.ts
+++ b/ui/stores/ConfigStore.ts
@@ -1,5 +1,5 @@
 import { useStorage } from '@vueuse/core'
-import type { ConfigState } from '~/@types/config';
+import type { ConfigState } from '~/types/config';
 
 export const useConfigStore = defineStore('config', () => {
   const state = reactive<ConfigState>({
diff --git a/ui/tsconfig.json b/ui/tsconfig.json
index 83536549..e1ed80ed 100644
--- a/ui/tsconfig.json
+++ b/ui/tsconfig.json
@@ -2,6 +2,9 @@
   // https://nuxt.com/docs/guide/concepts/typescript
   "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
-    "allowImportingTsExtensions": false
+    "allowImportingTsExtensions": false,
+    "types": [
+      "./types/globals"
+    ]
   }
 }
diff --git a/ui/@types/changelogs.d.ts b/ui/types/changelogs.d.ts
similarity index 100%
rename from ui/@types/changelogs.d.ts
rename to ui/types/changelogs.d.ts
diff --git a/ui/@types/conditions.d.ts b/ui/types/conditions.d.ts
similarity index 100%
rename from ui/@types/conditions.d.ts
rename to ui/types/conditions.d.ts
diff --git a/ui/@types/config.d.ts b/ui/types/config.d.ts
similarity index 100%
rename from ui/@types/config.d.ts
rename to ui/types/config.d.ts
diff --git a/ui/types/globals.d.ts b/ui/types/globals.d.ts
new file mode 100644
index 00000000..8ddccd28
--- /dev/null
+++ b/ui/types/globals.d.ts
@@ -0,0 +1,7 @@
+export { }
+
+declare global {
+  interface Window {
+    ws?: unknown
+  }
+}
diff --git a/ui/@types/item.d.ts b/ui/types/item.d.ts
similarity index 100%
rename from ui/@types/item.d.ts
rename to ui/types/item.d.ts
diff --git a/ui/@types/logs.ts b/ui/types/logs.ts
similarity index 100%
rename from ui/@types/logs.ts
rename to ui/types/logs.ts
diff --git a/ui/@types/responses.d.ts b/ui/types/responses.d.ts
similarity index 100%
rename from ui/@types/responses.d.ts
rename to ui/types/responses.d.ts
diff --git a/ui/@types/tasks.ts b/ui/types/tasks.ts
similarity index 100%
rename from ui/@types/tasks.ts
rename to ui/types/tasks.ts
diff --git a/ui/utils/index.js b/ui/utils/index.js
index 5a1aaea6..a92eab6c 100644
--- a/ui/utils/index.js
+++ b/ui/utils/index.js
@@ -13,7 +13,7 @@ const getValue = (obj) => 'function' === typeof obj ? obj() : obj
 /**
  * Get value from object or function and return default value if it's undefined  or null
  *
- * @param {Object|Array} obj The object to get the value from.
+ * @param {Object|Array|any} obj The object to get the value from.
  * @param {string} path The path to the value.
  * @param {*} defaultValue The default value to return if the path is not found.
  *
diff --git a/ui/utils/utils.ts b/ui/utils/utils.ts
index 5a840bba..5e646cc6 100644
--- a/ui/utils/utils.ts
+++ b/ui/utils/utils.ts
@@ -1,4 +1,4 @@
-import type { convert_args_response } from "~/@types/responses";
+import type { convert_args_response } from "~/types/responses";
 
 const separators = [
   { name: 'Comma', value: ',', },